├── public
    ├── favicon.ico
    ├── repomind.png
    ├── 1080x1080.png
    ├── user-avatar.png
    ├── assets
    │   └── demo.webp
    ├── favicon-16x16.png
    ├── favicon-32x32.png
    ├── apple-touch-icon.png
    ├── icon-maskable-512x512.png
    ├── android-chrome-192x192.png
    ├── android-chrome-512x512.png
    ├── manifest.json
    └── _offline.html
├── src
    ├── app
    │   ├── favicon.ico
    │   ├── robots.ts
    │   ├── sitemap.ts
    │   ├── components
    │   │   └── json-ld.tsx
    │   ├── api
    │   │   ├── stats
    │   │   │   ├── badge
    │   │   │   │   └── route.ts
    │   │   │   └── card
    │   │   │   │   └── route.tsx
    │   │   └── fix-mermaid
    │   │   │   └── route.ts
    │   ├── chat
    │   │   └── page.tsx
    │   ├── globals.css
    │   ├── layout.tsx
    │   ├── page.tsx
    │   └── admin
    │   │   └── stats
    │   │       └── page.tsx
    ├── lib
    │   ├── types.ts
    │   ├── utils.ts
    │   ├── streaming-types.ts
    │   ├── tokens.ts
    │   ├── generator.ts
    │   ├── repro_issue.ts
    │   ├── file-filters.ts
    │   ├── cache.ts
    │   ├── quality-analyzer.ts
    │   ├── analytics.ts
    │   ├── search-engine.ts
    │   ├── storage.ts
    │   ├── markdown-utils.ts
    │   └── gemini-security.ts
    ├── components
    │   ├── icons
    │   │   ├── UserIcon.tsx
    │   │   └── BotIcon.tsx
    │   ├── StreamingProgress.tsx
    │   ├── CAGBadge.tsx
    │   ├── WhatsNewBadge.tsx
    │   ├── GitHubBadge.tsx
    │   ├── RepoLayout.tsx
    │   ├── ChatInput.tsx
    │   ├── InstallPWA.tsx
    │   ├── RepoCard.tsx
    │   ├── CodeBlock.tsx
    │   ├── EnhancedMarkdown.tsx
    │   ├── ConfirmDialog.tsx
    │   ├── SmartLink.tsx
    │   ├── DeveloperCard.tsx
    │   ├── Footer.tsx
    │   ├── FeatureTiles.tsx
    │   ├── ProfileLoader.tsx
    │   ├── RepoLoader.tsx
    │   ├── CAGComparison.tsx
    │   ├── WhatsNewModal.tsx
    │   └── FilePreview.tsx
    └── proxy.ts
├── postcss.config.mjs
├── .env.example
├── eslint.config.mjs
├── clear-cache.mjs
├── .gitignore
├── .github
    └── FUNDING.yml
├── tsconfig.json
├── next-pwa.d.ts
├── LICENSE
├── package.json
├── next.config.ts
└── CHANGELOG.md


/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/repomind.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/repomind.png


--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/src/app/favicon.ico


--------------------------------------------------------------------------------
/public/1080x1080.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/1080x1080.png


--------------------------------------------------------------------------------
/public/user-avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/user-avatar.png


--------------------------------------------------------------------------------
/public/assets/demo.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/assets/demo.webp


--------------------------------------------------------------------------------
/public/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/favicon-16x16.png


--------------------------------------------------------------------------------
/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/favicon-32x32.png


--------------------------------------------------------------------------------
/public/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/apple-touch-icon.png


--------------------------------------------------------------------------------
/public/icon-maskable-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/icon-maskable-512x512.png


--------------------------------------------------------------------------------
/public/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/android-chrome-192x192.png


--------------------------------------------------------------------------------
/public/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/403errors/repomind/HEAD/public/android-chrome-512x512.png


--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | const config = {
2 |   plugins: {
3 |     "@tailwindcss/postcss": {},
4 |   },
5 | };
6 | 
7 | export default config;
8 | 


--------------------------------------------------------------------------------
/src/lib/types.ts:
--------------------------------------------------------------------------------
1 | export interface Message {
2 |     id: string;
3 |     role: "user" | "model";
4 |     content: string;
5 |     relevantFiles?: string[];
6 | }
7 | 


--------------------------------------------------------------------------------
/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from "clsx";
2 | import { twMerge } from "tailwind-merge";
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |     return twMerge(clsx(inputs));
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/robots.ts:
--------------------------------------------------------------------------------
 1 | import { MetadataRoute } from "next";
 2 | 
 3 | export default function robots(): MetadataRoute.Robots {
 4 |     return {
 5 |         rules: {
 6 |             userAgent: "*",
 7 |             allow: "/",
 8 |         },
 9 |         sitemap: "https://repomind-ai.vercel.app/sitemap.xml",
10 |     };
11 | }
12 | 


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
 1 | # GitHub Token
 2 | GITHUB_TOKEN="your_github_token"
 3 | 
 4 | # Gemini API Key
 5 | GEMINI_API_KEY="your_gemini_api_key"
 6 | 
 7 | # Caching Vercel KV
 8 | KV_REST_API_READ_ONLY_TOKEN="your_kv_rest_api_read_only_token"
 9 | KV_REST_API_TOKEN="your_kv_rest_api_token"
10 | KV_REST_API_URL="your_kv_rest_api_url"
11 | KV_URL="your_kv_url"
12 | REDIS_URL="your_redis_url"


--------------------------------------------------------------------------------
/src/app/sitemap.ts:
--------------------------------------------------------------------------------
 1 | import { MetadataRoute } from "next";
 2 | 
 3 | export default function sitemap(): MetadataRoute.Sitemap {
 4 |     const baseUrl = "https://repomind-ai.vercel.app";
 5 | 
 6 |     return [
 7 |         {
 8 |             url: baseUrl,
 9 |             lastModified: new Date(),
10 |             changeFrequency: "daily",
11 |             priority: 1,
12 |         },
13 |     ];
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/icons/UserIcon.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from "@/lib/utils";
 2 | import Image from "next/image";
 3 | 
 4 | export function UserIcon({ className }: { className?: string }) {
 5 |     return (
 6 |         <Image
 7 |             src="/user-avatar.png"
 8 |             alt="User"
 9 |             width={40}
10 |             height={40}
11 |             className={cn("w-full h-full object-cover rounded-full", className)}
12 |         />
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/icons/BotIcon.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from "@/lib/utils";
 2 | import Image from "next/image";
 3 | 
 4 | export function BotIcon({ className }: { className?: string }) {
 5 |     return (
 6 |         <Image
 7 |             src="/1080x1080.png"
 8 |             alt="RepoMind Bot"
 9 |             width={40}
10 |             height={40}
11 |             className={cn("w-full h-full object-cover rounded-full", className)}
12 |         />
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/components/json-ld.tsx:
--------------------------------------------------------------------------------
 1 | export default function JsonLd() {
 2 |     return (
 3 |         <script
 4 |             type="application/ld+json"
 5 |             dangerouslySetInnerHTML={{
 6 |                 __html: JSON.stringify({
 7 |                     "@context": "https://schema.org",
 8 |                     "@type": "WebSite",
 9 |                     name: "RepoMind",
10 |                     url: "https://repomind-ai.vercel.app",
11 |                 }),
12 |             }}
13 |         />
14 |     );
15 | }
16 | 


--------------------------------------------------------------------------------
/eslint.config.mjs:
--------------------------------------------------------------------------------
 1 | import { defineConfig, globalIgnores } from "eslint/config";
 2 | import nextVitals from "eslint-config-next/core-web-vitals";
 3 | import nextTs from "eslint-config-next/typescript";
 4 | 
 5 | const eslintConfig = defineConfig([
 6 |   ...nextVitals,
 7 |   ...nextTs,
 8 |   // Override default ignores of eslint-config-next.
 9 |   globalIgnores([
10 |     // Default ignores of eslint-config-next:
11 |     ".next/**",
12 |     "out/**",
13 |     "build/**",
14 |     "next-env.d.ts",
15 |   ]),
16 | ]);
17 | 
18 | export default eslintConfig;
19 | 


--------------------------------------------------------------------------------
/clear-cache.mjs:
--------------------------------------------------------------------------------
 1 | // Quick script to clear corrupted Vercel KV cache
 2 | import { kv } from '@vercel/kv';
 3 | 
 4 | console.log('🗑️  Clearing corrupted cache entries...');
 5 | 
 6 | try {
 7 |     // Get all keys
 8 |     const keys = await kv.keys('*');
 9 |     console.log(`Found ${keys.length} cache keys`);
10 | 
11 |     // Delete all
12 |     if (keys.length > 0) {
13 |         await Promise.all(keys.map(key => kv.del(key)));
14 |         console.log('✅ Cache cleared successfully!');
15 |     } else {
16 |         console.log('ℹ️  No cache entries found');
17 |     }
18 | } catch (error) {
19 |     console.error('❌ Error clearing cache:', error);
20 |     process.exit(1);
21 | }
22 | 
23 | process.exit(0);
24 | 


--------------------------------------------------------------------------------
/src/lib/streaming-types.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Type definitions for streaming server action responses
 3 |  */
 4 | 
 5 | export type StreamUpdate =
 6 |     | { type: "status"; message: string; progress: number }
 7 |     | { type: "content"; text: string; append: boolean }
 8 |     | { type: "files"; files: string[] }
 9 |     | { type: "complete"; relevantFiles: string[] }
10 |     | { type: "error"; message: string };
11 | 
12 | export interface StreamingMessage {
13 |     id: string;
14 |     role: "user" | "model";
15 |     content: string;
16 |     relevantFiles?: string[];
17 | }
18 | 
19 | export interface StreamingState {
20 |     status: string;
21 |     progress: number;
22 |     isStreaming: boolean;
23 | }
24 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.*
 7 | .yarn/*
 8 | !.yarn/patches
 9 | !.yarn/plugins
10 | !.yarn/releases
11 | !.yarn/versions
12 | 
13 | # testing
14 | /coverage
15 | 
16 | # next.js
17 | /.next/
18 | /out/
19 | 
20 | # production
21 | /build
22 | 
23 | # misc
24 | .DS_Store
25 | *.pem
26 | 
27 | # debug
28 | npm-debug.log*
29 | yarn-debug.log*
30 | yarn-error.log*
31 | .pnpm-debug.log*
32 | 
33 | # env files (can opt-in for committing if needed)
34 | .env
35 | .env.local
36 | 
37 | # vercel
38 | .vercel
39 | 
40 | # typescript
41 | *.tsbuildinfo
42 | next-env.d.ts
43 | 
44 | # PWA
45 | public/sw.js
46 | public/sw.js.map
47 | public/workbox-*.js
48 | public/workbox-*.js.map
49 | 


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: 403errors
 4 | patreon: # Replace with a single Patreon username
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
12 | polar: # Replace with a single Polar username
13 | buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
14 | thanks_dev: # Replace with a single thanks.dev username
15 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
16 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2017",
 4 |     "lib": [
 5 |       "dom",
 6 |       "dom.iterable",
 7 |       "esnext"
 8 |     ],
 9 |     "allowJs": true,
10 |     "skipLibCheck": true,
11 |     "strict": true,
12 |     "noEmit": true,
13 |     "esModuleInterop": true,
14 |     "module": "esnext",
15 |     "moduleResolution": "bundler",
16 |     "resolveJsonModule": true,
17 |     "isolatedModules": true,
18 |     "jsx": "react-jsx",
19 |     "incremental": true,
20 |     "plugins": [
21 |       {
22 |         "name": "next"
23 |       }
24 |     ],
25 |     "paths": {
26 |       "@/*": [
27 |         "./src/*"
28 |       ]
29 |     }
30 |   },
31 |   "include": [
32 |     "next-env.d.ts",
33 |     "**/*.ts",
34 |     "**/*.tsx",
35 |     ".next/types/**/*.ts",
36 |     ".next/dev/types/**/*.ts",
37 |     "**/*.mts"
38 |   ],
39 |   "exclude": [
40 |     "node_modules",
41 |     "analyze-test2.ts"
42 |   ]
43 | }


--------------------------------------------------------------------------------
/src/app/api/stats/badge/route.ts:
--------------------------------------------------------------------------------
 1 | import { kv } from "@vercel/kv";
 2 | import { NextResponse } from "next/server";
 3 | 
 4 | export const runtime = 'nodejs';
 5 | export const dynamic = 'force-dynamic';
 6 | 
 7 | export async function GET() {
 8 |     try {
 9 |         const totalQueries = await kv.get<number>("queries:total");
10 |         const count = totalQueries || 0;
11 | 
12 |         // Format for Shields.io Endpoint
13 |         // https://shields.io/badges/endpoint-badge
14 |         return NextResponse.json({
15 |             schemaVersion: 1,
16 |             label: "Total Queries",
17 |             message: count.toLocaleString(),
18 |             color: "blue",
19 |             cacheSeconds: 60 // Cache for 1 minute
20 |         });
21 |     } catch (error) {
22 |         console.error("Failed to fetch query stats:", error);
23 |         return NextResponse.json({
24 |             schemaVersion: 1,
25 |             label: "Total Queries",
26 |             message: "error",
27 |             color: "red"
28 |         });
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/src/app/api/fix-mermaid/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from 'next/server';
 2 | import { fixMermaidSyntax } from '@/lib/gemini';
 3 | 
 4 | export async function POST(req: NextRequest) {
 5 |     try {
 6 |         const { code } = await req.json();
 7 | 
 8 |         if (!code) {
 9 |             return NextResponse.json(
10 |                 { error: 'Missing code parameter' },
11 |                 { status: 400 }
12 |             );
13 |         }
14 | 
15 |         const fixed = await fixMermaidSyntax(code);
16 | 
17 |         if (!fixed) {
18 |             return NextResponse.json(
19 |                 { error: 'Failed to fix Mermaid syntax' },
20 |                 { status: 500 }
21 |             );
22 |         }
23 | 
24 |         return NextResponse.json({ fixed });
25 |     } catch (error: any) {
26 |         console.error('Error fixing Mermaid syntax:', error);
27 |         return NextResponse.json(
28 |             { error: error.message || 'Internal server error' },
29 |             { status: 500 }
30 |         );
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/next-pwa.d.ts:
--------------------------------------------------------------------------------
 1 | declare module 'next-pwa' {
 2 |     import { NextConfig } from 'next';
 3 | 
 4 |     interface PWAConfig {
 5 |         dest?: string;
 6 |         register?: boolean;
 7 |         skipWaiting?: boolean;
 8 |         disable?: boolean;
 9 |         fallbacks?: {
10 |             document?: string;
11 |             image?: string;
12 |             audio?: string;
13 |             video?: string;
14 |             font?: string;
15 |         };
16 |         runtimeCaching?: Array<{
17 |             urlPattern: RegExp | string;
18 |             handler: 'CacheFirst' | 'NetworkFirst' | 'StaleWhileRevalidate' | 'NetworkOnly' | 'CacheOnly';
19 |             options?: {
20 |                 cacheName?: string;
21 |                 networkTimeoutSeconds?: number;
22 |                 expiration?: {
23 |                     maxEntries?: number;
24 |                     maxAgeSeconds?: number;
25 |                 };
26 |             };
27 |         }>;
28 |     }
29 | 
30 |     export default function withPWA(config: PWAConfig): (nextConfig: NextConfig) => NextConfig;
31 | }
32 | 


--------------------------------------------------------------------------------
/src/components/StreamingProgress.tsx:
--------------------------------------------------------------------------------
 1 | import { motion } from "framer-motion";
 2 | import { Loader2 } from "lucide-react";
 3 | 
 4 | interface StreamingProgressProps {
 5 |     message: string;
 6 |     progress: number;
 7 | }
 8 | 
 9 | export function StreamingProgress({ message, progress }: StreamingProgressProps) {
10 |     return (
11 |         <div className="flex flex-col gap-2">
12 |             <div className="flex items-center gap-2">
13 |                 <Loader2 className="w-4 h-4 animate-spin text-purple-400" />
14 |                 <span className="text-sm text-zinc-400">{message}</span>
15 |             </div>
16 | 
17 |             {/* Progress bar */}
18 |             <div className="w-full h-1.5 bg-zinc-800 rounded-full overflow-hidden">
19 |                 <motion.div
20 |                     className="h-full bg-gradient-to-r from-purple-600 to-blue-600"
21 |                     initial={{ width: 0 }}
22 |                     animate={{ width: `${progress}%` }}
23 |                     transition={{ duration: 0.3, ease: "easeOut" }}
24 |                 />
25 |             </div>
26 |         </div>
27 |     );
28 | }
29 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2025 Sameer Verma
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/components/CAGBadge.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { motion } from "framer-motion";
 4 | 
 5 | export function CAGBadge() {
 6 |     const scrollToCAG = () => {
 7 |         const element = document.getElementById('cag-comparison');
 8 |         if (element) {
 9 |             element.scrollIntoView({ behavior: 'smooth' });
10 |         }
11 |     };
12 | 
13 |     return (
14 |         <motion.button
15 |             initial={{ opacity: 0, y: 20 }}
16 |             animate={{ opacity: 1, y: 0 }}
17 |             transition={{ duration: 0.6, delay: 0.4 }}
18 |             onClick={scrollToCAG}
19 |             className="mb-12 group hover:scale-105 transition-transform"
20 |         >
21 |             <div className="flex items-center gap-2 px-4 py-2 bg-blue-500/10 border border-blue-500/20 rounded-full backdrop-blur-md hover:bg-blue-500/20 hover:border-blue-500/40 transition-colors">
22 |                 <span className="text-sm font-medium text-blue-200 group-hover:text-white transition-colors">
23 |                     Powered by <span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400">CAG Architecture</span>
24 |                 </span>
25 |             </div>
26 |         </motion.button>
27 |     );
28 | }
29 | 


--------------------------------------------------------------------------------
/src/components/WhatsNewBadge.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useState } from "react";
 4 | import { motion } from "framer-motion";
 5 | import { Sparkles } from "lucide-react";
 6 | import { WhatsNewModal } from "./WhatsNewModal";
 7 | 
 8 | export function WhatsNewBadge() {
 9 |     const [isModalOpen, setIsModalOpen] = useState(false);
10 | 
11 |     return (
12 |         <>
13 |             <motion.button
14 |                 initial={{ opacity: 0, x: 20 }}
15 |                 animate={{ opacity: 1, x: 0 }}
16 |                 transition={{ duration: 0.6, delay: 0.3 }}
17 |                 onClick={() => setIsModalOpen(true)}
18 |                 className="fixed top-6 left-6 z-[999] hover:scale-105 transition-transform"
19 |             >
20 |                 <div className="flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-purple-600/20 to-blue-600/20 border border-purple-600/30 rounded-full backdrop-blur-md hover:border-purple-600/50 transition-colors">
21 |                     <span className="relative flex h-2 w-2">
22 |                         <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span>
23 |                         <span className="relative inline-flex rounded-full h-2 w-2 bg-purple-500"></span>
24 |                     </span>
25 |                     <span className="text-sm font-medium text-purple-200">What's New</span>
26 |                 </div>
27 |             </motion.button>
28 | 
29 |             <WhatsNewModal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)} />
30 |         </>
31 |     );
32 | }
33 | 


--------------------------------------------------------------------------------
/src/app/chat/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Suspense } from "react";
 2 | import { fetchGitHubData } from "../actions";
 3 | import { ProfileLoader } from "@/components/ProfileLoader";
 4 | import { RepoLoader } from "@/components/RepoLoader";
 5 | import { RepoLayout } from "@/components/RepoLayout";
 6 | import { Loader2, AlertCircle, ArrowLeft, Github, Search } from "lucide-react";
 7 | import { GitHubRepo } from "@/lib/github";
 8 | import Link from "next/link";
 9 | 
10 | export default async function ChatPage({
11 |     searchParams,
12 | }: {
13 |     searchParams: Promise<{ q?: string }>;
14 | }) {
15 |     const { q: query } = await searchParams;
16 | 
17 |     if (!query) {
18 |         return (
19 |             <div className="flex flex-col items-center justify-center h-screen bg-black text-white gap-4">
20 |                 <Search className="w-12 h-12 text-zinc-600" />
21 |                 <h1 className="text-2xl font-bold">No Query Provided</h1>
22 |                 <p className="text-zinc-400">Please search for a GitHub user or repository</p>
23 |                 <Link href="/" className="mt-4 px-6 py-3 bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors flex items-center gap-2">
24 |                     <ArrowLeft className="w-4 h-4" />
25 |                     Back to Home
26 |                 </Link>
27 |             </div>
28 |         );
29 |     }
30 | 
31 |     // If it's a profile query (no slash), load immediately with ProfileLoader
32 |     if (!query.includes("/")) {
33 |         return <ProfileLoader username={query} />;
34 |     }
35 | 
36 |     // For repos, use RepoLoader for client-side loading
37 |     return <RepoLoader query={query} />;
38 | }
39 | 


--------------------------------------------------------------------------------
/src/proxy.ts:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | import type { NextRequest } from 'next/server';
 3 | 
 4 | export function proxy(request: NextRequest) {
 5 |     // Get the origin of the request
 6 |     const origin = request.headers.get('origin');
 7 | 
 8 |     // Define allowed origins
 9 |     const allowedOrigins = [
10 |         'https://repomind-ai.vercel.app',
11 |         'http://localhost:3000',
12 |         'http://localhost:3001',
13 |     ];
14 | 
15 |     // Check if origin is allowed
16 |     const isAllowedOrigin = origin && allowedOrigins.includes(origin);
17 | 
18 |     // Handle preflight requests
19 |     if (request.method === 'OPTIONS') {
20 |         return new NextResponse(null, {
21 |             status: 200,
22 |             headers: {
23 |                 'Access-Control-Allow-Origin': isAllowedOrigin ? origin : allowedOrigins[0],
24 |                 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
25 |                 'Access-Control-Allow-Headers': 'Content-Type, Authorization',
26 |                 'Access-Control-Max-Age': '86400',
27 |             },
28 |         });
29 |     }
30 | 
31 |     // Handle actual requests
32 |     const response = NextResponse.next();
33 | 
34 |     if (isAllowedOrigin) {
35 |         response.headers.set('Access-Control-Allow-Origin', origin);
36 |         response.headers.set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
37 |         response.headers.set('Access-Control-Allow-Headers', 'Content-Type, Authorization');
38 |     }
39 | 
40 |     return response;
41 | }
42 | 
43 | // Configure which routes use this middleware
44 | export const config = {
45 |     matcher: '/api/:path*',
46 | };
47 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "repomind",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "eslint"
10 |   },
11 |   "dependencies": {
12 |     "@ast-grep/cli": "^0.34.3",
13 |     "@babel/parser": "^7.28.5",
14 |     "@babel/traverse": "^7.28.5",
15 |     "@google/generative-ai": "^0.24.1",
16 |     "@octokit/graphql": "^9.0.3",
17 |     "@typescript-eslint/eslint-plugin": "^8.47.0",
18 |     "@typescript-eslint/parser": "^8.47.0",
19 |     "@vercel/kv": "^3.0.0",
20 |     "clsx": "^2.1.1",
21 |     "framer-motion": "^12.23.24",
22 |     "gpt-tokenizer": "^3.4.0",
23 |     "graphql": "^16.12.0",
24 |     "html2canvas": "^1.4.1",
25 |     "html2canvas-pro": "^1.5.13",
26 |     "license-checker-rseidelsohn": "^4.4.2",
27 |     "lucide-react": "^0.554.0",
28 |     "madge": "^8.0.0",
29 |     "mermaid": "^11.12.1",
30 |     "next": "^16.0.7",
31 |     "next-pwa": "^5.6.0",
32 |     "next-themes": "^0.4.6",
33 |     "octokit": "^5.0.5",
34 |     "react": "19.2.0",
35 |     "react-dom": "19.2.0",
36 |     "react-markdown": "^10.1.0",
37 |     "react-syntax-highlighter": "^16.1.0",
38 |     "remark-gfm": "^4.0.1",
39 |     "sonner": "^2.0.7",
40 |     "tailwind-merge": "^3.4.0"
41 |   },
42 |   "devDependencies": {
43 |     "@tailwindcss/postcss": "^4",
44 |     "@tailwindcss/typography": "^0.5.19",
45 |     "@types/babel__traverse": "^7.28.0",
46 |     "@types/node": "^20",
47 |     "@types/react": "^19",
48 |     "@types/react-dom": "^19",
49 |     "@types/react-syntax-highlighter": "^15.5.13",
50 |     "eslint": "^9.39.1",
51 |     "eslint-config-next": "^16.0.7",
52 |     "eslint-plugin-security": "^3.0.1",
53 |     "tailwindcss": "^4",
54 |     "typescript": "^5"
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
 1 | @import "tailwindcss";
 2 | @plugin "@tailwindcss/typography";
 3 | 
 4 | :root {
 5 |   --background: #ffffff;
 6 |   --foreground: #171717;
 7 | }
 8 | 
 9 | @theme inline {
10 |   --color-background: var(--background);
11 |   --color-foreground: var(--foreground);
12 |   --font-sans: var(--font-montserrat);
13 | }
14 | 
15 | @media (prefers-color-scheme: dark) {
16 |   :root {
17 |     --background: #0a0a0a;
18 |     --foreground: #ededed;
19 |   }
20 | }
21 | 
22 | @property --angle {
23 |   syntax: "<angle>";
24 |   inherits: true;
25 |   initial-value: 0turn;
26 | }
27 | 
28 | @keyframes spin-gradient {
29 |   to {
30 |     --angle: 1turn;
31 |   }
32 | }
33 | 
34 | .conic-border-container {
35 |   position: relative;
36 | 
37 |   border: 2px solid transparent;
38 |   /* uniform width */
39 |   isolation: isolate;
40 | }
41 | 
42 | .conic-border-container::before {
43 |   content: " ";
44 |   position: absolute;
45 |   inset: -2px;
46 |   /* negative border width */
47 |   z-index: -1;
48 |   border: inherit;
49 |   border-radius: inherit;
50 |   background-image: conic-gradient(from var(--angle), #9333ea 0%, #3b82f6 50%, #9333ea 100%);
51 |   background-origin: border-box;
52 |   -webkit-mask:
53 |     linear-gradient(black, black) content-box,
54 |     linear-gradient(black, black);
55 |   mask: linear-gradient(black, black),
56 |     linear-gradient(black, black);
57 |   -webkit-mask-clip: content-box, border-box;
58 |   mask-clip: content-box, border-box;
59 |   -webkit-mask-composite: xor;
60 |   mask-composite: exclude;
61 |   animation: spin-gradient 3s linear infinite;
62 | }
63 | 
64 | body {
65 |   background: var(--background);
66 |   color: var(--foreground);
67 |   font-family: var(--font-montserrat), ui-sans-serif, system-ui, sans-serif;
68 |   font-weight: 500;
69 |   /* Medium weight for better visibility */
70 | }


--------------------------------------------------------------------------------
/next.config.ts:
--------------------------------------------------------------------------------
 1 | import type { NextConfig } from "next";
 2 | import withPWA from "next-pwa";
 3 | 
 4 | const nextConfig: NextConfig = {
 5 |   turbopack: {}, // Silence Turbopack warning for webpack-based next-pwa
 6 |   experimental: {
 7 |     serverActions: {
 8 |       bodySizeLimit: '5mb',
 9 |     },
10 |   },
11 | };
12 | 
13 | export default withPWA({
14 |   dest: 'public',
15 |   register: true,
16 |   skipWaiting: true,
17 |   disable: false, // Enable in dev for testing
18 |   fallbacks: {
19 |     document: '/_offline.html',
20 |   },
21 |   runtimeCaching: [
22 |     {
23 |       urlPattern: /^https:\/\/fonts\.(?:gstatic|googleapis)\.com\/.*/i,
24 |       handler: 'CacheFirst',
25 |       options: {
26 |         cacheName: 'google-fonts',
27 |         expiration: {
28 |           maxEntries: 4,
29 |           maxAgeSeconds: 365 * 24 * 60 * 60, // 1 year
30 |         },
31 |       },
32 |     },
33 |     {
34 |       urlPattern: /^https:\/\/api\.github\.com\/.*/i,
35 |       handler: 'NetworkFirst',
36 |       options: {
37 |         cacheName: 'github-api',
38 |         networkTimeoutSeconds: 10,
39 |         expiration: {
40 |           maxEntries: 50,
41 |           maxAgeSeconds: 5 * 60, // 5 minutes
42 |         },
43 |       },
44 |     },
45 |     {
46 |       urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/i,
47 |       handler: 'CacheFirst',
48 |       options: {
49 |         cacheName: 'static-images',
50 |         expiration: {
51 |           maxEntries: 60,
52 |           maxAgeSeconds: 30 * 24 * 60 * 60, // 30 days
53 |         },
54 |       },
55 |     },
56 |     {
57 |       urlPattern: /\.(?:js|css)$/i,
58 |       handler: 'StaleWhileRevalidate',
59 |       options: {
60 |         cacheName: 'static-resources',
61 |         expiration: {
62 |           maxEntries: 100,
63 |           maxAgeSeconds: 24 * 60 * 60, // 24 hours
64 |         },
65 |       },
66 |     },
67 |   ],
68 | })(nextConfig);
69 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "RepoMind - AI-Powered GitHub Repository Analysis",
 3 |     "short_name": "RepoMind",
 4 |     "description": "Stop reading code. Start talking to it. AI-powered repository chat and analysis.",
 5 |     "start_url": "/",
 6 |     "scope": "/",
 7 |     "display": "standalone",
 8 |     "orientation": "portrait-primary",
 9 |     "theme_color": "#09090b",
10 |     "background_color": "#09090b",
11 |     "icons": [
12 |         {
13 |             "src": "/favicon-16x16.png",
14 |             "sizes": "16x16",
15 |             "type": "image/png"
16 |         },
17 |         {
18 |             "src": "/favicon-32x32.png",
19 |             "sizes": "32x32",
20 |             "type": "image/png"
21 |         },
22 |         {
23 |             "src": "/android-chrome-192x192.png",
24 |             "sizes": "192x192",
25 |             "type": "image/png"
26 |         },
27 |         {
28 |             "src": "/android-chrome-512x512.png",
29 |             "sizes": "512x512",
30 |             "type": "image/png"
31 |         },
32 |         {
33 |             "src": "/icon-maskable-512x512.png",
34 |             "sizes": "512x512",
35 |             "type": "image/png",
36 |             "purpose": "maskable"
37 |         },
38 |         {
39 |             "src": "/apple-touch-icon.png",
40 |             "sizes": "180x180",
41 |             "type": "image/png"
42 |         }
43 |     ],
44 |     "shortcuts": [
45 |         {
46 |             "name": "Analyze Repository",
47 |             "short_name": "Analyze",
48 |             "description": "Start analyzing a GitHub repository",
49 |             "url": "/",
50 |             "icons": [
51 |                 {
52 |                     "src": "/android-chrome-192x192.png",
53 |                     "sizes": "192x192",
54 |                     "type": "image/png"
55 |                 }
56 |             ]
57 |         }
58 |     ],
59 |     "categories": [
60 |         "developer tools",
61 |         "productivity",
62 |         "utilities"
63 |     ]
64 | }


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | 
 3 | All notable changes to this project will be documented in this file.
 4 | 
 5 | ## [v1.3.2] - 2025-11-30
 6 | ### Added
 7 | - **⚡ Blazing Fast Optimization**: Instant profile loads & faster file selection with Flash-Lite.
 8 | - **🌐 Native Web Search**: Real-time answers for competitors, news, and jobs using Gemini's `googleSearch`.
 9 | - **🔗 Smart URL Handling**: Intelligent LinkedIn summarization & identity verification.
10 | 
11 | ## [v1.3.1]
12 | ### Improved
13 | - **Flowchart Accuracy**: Increased accuracy in complex flowchart generation from 70% to 95+%.
14 | - **Error Handling**: Mermaid syntax errors are now hidden from the UI.
15 | - **Context Awareness**: Added context for better chat results.
16 | 
17 | ## [v1.3]
18 | ### Added
19 | - **Code Blocks**: Horizontal scrolling code blocks in chat UI.
20 | - **Enhanced Flowcharts**: Integrated enhanced flowchart diagrams.
21 | - **Hidden Files**: Added hidden files section to optimize the repo tree.
22 | - **DevTools**: Implemented the devtools suite.
23 | - **Real-time Response**: Added realtime Next.js server response.
24 | - **Caching**: Introduced Vercel KV caching for GitHub API calls.
25 | - **Mermaid Fix Pipeline**: Robust diagram fix pipeline using JSON-to-Mermaid conversion.
26 | 
27 | ## [v1.2]
28 | ### Added
29 | - **Dev Tools Suite**: Advanced Search (Regex/AST), Code Quality Analysis, and Automated Generators.
30 | - **Zero-Cost Security**: Vulnerability scanning using pattern matching and Gemini AI.
31 | - **Enhanced Data**: Precise language statistics via GraphQL and commit history.
32 | - **Auto-Persistence**: Conversations are now automatically saved locally and restored instantly.
33 | 
34 | ## [v1.1]
35 | ### Added
36 | - **Smart Caching**: Instant load times for previously visited profiles and repositories.
37 | - **Mobile Experience**: Optimized layout for mobile devices.
38 | - **Repo Chat**: Deep dive into repositories with AI-powered chat and file analysis.
39 | - **File Preview**: Instant syntax-highlighted previews for any file in the repository.
40 | 


--------------------------------------------------------------------------------
/src/components/GitHubBadge.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useEffect, useState } from "react";
 4 | import { motion } from "framer-motion";
 5 | import { Github, Star } from "lucide-react";
 6 | import { fetchRepoDetails } from "@/app/actions";
 7 | 
 8 | export function GitHubBadge() {
 9 |     const [stars, setStars] = useState<number | null>(null);
10 | 
11 |     useEffect(() => {
12 |         const getStars = async () => {
13 |             try {
14 |                 const data = await fetchRepoDetails("403errors", "repomind");
15 |                 // data might be { error: ... } or the repo object
16 |                 // fetchRepoDetails returns getRepo result directly which is the repo object
17 |                 if (data && typeof (data as any).stargazers_count === 'number') {
18 |                     setStars((data as any).stargazers_count);
19 |                 }
20 |             } catch (e) {
21 |                 console.error("Failed to fetch repo stars", e);
22 |             }
23 |         };
24 |         getStars();
25 |     }, []);
26 | 
27 |     return (
28 |         <motion.a
29 |             href="https://github.com/403errors/repomind"
30 |             target="_blank"
31 |             rel="noopener noreferrer"
32 |             initial={{ opacity: 0, x: 20 }}
33 |             animate={{ opacity: 1, x: 0 }}
34 |             transition={{ duration: 0.6, delay: 0.3 }}
35 |             className="fixed top-6 right-6 z-[999] hover:scale-105 transition-transform cursor-pointer block"
36 |         >
37 |             <div className="flex items-center gap-2 p-2 md:px-4 md:py-2 bg-gradient-to-r from-zinc-800/80 to-zinc-900/80 border border-zinc-700/50 rounded-full backdrop-blur-md hover:border-zinc-500/50 transition-colors text-white shadow-lg">
38 |                 <Github className="w-5 h-5 md:w-4 md:h-4 text-white" />
39 |                 <span className="hidden md:inline text-sm font-medium text-zinc-200">Star on GitHub</span>
40 |                 {stars !== null && (
41 |                     <div className="hidden md:flex items-center gap-1.5 pl-2 border-l border-zinc-700/60 ml-1 text-zinc-400">
42 |                         <span className="text-xs font-mono text-zinc-300">{stars.toLocaleString()}</span>
43 |                         <Star className="w-3 h-3 text-yellow-500 fill-yellow-500" />
44 |                     </div>
45 |                 )}
46 |             </div>
47 |         </motion.a>
48 |     );
49 | }
50 | 


--------------------------------------------------------------------------------
/src/lib/tokens.ts:
--------------------------------------------------------------------------------
 1 | import { encode } from 'gpt-tokenizer';
 2 | 
 3 | /**
 4 |  * Count tokens in a string using GPT tokenizer
 5 |  * (Works well for Gemini models too as they use similar tokenization)
 6 |  */
 7 | export function countTokens(text: string): number {
 8 |     try {
 9 |         return encode(text).length;
10 |     } catch (error) {
11 |         // Fallback: rough estimate (4 chars ≈ 1 token)
12 |         return Math.ceil(text.length / 4);
13 |     }
14 | }
15 | 
16 | /**
17 |  * Count tokens in an array of messages
18 |  */
19 | export function countMessageTokens(messages: { role: string; parts: string }[]): number {
20 |     return messages.reduce((total, msg) => {
21 |         return total + countTokens(msg.parts);
22 |     }, 0);
23 | }
24 | 
25 | /**
26 |  * Format token count for display
27 |  */
28 | export function formatTokenCount(count: number): string {
29 |     if (count >= 1000000) {
30 |         return `${(count / 1000000).toFixed(2)}M`;
31 |     } else if (count >= 1000) {
32 |         return `${(count / 1000).toFixed(1)}K`;
33 |     }
34 |     return count.toString();
35 | }
36 | 
37 | /**
38 |  * Maximum context window tokens
39 |  */
40 | export const MAX_TOKENS = 200_000;
41 | 
42 | /**
43 |  * Get warning level based on token usage
44 |  * Gemini 2.5 Flash has 1M context window (configured to 200k for this app)
45 |  */
46 | export function getTokenWarningLevel(tokenCount: number): 'safe' | 'warning' | 'danger' {
47 |     const percentage = (tokenCount / MAX_TOKENS) * 100;
48 | 
49 |     if (percentage >= 90) return 'danger';
50 |     if (percentage >= 70) return 'warning';
51 |     return 'safe';
52 | }
53 | 
54 | /**
55 |  * Check if a rate limit error occurred
56 |  */
57 | export function isRateLimitError(error: any): boolean {
58 |     if (!error) return false;
59 | 
60 |     const errorMessage = error.message?.toLowerCase() || '';
61 |     const errorStatus = error.status || error.response?.status;
62 | 
63 |     return (
64 |         errorStatus === 429 ||
65 |         errorMessage.includes('rate limit') ||
66 |         errorMessage.includes('too many requests') ||
67 |         errorMessage.includes('quota exceeded')
68 |     );
69 | }
70 | 
71 | /**
72 |  * Get user-friendly error message
73 |  */
74 | export function getRateLimitErrorMessage(error: any): string {
75 |     if (error.message?.includes('GitHub')) {
76 |         return 'GitHub API rate limit exceeded. Please try again in a few minutes.';
77 |     }
78 |     if (error.message?.includes('Gemini') || error.message?.includes('generative')) {
79 |         return 'AI service rate limit exceeded. Please try again in a moment.';
80 |     }
81 |     return 'Rate limit exceeded. Please try again shortly.';
82 | }
83 | 


--------------------------------------------------------------------------------
/src/components/RepoLayout.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useState, useEffect } from "react";
 4 | import { RepoSidebar } from "./RepoSidebar";
 5 | import { ChatInterface } from "./ChatInterface";
 6 | import { FilePreview } from "./FilePreview";
 7 | 
 8 | interface RepoLayoutProps {
 9 |     fileTree: any[];
10 |     repoName: string;
11 |     owner: string;
12 |     repo: string;
13 |     hiddenFiles?: { path: string; reason: string }[];
14 |     repoData: any; // Full GitHubRepo object
15 | }
16 | 
17 | export function RepoLayout({ fileTree, repoName, owner, repo, hiddenFiles = [], repoData }: RepoLayoutProps) {
18 |     const [sidebarOpen, setSidebarOpen] = useState(false);
19 |     const [previewFile, setPreviewFile] = useState<string | null>(null);
20 | 
21 |     const handleFileDoubleClick = (filePath: string) => {
22 |         setPreviewFile(filePath);
23 |         // Close sidebar on mobile after selecting a file
24 |         if (window.innerWidth < 768) {
25 |             setSidebarOpen(false);
26 |         }
27 |     };
28 | 
29 |     // Listen for custom event to open file preview from chat
30 |     useEffect(() => {
31 |         const handleOpenPreview = (e: CustomEvent<string>) => {
32 |             setPreviewFile(e.detail);
33 |         };
34 | 
35 |         window.addEventListener('open-file-preview' as any, handleOpenPreview as any);
36 |         return () => {
37 |             window.removeEventListener('open-file-preview' as any, handleOpenPreview as any);
38 |         };
39 |     }, []);
40 | 
41 |     return (
42 |         <>
43 |             <div className="flex h-[100dvh] w-full bg-black overflow-hidden">
44 |                 <RepoSidebar
45 |                     fileTree={fileTree}
46 |                     repoName={repoName}
47 |                     isOpen={sidebarOpen}
48 |                     onClose={() => setSidebarOpen(false)}
49 |                     onFileDoubleClick={handleFileDoubleClick}
50 |                     hiddenFiles={hiddenFiles}
51 |                     repoData={repoData}
52 |                 />
53 |                 <div className="flex-1 h-full flex flex-col min-w-0">
54 |                     {/* Hamburger button for mobile */}
55 |                     <ChatInterface
56 |                         repoContext={{
57 |                             owner,
58 |                             repo,
59 |                             fileTree
60 |                         }}
61 |                         onToggleSidebar={() => setSidebarOpen(true)}
62 |                     />
63 |                 </div>
64 |             </div>
65 | 
66 |             <FilePreview
67 |                 isOpen={previewFile !== null}
68 |                 filePath={previewFile}
69 |                 repoOwner={owner}
70 |                 repoName={repo}
71 |                 onClose={() => setPreviewFile(null)}
72 |             />
73 |         </>
74 |     );
75 | }
76 | 


--------------------------------------------------------------------------------
/src/lib/generator.ts:
--------------------------------------------------------------------------------
 1 | import { GoogleGenerativeAI } from "@google/generative-ai";
 2 | 
 3 | const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "");
 4 | 
 5 | /**
 6 |  * Generate documentation for code
 7 |  */
 8 | export async function generateDocumentation(
 9 |     code: string,
10 |     type: 'jsdoc' | 'readme' | 'comments' = 'jsdoc'
11 | ): Promise<string> {
12 |     try {
13 |         const model = genAI.getGenerativeModel({ model: "gemini-2.5-flash" });
14 | 
15 |         const prompt = `
16 |       Generate ${type.toUpperCase()} documentation for the following code.
17 |       Return ONLY the documentation code block, no markdown wrappers if possible, or just the content.
18 |       
19 |       Code:
20 |       ${code}
21 |     `;
22 | 
23 |         const result = await model.generateContent(prompt);
24 |         return result.response.text().replace(/```\w*\n/g, '').replace(/```$/g, '');
25 |     } catch (error) {
26 |         console.error('Doc generation failed:', error);
27 |         return 'Failed to generate documentation.';
28 |     }
29 | }
30 | 
31 | /**
32 |  * Generate unit tests
33 |  */
34 | export async function generateTests(
35 |     code: string,
36 |     framework: 'jest' | 'vitest' = 'jest'
37 | ): Promise<string> {
38 |     try {
39 |         const model = genAI.getGenerativeModel({ model: "gemini-2.5-flash" });
40 | 
41 |         const prompt = `
42 |       Generate ${framework} unit tests for the following code.
43 |       Include imports and mock setups if necessary.
44 |       Return ONLY the test code.
45 |       
46 |       Code:
47 |       ${code}
48 |     `;
49 | 
50 |         const result = await model.generateContent(prompt);
51 |         return result.response.text().replace(/```\w*\n/g, '').replace(/```$/g, '');
52 |     } catch (error) {
53 |         console.error('Test generation failed:', error);
54 |         return '// Failed to generate tests.';
55 |     }
56 | }
57 | 
58 | /**
59 |  * Suggest refactoring
60 |  */
61 | export async function suggestRefactoring(code: string): Promise<string> {
62 |     try {
63 |         const model = genAI.getGenerativeModel({ model: "gemini-2.5-flash" });
64 | 
65 |         const prompt = `
66 |       Suggest a refactoring for this code to improve readability and performance.
67 |       
68 |       IMPORTANT FORMATTING RULES:
69 |       1. Use standard Markdown.
70 |       2. Provide explanations as normal text.
71 |       3. Use code blocks ONLY for the actual code.
72 |       4. DO NOT wrap the entire response in a single code block.
73 |       
74 |       Structure:
75 |       ### Explanation
76 |       (Your explanation here)
77 |       
78 |       ### Refactored Code
79 |       \`\`\`(language)
80 |             (Your code here)
81 |             \`\`\`
82 |       
83 |       Code:
84 |       ${code}
85 |     `;
86 | 
87 |         const result = await model.generateContent(prompt);
88 |         return result.response.text();
89 |     } catch (error) {
90 |         return 'Failed to generate suggestions.';
91 |     }
92 | }
93 | 


--------------------------------------------------------------------------------
/src/lib/repro_issue.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | import { repairMarkdown } from './markdown-utils';
 3 | 
 4 | const input = `import { createRoot } from 'react-dom/client';
 5 | 
 6 | function HelloMessage({ name }) {
 7 |   return <div>Hello {name}</div>;
 8 | }
 9 | 
10 | const root = createRoot(document.getElementById('container'));
11 | root.render(<HelloMessage name="Taylor" />);
12 | \`\`\`
13 | 
14 | -   This snippet uses **JSX**, an HTML-like syntax that is not strictly required but highly recommended for readability.
15 | 
16 | ### ⚛️ React Compiler
17 | 
18 | The \`compiler/\` directory houses the **React Compiler**:
19 | 
20 | -   **Purpose**:
21 |     -   Optimizes React applications to ensure **minimal re-rendering** on state changes.
22 |     -   Validates that components and hooks adhere to the **Rules of React**.
23 | -   **Integration**:
24 |     -   The **\`babel-plugin-react-compiler\`** package provides the Babel plugin necessary to use the compiler in projects.
25 |     -   It intercepts \`Program\` nodes during Babel transformation to compile React functions.
26 | -   **Configuration**:
27 |     -   Compiler options are parsed and applied via **\`src/Entrypoint/Options.ts\`** within the Babel plugin.
28 |     -   Supports various \`compilationMode\` settings (e.g., \`infer\`, \`syntax\`, \`annotation\`, \`all\`).
29 |     -   Includes options for \`gating\`, \`dynamicGating\`, \`panicThreshold\`, and \`outputMode\` (e.g., \`ssr\`, \`client\`).
30 | -   **Pipeline**:
31 |     -   The compilation process, defined in **\`src/Entrypoint/Pipeline.ts\`**, involves multiple stages: lowering, SSA, type inference, various optimizations (dead code elimination, instruction reordering, JSX outlining), reactive scope analysis, and codegen.
32 | -   **Playground**:
33 |     -   An interactive playground, located in \`compiler/apps/playground/\`, demonstrates and tests the compiler.
34 |     -   Its \`next.config.js\` shows how the compiler is enabled via \`experimental.reactCompiler: true\`.
35 | 
36 | ### 🤝 Contributing
37 | 
38 | -   **Code of Conduct**:
39 |     -   Adhere to the [Facebook Code of Conduct](https://code.fb.com/codeofconduct) when contributing.
40 | -   **Contributing Guide**:
41 |     -   Refer to the comprehensive [Contributing Guide](https://legacy.reactjs.org/docs/how-to-contribute.html) for details on the development process, proposing changes, and testing.
42 | -   **Good First Issues**:
43 |     -   New contributors can start with [good first issues](https://github.com/facebook/react/labels/good%20first%20issue) to familiarize themselves with the project.`;
44 | 
45 | // Prepend the opening fence which was in the previous message but implied here
46 | const fullInput = `\`\`\`\`jsx
47 | ${input}`;
48 | 
49 | console.log("--- Input ---");
50 | console.log(fullInput);
51 | console.log("\n--- Repaired ---");
52 | const repaired = repairMarkdown(fullInput);
53 | console.log(repaired);
54 | 
55 | if (repaired === fullInput) {
56 |   console.log("\n❌ No changes made!");
57 | } else {
58 |   console.log("\n✅ Changes made.");
59 | }
60 | 


--------------------------------------------------------------------------------
/public/_offline.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |   <title>RepoMind - Offline</title>
  7 |   <style>
  8 |     * {
  9 |       margin: 0;
 10 |       padding: 0;
 11 |       box-sizing: border-box;
 12 |     }
 13 |     
 14 |     body {
 15 |       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
 16 |       background: #09090b;
 17 |       color: #ffffff;
 18 |       display: flex;
 19 |       align-items: center;
 20 |       justify-content: center;
 21 |       min-height: 100vh;
 22 |       padding: 20px;
 23 |     }
 24 |     
 25 |     .container {
 26 |       text-align: center;
 27 |       max-width: 500px;
 28 |     }
 29 |     
 30 |     .icon {
 31 |       width: 120px;
 32 |       height: 120px;
 33 |       margin: 0 auto 32px;
 34 |       background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
 35 |       border-radius: 24px;
 36 |       display: flex;
 37 |       align-items: center;
 38 |       justify-content: center;
 39 |       font-size: 60px;
 40 |       box-shadow: 0 8px 32px rgba(139, 92, 246, 0.3);
 41 |     }
 42 |     
 43 |     h1 {
 44 |       font-size: 32px;
 45 |       font-weight: 700;
 46 |       margin-bottom: 16px;
 47 |       background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
 48 |       -webkit-background-clip: text;
 49 |       -webkit-text-fill-color: transparent;
 50 |       background-clip: text;
 51 |     }
 52 |     
 53 |     p {
 54 |       font-size: 16px;
 55 |       color: #a1a1aa;
 56 |       line-height: 1.6;
 57 |       margin-bottom: 32px;
 58 |     }
 59 |     
 60 |     .button {
 61 |       display: inline-block;
 62 |       padding: 12px 24px;
 63 |       background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
 64 |       color: white;
 65 |       text-decoration: none;
 66 |       border-radius: 8px;
 67 |       font-weight: 600;
 68 |       transition: transform 0.2s, box-shadow 0.2s;
 69 |     }
 70 |     
 71 |     .button:hover {
 72 |       transform: translateY(-2px);
 73 |       box-shadow: 0 8px 24px rgba(139, 92, 246, 0.4);
 74 |     }
 75 |     
 76 |     .status {
 77 |       margin-top: 24px;
 78 |       padding: 12px 20px;
 79 |       background: rgba(239, 68, 68, 0.1);
 80 |       border: 1px solid rgba(239, 68, 68, 0.2);
 81 |       border-radius: 8px;
 82 |       color: #fca5a5;
 83 |       font-size: 14px;
 84 |     }
 85 |   </style>
 86 | </head>
 87 | <body>
 88 |   <div class="container">
 89 |     <div class="icon">🧠</div>
 90 |     <h1>You're Offline</h1>
 91 |     <p>
 92 |       RepoMind requires an internet connection to analyze repositories and chat with AI. 
 93 |       Please check your connection and try again.
 94 |     </p>
 95 |     <a href="/" class="button" onclick="window.location.reload(); return false;">
 96 |       Try Again
 97 |     </a>
 98 |     <div class="status">
 99 |       📡 No internet connection detected
100 |     </div>
101 |   </div>
102 |   
103 |   <script>
104 |     // Auto-retry when back online
105 |     window.addEventListener('online', () => {
106 |       window.location.reload();
107 |     });
108 |   </script>
109 | </body>
110 | </html>
111 | 


--------------------------------------------------------------------------------
/src/components/ChatInput.tsx:
--------------------------------------------------------------------------------
 1 | import { useRef, useEffect, useState } from "react";
 2 | import { Send } from "lucide-react";
 3 | import { cn } from "@/lib/utils";
 4 | 
 5 | interface ChatInputProps {
 6 |     value: string;
 7 |     onChange: (value: string) => void;
 8 |     onSubmit: (e: React.FormEvent) => void;
 9 |     placeholder?: string;
10 |     disabled?: boolean;
11 |     loading?: boolean;
12 | }
13 | 
14 | export function ChatInput({ value, onChange, onSubmit, placeholder, disabled, loading }: ChatInputProps) {
15 |     const textareaRef = useRef<HTMLTextAreaElement>(null);
16 |     const [isMobile, setIsMobile] = useState(false);
17 | 
18 |     useEffect(() => {
19 |         const checkMobile = () => {
20 |             setIsMobile(window.matchMedia('(pointer: coarse)').matches);
21 |         };
22 |         checkMobile();
23 |         window.addEventListener('resize', checkMobile);
24 |         return () => window.removeEventListener('resize', checkMobile);
25 |     }, []);
26 | 
27 |     const adjustHeight = () => {
28 |         const textarea = textareaRef.current;
29 |         if (textarea) {
30 |             textarea.style.height = 'auto';
31 |             const newHeight = Math.min(textarea.scrollHeight, 200);
32 |             textarea.style.height = `${newHeight}px`;
33 | 
34 |             // Only show scrollbar if content exceeds max height
35 |             if (textarea.scrollHeight > 200) {
36 |                 textarea.style.overflowY = 'auto';
37 |             } else {
38 |                 textarea.style.overflowY = 'hidden';
39 |             }
40 |         }
41 |     };
42 | 
43 |     useEffect(() => {
44 |         adjustHeight();
45 |     }, [value]);
46 | 
47 |     const handleKeyDown = (e: React.KeyboardEvent) => {
48 |         if (e.key === 'Enter' && !e.shiftKey && !isMobile) {
49 |             e.preventDefault();
50 |             onSubmit(e);
51 |         }
52 |     };
53 | 
54 |     return (
55 |         <div className="relative">
56 |             <textarea
57 |                 ref={textareaRef}
58 |                 value={value}
59 |                 onChange={(e) => onChange(e.target.value)}
60 |                 onKeyDown={handleKeyDown}
61 |                 placeholder={placeholder}
62 |                 disabled={disabled}
63 |                 rows={1}
64 |                 className={cn(
65 |                     "w-full bg-zinc-900 border border-white/10 rounded-xl px-4 py-3 pr-12 text-white placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-purple-600/50 transition-all resize-none min-h-[48px] max-h-[200px]",
66 |                     disabled && "opacity-50 cursor-not-allowed"
67 |                 )}
68 |                 style={{
69 |                     scrollbarWidth: 'thin',
70 |                     scrollbarColor: '#52525b transparent',
71 |                     overflowY: 'hidden' // Default to hidden
72 |                 }}
73 |             />
74 |             <button
75 |                 type="submit"
76 |                 disabled={!value.trim() || loading || disabled}
77 |                 className="absolute right-2 bottom-2 p-2 text-zinc-400 hover:text-white disabled:opacity-50 transition-colors"
78 |             >
79 |                 <Send className="w-5 h-5" />
80 |             </button>
81 |         </div>
82 |     );
83 | }
84 | 


--------------------------------------------------------------------------------
/src/components/InstallPWA.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useEffect, useState } from "react";
 4 | import { Download } from "lucide-react";
 5 | import { toast } from "sonner";
 6 | 
 7 | interface BeforeInstallPromptEvent extends Event {
 8 |     prompt: () => Promise<void>;
 9 |     userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
10 | }
11 | 
12 | export function InstallPWA() {
13 |     const [deferredPrompt, setDeferredPrompt] = useState<BeforeInstallPromptEvent | null>(null);
14 |     const [isIOS, setIsIOS] = useState(false);
15 |     const [isStandalone, setIsStandalone] = useState(false);
16 | 
17 |     useEffect(() => {
18 |         // Check if already installed
19 |         if (window.matchMedia("(display-mode: standalone)").matches) {
20 |             setIsStandalone(true);
21 |         }
22 | 
23 |         // Check for iOS
24 |         const isIOSDevice = /iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream;
25 |         setIsIOS(isIOSDevice);
26 | 
27 |         const handleBeforeInstallPrompt = (e: Event) => {
28 |             // Prevent the mini-infobar from appearing on mobile
29 |             e.preventDefault();
30 |             // Stash the event so it can be triggered later.
31 |             setDeferredPrompt(e as BeforeInstallPromptEvent);
32 |         };
33 | 
34 |         window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
35 | 
36 |         return () => {
37 |             window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
38 |         };
39 |     }, []);
40 | 
41 |     const handleInstallClick = async () => {
42 |         if (isIOS) {
43 |             toast.info("To install on iOS: tap 'Share' then 'Add to Home Screen'", {
44 |                 duration: 5000,
45 |                 icon: <Download className="w-4 h-4" />
46 |             });
47 |             return;
48 |         }
49 | 
50 |         if (!deferredPrompt) return;
51 | 
52 |         // Show the install prompt
53 |         await deferredPrompt.prompt();
54 | 
55 |         // Wait for the user to respond to the prompt
56 |         const choiceResult = await deferredPrompt.userChoice;
57 | 
58 |         if (choiceResult.outcome === "accepted") {
59 |             console.log("User accepted the install prompt");
60 |             setDeferredPrompt(null);
61 |         } else {
62 |             console.log("User dismissed the install prompt");
63 |         }
64 |     };
65 | 
66 |     // Don't show if already installed or on desktop (md:hidden handles desktop view, but we also check standalone)
67 |     if (isStandalone) return null;
68 | 
69 |     // Render logic:
70 |     // 1. If deferredPrompt is set (Android/Chrome), show button.
71 |     // 2. If iOS, show button (since iOS doesn't fire beforeinstallprompt).
72 |     // 3. CSS hides it on desktop (md:hidden).
73 |     if (!deferredPrompt && !isIOS) return null;
74 | 
75 |     return (
76 |         <button
77 |             onClick={handleInstallClick}
78 |             className="fixed bottom-6 right-6 z-50 md:hidden flex items-center gap-2 px-4 py-3 bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/20 rounded-full shadow-lg transition-all duration-300 transform active:scale-95 animate-in fade-in slide-in-from-bottom-4"
79 |         >
80 |             <Download className="w-5 h-5 text-blue-400" />
81 |             <span className="font-medium text-sm text-white">Install App</span>
82 |         </button>
83 |     );
84 | }
85 | 


--------------------------------------------------------------------------------
/src/components/RepoCard.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import Link from "next/link";
 4 | import { motion } from "framer-motion";
 5 | import { ExternalLink, Star, GitFork, Code } from "lucide-react";
 6 | 
 7 | interface RepoCardProps {
 8 |     name: string;
 9 |     owner: string;
10 |     description?: string;
11 |     stars?: number;
12 |     forks?: number;
13 |     language?: string;
14 | }
15 | 
16 | export function RepoCard({ name, owner, description, stars, forks, language }: RepoCardProps) {
17 |     return (
18 |         <motion.div
19 |             initial={{ opacity: 0, y: 10 }}
20 |             animate={{ opacity: 1, y: 0 }}
21 |             className="my-4 group"
22 |         >
23 |             <div className="relative bg-zinc-900 border border-white/10 rounded-xl p-5 hover:border-purple-600/50 transition-all duration-300">
24 |                 {/* Gradient glow on hover */}
25 |                 <div className="absolute -inset-0.5 bg-gradient-to-r from-purple-600 to-blue-600 rounded-xl blur opacity-0 group-hover:opacity-20 transition duration-500" />
26 | 
27 |                 <div className="relative">
28 |                     {/* Repo name */}
29 |                     <h3 className="text-lg font-semibold text-white mb-2 flex items-center gap-2">
30 |                         <Code className="w-5 h-5 text-purple-400" />
31 |                         {owner}/{name}
32 |                     </h3>
33 | 
34 |                     {/* Description */}
35 |                     {description && (
36 |                         <p className="text-zinc-400 text-sm mb-4 line-clamp-2">{description}</p>
37 |                     )}
38 | 
39 |                     {/* Stats */}
40 |                     <div className="flex items-center gap-4 mb-4 text-xs text-zinc-500">
41 |                         {language && (
42 |                             <span className="flex items-center gap-1">
43 |                                 <span className="w-2 h-2 rounded-full bg-blue-400"></span>
44 |                                 {language}
45 |                             </span>
46 |                         )}
47 |                         {stars !== undefined && (
48 |                             <span className="flex items-center gap-1">
49 |                                 <Star className="w-3 h-3" />
50 |                                 {stars}
51 |                             </span>
52 |                         )}
53 |                         {forks !== undefined && (
54 |                             <span className="flex items-center gap-1">
55 |                                 <GitFork className="w-3 h-3" />
56 |                                 {forks}
57 |                             </span>
58 |                         )}
59 |                     </div>
60 | 
61 |                     {/* Action buttons */}
62 |                     <div className="flex gap-2">
63 |                         <Link
64 |                             href={`/chat?q=${owner}/${name}`}
65 |                             className="flex-1 px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded-lg transition-colors text-center"
66 |                         >
67 |                             Analyze Repository
68 |                         </Link>
69 |                         <a
70 |                             href={`https://github.com/${owner}/${name}`}
71 |                             target="_blank"
72 |                             rel="noopener noreferrer"
73 |                             className="px-4 py-2 bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm rounded-lg transition-colors flex items-center gap-2"
74 |                         >
75 |                             <ExternalLink className="w-4 h-4" />
76 |                         </a>
77 |                     </div>
78 |                 </div>
79 |             </div>
80 |         </motion.div>
81 |     );
82 | }
83 | 


--------------------------------------------------------------------------------
/src/components/CodeBlock.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useState } from "react";
 4 | import { Check, Copy, Eye, FileCode } from "lucide-react";
 5 | import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 6 | import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
 7 | import ReactMarkdown from "react-markdown";
 8 | import remarkGfm from "remark-gfm";
 9 | 
10 | import { EnhancedMarkdown } from "./EnhancedMarkdown";
11 | 
12 | interface CodeBlockProps {
13 |     language: string;
14 |     value: string;
15 |     components?: any;
16 | }
17 | 
18 | export function CodeBlock({ language, value, components }: CodeBlockProps) {
19 |     const [copied, setCopied] = useState(false);
20 |     const [isPreview, setIsPreview] = useState(false);
21 | 
22 |     const handleCopy = async () => {
23 |         await navigator.clipboard.writeText(value);
24 |         setCopied(true);
25 |         setTimeout(() => setCopied(false), 2000);
26 |     };
27 | 
28 |     const isMarkdown = language === 'markdown';
29 | 
30 |     return (
31 |         <div className="relative my-4 rounded-lg border border-white/10 bg-[#1e1e1e] grid min-w-0 max-w-full">
32 |             <div className="flex items-center justify-between px-4 py-2 bg-zinc-900/50 border-b border-white/5">
33 |                 <span className="text-xs text-zinc-400 font-mono uppercase">{language || 'text'}</span>
34 |                 <div className="flex items-center gap-2">
35 |                     {isMarkdown && (
36 |                         <button
37 |                             onClick={() => setIsPreview(!isPreview)}
38 |                             className="flex items-center gap-1.5 px-2 py-1 text-xs text-zinc-400 hover:text-white hover:bg-white/10 rounded-md transition-colors"
39 |                             title={isPreview ? "Show raw code" : "Show preview"}
40 |                         >
41 |                             {isPreview ? (
42 |                                 <>
43 |                                     <FileCode className="w-3.5 h-3.5" />
44 |                                     <span>Raw</span>
45 |                                 </>
46 |                             ) : (
47 |                                 <>
48 |                                     <Eye className="w-3.5 h-3.5" />
49 |                                     <span>Preview</span>
50 |                                 </>
51 |                             )}
52 |                         </button>
53 |                     )}
54 |                     <button
55 |                         onClick={handleCopy}
56 |                         className="p-1.5 text-zinc-400 hover:text-white hover:bg-white/10 rounded-md transition-colors flex-shrink-0"
57 |                         title="Copy code"
58 |                     >
59 |                         {copied ? (
60 |                             <Check className="w-4 h-4 text-green-400" />
61 |                         ) : (
62 |                             <Copy className="w-4 h-4" />
63 |                         )}
64 |                     </button>
65 |                 </div>
66 |             </div>
67 | 
68 |             {isPreview ? (
69 |                 <div className="p-4 bg-zinc-900/50 overflow-x-auto w-full min-w-0">
70 |                     <div className="prose prose-invert prose-sm max-w-none">
71 |                         <EnhancedMarkdown content={value} components={components} />
72 |                     </div>
73 |                 </div>
74 |             ) : (
75 |                 <div className="overflow-x-auto w-full min-w-0">
76 |                     <SyntaxHighlighter
77 |                         language={language}
78 |                         style={vscDarkPlus}
79 |                         customStyle={{
80 |                             margin: 0,
81 |                             padding: '1rem',
82 |                             background: 'transparent',
83 |                             fontSize: '0.875rem',
84 |                             lineHeight: '1.5',
85 |                             whiteSpace: 'pre', // Force no wrapping
86 |                         }}
87 |                         wrapLines={false}
88 |                         wrapLongLines={false}
89 |                     >
90 |                         {value}
91 |                     </SyntaxHighlighter>
92 |                 </div>
93 |             )}
94 |         </div>
95 |     );
96 | }
97 | 


--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
  1 | import type { Metadata, Viewport } from "next";
  2 | import { Montserrat } from "next/font/google";
  3 | import { Toaster } from "sonner";
  4 | import "./globals.css";
  5 | import JsonLd from "./components/json-ld";
  6 | 
  7 | const montserrat = Montserrat({
  8 |   variable: "--font-montserrat",
  9 |   subsets: ["latin"],
 10 |   weight: ["300", "400", "500", "600", "700"],
 11 | });
 12 | 
 13 | export const viewport: Viewport = {
 14 |   themeColor: "#09090b",
 15 |   width: "device-width",
 16 |   initialScale: 1,
 17 |   maximumScale: 1,
 18 |   userScalable: false,
 19 | };
 20 | 
 21 | export const metadata: Metadata = {
 22 |   metadataBase: new URL("https://repomind-ai.vercel.app"),
 23 |   applicationName: "RepoMind",
 24 |   title: {
 25 |     default: "RepoMind - Stop reading it! Start talking to it!",
 26 |     template: "%s | RepoMind",
 27 |   },
 28 |   description: "Agentic CAG-powered analysis for GitHub repositories and developer profiles. Chat with your codebase, generate visual flowcharts, uncover deep insights, detect vulnerabilities, and accelerate development with AI-driven repository intelligence.",
 29 |   keywords: [
 30 |     "agentic AI",
 31 |     "compositional agentic generation",
 32 |     "github repo visualizer",
 33 |     "codebase analysis",
 34 |     "ai code assistant",
 35 |     "repository flowcharts",
 36 |     "code intelligence",
 37 |     "github repo chat",
 38 |     "repository chat",
 39 |     "code understanding",
 40 |     "developer tools",
 41 |     "static analysis",
 42 |     "vulnerability detection",
 43 |   ],
 44 |   icons: {
 45 |     icon: [
 46 |       { url: '/favicon.ico' },
 47 |       { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
 48 |       { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
 49 |     ],
 50 |     apple: '/apple-touch-icon.png',
 51 |   },
 52 |   manifest: '/manifest.json',
 53 |   appleWebApp: {
 54 |     capable: true,
 55 |     title: "RepoMind",
 56 |     statusBarStyle: "black-translucent",
 57 |   },
 58 |   alternates: {
 59 |     canonical: "/",
 60 |   },
 61 |   openGraph: {
 62 |     title: "RepoMind - Stop reading it! Start talking to it!",
 63 |     description: "Agentic CAG-powered analysis for GitHub repositories. Chat with your codebase, generate visual flowcharts, uncover deep insights, and accelerate development with AI-driven repository intelligence.",
 64 |     url: "https://repomind-ai.vercel.app",
 65 |     siteName: "RepoMind",
 66 |     images: [
 67 |       {
 68 |         url: "/repomind.png",
 69 |         width: 1200,
 70 |         height: 630,
 71 |         alt: "RepoMind AI - GitHub Repository Visualizer and Chat",
 72 |       },
 73 |     ],
 74 |     locale: "en_US",
 75 |     type: "website",
 76 |   },
 77 |   twitter: {
 78 |     card: "summary_large_image",
 79 |     title: "RepoMind - Stop reading it! Start talking to it!",
 80 |     description: "Agentic CAG-powered analysis for GitHub repositories. Chat with your codebase, generate visual flowcharts, uncover deep insights, and accelerate development.",
 81 |     images: ["/repomind.png"],
 82 |     creator: "@repomind",
 83 |   },
 84 |   robots: {
 85 |     index: true,
 86 |     follow: true,
 87 |     googleBot: {
 88 |       index: true,
 89 |       follow: true,
 90 |       "max-video-preview": -1,
 91 |       "max-image-preview": "large",
 92 |       "max-snippet": -1,
 93 |     },
 94 |   },
 95 |   verification: {
 96 |     google: "UkRCYeGXDptF64Z3y2sS0d2AUkCSuirzjRZQJUz1iEQ",
 97 |   },
 98 | };
 99 | 
100 | export default function RootLayout({
101 |   children,
102 | }: Readonly<{
103 |   children: React.ReactNode;
104 | }>) {
105 |   return (
106 |     <html lang="en" className={`${montserrat.variable}`} suppressHydrationWarning>
107 |       <body
108 |         className="antialiased font-sans"
109 |         suppressHydrationWarning
110 |       >
111 |         <JsonLd />
112 |         {children}
113 |         <Toaster
114 |           position="top-right"
115 |           theme="dark"
116 |           richColors
117 |           closeButton
118 |           toastOptions={{
119 |             style: {
120 |               background: '#18181b',
121 |               border: '1px solid rgba(255, 255, 255, 0.1)',
122 |               color: '#fff',
123 |             },
124 |           }}
125 |         />
126 |       </body>
127 |     </html>
128 |   );
129 | }
130 | 


--------------------------------------------------------------------------------
/src/components/EnhancedMarkdown.tsx:
--------------------------------------------------------------------------------
  1 | import ReactMarkdown from "react-markdown";
  2 | import remarkGfm from "remark-gfm";
  3 | import { RepoCard } from "./RepoCard";
  4 | import { DeveloperCard } from "./DeveloperCard";
  5 | import { SmartLink } from "./SmartLink";
  6 | 
  7 | interface ParsedContent {
  8 |     type: "markdown" | "repo-card" | "developer-card";
  9 |     content: string | Record<string, string>;
 10 | }
 11 | 
 12 | /**
 13 |  * Parse a string that may contain custom card blocks (repo-card / developer-card)
 14 |  * and split it into an ordered list of markdown fragments and card data.
 15 |  */
 16 | export function parseCardContent(text: string): ParsedContent[] {
 17 |     const parts: ParsedContent[] = [];
 18 |     let currentIndex = 0;
 19 |     const cardRegex = /:::(repo-card|developer-card)\n([\s\S]*?):::/g;
 20 |     let match: RegExpExecArray | null;
 21 | 
 22 |     while ((match = cardRegex.exec(text)) !== null) {
 23 |         // Push any preceding markdown
 24 |         if (match.index > currentIndex) {
 25 |             const markdown = text.slice(currentIndex, match.index).trim();
 26 |             if (markdown) {
 27 |                 parts.push({ type: "markdown", content: markdown });
 28 |             }
 29 |         }
 30 |         const cardType = match[1] as "repo-card" | "developer-card";
 31 |         const cardBody = match[2];
 32 |         const cardData: Record<string, string> = {};
 33 |         cardBody.split("\n").forEach((line) => {
 34 |             const [key, ...rest] = line.split(":");
 35 |             if (key && rest.length) {
 36 |                 cardData[key.trim()] = rest.join(":").trim();
 37 |             }
 38 |         });
 39 |         parts.push({ type: cardType, content: cardData });
 40 |         currentIndex = match.index + match[0].length;
 41 |     }
 42 | 
 43 |     // Remaining markdown after last card
 44 |     if (currentIndex < text.length) {
 45 |         const markdown = text.slice(currentIndex).trim();
 46 |         if (markdown) {
 47 |             parts.push({ type: "markdown", content: markdown });
 48 |         }
 49 |     }
 50 | 
 51 |     return parts;
 52 | }
 53 | 
 54 | interface EnhancedMarkdownProps {
 55 |     content: string;
 56 |     components?: any;
 57 | }
 58 | 
 59 | export function EnhancedMarkdown({ content, components }: EnhancedMarkdownProps) {
 60 |     const parts = parseCardContent(content);
 61 |     return (
 62 |         <>
 63 |             {parts.map((part, index) => {
 64 |                 if (part.type === "markdown") {
 65 |                     return (
 66 |                         <ReactMarkdown
 67 |                             key={index}
 68 |                             components={{
 69 |                                 a: SmartLink,
 70 |                                 ...components
 71 |                             }}
 72 |                             remarkPlugins={[remarkGfm]}
 73 |                         >
 74 |                             {part.content as string}
 75 |                         </ReactMarkdown>
 76 |                     );
 77 |                 }
 78 |                 if (part.type === "repo-card") {
 79 |                     const data = part.content as Record<string, string>;
 80 |                     return (
 81 |                         <RepoCard
 82 |                             key={index}
 83 |                             owner={data.owner || ""}
 84 |                             name={data.name || ""}
 85 |                             description={data.description}
 86 |                             stars={data.stars ? parseInt(data.stars) : undefined}
 87 |                             forks={data.forks ? parseInt(data.forks) : undefined}
 88 |                             language={data.language}
 89 |                         />
 90 |                     );
 91 |                 }
 92 |                 if (part.type === "developer-card") {
 93 |                     const data = part.content as Record<string, string>;
 94 |                     return (
 95 |                         <DeveloperCard
 96 |                             key={index}
 97 |                             username={data.username || ""}
 98 |                             name={data.name}
 99 |                             avatar={data.avatar}
100 |                             bio={data.bio}
101 |                             location={data.location}
102 |                             blog={data.blog}
103 |                         />
104 |                     );
105 |                 }
106 |                 return null;
107 |             })}
108 |         </>
109 |     );
110 | }
111 | 


--------------------------------------------------------------------------------
/src/components/ConfirmDialog.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { motion, AnimatePresence } from "framer-motion";
  4 | import { AlertTriangle, X } from "lucide-react";
  5 | import { createPortal } from "react-dom";
  6 | import { useEffect, useState } from "react";
  7 | 
  8 | interface ConfirmDialogProps {
  9 |     isOpen: boolean;
 10 |     title: string;
 11 |     message: string;
 12 |     confirmText?: string;
 13 |     cancelText?: string;
 14 |     confirmVariant?: "danger" | "primary";
 15 |     onConfirm: () => void;
 16 |     onCancel: () => void;
 17 | }
 18 | 
 19 | export function ConfirmDialog({
 20 |     isOpen,
 21 |     title,
 22 |     message,
 23 |     confirmText = "Confirm",
 24 |     cancelText = "Cancel",
 25 |     confirmVariant = "danger",
 26 |     onConfirm,
 27 |     onCancel,
 28 | }: ConfirmDialogProps) {
 29 |     const [mounted, setMounted] = useState(false);
 30 | 
 31 |     useEffect(() => {
 32 |         setMounted(true);
 33 |     }, []);
 34 | 
 35 |     if (!mounted) return null;
 36 | 
 37 |     const confirmButtonStyles =
 38 |         confirmVariant === "danger"
 39 |             ? "bg-red-600 hover:bg-red-500 text-white"
 40 |             : "bg-purple-600 hover:bg-purple-500 text-white";
 41 | 
 42 |     return createPortal(
 43 |         <AnimatePresence>
 44 |             {isOpen && (
 45 |                 <div className="fixed inset-0 z-[200] flex items-center justify-center p-4">
 46 |                     {/* Backdrop */}
 47 |                     <motion.div
 48 |                         initial={{ opacity: 0 }}
 49 |                         animate={{ opacity: 1 }}
 50 |                         exit={{ opacity: 0 }}
 51 |                         className="absolute inset-0 bg-black/80 backdrop-blur-md"
 52 |                         onClick={onCancel}
 53 |                     />
 54 | 
 55 |                     {/* Modal */}
 56 |                     <motion.div
 57 |                         initial={{ opacity: 0, scale: 0.95, y: 20 }}
 58 |                         animate={{ opacity: 1, scale: 1, y: 0 }}
 59 |                         exit={{ opacity: 0, scale: 0.95, y: 20 }}
 60 |                         transition={{ type: "spring", duration: 0.3 }}
 61 |                         className="relative w-full max-w-md bg-zinc-900 border border-white/10 rounded-2xl shadow-2xl overflow-hidden"
 62 |                     >
 63 |                         {/* Header */}
 64 |                         <div className="flex items-start justify-between p-6 pb-4">
 65 |                             <div className="flex items-start gap-4">
 66 |                                 <div className="p-3 bg-red-500/10 rounded-xl border border-red-500/20">
 67 |                                     <AlertTriangle className="w-6 h-6 text-red-400" />
 68 |                                 </div>
 69 |                                 <div>
 70 |                                     <h2 className="text-xl font-bold text-white">{title}</h2>
 71 |                                     <p className="text-zinc-400 text-sm mt-2 leading-relaxed">
 72 |                                         {message}
 73 |                                     </p>
 74 |                                 </div>
 75 |                             </div>
 76 |                             <button
 77 |                                 onClick={onCancel}
 78 |                                 className="text-zinc-400 hover:text-white p-1 hover:bg-white/5 rounded-lg transition-colors"
 79 |                             >
 80 |                                 <X className="w-5 h-5" />
 81 |                             </button>
 82 |                         </div>
 83 | 
 84 |                         {/* Actions */}
 85 |                         <div className="flex gap-3 p-6 pt-4 bg-zinc-950/50 border-t border-white/5">
 86 |                             <button
 87 |                                 onClick={onCancel}
 88 |                                 className="flex-1 px-4 py-2.5 bg-zinc-800 hover:bg-zinc-700 text-white rounded-lg font-medium transition-colors"
 89 |                             >
 90 |                                 {cancelText}
 91 |                             </button>
 92 |                             <button
 93 |                                 onClick={() => {
 94 |                                     onConfirm();
 95 |                                     onCancel();
 96 |                                 }}
 97 |                                 className={`flex-1 px-4 py-2.5 rounded-lg font-medium transition-colors ${confirmButtonStyles}`}
 98 |                             >
 99 |                                 {confirmText}
100 |                             </button>
101 |                         </div>
102 |                     </motion.div>
103 |                 </div>
104 |             )}
105 |         </AnimatePresence>,
106 |         document.body
107 |     );
108 | }
109 | 


--------------------------------------------------------------------------------
/src/lib/file-filters.ts:
--------------------------------------------------------------------------------
  1 | import path from 'path';
  2 | 
  3 | // File extension categories
  4 | const IMAGE_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.avif', '.heic'];
  5 | const VIDEO_EXTENSIONS = ['.mp4', '.mov', '.avi', '.webm', '.mkv', '.flv', '.wmv', '.m4v', '.mpg', '.mpeg'];
  6 | const BINARY_EXTENSIONS = ['.exe', '.dll', '.so', '.dylib', '.bin', '.pdf', '.zip', '.tar', '.gz', '.rar', '.7z', '.wasm'];
  7 | const FONT_EXTENSIONS = ['.ttf', '.otf', '.woff', '.woff2', '.eot'];
  8 | const LARGE_DATA_EXTENSIONS = ['.csv', '.json', '.xml', '.sql', '.db', '.sqlite'];
  9 | 
 10 | export interface FileNode {
 11 |     path: string;
 12 |     mode: string;
 13 |     type: 'blob' | 'tree';
 14 |     sha: string;
 15 |     size?: number;
 16 |     url: string;
 17 | }
 18 | 
 19 | /**
 20 |  * Check if a file is an image
 21 |  */
 22 | export function isImageFile(filepath: string): boolean {
 23 |     const ext = path.extname(filepath).toLowerCase();
 24 |     return IMAGE_EXTENSIONS.includes(ext);
 25 | }
 26 | 
 27 | /**
 28 |  * Check if a file is a video
 29 |  */
 30 | export function isVideoFile(filepath: string): boolean {
 31 |     const ext = path.extname(filepath).toLowerCase();
 32 |     return VIDEO_EXTENSIONS.includes(ext);
 33 | }
 34 | 
 35 | /**
 36 |  * Check if a file is a binary file
 37 |  */
 38 | export function isBinaryFile(filepath: string): boolean {
 39 |     const ext = path.extname(filepath).toLowerCase();
 40 |     return BINARY_EXTENSIONS.includes(ext) || FONT_EXTENSIONS.includes(ext);
 41 | }
 42 | 
 43 | /**
 44 |  * Get file category for analytics
 45 |  */
 46 | export function getFileCategory(filepath: string): string {
 47 |     const ext = path.extname(filepath).toLowerCase();
 48 | 
 49 |     if (IMAGE_EXTENSIONS.includes(ext)) return 'image';
 50 |     if (VIDEO_EXTENSIONS.includes(ext)) return 'video';
 51 |     if (BINARY_EXTENSIONS.includes(ext)) return 'binary';
 52 |     if (FONT_EXTENSIONS.includes(ext)) return 'font';
 53 |     if (['.js', '.jsx', '.ts', '.tsx'].includes(ext)) return 'javascript';
 54 |     if (['.py'].includes(ext)) return 'python';
 55 |     if (['.java'].includes(ext)) return 'java';
 56 |     if (['.css', '.scss', '.sass', '.less'].includes(ext)) return 'stylesheet';
 57 |     if (['.html', '.htm'].includes(ext)) return 'html';
 58 |     if (['.md', '.mdx'].includes(ext)) return 'markdown';
 59 |     if (['.json', '.yaml', '.yml', '.toml'].includes(ext)) return 'config';
 60 | 
 61 |     return 'other';
 62 | }
 63 | 
 64 | /**
 65 |  * Main filtering logic - decides if a file should be skipped
 66 |  */
 67 | export function shouldSkipFile(node: FileNode): boolean {
 68 |     const filepath = node.path;
 69 |     const ext = path.extname(filepath).toLowerCase();
 70 |     const size = node.size || 0;
 71 | 
 72 |     // Skip files larger than 1MB
 73 |     if (size > 1_000_000) {
 74 |         return true;
 75 |     }
 76 | 
 77 |     // Skip all video files regardless of size
 78 |     if (isVideoFile(filepath)) {
 79 |         return true;
 80 |     }
 81 | 
 82 |     // Skip images larger than 500KB
 83 |     if (isImageFile(filepath) && size > 500_000) {
 84 |         return true;
 85 |     }
 86 | 
 87 |     // Skip binary files
 88 |     if (isBinaryFile(filepath)) {
 89 |         return true;
 90 |     }
 91 | 
 92 |     // Skip lock files
 93 |     if (ext === '.lock' || filepath.endsWith('package-lock.json') || filepath.endsWith('yarn.lock')) {
 94 |         return true;
 95 |     }
 96 | 
 97 |     // Skip minified files
 98 |     if (filepath.endsWith('.min.js') || filepath.endsWith('.min.css')) {
 99 |         return true;
100 |     }
101 | 
102 |     return false;
103 | }
104 | 
105 | /**
106 |  * Get file tree statistics
107 |  */
108 | export function getFileTreeStats(nodes: FileNode[]): {
109 |     total: number;
110 |     byCategory: Record<string, number>;
111 |     totalSize: number;
112 |     skipped: number;
113 | } {
114 |     const stats = {
115 |         total: nodes.length,
116 |         byCategory: {} as Record<string, number>,
117 |         totalSize: 0,
118 |         skipped: 0,
119 |     };
120 | 
121 |     nodes.forEach(node => {
122 |         if (node.type === 'blob') {
123 |             const category = getFileCategory(node.path);
124 |             stats.byCategory[category] = (stats.byCategory[category] || 0) + 1;
125 |             stats.totalSize += node.size || 0;
126 | 
127 |             if (shouldSkipFile(node)) {
128 |                 stats.skipped++;
129 |             }
130 |         }
131 |     });
132 | 
133 |     return stats;
134 | }
135 | 
136 | /**
137 |  * Format file size for display
138 |  */
139 | export function formatFileSize(bytes: number): string {
140 |     if (bytes === 0) return '0 B';
141 |     const k = 1024;
142 |     const sizes = ['B', 'KB', 'MB', 'GB'];
143 |     const i = Math.floor(Math.log(bytes) / Math.log(k));
144 |     return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
145 | }
146 | 


--------------------------------------------------------------------------------
/src/components/SmartLink.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState, useEffect } from "react";
  4 | import { fetchProfile, fetchRepoDetails } from "@/app/actions";
  5 | import { DeveloperCard } from "./DeveloperCard";
  6 | import { RepoCard } from "./RepoCard";
  7 | import { Loader2 } from "lucide-react";
  8 | 
  9 | interface SmartLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
 10 |     href?: string;
 11 | }
 12 | 
 13 | export function SmartLink({ href, children, ...props }: SmartLinkProps) {
 14 |     const [data, setData] = useState<any>(null);
 15 |     const [loading, setLoading] = useState(false);
 16 |     const [error, setError] = useState(false);
 17 |     const [type, setType] = useState<"profile" | "repo" | "link" | "preview">("link");
 18 | 
 19 |     useEffect(() => {
 20 |         if (!href) return;
 21 | 
 22 |         if (href.startsWith("#preview-")) {
 23 |             setType("preview");
 24 |             return;
 25 |         }
 26 | 
 27 |         // Check if it's a GitHub URL
 28 |         const githubUrlRegex = /^https:\/\/github\.com\/([a-zA-Z0-9-]+)(\/([a-zA-Z0-9-_\.]+))?$/;
 29 |         const match = href.match(githubUrlRegex);
 30 | 
 31 |         if (match) {
 32 |             const username = match[1];
 33 |             const repo = match[3];
 34 | 
 35 |             if (repo) {
 36 |                 // It's a repo
 37 |                 setType("repo");
 38 |                 setLoading(true);
 39 |                 fetchRepoDetails(username, repo)
 40 |                     .then((repoData) => {
 41 |                         setData(repoData);
 42 |                     })
 43 |                     .catch(() => {
 44 |                         setError(true);
 45 |                         setType("link");
 46 |                     })
 47 |                     .finally(() => setLoading(false));
 48 |             } else {
 49 |                 // It's a profile
 50 |                 setType("profile");
 51 |                 setLoading(true);
 52 |                 fetchProfile(username)
 53 |                     .then((profileData) => {
 54 |                         setData(profileData);
 55 |                     })
 56 |                     .catch(() => {
 57 |                         setError(true);
 58 |                         setType("link");
 59 |                     })
 60 |                     .finally(() => setLoading(false));
 61 |             }
 62 |         }
 63 |     }, [href]);
 64 | 
 65 |     if (type === "link" || error) {
 66 |         return (
 67 |             <a href={href} {...props} target="_blank" rel="noopener noreferrer" className="text-blue-400 hover:underline">
 68 |                 {children}
 69 |             </a>
 70 |         );
 71 |     }
 72 | 
 73 |     if (loading) {
 74 |         return (
 75 |             <span className="inline-flex items-center gap-2 text-zinc-400 bg-zinc-900 px-3 py-1 rounded-lg border border-zinc-800">
 76 |                 <Loader2 className="w-3 h-3 animate-spin" />
 77 |                 Loading preview...
 78 |             </span>
 79 |         );
 80 |     }
 81 | 
 82 |     if (type === "profile" && data) {
 83 |         return (
 84 |             <div className="not-prose">
 85 |                 <DeveloperCard
 86 |                     username={data.login}
 87 |                     name={data.name}
 88 |                     avatar={data.avatar_url}
 89 |                     bio={data.bio}
 90 |                     location={data.location || undefined}
 91 |                     blog={data.blog || undefined}
 92 |                 />
 93 |             </div>
 94 |         );
 95 |     }
 96 | 
 97 |     if (type === "repo" && data) {
 98 |         return (
 99 |             <div className="not-prose">
100 |                 <RepoCard
101 |                     name={data.name}
102 |                     owner={data.owner.login}
103 |                     description={data.description}
104 |                     stars={data.stargazers_count}
105 |                     forks={data.forks_count}
106 |                     language={data.language}
107 |                 />
108 |             </div>
109 |         );
110 |     }
111 | 
112 |     if (type === "preview") {
113 |         return (
114 |             <button
115 |                 onClick={(e) => {
116 |                     e.preventDefault();
117 |                     const filePath = href?.replace("#preview-", "");
118 |                     if (filePath) {
119 |                         window.dispatchEvent(new CustomEvent('open-file-preview', { detail: filePath }));
120 |                     }
121 |                 }}
122 |                 className="text-purple-400 hover:text-purple-300 hover:underline inline-flex items-center gap-1 cursor-pointer bg-transparent border-none p-0 font-mono text-sm"
123 |                 title="Open file preview"
124 |             >
125 |                 {children}
126 |             </button>
127 |         );
128 |     }
129 | 
130 |     return (
131 |         <a href={href} {...props} target="_blank" rel="noopener noreferrer">
132 |             {children}
133 |         </a>
134 |     );
135 | }
136 | 


--------------------------------------------------------------------------------
/src/components/DeveloperCard.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import Link from "next/link";
  4 | import { motion } from "framer-motion";
  5 | import { ExternalLink, MapPin, Link as LinkIcon, Github } from "lucide-react";
  6 | import { UserIcon } from "@/components/icons/UserIcon";
  7 | 
  8 | interface DeveloperCardProps {
  9 |     username: string;
 10 |     name?: string;
 11 |     avatar?: string;
 12 |     bio?: string;
 13 |     location?: string;
 14 |     blog?: string;
 15 | }
 16 | 
 17 | export function DeveloperCard({ username, name, avatar, bio, location, blog }: DeveloperCardProps) {
 18 |     return (
 19 |         <motion.div
 20 |             initial={{ opacity: 0, y: 10 }}
 21 |             animate={{ opacity: 1, y: 0 }}
 22 |             className="my-4 group"
 23 |         >
 24 |             <div className="relative bg-zinc-900 border border-white/10 rounded-xl p-5 hover:border-purple-600/50 transition-all duration-300">
 25 |                 {/* Gradient glow on hover */}
 26 |                 <div className="absolute -inset-0.5 bg-gradient-to-r from-purple-600 to-blue-600 rounded-xl blur opacity-0 group-hover:opacity-20 transition duration-500" />
 27 | 
 28 |                 <div className="relative flex gap-4">
 29 |                     {/* Avatar */}
 30 |                     <img
 31 |                         src={avatar || `https://github.com/${username}.png`}
 32 |                         alt={username}
 33 |                         className="w-16 h-16 rounded-full border-2 border-white/20 bg-zinc-800"
 34 |                         onError={(e) => {
 35 |                             // Fallback to icon if image fails to load
 36 |                             e.currentTarget.style.display = 'none';
 37 |                             e.currentTarget.nextElementSibling?.classList.remove('hidden');
 38 |                         }}
 39 |                     />
 40 |                     <div className="hidden w-16 h-16 rounded-full bg-gradient-to-br from-purple-600 to-blue-600 flex items-center justify-center overflow-hidden">
 41 |                         <UserIcon className="w-full h-full text-white" />
 42 |                     </div>
 43 | 
 44 |                     <div className="flex-1">
 45 |                         {/* Name & Username */}
 46 |                         <h3 className="text-lg font-semibold text-white mb-1">
 47 |                             {name || username}
 48 |                         </h3>
 49 |                         <p className="text-sm text-zinc-400 mb-2">@{username}</p>
 50 | 
 51 |                         {/* Bio */}
 52 |                         {bio && (
 53 |                             <p className="text-zinc-400 text-sm mb-3 line-clamp-2">{bio}</p>
 54 |                         )}
 55 | 
 56 |                         {/* Additional info */}
 57 |                         <div className="flex flex-wrap gap-3 text-xs text-zinc-500 mb-4">
 58 |                             {location && (
 59 |                                 <span className="flex items-center gap-1">
 60 |                                     <MapPin className="w-3 h-3" />
 61 |                                     {location}
 62 |                                 </span>
 63 |                             )}
 64 |                             {blog && (
 65 |                                 <a
 66 |                                     href={blog}
 67 |                                     target="_blank"
 68 |                                     rel="noopener noreferrer"
 69 |                                     className="flex items-center gap-1 hover:text-purple-400 transition-colors"
 70 |                                 >
 71 |                                     <LinkIcon className="w-3 h-3" />
 72 |                                     {blog.replace(/https?:\/\//, '').slice(0, 30)}
 73 |                                 </a>
 74 |                             )}
 75 |                         </div>
 76 | 
 77 |                         {/* Action buttons */}
 78 |                         <div className="flex gap-2">
 79 |                             <Link
 80 |                                 href={`/chat?q=${username}`}
 81 |                                 className="flex-1 px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded-lg transition-colors text-center"
 82 |                             >
 83 |                                 View Profile
 84 |                             </Link>
 85 |                             <a
 86 |                                 href={`https://github.com/${username}`}
 87 |                                 target="_blank"
 88 |                                 rel="noopener noreferrer"
 89 |                                 className="px-4 py-2 bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm rounded-lg transition-colors flex items-center gap-2"
 90 |                             >
 91 |                                 <Github className="w-4 h-4" />
 92 |                             </a>
 93 |                         </div>
 94 |                     </div>
 95 |                 </div>
 96 |             </div>
 97 |         </motion.div>
 98 |     );
 99 | }
100 | 


--------------------------------------------------------------------------------
/src/lib/cache.ts:
--------------------------------------------------------------------------------
  1 | import { kv } from "@vercel/kv";
  2 | 
  3 | /**
  4 |  * Vercel KV caching utilities for GitHub API responses
  5 |  * Gracefully degrades when KV is unavailable
  6 |  */
  7 | 
  8 | // Cache TTLs (in seconds)
  9 | const TTL_FILE = 3600; // 1 hour
 10 | const TTL_REPO = 900; // 15 minutes
 11 | const TTL_PROFILE = 1800; // 30 minutes
 12 | 
 13 | // Helper to handle KV errors gracefully
 14 | async function safeKvOperation<T>(operation: () => Promise<T>): Promise<T | null> {
 15 |     try {
 16 |         return await operation();
 17 |     } catch (error) {
 18 |         console.warn("KV operation failed (gracefully degrading):", error);
 19 |         return null;
 20 |     }
 21 | }
 22 | 
 23 | /**
 24 |  * Cache file content with SHA-based key for auto-invalidation
 25 |  */
 26 | export async function cacheFile(
 27 |     owner: string,
 28 |     repo: string,
 29 |     path: string,
 30 |     sha: string,
 31 |     content: string
 32 | ): Promise<void> {
 33 |     const key = `file:${owner}/${repo}:${path}:${sha}`;
 34 |     await safeKvOperation(() => kv.setex(key, TTL_FILE, content));
 35 | }
 36 | 
 37 | /**
 38 |  * Get cached file content by SHA
 39 |  * Returns null if not found or KV unavailable
 40 |  */
 41 | export async function getCachedFile(
 42 |     owner: string,
 43 |     repo: string,
 44 |     path: string,
 45 |     sha: string
 46 | ): Promise<string | null> {
 47 |     const key = `file:${owner}/${repo}:${path}:${sha}`;
 48 |     return await safeKvOperation(() => kv.get<string>(key));
 49 | }
 50 | 
 51 | /**
 52 |  * Cache repository metadata
 53 |  */
 54 | export async function cacheRepoMetadata(
 55 |     owner: string,
 56 |     repo: string,
 57 |     data: any,
 58 |     ttl: number = TTL_REPO
 59 | ): Promise<void> {
 60 |     const key = `repo:${owner}/${repo}`;
 61 |     await safeKvOperation(() => kv.setex(key, ttl, data));
 62 | }
 63 | 
 64 | /**
 65 |  * Get cached repository metadata
 66 |  */
 67 | export async function getCachedRepoMetadata(
 68 |     owner: string,
 69 |     repo: string
 70 | ): Promise<any | null> {
 71 |     const key = `repo:${owner}/${repo}`;
 72 |     return await safeKvOperation(() => kv.get<any>(key));
 73 | }
 74 | 
 75 | /**
 76 |  * Cache profile data
 77 |  */
 78 | export async function cacheProfileData(
 79 |     username: string,
 80 |     data: any,
 81 |     ttl: number = TTL_PROFILE
 82 | ): Promise<void> {
 83 |     const key = `profile:${username}`;
 84 |     await safeKvOperation(() => kv.setex(key, ttl, data));
 85 | }
 86 | 
 87 | /**
 88 |  * Get cached profile data
 89 |  */
 90 | export async function getCachedProfileData(username: string): Promise<any | null> {
 91 |     const key = `profile:${username}`;
 92 |     return await safeKvOperation(() => kv.get<any>(key));
 93 | }
 94 | 
 95 | /**
 96 |  * Cache File Tree (Large object, important to cache)
 97 |  */
 98 | export async function cacheFileTree(
 99 |     owner: string,
100 |     repo: string,
101 |     branch: string,
102 |     tree: any[]
103 | ): Promise<void> {
104 |     const key = `tree:${owner}/${repo}:${branch}`;
105 |     await safeKvOperation(() => kv.setex(key, TTL_REPO, tree));
106 | }
107 | 
108 | export async function getCachedFileTree(
109 |     owner: string,
110 |     repo: string,
111 |     branch: string
112 | ): Promise<any[] | null> {
113 |     const key = `tree:${owner}/${repo}:${branch}`;
114 |     return await safeKvOperation(() => kv.get<any[]>(key));
115 | }
116 | 
117 | /**
118 |  * Cache Query Selection (Smart Caching)
119 |  * Maps a query to the files selected by AI
120 |  */
121 | export async function cacheQuerySelection(
122 |     owner: string,
123 |     repo: string,
124 |     query: string,
125 |     files: string[]
126 | ): Promise<void> {
127 |     // Normalize query to lowercase and trim to increase hit rate
128 |     const normalizedQuery = query.toLowerCase().trim();
129 |     const key = `query:${owner}/${repo}:${normalizedQuery}`;
130 |     // Cache for 24 hours - queries usually yield same files
131 |     await safeKvOperation(() => kv.setex(key, 86400, files));
132 | }
133 | 
134 | export async function getCachedQuerySelection(
135 |     owner: string,
136 |     repo: string,
137 |     query: string
138 | ): Promise<string[] | null> {
139 |     const normalizedQuery = query.toLowerCase().trim();
140 |     const key = `query:${owner}/${repo}:${normalizedQuery}`;
141 |     return await safeKvOperation(() => kv.get<string[]>(key));
142 | }
143 | 
144 | /**
145 |  * Clear all cache for a repository (useful for manual invalidation)
146 |  */
147 | export async function clearRepoCache(owner: string, repo: string): Promise<void> {
148 |     const pattern = `*:${owner}/${repo}:*`;
149 |     // Note: Pattern-based deletion requires Redis SCAN, not all KV providers support it
150 |     // This is a future enhancement placeholder
151 |     console.log(`Cache clear requested for ${pattern} (not fully implemented)`);
152 | }
153 | 
154 | /**
155 |  * Get cache statistics (for DevTools)
156 |  */
157 | export async function getCacheStats(): Promise<{
158 |     available: boolean;
159 |     keys?: number;
160 | }> {
161 |     try {
162 |         // Simple health check
163 |         await kv.ping();
164 |         return { available: true };
165 |     } catch (error) {
166 |         return { available: false };
167 |     }
168 | }
169 | 


--------------------------------------------------------------------------------
/src/lib/quality-analyzer.ts:
--------------------------------------------------------------------------------
  1 | import { parse } from '@babel/parser';
  2 | import traverse from '@babel/traverse';
  3 | import { GoogleGenerativeAI } from "@google/generative-ai";
  4 | 
  5 | const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "");
  6 | 
  7 | export interface QualityMetrics {
  8 |     complexity: number;
  9 |     maintainability: number; // 0-100
 10 |     loc: number;
 11 |     functionCount: number;
 12 | }
 13 | 
 14 | export interface CodeIssue {
 15 |     type: 'complexity' | 'style' | 'potential_bug' | 'best_practice';
 16 |     severity: 'critical' | 'high' | 'medium' | 'low';
 17 |     message: string;
 18 |     line: number;
 19 |     suggestion: string;
 20 | }
 21 | 
 22 | export interface QualityReport {
 23 |     metrics: QualityMetrics;
 24 |     issues: CodeIssue[];
 25 |     score: number; // 0-100
 26 |     summary: string;
 27 | }
 28 | 
 29 | /**
 30 |  * Calculate Cyclomatic Complexity using Babel AST
 31 |  */
 32 | function calculateComplexity(code: string): number {
 33 |     try {
 34 |         const ast = parse(code, {
 35 |             sourceType: 'module',
 36 |             plugins: ['typescript', 'jsx', 'classProperties', 'decorators-legacy']
 37 |         });
 38 | 
 39 |         let complexity = 1; // Base complexity
 40 | 
 41 |         traverse(ast, {
 42 |             IfStatement() { complexity++; },
 43 |             ForStatement() { complexity++; },
 44 |             ForInStatement() { complexity++; },
 45 |             ForOfStatement() { complexity++; },
 46 |             WhileStatement() { complexity++; },
 47 |             DoWhileStatement() { complexity++; },
 48 |             CatchClause() { complexity++; },
 49 |             ConditionalExpression() { complexity++; }, // Ternary
 50 |             LogicalExpression(path: any) {
 51 |                 if (path.node.operator === '||' || path.node.operator === '&&') {
 52 |                     complexity++;
 53 |                 }
 54 |             },
 55 |             SwitchCase(path: any) {
 56 |                 if (path.node.test) { // Exclude default case
 57 |                     complexity++;
 58 |                 }
 59 |             }
 60 |         });
 61 | 
 62 |         return complexity;
 63 |     } catch (e) {
 64 |         console.warn('Complexity calculation failed:', e);
 65 |         return 1;
 66 |     }
 67 | }
 68 | 
 69 | /**
 70 |  * Analyze code quality using AST metrics + Gemini AI
 71 |  */
 72 | export async function analyzeCodeQuality(
 73 |     code: string,
 74 |     filename: string
 75 | ): Promise<QualityReport> {
 76 |     // 1. Calculate Static Metrics
 77 |     const complexity = calculateComplexity(code);
 78 |     const loc = code.split('\n').length;
 79 |     const functionCount = (code.match(/function\s+\w+|=>|\w+\s*\([^)]*\)\s*\{/g) || []).length;
 80 | 
 81 |     // Simple maintainability index approximation
 82 |     // MI = 171 - 5.2 * ln(V) - 0.23 * G - 16.2 * ln(LOC)
 83 |     // Simplified: 100 - (complexity * 2) - (loc / 20)
 84 |     let maintainability = Math.max(0, Math.min(100, 100 - (complexity * 1.5) - (loc / 50)));
 85 | 
 86 |     const metrics: QualityMetrics = {
 87 |         complexity,
 88 |         maintainability: Math.round(maintainability),
 89 |         loc,
 90 |         functionCount
 91 |     };
 92 | 
 93 |     // 2. AI Qualitative Analysis (Zero-Cost Linter)
 94 |     try {
 95 |         const model = genAI.getGenerativeModel({ model: "gemini-2.5-flash" });
 96 | 
 97 |         const prompt = `
 98 |       You are a senior code reviewer. Analyze this code file (${filename}) for quality issues.
 99 |       
100 |       Metrics Context:
101 |       - Cyclomatic Complexity: ${complexity} (High if > 10)
102 |       - Lines of Code: ${loc}
103 |       
104 |       Code:
105 |       \`\`\`${filename.split('.').pop()}
106 |       ${code.slice(0, 8000)}
107 |       \`\`\`
108 |       
109 |       Provide a JSON response with:
110 |       1. A quality score (0-100)
111 |       2. A brief summary (max 2 sentences)
112 |       3. A list of specific issues (max 5) with line numbers, severity, and suggestions.
113 |       
114 |       Format:
115 |       {
116 |         "score": number,
117 |         "summary": "string",
118 |         "issues": [
119 |           { "type": "complexity"|"style"|"potential_bug"|"best_practice", "severity": "critical"|"high"|"medium"|"low", "message": "string", "line": number, "suggestion": "string" }
120 |         ]
121 |       }
122 |     `;
123 | 
124 |         const result = await model.generateContent(prompt);
125 |         const text = result.response.text();
126 |         const jsonMatch = text.match(/\{[\s\S]*\}/);
127 | 
128 |         if (jsonMatch) {
129 |             const aiReport = JSON.parse(jsonMatch[0]);
130 |             return {
131 |                 metrics,
132 |                 score: aiReport.score,
133 |                 summary: aiReport.summary,
134 |                 issues: aiReport.issues
135 |             };
136 |         }
137 |     } catch (error) {
138 |         console.error('AI analysis failed:', error);
139 |     }
140 | 
141 |     // Fallback if AI fails
142 |     return {
143 |         metrics,
144 |         score: Math.round(maintainability),
145 |         summary: `Static analysis shows complexity of ${complexity} and ${loc} lines of code.`,
146 |         issues: complexity > 10 ? [{
147 |             type: 'complexity',
148 |             severity: 'medium',
149 |             message: 'High cyclomatic complexity detected',
150 |             line: 1,
151 |             suggestion: 'Consider breaking down complex functions'
152 |         }] : []
153 |     };
154 | }
155 | 


--------------------------------------------------------------------------------
/src/app/api/stats/card/route.tsx:
--------------------------------------------------------------------------------
  1 | import { ImageResponse } from 'next/og';
  2 | import { kv } from "@vercel/kv";
  3 | 
  4 | export const runtime = 'nodejs';
  5 | export const dynamic = 'force-dynamic';
  6 | 
  7 | export async function GET() {
  8 |     try {
  9 |         const totalQueries = await kv.get<number>("queries:total");
 10 |         const count = totalQueries || 0;
 11 |         const formattedCount = count.toLocaleString();
 12 | 
 13 |         return new ImageResponse(
 14 |             (
 15 |                 <div
 16 |                     style={{
 17 |                         height: '100%',
 18 |                         width: '100%',
 19 |                         display: 'flex',
 20 |                         flexDirection: 'column',
 21 |                         alignItems: 'center',
 22 |                         justifyContent: 'center',
 23 |                         backgroundColor: '#09090b', // zinc-950
 24 |                         backgroundImage: 'linear-gradient(to bottom right, #18181b, #000000)',
 25 |                         border: '1px solid #3f3f46', // zinc-700
 26 |                         borderRadius: '12px',
 27 |                         fontFamily: 'sans-serif',
 28 |                         position: 'relative',
 29 |                         overflow: 'hidden',
 30 |                     }}
 31 |                 >
 32 |                     {/* Background Glow */}
 33 |                     <div
 34 |                         style={{
 35 |                             position: 'absolute',
 36 |                             top: '-50%',
 37 |                             left: '-50%',
 38 |                             width: '200%',
 39 |                             height: '200%',
 40 |                             backgroundImage: 'radial-gradient(circle at 50% 50%, rgba(147, 51, 234, 0.15), transparent 50%)', // purple-600
 41 |                             pointerEvents: 'none',
 42 |                         }}
 43 |                     />
 44 | 
 45 |                     {/* Content Container */}
 46 |                     <div
 47 |                         style={{
 48 |                             display: 'flex',
 49 |                             flexDirection: 'column',
 50 |                             alignItems: 'center',
 51 |                             gap: '8px',
 52 |                             zIndex: 10,
 53 |                         }}
 54 |                     >
 55 |                         {/* Label */}
 56 |                         <div
 57 |                             style={{
 58 |                                 display: 'flex',
 59 |                                 alignItems: 'center',
 60 |                                 gap: '8px',
 61 |                                 fontSize: '16px',
 62 |                                 color: '#a1a1aa', // zinc-400
 63 |                                 fontWeight: 500,
 64 |                                 letterSpacing: '0.05em',
 65 |                                 textTransform: 'uppercase',
 66 |                             }}
 67 |                         >
 68 |                             <svg
 69 |                                 width="20"
 70 |                                 height="20"
 71 |                                 viewBox="0 0 24 24"
 72 |                                 fill="none"
 73 |                                 stroke="#a855f7" // purple-500
 74 |                                 strokeWidth="2"
 75 |                                 strokeLinecap="round"
 76 |                                 strokeLinejoin="round"
 77 |                             >
 78 |                                 <path d="M21 12a9 9 0 1 1-6.219-8.56" />
 79 |                             </svg>
 80 |                             Total Queries Processed
 81 |                         </div>
 82 | 
 83 |                         {/* Number */}
 84 |                         <div
 85 |                             style={{
 86 |                                 fontSize: '64px',
 87 |                                 fontWeight: 800,
 88 |                                 lineHeight: 1,
 89 |                                 textShadow: '0 4px 20px rgba(168, 85, 247, 0.5)', // purple glow
 90 |                                 backgroundImage: 'linear-gradient(to bottom, #ffffff, #e9d5ff)', // white to purple-100
 91 |                                 backgroundClip: 'text',
 92 |                                 color: 'transparent',
 93 |                             }}
 94 |                         >
 95 |                             {formattedCount}
 96 |                         </div>
 97 | 
 98 |                         {/* Footer */}
 99 |                         <div
100 |                             style={{
101 |                                 marginTop: '12px',
102 |                                 fontSize: '12px',
103 |                                 color: '#52525b', // zinc-600
104 |                                 display: 'flex',
105 |                                 alignItems: 'center',
106 |                                 gap: '4px',
107 |                             }}
108 |                         >
109 |                             <span>Powered by</span>
110 |                             <span style={{ color: '#a855f7', fontWeight: 600 }}>RepoMind AI</span>
111 |                         </div>
112 |                     </div>
113 |                 </div>
114 |             ),
115 |             {
116 |                 width: 400,
117 |                 height: 200,
118 |             }
119 |         );
120 |     } catch (error) {
121 |         console.error("Failed to generate stats card:", error);
122 |         return new Response("Failed to generate image", { status: 500 });
123 |     }
124 | }
125 | 


--------------------------------------------------------------------------------
/src/components/Footer.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState } from "react";
  4 | import { createPortal } from "react-dom";
  5 | import { motion, AnimatePresence } from "framer-motion";
  6 | import { MessageSquarePlus, X, Copy, Check } from "lucide-react";
  7 | import { toast } from "sonner";
  8 | 
  9 | export default function Footer() {
 10 |     const [isOpen, setIsOpen] = useState(false);
 11 |     const [copied, setCopied] = useState(false);
 12 |     const email = "pieisnot22by7@gmail.com";
 13 | 
 14 |     const handleCopy = () => {
 15 |         navigator.clipboard.writeText(email);
 16 |         setCopied(true);
 17 |         toast.success("Email copied to clipboard!");
 18 |         setTimeout(() => setCopied(false), 2000);
 19 |     };
 20 | 
 21 |     return (
 22 |         <footer className="relative z-10 py-8 border-t border-white/5 bg-black/20 backdrop-blur-sm">
 23 |             <div className="max-w-6xl mx-auto px-4 flex flex-col md:flex-row items-center justify-between gap-4">
 24 |                 <p className="text-zinc-500 text-sm">
 25 |                     © {new Date().getFullYear()} RepoMind. All rights reserved.
 26 |                 </p>
 27 | 
 28 |                 <button
 29 |                     onClick={() => setIsOpen(true)}
 30 |                     className="flex items-center gap-2 px-4 py-2 rounded-full bg-zinc-900/50 border border-white/10 text-zinc-400 hover:text-white hover:border-white/20 transition-all text-sm group"
 31 |                 >
 32 |                     <MessageSquarePlus className="w-4 h-4 group-hover:text-purple-400 transition-colors" />
 33 |                     <span>Request a feature / Report a bug</span>
 34 |                 </button>
 35 |             </div>
 36 | 
 37 |             {/* Contact Popup */}
 38 |             {typeof document !== 'undefined' && createPortal(
 39 |                 <AnimatePresence>
 40 |                     {isOpen && (
 41 |                         <>
 42 |                             <motion.div
 43 |                                 initial={{ opacity: 0 }}
 44 |                                 animate={{ opacity: 1 }}
 45 |                                 exit={{ opacity: 0 }}
 46 |                                 onClick={() => setIsOpen(false)}
 47 |                                 className="fixed inset-0 bg-black/60 backdrop-blur-sm z-[100]"
 48 |                             />
 49 |                             <motion.div
 50 |                                 initial={{ opacity: 0, scale: 0.95, x: "-50%", y: "-45%" }}
 51 |                                 animate={{ opacity: 1, scale: 1, x: "-50%", y: "-50%" }}
 52 |                                 exit={{ opacity: 0, scale: 0.95, x: "-50%", y: "-45%" }}
 53 |                                 className="fixed left-1/2 top-1/2 w-full max-w-md bg-zinc-900 border border-white/10 rounded-2xl p-6 shadow-2xl z-[101]"
 54 |                             >
 55 |                                 <div className="flex items-center justify-between mb-6">
 56 |                                     <h3 className="text-xl font-semibold text-white">Get in touch</h3>
 57 |                                     <button
 58 |                                         onClick={() => setIsOpen(false)}
 59 |                                         className="p-2 text-zinc-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors"
 60 |                                     >
 61 |                                         <X className="w-5 h-5" />
 62 |                                     </button>
 63 |                                 </div>
 64 | 
 65 |                                 <p className="text-zinc-400 mb-6">
 66 |                                     Found a bug or have a feature request? We'd love to hear from you! Drop us an email at:
 67 |                                 </p>
 68 | 
 69 |                                 <div className="flex items-center gap-2 p-3 bg-black/50 rounded-xl border border-white/5 group">
 70 |                                     <code className="flex-1 text-zinc-300 font-mono text-sm break-all">
 71 |                                         {email}
 72 |                                     </code>
 73 |                                     <button
 74 |                                         onClick={handleCopy}
 75 |                                         className="p-2 text-zinc-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
 76 |                                         title="Copy email"
 77 |                                     >
 78 |                                         {copied ? (
 79 |                                             <Check className="w-4 h-4 text-green-400" />
 80 |                                         ) : (
 81 |                                             <Copy className="w-4 h-4" />
 82 |                                         )}
 83 |                                     </button>
 84 |                                 </div>
 85 | 
 86 |                                 <div className="mt-6 flex justify-end">
 87 |                                     <button
 88 |                                         onClick={() => window.location.href = `mailto:${email}`}
 89 |                                         className="px-4 py-2 bg-white text-black rounded-lg font-medium hover:bg-zinc-200 transition-colors text-sm"
 90 |                                     >
 91 |                                         Send Email
 92 |                                     </button>
 93 |                                 </div>
 94 |                             </motion.div>
 95 |                         </>
 96 |                     )}
 97 |                 </AnimatePresence>,
 98 |                 document.body
 99 |             )}
100 |         </footer>
101 |     );
102 | }
103 | 


--------------------------------------------------------------------------------
/src/lib/analytics.ts:
--------------------------------------------------------------------------------
  1 | import { kv } from "@vercel/kv";
  2 | 
  3 | export interface AnalyticsData {
  4 |     totalVisitors: number;
  5 |     totalQueries: number;
  6 |     activeUsers24h: number;
  7 |     deviceStats: Record<string, number>;
  8 |     countryStats: Record<string, number>;
  9 |     recentVisitors: VisitorData[];
 10 | }
 11 | 
 12 | export interface VisitorData {
 13 |     id: string;
 14 |     country: string;
 15 |     device: string;
 16 |     lastSeen: number;
 17 |     queryCount: number;
 18 |     firstSeen: number;
 19 | }
 20 | 
 21 | /**
 22 |  * Track a user event (e.g., query)
 23 |  */
 24 | export async function trackEvent(
 25 |     visitorId: string,
 26 |     eventType: 'query' | 'visit',
 27 |     metadata: {
 28 |         country?: string;
 29 |         device?: 'mobile' | 'desktop' | 'unknown';
 30 |         userAgent?: string;
 31 |     }
 32 | ) {
 33 |     try {
 34 |         const timestamp = Date.now();
 35 |         const pipeline = kv.pipeline();
 36 | 
 37 |         // 1. Add to global visitors set
 38 |         pipeline.sadd("visitors", visitorId);
 39 | 
 40 |         // 2. Update visitor metadata
 41 |         const visitorKey = `visitor:${visitorId}`;
 42 | 
 43 |         // Only set static data if not already present (to avoid overwriting firstSeen)
 44 |         const exists = await kv.exists(visitorKey);
 45 |         if (!exists) {
 46 |             pipeline.hset(visitorKey, {
 47 |                 firstSeen: timestamp,
 48 |                 country: metadata.country || 'Unknown',
 49 |                 device: metadata.device || 'unknown',
 50 |                 userAgent: metadata.userAgent || ''
 51 |             });
 52 |         }
 53 | 
 54 |         // Always update dynamic data
 55 |         pipeline.hset(visitorKey, {
 56 |             lastSeen: timestamp,
 57 |             // Update country/device if they changed (optional, but good for accuracy)
 58 |             ...(metadata.country && { country: metadata.country }),
 59 |             ...(metadata.device && { device: metadata.device })
 60 |         });
 61 | 
 62 |         // 3. Increment counters
 63 |         if (eventType === 'query') {
 64 |             pipeline.incr("queries:total");
 65 |             pipeline.hincrby(visitorKey, "queryCount", 1);
 66 |         }
 67 | 
 68 |         // 4. Update global stats
 69 |         if (metadata.country) {
 70 |             pipeline.incr(`stats:country:${metadata.country}`);
 71 |         }
 72 |         if (metadata.device) {
 73 |             pipeline.incr(`stats:device:${metadata.device}`);
 74 |         }
 75 | 
 76 |         await pipeline.exec();
 77 |     } catch (error) {
 78 |         console.error("Failed to track analytics event:", error);
 79 |         // Don't throw, analytics shouldn't break the app
 80 |     }
 81 | }
 82 | 
 83 | /**
 84 |  * Fetch aggregated analytics data for the dashboard
 85 |  */
 86 | export async function getAnalyticsData(): Promise<AnalyticsData> {
 87 |     try {
 88 |         // Parallelize fetching independent data
 89 |         const [
 90 |             totalVisitors,
 91 |             totalQueries,
 92 |             visitorIds
 93 |         ] = await Promise.all([
 94 |             kv.scard("visitors"),
 95 |             kv.get<number>("queries:total"),
 96 |             kv.smembers("visitors")
 97 |         ]);
 98 | 
 99 |         // Fetch details for all visitors (limit to last 100 for performance if needed, but fetching all for now)
100 |         // In a real app with millions of users, we'd use pagination or a separate list for "recent"
101 |         // Fetch details for all visitors
102 |         if (visitorIds.length === 0) {
103 |             return {
104 |                 totalVisitors: 0,
105 |                 totalQueries: totalQueries || 0,
106 |                 activeUsers24h: 0,
107 |                 deviceStats: {},
108 |                 countryStats: {},
109 |                 recentVisitors: []
110 |             };
111 |         }
112 | 
113 |         const pipeline = kv.pipeline();
114 |         visitorIds.forEach(id => pipeline.hgetall(`visitor:${id}`));
115 |         const visitorsDetails = await pipeline.exec<VisitorData[]>();
116 | 
117 |         // Process visitors to build the report
118 |         const recentVisitors: VisitorData[] = [];
119 |         let activeUsers24h = 0;
120 |         const oneDayAgo = Date.now() - 24 * 60 * 60 * 1000;
121 | 
122 |         // Re-calculate stats from visitor data to ensure consistency (or fetch from stats: keys)
123 |         // Fetching from stats keys is faster but let's aggregate from visitor data for the table
124 |         const deviceStats: Record<string, number> = { mobile: 0, desktop: 0, unknown: 0 };
125 |         const countryStats: Record<string, number> = {};
126 | 
127 |         visitorsDetails.forEach((details, index) => {
128 |             if (!details) return;
129 | 
130 |             const visitor = {
131 |                 ...details,
132 |                 id: visitorIds[index]
133 |             };
134 | 
135 |             recentVisitors.push(visitor);
136 | 
137 |             // Active users
138 |             if (visitor.lastSeen > oneDayAgo) {
139 |                 activeUsers24h++;
140 |             }
141 | 
142 |             // Stats aggregation
143 |             const device = visitor.device || 'unknown';
144 |             deviceStats[device] = (deviceStats[device] || 0) + 1;
145 | 
146 |             const country = visitor.country || 'Unknown';
147 |             countryStats[country] = (countryStats[country] || 0) + 1;
148 |         });
149 | 
150 |         // Sort visitors by last seen (descending)
151 |         recentVisitors.sort((a, b) => b.lastSeen - a.lastSeen);
152 | 
153 |         return {
154 |             totalVisitors: totalVisitors || 0,
155 |             totalQueries: totalQueries || 0,
156 |             activeUsers24h,
157 |             deviceStats,
158 |             countryStats,
159 |             recentVisitors
160 |         };
161 | 
162 |     } catch (error) {
163 |         console.error("Failed to fetch analytics data:", error);
164 |         return {
165 |             totalVisitors: 0,
166 |             totalQueries: 0,
167 |             activeUsers24h: 0,
168 |             deviceStats: {},
169 |             countryStats: {},
170 |             recentVisitors: []
171 |         };
172 |     }
173 | }
174 | 


--------------------------------------------------------------------------------
/src/components/FeatureTiles.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { motion } from "framer-motion";
  4 | import {
  5 |     Shield,
  6 |     GitBranch,
  7 |     MessageSquare,
  8 |     CheckCircle2,
  9 |     Search,
 10 |     Sparkles,
 11 |     LucideIcon,
 12 |     Code2
 13 | } from "lucide-react";
 14 | import { UserIcon } from "@/components/icons/UserIcon";
 15 | 
 16 | interface FeatureProps {
 17 |     icon: any;
 18 |     title: string;
 19 |     description: string;
 20 |     gradient: string;
 21 |     delay: number;
 22 | }
 23 | 
 24 | const Feature = ({ icon: Icon, title, description, gradient, delay }: FeatureProps) => {
 25 |     return (
 26 |         <motion.div
 27 |             initial={{ opacity: 0, y: 20 }}
 28 |             animate={{ opacity: 1, y: 0 }}
 29 |             transition={{ duration: 0.5, delay }}
 30 |             whileHover={{ y: -8, scale: 1.02 }}
 31 |             className="group relative"
 32 |         >
 33 |             {/* Glow effect on hover */}
 34 |             <div className={`absolute -inset-0.5 ${gradient} rounded-xl blur opacity-0 group-hover:opacity-60 transition duration-500`} />
 35 | 
 36 |             {/* Card */}
 37 |             <div className="relative h-full bg-zinc-900/90 backdrop-blur-sm border border-white/10 rounded-xl p-6 hover:border-white/20 transition-all duration-300">
 38 |                 {/* Icon container */}
 39 |                 <div className={`w-14 h-14 rounded-lg ${gradient} p-0.5 mb-4`}>
 40 |                     <div className="w-full h-full bg-zinc-900 rounded-lg flex items-center justify-center">
 41 |                         <Icon className="w-6 h-6 text-white" />
 42 |                     </div>
 43 |                 </div>
 44 | 
 45 |                 {/* Content */}
 46 |                 <h3 className="text-xl font-semibold text-white mb-2 group-hover:text-transparent group-hover:bg-clip-text group-hover:bg-gradient-to-r group-hover:from-white group-hover:to-zinc-400 transition-all duration-300">
 47 |                     {title}
 48 |                 </h3>
 49 |                 <p className="text-zinc-400 text-sm leading-relaxed">
 50 |                     {description}
 51 |                 </p>
 52 | 
 53 |                 {/* Decorative corner element */}
 54 |                 <div className="absolute top-3 right-3 w-2 h-2 bg-gradient-to-br from-white/20 to-transparent rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
 55 |             </div>
 56 |         </motion.div>
 57 |     );
 58 | };
 59 | 
 60 | export default function FeatureTiles() {
 61 |     const features = [
 62 |         {
 63 |             icon: Code2,
 64 |             title: "Deep Code Analysis",
 65 |             description: "Understand any codebase instantly with AI-powered insights. No cloning required.",
 66 |             gradient: "bg-gradient-to-br from-purple-600 to-blue-600",
 67 |             delay: 0,
 68 |         },
 69 |         {
 70 |             icon: Shield,
 71 |             title: "Vulnerability Scanner",
 72 |             description: "Detect security flaws, exposed secrets, and code vulnerabilities in seconds.",
 73 |             gradient: "bg-gradient-to-br from-red-600 to-orange-600",
 74 |             delay: 0.1,
 75 |         },
 76 |         {
 77 |             icon: GitBranch,
 78 |             title: "Architecture Visualizer",
 79 |             description: "Generate interactive flowcharts and architecture diagrams from your code.",
 80 |             gradient: "bg-gradient-to-br from-cyan-600 to-blue-600",
 81 |             delay: 0.2,
 82 |         },
 83 |         {
 84 |             icon: MessageSquare,
 85 |             title: "Ask Your Repo",
 86 |             description: "Chat with any repository. Get instant answers about implementation details.",
 87 |             gradient: "bg-gradient-to-br from-green-600 to-emerald-600",
 88 |             delay: 0.3,
 89 |         },
 90 |         {
 91 |             icon: UserIcon,
 92 |             title: "GitHub Profile Intel",
 93 |             description: "Analyze any developer's coding style, expertise, and open-source contributions.",
 94 |             gradient: "bg-gradient-to-br from-pink-600 to-purple-600",
 95 |             delay: 0.4,
 96 |         },
 97 |         {
 98 |             icon: CheckCircle2,
 99 |             title: "Code Quality Check",
100 |             description: "Evaluate code quality, best practices, and get actionable recommendations.",
101 |             gradient: "bg-gradient-to-br from-yellow-600 to-orange-600",
102 |             delay: 0.5,
103 |         },
104 |         {
105 |             icon: Search,
106 |             title: "Smart Pattern Search",
107 |             description: "Find specific patterns, functions, or logic across entire codebases instantly.",
108 |             gradient: "bg-gradient-to-br from-indigo-600 to-purple-600",
109 |             delay: 0.6,
110 |         },
111 |         {
112 |             icon: Sparkles,
113 |             title: "Tech Stack Analyzer",
114 |             description: "Identify frameworks, libraries, and dependencies with detailed version info.",
115 |             gradient: "bg-gradient-to-br from-teal-600 to-cyan-600",
116 |             delay: 0.7,
117 |         },
118 |     ];
119 | 
120 |     return (
121 |         <section className="w-full max-w-7xl mx-auto px-4 py-16">
122 |             {/* Section Header */}
123 |             <motion.div
124 |                 initial={{ opacity: 0, y: 20 }}
125 |                 animate={{ opacity: 1, y: 0 }}
126 |                 className="text-center mb-16"
127 |             >
128 |                 <h2 className="text-4xl md:text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-b from-white to-white/60">
129 |                     Supercharge Your Development
130 |                 </h2>
131 |                 <p className="text-zinc-400 text-lg max-w-2xl mx-auto">
132 |                     Powerful AI-driven features to analyze, understand, and improve any codebase
133 |                 </p>
134 |             </motion.div>
135 | 
136 |             {/* Feature Grid */}
137 |             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
138 |                 {features.map((feature, index) => (
139 |                     <Feature key={index} {...feature} />
140 |                 ))}
141 |             </div>
142 |         </section>
143 |     );
144 | }
145 | 


--------------------------------------------------------------------------------
/src/lib/search-engine.ts:
--------------------------------------------------------------------------------
  1 | import { parse } from '@babel/parser';
  2 | import traverse from '@babel/traverse';
  3 | 
  4 | export interface SearchResult {
  5 |     file: string;
  6 |     line: number;
  7 |     content: string;
  8 |     matchType: 'text' | 'regex' | 'ast';
  9 |     context?: string;
 10 | }
 11 | 
 12 | export interface SearchOptions {
 13 |     query: string;
 14 |     type: 'text' | 'regex' | 'ast';
 15 |     astType?: 'function' | 'class' | 'variable' | 'import';
 16 |     caseSensitive?: boolean;
 17 | }
 18 | 
 19 | /**
 20 |  * Perform advanced search across files
 21 |  */
 22 | export function searchFiles(
 23 |     files: Array<{ path: string; content: string }>,
 24 |     options: SearchOptions
 25 | ): SearchResult[] {
 26 |     const results: SearchResult[] = [];
 27 | 
 28 |     for (const file of files) {
 29 |         try {
 30 |             if (options.type === 'ast' && /\.(js|jsx|ts|tsx)$/.test(file.path)) {
 31 |                 results.push(...searchAST(file, options));
 32 |             } else if (options.type === 'regex') {
 33 |                 results.push(...searchRegex(file, options));
 34 |             } else {
 35 |                 results.push(...searchText(file, options));
 36 |             }
 37 |         } catch (e) {
 38 |             console.warn(`Search failed for ${file.path}:`, e);
 39 |         }
 40 |     }
 41 | 
 42 |     return results;
 43 | }
 44 | 
 45 | /**
 46 |  * AST-based structural search
 47 |  */
 48 | function searchAST(
 49 |     file: { path: string; content: string },
 50 |     options: SearchOptions
 51 | ): SearchResult[] {
 52 |     const results: SearchResult[] = [];
 53 | 
 54 |     try {
 55 |         const ast = parse(file.content, {
 56 |             sourceType: 'module',
 57 |             plugins: ['typescript', 'jsx', 'classProperties', 'decorators-legacy']
 58 |         });
 59 | 
 60 |         const queryLower = options.query.toLowerCase();
 61 | 
 62 |         traverse(ast, {
 63 |             FunctionDeclaration(path: any) {
 64 |                 if (options.astType === 'function' || !options.astType) {
 65 |                     if (path.node.id?.name.toLowerCase().includes(queryLower)) {
 66 |                         results.push({
 67 |                             file: file.path,
 68 |                             line: path.node.loc?.start.line || 0,
 69 |                             content: `function ${path.node.id.name}(...)`,
 70 |                             matchType: 'ast',
 71 |                             context: 'Function Declaration'
 72 |                         });
 73 |                     }
 74 |                 }
 75 |             },
 76 |             ClassDeclaration(path: any) {
 77 |                 if (options.astType === 'class' || !options.astType) {
 78 |                     if (path.node.id?.name.toLowerCase().includes(queryLower)) {
 79 |                         results.push({
 80 |                             file: file.path,
 81 |                             line: path.node.loc?.start.line || 0,
 82 |                             content: `class ${path.node.id.name}`,
 83 |                             matchType: 'ast',
 84 |                             context: 'Class Declaration'
 85 |                         });
 86 |                     }
 87 |                 }
 88 |             },
 89 |             VariableDeclarator(path: any) {
 90 |                 if (options.astType === 'variable' || !options.astType) {
 91 |                     if (path.node.id?.name?.toLowerCase().includes(queryLower)) {
 92 |                         results.push({
 93 |                             file: file.path,
 94 |                             line: path.node.loc?.start.line || 0,
 95 |                             content: `const/let/var ${path.node.id.name}`,
 96 |                             matchType: 'ast',
 97 |                             context: 'Variable Declaration'
 98 |                         });
 99 |                     }
100 |                 }
101 |             },
102 |             ImportDeclaration(path: any) {
103 |                 if (options.astType === 'import' || !options.astType) {
104 |                     if (path.node.source.value.toLowerCase().includes(queryLower)) {
105 |                         results.push({
106 |                             file: file.path,
107 |                             line: path.node.loc?.start.line || 0,
108 |                             content: `import ... from '${path.node.source.value}'`,
109 |                             matchType: 'ast',
110 |                             context: 'Import'
111 |                         });
112 |                     }
113 |                 }
114 |             }
115 |         });
116 |     } catch (e) {
117 |         // Parser error, skip file
118 |     }
119 | 
120 |     return results;
121 | }
122 | 
123 | /**
124 |  * Regex search
125 |  */
126 | function searchRegex(
127 |     file: { path: string; content: string },
128 |     options: SearchOptions
129 | ): SearchResult[] {
130 |     const results: SearchResult[] = [];
131 |     const lines = file.content.split('\n');
132 | 
133 |     try {
134 |         const flags = options.caseSensitive ? 'g' : 'gi';
135 |         const regex = new RegExp(options.query, flags);
136 | 
137 |         lines.forEach((line, index) => {
138 |             if (regex.test(line)) {
139 |                 results.push({
140 |                     file: file.path,
141 |                     line: index + 1,
142 |                     content: line.trim(),
143 |                     matchType: 'regex'
144 |                 });
145 |             }
146 |         });
147 |     } catch (e) {
148 |         // Invalid regex
149 |     }
150 | 
151 |     return results;
152 | }
153 | 
154 | /**
155 |  * Simple text search
156 |  */
157 | function searchText(
158 |     file: { path: string; content: string },
159 |     options: SearchOptions
160 | ): SearchResult[] {
161 |     const results: SearchResult[] = [];
162 |     const lines = file.content.split('\n');
163 |     const query = options.caseSensitive ? options.query : options.query.toLowerCase();
164 | 
165 |     lines.forEach((line, index) => {
166 |         const lineContent = options.caseSensitive ? line : line.toLowerCase();
167 |         if (lineContent.includes(query)) {
168 |             results.push({
169 |                 file: file.path,
170 |                 line: index + 1,
171 |                 content: line.trim(),
172 |                 matchType: 'text'
173 |             });
174 |         }
175 |     });
176 | 
177 |     return results;
178 | }
179 | 


--------------------------------------------------------------------------------
/src/components/ProfileLoader.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState, useEffect } from "react";
  4 | import { motion } from "framer-motion";
  5 | import { Loader2, CheckCircle2, FileCode } from "lucide-react";
  6 | import { UserIcon } from "@/components/icons/UserIcon";
  7 | import { ProfileChatInterface } from "./ProfileChatInterface";
  8 | import { fetchProfile, fetchProfileReadme, fetchUserRepos } from "@/app/actions";
  9 | 
 10 | interface LoadingStep {
 11 |     id: string;
 12 |     message: string;
 13 |     status: "loading" | "complete" | "error";
 14 | }
 15 | 
 16 | interface ProfileLoaderProps {
 17 |     username: string;
 18 | }
 19 | 
 20 | export function ProfileLoader({ username }: ProfileLoaderProps) {
 21 |     const [steps, setSteps] = useState<LoadingStep[]>([]);
 22 |     const [profileData, setProfileData] = useState<any>(null);
 23 |     const [error, setError] = useState<string | null>(null);
 24 | 
 25 |     useEffect(() => {
 26 |         loadProfile();
 27 |     }, [username]);
 28 | 
 29 |     const updateStep = (id: string, status: "loading" | "complete" | "error", message?: string) => {
 30 |         setSteps((prev) => {
 31 |             const existing = prev.find((s) => s.id === id);
 32 |             if (existing) {
 33 |                 return prev.map((s) =>
 34 |                     s.id === id ? { ...s, status, message: message || s.message } : s
 35 |                 );
 36 |             }
 37 |             return [...prev, { id, message: message || "", status }];
 38 |         });
 39 |     };
 40 | 
 41 |     const loadProfile = async () => {
 42 |         try {
 43 |             // Step 1: Fetch profile
 44 |             updateStep("profile", "loading", `Fetching @${username}'s profile...`);
 45 |             const profile = await fetchProfile(username);
 46 |             updateStep("profile", "complete", `Profile loaded`);
 47 | 
 48 |             // Step 2: Fetch profile README
 49 |             updateStep("readme", "loading", "Reading profile README...");
 50 |             let profileReadme = null;
 51 |             try {
 52 |                 profileReadme = await fetchProfileReadme(username);
 53 |                 updateStep("readme", "complete", "Profile README found");
 54 |             } catch (e) {
 55 |                 updateStep("readme", "complete", "No profile README");
 56 |             }
 57 | 
 58 |             // Step 3: Fetch repositories
 59 |             updateStep("repos", "loading", `Found ${profile.public_repos} repositories`);
 60 |             const repoReadmes = await fetchUserRepos(username);
 61 |             updateStep("repos", "complete", `Analyzed ${repoReadmes.length} repositories`);
 62 | 
 63 |             // Individual repo updates
 64 |             repoReadmes.slice(0, 5).forEach((repo: any, index: number) => {
 65 |                 updateStep(`repo-${index}`, "complete", `✓ ${repo.repo}`);
 66 |             });
 67 | 
 68 |             if (repoReadmes.length > 5) {
 69 |                 updateStep("repos-more", "complete", `+ ${repoReadmes.length - 5} more repositories`);
 70 |             }
 71 | 
 72 |             // All done
 73 |             setProfileData({ profile, profileReadme, repoReadmes });
 74 |         } catch (err: any) {
 75 |             console.error(err);
 76 |             setError(err.message || "Failed to load profile");
 77 |             updateStep("error", "error", "Failed to load profile");
 78 |         }
 79 |     };
 80 | 
 81 |     if (error) {
 82 |         return (
 83 |             <div className="flex flex-col items-center justify-center h-screen bg-black text-white gap-4">
 84 |                 <UserIcon className="w-16 h-16 text-red-500" />
 85 |                 <h1 className="text-2xl font-bold">Error Loading Profile</h1>
 86 |                 <p className="text-zinc-400">{error}</p>
 87 |             </div>
 88 |         );
 89 |     }
 90 | 
 91 |     if (!profileData) {
 92 |         return (
 93 |             <div className="flex items-center justify-center h-screen bg-black text-white">
 94 |                 <div className="max-w-md w-full p-8">
 95 |                     <div className="mb-8 text-center">
 96 |                         <motion.div
 97 |                             initial={{ opacity: 0, scale: 0.9 }}
 98 |                             animate={{ opacity: 1, scale: 1 }}
 99 |                             className="mb-4 inline-block"
100 |                         >
101 |                             <img
102 |                                 src={`https://github.com/${username}.png`}
103 |                                 alt={username}
104 |                                 className="w-24 h-24 rounded-2xl border-4 border-zinc-900 shadow-xl"
105 |                             />
106 |                         </motion.div>
107 |                         <h2 className="text-2xl font-bold mb-2">Loading @{username}</h2>
108 |                         <p className="text-sm text-zinc-500">Analyzing profile and repositories...</p>
109 |                     </div>
110 | 
111 |                     <div className="space-y-3">
112 |                         {steps.map((step, index) => (
113 |                             <motion.div
114 |                                 key={step.id}
115 |                                 initial={{ opacity: 0, x: -20 }}
116 |                                 animate={{ opacity: 1, x: 0 }}
117 |                                 transition={{ delay: index * 0.1 }}
118 |                                 className="flex items-center gap-3 p-3 bg-zinc-900 border border-white/10 rounded-lg"
119 |                             >
120 |                                 {step.status === "loading" && (
121 |                                     <Loader2 className="w-5 h-5 text-purple-400 animate-spin shrink-0" />
122 |                                 )}
123 |                                 {step.status === "complete" && (
124 |                                     <CheckCircle2 className="w-5 h-5 text-green-500 shrink-0" />
125 |                                 )}
126 |                                 {step.status === "error" && (
127 |                                     <FileCode className="w-5 h-5 text-red-500 shrink-0" />
128 |                                 )}
129 |                                 <span className="text-sm text-zinc-300">{step.message}</span>
130 |                             </motion.div>
131 |                         ))}
132 |                     </div>
133 |                 </div>
134 |             </div>
135 |         );
136 |     }
137 | 
138 |     return (
139 |         <ProfileChatInterface
140 |             profile={profileData.profile}
141 |             profileReadme={profileData.profileReadme}
142 |             repoReadmes={profileData.repoReadmes}
143 |         />
144 |     );
145 | }
146 | 


--------------------------------------------------------------------------------
/src/components/RepoLoader.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState, useEffect } from "react";
  4 | import { motion } from "framer-motion";
  5 | import { GitBranch, Loader2, CheckCircle2, FileCode, AlertCircle } from "lucide-react";
  6 | import { RepoLayout } from "./RepoLayout";
  7 | import { fetchGitHubData } from "@/app/actions";
  8 | import { GitHubRepo } from "@/lib/github";
  9 | import Link from "next/link";
 10 | 
 11 | interface LoadingStep {
 12 |     id: string;
 13 |     message: string;
 14 |     status: "loading" | "complete" | "error";
 15 | }
 16 | 
 17 | interface RepoLoaderProps {
 18 |     query: string;
 19 | }
 20 | 
 21 | export function RepoLoader({ query }: RepoLoaderProps) {
 22 |     const [steps, setSteps] = useState<LoadingStep[]>([]);
 23 |     const [repoData, setRepoData] = useState<any>(null);
 24 |     const [error, setError] = useState<string | null>(null);
 25 | 
 26 |     useEffect(() => {
 27 |         loadRepo();
 28 |     }, [query]);
 29 | 
 30 |     const updateStep = (id: string, status: "loading" | "complete" | "error", message?: string) => {
 31 |         setSteps((prev) => {
 32 |             const existing = prev.find((s) => s.id === id);
 33 |             if (existing) {
 34 |                 return prev.map((s) =>
 35 |                     s.id === id ? { ...s, status, message: message || s.message } : s
 36 |                 );
 37 |             }
 38 |             return [...prev, { id, message: message || "", status }];
 39 |         });
 40 |     };
 41 | 
 42 |     const loadRepo = async () => {
 43 |         try {
 44 |             // Step 1: Fetch repo data
 45 |             updateStep("fetch", "loading", `Fetching repository ${query}...`);
 46 |             const data = await fetchGitHubData(query);
 47 | 
 48 |             if (data.error) {
 49 |                 throw new Error(data.error);
 50 |             }
 51 | 
 52 |             if (data.type !== "repo") {
 53 |                 throw new Error("Not a repository");
 54 |             }
 55 | 
 56 |             const repo = data.data as GitHubRepo;
 57 |             const fileTree = data.fileTree as any[];
 58 |             const hiddenFiles = data.hiddenFiles || [];
 59 | 
 60 |             updateStep("fetch", "complete", "Repository data fetched");
 61 | 
 62 |             // Step 2: Analyze structure
 63 |             updateStep("analyze", "loading", `Analyzing ${fileTree.length} files...`);
 64 | 
 65 |             // Simulate a brief delay for analysis visualization
 66 |             await new Promise(resolve => setTimeout(resolve, 800));
 67 | 
 68 |             updateStep("analyze", "complete", "File structure analyzed");
 69 | 
 70 |             // Step 3: Prepare environment
 71 |             updateStep("env", "loading", "Preparing chat environment...");
 72 |             await new Promise(resolve => setTimeout(resolve, 500));
 73 |             updateStep("env", "complete", "Ready to chat");
 74 | 
 75 |             setRepoData({ repo, fileTree, hiddenFiles });
 76 | 
 77 |         } catch (err: any) {
 78 |             console.error(err);
 79 |             const errorMessage = err.message === "User not found"
 80 |                 ? `GitHub user/org for "${query}" not found`
 81 |                 : err.message === "Repository not found"
 82 |                     ? `Repository "${query}" not found`
 83 |                     : err.message;
 84 | 
 85 |             setError(errorMessage);
 86 |             updateStep("error", "error", errorMessage);
 87 |         }
 88 |     };
 89 | 
 90 |     if (error) {
 91 |         return (
 92 |             <div className="flex flex-col items-center justify-center h-screen bg-black text-white gap-4">
 93 |                 <AlertCircle className="w-16 h-16 text-red-500" />
 94 |                 <h1 className="text-2xl font-bold">Error Loading Repository</h1>
 95 |                 <p className="text-zinc-400">{error}</p>
 96 |                 <Link href="/" className="mt-4 px-6 py-3 bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors">
 97 |                     Back to Home
 98 |                 </Link>
 99 |             </div>
100 |         );
101 |     }
102 | 
103 |     if (!repoData) {
104 |         return (
105 |             <div className="flex items-center justify-center h-screen bg-black text-white">
106 |                 <div className="max-w-md w-full p-8">
107 |                     <div className="mb-8 text-center">
108 |                         <motion.div
109 |                             initial={{ opacity: 0, scale: 0.9 }}
110 |                             animate={{ opacity: 1, scale: 1 }}
111 |                             className="mb-4 inline-flex items-center justify-center w-20 h-20 rounded-2xl bg-zinc-900 border border-white/10"
112 |                         >
113 |                             <GitBranch className="w-10 h-10 text-purple-400" />
114 |                         </motion.div>
115 |                         <h2 className="text-2xl font-bold mb-2">Loading Repository</h2>
116 |                         <p className="text-sm text-zinc-500">{query}</p>
117 |                     </div>
118 | 
119 |                     <div className="space-y-3">
120 |                         {steps.map((step, index) => (
121 |                             <motion.div
122 |                                 key={step.id}
123 |                                 initial={{ opacity: 0, x: -20 }}
124 |                                 animate={{ opacity: 1, x: 0 }}
125 |                                 transition={{ delay: index * 0.1 }}
126 |                                 className="flex items-center gap-3 p-3 bg-zinc-900 border border-white/10 rounded-lg"
127 |                             >
128 |                                 {step.status === "loading" && (
129 |                                     <Loader2 className="w-5 h-5 text-purple-400 animate-spin shrink-0" />
130 |                                 )}
131 |                                 {step.status === "complete" && (
132 |                                     <CheckCircle2 className="w-5 h-5 text-green-500 shrink-0" />
133 |                                 )}
134 |                                 {step.status === "error" && (
135 |                                     <FileCode className="w-5 h-5 text-red-500 shrink-0" />
136 |                                 )}
137 |                                 <span className="text-sm text-zinc-300">{step.message}</span>
138 |                             </motion.div>
139 |                         ))}
140 |                     </div>
141 |                 </div>
142 |             </div>
143 |         );
144 |     }
145 | 
146 |     return (
147 |         <RepoLayout
148 |             fileTree={repoData.fileTree}
149 |             repoName={repoData.repo.full_name}
150 |             owner={repoData.repo.owner.login}
151 |             repo={repoData.repo.name}
152 |             hiddenFiles={repoData.hiddenFiles}
153 |             repoData={repoData.repo}
154 |         />
155 |     );
156 | }
157 | 


--------------------------------------------------------------------------------
/src/app/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState } from "react";
  4 | import { useRouter } from "next/navigation";
  5 | import { motion } from "framer-motion";
  6 | import { Github, ArrowRight, Loader2 } from "lucide-react";
  7 | import { fetchGitHubData } from "./actions";
  8 | import FeatureTiles from "@/components/FeatureTiles";
  9 | import { WhatsNewBadge } from "@/components/WhatsNewBadge";
 10 | import { GitHubBadge } from "@/components/GitHubBadge";
 11 | import { CAGBadge } from "@/components/CAGBadge";
 12 | import CAGComparison from "@/components/CAGComparison";
 13 | import Footer from "@/components/Footer";
 14 | import Image from "next/image";
 15 | import { InstallPWA } from "@/components/InstallPWA";
 16 | 
 17 | export default function Home() {
 18 |   const [input, setInput] = useState("");
 19 |   const [loading, setLoading] = useState(false);
 20 |   const [error, setError] = useState("");
 21 |   const router = useRouter();
 22 | 
 23 |   const handleSubmit = async (e: React.FormEvent) => {
 24 |     e.preventDefault();
 25 |     if (!input.trim()) return;
 26 | 
 27 |     setLoading(true);
 28 |     setError("");
 29 | 
 30 |     try {
 31 |       const result = await fetchGitHubData(input);
 32 | 
 33 |       if (result.error) {
 34 |         setError(result.error);
 35 |       } else {
 36 |         // Store data in localStorage or pass via query params/state manager
 37 |         // For simplicity, we'll use query params for the ID and fetch again or use a context
 38 |         // Let's just navigate to /chat with the query
 39 |         router.push(`/chat?q=${encodeURIComponent(input)}`);
 40 |       }
 41 |     } catch (err) {
 42 |       setError("Something went wrong. Please try again.");
 43 |     } finally {
 44 |       setLoading(false);
 45 |     }
 46 |   };
 47 | 
 48 |   return (
 49 |     <main className="flex flex-col bg-black text-white overflow-x-hidden relative">
 50 |       {/* Fixed Background Layer */}
 51 |       <div className="fixed inset-0 z-0 pointer-events-none">
 52 |         <div className="absolute top-[-20%] left-[-10%] w-[80vw] max-w-[500px] h-[80vw] max-h-[500px] bg-purple-600/30 rounded-full blur-[80px] md:blur-[128px]" />
 53 |         <div className="absolute bottom-[-20%] right-[-10%] w-[80vw] max-w-[500px] h-[80vw] max-h-[500px] bg-blue-600/30 rounded-full blur-[80px] md:blur-[128px]" />
 54 |       </div>
 55 | 
 56 |       {/* Hero Section */}
 57 |       <section className="min-h-screen flex flex-col items-center justify-center p-4 relative overflow-hidden z-10">
 58 |         {/* What's New Badge (Top Left) */}
 59 |         <WhatsNewBadge />
 60 |         {/* GitHub Badge (Top Right) */}
 61 |         <GitHubBadge />
 62 | 
 63 |         <motion.div
 64 |           initial={{ opacity: 0, y: 20 }}
 65 |           animate={{ opacity: 1, y: 0 }}
 66 |           transition={{ duration: 0.8 }}
 67 |           className="z-10 flex flex-col items-center text-center max-w-2xl w-full px-4"
 68 |         >
 69 |           <div className="mb-8 conic-border-container rounded-full w-20 h-20 md:w-24 md:h-24 flex items-center justify-center">
 70 |             <Image
 71 |               src="/1080x1080.png"
 72 |               alt="RepoMind Logo"
 73 |               width={96}
 74 |               height={96}
 75 |               className="w-full h-full object-cover rounded-full"
 76 |             />
 77 |           </div>
 78 | 
 79 |           <h1 className="text-4xl sm:text-5xl md:text-7xl font-bold tracking-tight mb-6 bg-clip-text text-transparent bg-gradient-to-b from-white to-white/60">
 80 |             RepoMind
 81 |           </h1>
 82 | 
 83 |           {/* CAG Badge (Below Title) */}
 84 |           <CAGBadge />
 85 | 
 86 |           <p className="text-base sm:text-lg md:text-xl text-zinc-400 mb-12 max-w-lg mx-auto">
 87 |             Deep dive into any repository or profile.
 88 |             Analyze code, ask questions, and understand projects in seconds.
 89 |           </p>
 90 | 
 91 |           <form onSubmit={handleSubmit} className="w-full max-w-md relative group">
 92 |             <div className="conic-border-container flex items-center bg-zinc-900 p-1 rounded-lg">
 93 |               <input
 94 |                 type="text"
 95 |                 value={input}
 96 |                 onChange={(e) => setInput(e.target.value)}
 97 |                 placeholder="username or username/repo"
 98 |                 className="flex-1 bg-transparent border-none outline-none text-white px-3 py-2 md:px-4 md:py-3 placeholder-zinc-500 text-sm md:text-base w-full min-w-0"
 99 |               />
100 |               <button
101 |                 type="submit"
102 |                 disabled={loading}
103 |                 className="bg-white text-black p-2 md:p-3 rounded-md hover:bg-zinc-200 transition-colors disabled:opacity-50 shrink-0"
104 |               >
105 |                 {loading ? <Loader2 className="w-4 h-4 md:w-5 md:h-5 animate-spin" /> : <ArrowRight className="w-4 h-4 md:w-5 md:h-5" />}
106 |               </button>
107 |             </div>
108 |           </form>
109 | 
110 |           {error && (
111 |             <motion.p
112 |               initial={{ opacity: 0 }}
113 |               animate={{ opacity: 1 }}
114 |               className="mt-4 text-red-400 text-sm"
115 |             >
116 |               {error}
117 |             </motion.p>
118 |           )}
119 | 
120 |           <div className="mt-12 md:mt-16 flex flex-wrap justify-center gap-3 md:gap-4 text-xs md:text-sm text-zinc-500">
121 |             <span>Try:</span>
122 |             <button onClick={() => setInput("torvalds")} className="hover:text-white transition-colors">torvalds</button>
123 |             <span className="hidden sm:inline">•</span>
124 |             <button onClick={() => setInput("facebook/react")} className="hover:text-white transition-colors">facebook/react</button>
125 |             <span className="hidden sm:inline">•</span>
126 |             <button onClick={() => setInput("vercel/next.js")} className="hover:text-white transition-colors">vercel/next.js</button>
127 |           </div>
128 |         </motion.div>
129 |       </section>
130 | 
131 |       {/* CAG Comparison Section */}
132 |       <div className="relative z-10">
133 |         <CAGComparison />
134 |       </div>
135 | 
136 |       {/* Feature Tiles Section */}
137 |       <section className="relative py-20 z-10">
138 |         <div className="relative z-10">
139 |           <FeatureTiles />
140 |         </div>
141 |       </section>
142 | 
143 |       <Footer />
144 | 
145 |       <script
146 |         type="application/ld+json"
147 |         dangerouslySetInnerHTML={{
148 |           __html: JSON.stringify({
149 |             "@context": "https://schema.org",
150 |             "@type": "SoftwareApplication",
151 |             "name": "RepoMind",
152 |             "applicationCategory": "DeveloperApplication",
153 |             "operatingSystem": "Web",
154 |             "offers": {
155 |               "@type": "Offer",
156 |               "price": "0",
157 |               "priceCurrency": "USD",
158 |             },
159 |             "description": "RepoMind is an AI-powered tool that allows developers to visualize and chat with GitHub repositories to understand logic and squash bugs.",
160 |             "aggregateRating": {
161 |               "@type": "AggregateRating",
162 |               "ratingValue": "4.8",
163 |               "ratingCount": "120",
164 |             },
165 |           }),
166 |         }}
167 |       />
168 |       <InstallPWA />
169 |     </main>
170 |   );
171 | }
172 | 


--------------------------------------------------------------------------------
/src/components/CAGComparison.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { motion } from "framer-motion";
  4 | import { Check, X, Brain, Database, Zap, HardDrive } from "lucide-react";
  5 | 
  6 | export default function CAGComparison() {
  7 |     return (
  8 |         <section id="cag-comparison" className="py-24 px-4 relative overflow-hidden">
  9 |             <div className="max-w-6xl mx-auto relative z-10">
 10 |                 <motion.div
 11 |                     initial={{ opacity: 0, y: 20 }}
 12 |                     whileInView={{ opacity: 1, y: 0 }}
 13 |                     viewport={{ once: true }}
 14 |                     transition={{ duration: 0.6 }}
 15 |                     className="text-center mb-16"
 16 |                 >
 17 |                     <h2 className="text-3xl md:text-5xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-400">
 18 |                         CAG vs. Traditional RAG
 19 |                     </h2>
 20 |                     <p className="text-zinc-400 text-lg max-w-2xl mx-auto">
 21 |                         RepoMind uses <strong>Context Augmented Generation (CAG)</strong>. We don't just retrieve fragments; we understand the whole picture.
 22 |                     </p>
 23 |                 </motion.div>
 24 | 
 25 |                 <div className="grid md:grid-cols-2 gap-8">
 26 |                     {/* Traditional RAG Card */}
 27 |                     <motion.div
 28 |                         initial={{ opacity: 0, x: -20 }}
 29 |                         whileInView={{ opacity: 1, x: 0 }}
 30 |                         whileHover={{ y: -5, scale: 1.02 }}
 31 |                         viewport={{ once: true }}
 32 |                         transition={{ duration: 0.4 }}
 33 |                         className="bg-zinc-900/50 border border-zinc-800 rounded-2xl p-8 backdrop-blur-sm hover:bg-zinc-900/80 hover:border-zinc-700 transition-colors cursor-default"
 34 |                     >
 35 |                         <div className="flex items-center gap-3 mb-8">
 36 |                             <div className="p-3 bg-zinc-800 rounded-lg">
 37 |                                 <Database className="w-6 h-6 text-zinc-400" />
 38 |                             </div>
 39 |                             <h3 className="text-2xl font-semibold text-zinc-300">Traditional RAG</h3>
 40 |                         </div>
 41 | 
 42 |                         <div className="space-y-6">
 43 |                             <div className="flex items-start gap-4">
 44 |                                 <div className="mt-1 p-1 bg-red-500/10 rounded-full">
 45 |                                     <X className="w-4 h-4 text-red-500" />
 46 |                                 </div>
 47 |                                 <div>
 48 |                                     <h4 className="font-medium text-zinc-200">Fragmented Context</h4>
 49 |                                     <p className="text-sm text-zinc-500 mt-1">Chops code into small, disconnected vector chunks.</p>
 50 |                                 </div>
 51 |                             </div>
 52 | 
 53 |                             <div className="flex items-start gap-4">
 54 |                                 <div className="mt-1 p-1 bg-red-500/10 rounded-full">
 55 |                                     <X className="w-4 h-4 text-red-500" />
 56 |                                 </div>
 57 |                                 <div>
 58 |                                     <h4 className="font-medium text-zinc-200">Similarity Search</h4>
 59 |                                     <p className="text-sm text-zinc-500 mt-1">Relies on fuzzy matching which often misses logic.</p>
 60 |                                 </div>
 61 |                             </div>
 62 | 
 63 |                             <div className="flex items-start gap-4">
 64 |                                 <div className="mt-1 p-1 bg-red-500/10 rounded-full">
 65 |                                     <X className="w-4 h-4 text-red-500" />
 66 |                                 </div>
 67 |                                 <div>
 68 |                                     <h4 className="font-medium text-zinc-200">Stateless</h4>
 69 |                                     <p className="text-sm text-zinc-500 mt-1">Forgets everything after each query.</p>
 70 |                                 </div>
 71 |                             </div>
 72 |                         </div>
 73 |                     </motion.div>
 74 | 
 75 |                     {/* RepoMind CAG Card */}
 76 |                     <motion.div
 77 |                         initial={{ opacity: 0, x: 20 }}
 78 |                         whileInView={{ opacity: 1, x: 0 }}
 79 |                         whileHover={{ y: -5, scale: 1.02 }}
 80 |                         viewport={{ once: true }}
 81 |                         transition={{ duration: 0.4 }}
 82 |                         className="bg-gradient-to-b from-blue-900/20 to-purple-900/20 border border-blue-500/30 rounded-2xl p-8 backdrop-blur-sm relative overflow-hidden hover:border-blue-500/50 transition-colors cursor-default"
 83 |                     >
 84 |                         <div className="absolute top-0 right-0 w-32 h-32 bg-blue-500/10 blur-[50px] rounded-full" />
 85 | 
 86 |                         <div className="flex items-center gap-3 mb-8">
 87 |                             <div className="p-3 bg-blue-500/20 rounded-lg">
 88 |                                 <Brain className="w-6 h-6 text-blue-400" />
 89 |                             </div>
 90 |                             <h3 className="text-2xl font-semibold text-white">RepoMind (CAG)</h3>
 91 |                         </div>
 92 | 
 93 |                         <div className="space-y-6">
 94 |                             <div className="flex items-start gap-4">
 95 |                                 <div className="mt-1 p-1 bg-green-500/10 rounded-full">
 96 |                                     <Check className="w-4 h-4 text-green-400" />
 97 |                                 </div>
 98 |                                 <div>
 99 |                                     <h4 className="font-medium text-white">Full File Context</h4>
100 |                                     <p className="text-sm text-zinc-400 mt-1">Loads entire relevant files into the 1M+ token window.</p>
101 |                                 </div>
102 |                             </div>
103 | 
104 |                             <div className="flex items-start gap-4">
105 |                                 <div className="mt-1 p-1 bg-green-500/10 rounded-full">
106 |                                     <Check className="w-4 h-4 text-green-400" />
107 |                                 </div>
108 |                                 <div>
109 |                                     <h4 className="font-medium text-white">Smart Agent Selection</h4>
110 |                                     <p className="text-sm text-zinc-400 mt-1">AI intelligently picks files based on dependency graphs.</p>
111 |                                 </div>
112 |                             </div>
113 | 
114 |                             <div className="flex items-start gap-4">
115 |                                 <div className="mt-1 p-1 bg-green-500/10 rounded-full">
116 |                                     <Check className="w-4 h-4 text-green-400" />
117 |                                 </div>
118 |                                 <div>
119 |                                     <h4 className="font-medium text-white">KV Caching</h4>
120 |                                     <p className="text-sm text-zinc-400 mt-1">Remembers context for instant follow-up answers.</p>
121 |                                 </div>
122 |                             </div>
123 |                         </div>
124 |                     </motion.div>
125 |                 </div>
126 |             </div>
127 |         </section>
128 |     );
129 | }
130 | 


--------------------------------------------------------------------------------
/src/components/WhatsNewModal.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { createPortal } from "react-dom";
  4 | import { X, Sparkles } from "lucide-react";
  5 | import { motion, AnimatePresence } from "framer-motion";
  6 | 
  7 | interface WhatsNewModalProps {
  8 |     isOpen: boolean;
  9 |     onClose: () => void;
 10 | }
 11 | 
 12 | export function WhatsNewModal({ isOpen, onClose }: WhatsNewModalProps) {
 13 |     if (!isOpen) return null;
 14 | 
 15 |     const versions = [
 16 |         {
 17 |             version: "v1.3.3",
 18 |             isNew: true,
 19 |             features: [
 20 |                 "📝 Markdown Support: User input contained between three backticks is now treated as markdown.",
 21 |                 "📱 PWA Support: Full Progressive Web App support is now available.",
 22 |                 "🐙 GitHub Link: GitHub repository link is now implemented on the webpage."
 23 |             ]
 24 |         },
 25 |         {
 26 |             version: "v1.3.2",
 27 |             isNew: false,
 28 |             features: [
 29 |                 "⚡ Blazing Fast: Instant profile loads & faster file selection with Flash-Lite.",
 30 |                 "🌐 Web Search: Real-time answers for competitors, news, and jobs.",
 31 |                 "🔗 Smart URLs: Intelligent LinkedIn summarization & identity verification."
 32 |             ]
 33 |         },
 34 |         {
 35 |             version: "v1.3.1",
 36 |             isNew: false,
 37 |             features: [
 38 |                 "Increased accuracy in complex flowchart generation from 70% to 95+%",
 39 |                 "Improved error handling: Mermaid syntax errors are now hidden from the UI",
 40 |                 "Added context for better chat results"
 41 |             ]
 42 |         },
 43 |         {
 44 |             version: "v1.3",
 45 |             isNew: false,
 46 |             features: [
 47 |                 "Introduced the codeblocks in chat UI for code display with horizontal scrolling",
 48 |                 "Integrated an enhanced flowchart diagrams.",
 49 |                 "Added hidden files section to optimise the repo tree.",
 50 |                 "Implemented the devtools",
 51 |                 "Added realtime next js server response",
 52 |                 "Introduced the Vercel KV caching for GitHub API calls",
 53 |                 "Robust mermaid diagram fix pipeline using JSON by LLM to mermaid by typescript."
 54 |             ]
 55 |         },
 56 |         {
 57 |             version: "v1.2",
 58 |             isNew: false,
 59 |             features: [
 60 |                 "Dev Tools Suite: Advanced Search (Regex/AST), Code Quality Analysis, and Automated Generators.",
 61 |                 "Zero-Cost Security: Vulnerability scanning using pattern matching and Gemini AI.",
 62 |                 "Enhanced Data: Precise language statistics via GraphQL and commit history.",
 63 |                 "Auto-Persistence: Conversations are now automatically saved locally and restored instantly."
 64 |             ]
 65 |         },
 66 |         {
 67 |             version: "v1.1",
 68 |             isNew: false,
 69 |             features: [
 70 |                 "Smart Caching: Instant load times for previously visited profiles and repositories.",
 71 |                 "Mobile Experience: Optimized layout for mobile devices.",
 72 |                 "Repo Chat: Deep dive into repositories with AI-powered chat and file analysis.",
 73 |                 "File Preview: Instant syntax-highlighted previews for any file in the repository."
 74 |             ]
 75 |         }
 76 |     ];
 77 | 
 78 |     return typeof document !== 'undefined' ? createPortal(
 79 |         <AnimatePresence>
 80 |             <div className="fixed inset-0 z-[1000] flex items-center justify-center p-2 md:p-4">
 81 |                 {/* Backdrop */}
 82 |                 <motion.div
 83 |                     initial={{ opacity: 0 }}
 84 |                     animate={{ opacity: 1 }}
 85 |                     exit={{ opacity: 0 }}
 86 |                     className="absolute inset-0 bg-black/80 backdrop-blur-sm"
 87 |                     onClick={onClose}
 88 |                 />
 89 | 
 90 |                 {/* Modal */}
 91 |                 <motion.div
 92 |                     initial={{ opacity: 0, scale: 0.95, y: 20 }}
 93 |                     animate={{ opacity: 1, scale: 1, y: 0 }}
 94 |                     exit={{ opacity: 0, scale: 0.95, y: 20 }}
 95 |                     className="relative w-full max-w-2xl max-h-[90vh] md:max-h-[85vh] bg-zinc-900 border border-white/10 rounded-xl shadow-2xl flex flex-col overflow-hidden"
 96 |                 >
 97 |                     {/* Header */}
 98 |                     <div className="flex items-center justify-between p-4 md:p-6 border-b border-white/10 bg-gradient-to-r from-purple-600/10 to-blue-600/10">
 99 |                         <div className="flex items-center gap-3">
100 |                             <div className="p-1.5 md:p-2 bg-purple-600 rounded-lg">
101 |                                 <Sparkles className="w-5 h-5 md:w-6 md:h-6 text-white" />
102 |                             </div>
103 |                             <div>
104 |                                 <h2 className="text-xl md:text-2xl font-bold text-white">What's New</h2>
105 |                                 <p className="text-xs md:text-sm text-zinc-400">Latest updates and improvements</p>
106 |                             </div>
107 |                         </div>
108 |                         <button
109 |                             onClick={onClose}
110 |                             className="p-2 hover:bg-white/10 rounded-lg transition-colors"
111 |                         >
112 |                             <X className="w-5 h-5 text-zinc-400 hover:text-white" />
113 |                         </button>
114 |                     </div>
115 | 
116 |                     {/* Content */}
117 |                     <div className="flex-1 overflow-y-auto p-4 md:p-6">
118 |                         <div className="flex flex-col gap-8">
119 |                             {versions.map((version, vIndex) => (
120 |                                 <div key={version.version} className="relative">
121 |                                     <div className="flex items-center gap-3 mb-4">
122 |                                         <h3 className="text-xl font-bold text-white">{version.version}</h3>
123 |                                         {version.isNew && (
124 |                                             <span className="px-2 py-0.5 text-[10px] font-bold tracking-wider bg-purple-500/20 text-purple-300 border border-purple-500/30 rounded-full">
125 |                                                 LATEST
126 |                                             </span>
127 |                                         )}
128 |                                     </div>
129 | 
130 |                                     <ul className="space-y-3">
131 |                                         {version.features.map((feature, fIndex) => (
132 |                                             <motion.li
133 |                                                 key={fIndex}
134 |                                                 initial={{ opacity: 0, x: -10 }}
135 |                                                 animate={{ opacity: 1, x: 0 }}
136 |                                                 transition={{ delay: (vIndex * 0.1) + (fIndex * 0.05) }}
137 |                                                 className="flex items-start gap-3 text-zinc-300"
138 |                                             >
139 |                                                 <span className="mt-2 w-1.5 h-1.5 rounded-full bg-purple-500 shrink-0" />
140 |                                                 <span className="leading-relaxed">{feature}</span>
141 |                                             </motion.li>
142 |                                         ))}
143 |                                     </ul>
144 | 
145 |                                     {vIndex < versions.length - 1 && (
146 |                                         <div className="mt-8 h-px bg-white/10" />
147 |                                     )}
148 |                                 </div>
149 |                             ))}
150 |                         </div>
151 |                     </div>
152 | 
153 |                     {/* Footer */}
154 |                     <div className="p-4 border-t border-white/10 bg-zinc-900/80 backdrop-blur-sm text-center">
155 |                         <p className="text-sm text-zinc-500">
156 |                             More features coming soon! Stay tuned 🚀
157 |                         </p>
158 |                     </div>
159 |                 </motion.div>
160 |             </div>
161 |         </AnimatePresence>,
162 |         document.body
163 |     ) : null;
164 | }
165 | 


--------------------------------------------------------------------------------
/src/lib/storage.ts:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Smart localStorage management for conversation persistence
  3 |  * Implements 10MB limit with automatic cleanup of oldest conversations
  4 |  */
  5 | 
  6 | export interface Message {
  7 |     id: string;
  8 |     role: 'user' | 'model';
  9 |     content: string;
 10 |     relevantFiles?: string[];
 11 | }
 12 | 
 13 | interface StoredConversation {
 14 |     owner: string;
 15 |     repo: string;
 16 |     messages: Message[];
 17 |     timestamp: number;
 18 | }
 19 | 
 20 | const MB = 1024 * 1024;
 21 | const MAX_STORAGE = 10 * MB; // 10MB limit
 22 | const TARGET_SIZE = 8 * MB; // Clean up to 8MB (leave buffer)
 23 | const STORAGE_PREFIX = 'repomind_chat_';
 24 | const PROFILE_PREFIX = 'repomind_profile_';
 25 | 
 26 | /**
 27 |  * Save conversation to localStorage with auto-cleanup
 28 |  */
 29 | export function saveConversation(owner: string, repo: string, messages: Message[]): void {
 30 |     try {
 31 |         // Check storage size before saving
 32 |         const currentSize = getStorageSize();
 33 |         if (currentSize > MAX_STORAGE) {
 34 |             console.log('Storage limit reached, cleaning up...');
 35 |             cleanupOldConversations(TARGET_SIZE);
 36 |         }
 37 | 
 38 |         const key = `${STORAGE_PREFIX}${owner}_${repo}`;
 39 |         const data: StoredConversation = {
 40 |             owner,
 41 |             repo,
 42 |             messages,
 43 |             timestamp: Date.now()
 44 |         };
 45 | 
 46 |         localStorage.setItem(key, JSON.stringify(data));
 47 |     } catch (e: any) {
 48 |         if (e.name === 'QuotaExceededError') {
 49 |             console.warn('localStorage quota exceeded, forcing cleanup...');
 50 |             // Force cleanup and retry
 51 |             cleanupOldConversations(TARGET_SIZE);
 52 |             try {
 53 |                 const key = `${STORAGE_PREFIX}${owner}_${repo}`;
 54 |                 const data: StoredConversation = {
 55 |                     owner,
 56 |                     repo,
 57 |                     messages,
 58 |                     timestamp: Date.now()
 59 |                 };
 60 |                 localStorage.setItem(key, JSON.stringify(data));
 61 |             } catch {
 62 |                 console.error('localStorage full, cannot save conversation after cleanup');
 63 |             }
 64 |         } else {
 65 |             console.error('Failed to save conversation:', e);
 66 |         }
 67 |     }
 68 | }
 69 | 
 70 | /**
 71 |  * Load conversation from localStorage
 72 |  */
 73 | export function loadConversation(owner: string, repo: string): Message[] | null {
 74 |     try {
 75 |         const key = `${STORAGE_PREFIX}${owner}_${repo}`;
 76 |         const data = localStorage.getItem(key);
 77 |         if (!data) return null;
 78 | 
 79 |         const parsed: StoredConversation = JSON.parse(data);
 80 |         return parsed.messages;
 81 |     } catch (e) {
 82 |         console.error('Failed to load conversation:', e);
 83 |         return null;
 84 |     }
 85 | }
 86 | 
 87 | /**
 88 |  * Clear conversation from localStorage
 89 |  */
 90 | export function clearConversation(owner: string, repo: string): void {
 91 |     try {
 92 |         const key = `${STORAGE_PREFIX}${owner}_${repo}`;
 93 |         localStorage.removeItem(key);
 94 |     } catch (e) {
 95 |         console.error('Failed to clear conversation:', e);
 96 |     }
 97 | }
 98 | 
 99 | /**
100 |  * Save profile conversation
101 |  */
102 | export function saveProfileConversation(username: string, messages: Message[]): void {
103 |     try {
104 |         const currentSize = getStorageSize();
105 |         if (currentSize > MAX_STORAGE) {
106 |             cleanupOldConversations(TARGET_SIZE);
107 |         }
108 | 
109 |         const key = `${PROFILE_PREFIX}${username}`;
110 |         const data = {
111 |             username,
112 |             messages,
113 |             timestamp: Date.now()
114 |         };
115 | 
116 |         localStorage.setItem(key, JSON.stringify(data));
117 |     } catch (e: any) {
118 |         if (e.name === 'QuotaExceededError') {
119 |             cleanupOldConversations(TARGET_SIZE);
120 |             try {
121 |                 const key = `${PROFILE_PREFIX}${username}`;
122 |                 localStorage.setItem(key, JSON.stringify({ username, messages, timestamp: Date.now() }));
123 |             } catch {
124 |                 console.error('localStorage full after cleanup');
125 |             }
126 |         }
127 |     }
128 | }
129 | 
130 | /**
131 |  * Load profile conversation
132 |  */
133 | export function loadProfileConversation(username: string): Message[] | null {
134 |     try {
135 |         const key = `${PROFILE_PREFIX}${username}`;
136 |         const data = localStorage.getItem(key);
137 |         if (!data) return null;
138 | 
139 |         const parsed = JSON.parse(data);
140 |         return parsed.messages;
141 |     } catch (e) {
142 |         console.error('Failed to load profile conversation:', e);
143 |         return null;
144 |     }
145 | }
146 | 
147 | /**
148 |  * Clear profile conversation from localStorage
149 |  */
150 | export function clearProfileConversation(username: string): void {
151 |     try {
152 |         const key = `${PROFILE_PREFIX}${username}`;
153 |         localStorage.removeItem(key);
154 |     } catch (e) {
155 |         console.error('Failed to clear profile conversation:', e);
156 |     }
157 | }
158 | 
159 | /**
160 |  * Calculate total storage size used by RepoMind
161 |  */
162 | export function getStorageSize(): number {
163 |     let total = 0;
164 | 
165 |     for (let key in localStorage) {
166 |         if (key.startsWith(STORAGE_PREFIX) || key.startsWith(PROFILE_PREFIX)) {
167 |             try {
168 |                 const value = localStorage[key];
169 |                 // UTF-16 uses 2 bytes per character
170 |                 total += (value.length + key.length) * 2;
171 |             } catch (e) {
172 |                 // Invalid key, skip it
173 |             }
174 |         }
175 |     }
176 | 
177 |     return total;
178 | }
179 | 
180 | /**
181 |  * Format storage size for display
182 |  */
183 | export function formatStorageSize(bytes: number): string {
184 |     if (bytes < 1024) return `${bytes} B`;
185 |     if (bytes < MB) return `${(bytes / 1024).toFixed(1)} KB`;
186 |     return `${(bytes / MB).toFixed(1)} MB`;
187 | }
188 | 
189 | /**
190 |  * Clean up old conversations to reach target size
191 |  */
192 | function cleanupOldConversations(targetSize: number): void {
193 |     const conversations: Array<{ key: string; timestamp: number; size: number }> = [];
194 | 
195 |     // Collect all conversations
196 |     for (let key in localStorage) {
197 |         if (key.startsWith(STORAGE_PREFIX) || key.startsWith(PROFILE_PREFIX)) {
198 |             try {
199 |                 const data = JSON.parse(localStorage[key]);
200 |                 const size = (localStorage[key].length + key.length) * 2;
201 |                 conversations.push({
202 |                     key,
203 |                     timestamp: data.timestamp || 0,
204 |                     size
205 |                 });
206 |             } catch (e) {
207 |                 // Invalid data, delete it
208 |                 localStorage.removeItem(key);
209 |             }
210 |         }
211 |     }
212 | 
213 |     // Sort by timestamp (oldest first)
214 |     conversations.sort((a, b) => a.timestamp - b.timestamp);
215 | 
216 |     // Delete oldest conversations until we're under target size
217 |     let currentSize = getStorageSize();
218 |     let deletedCount = 0;
219 | 
220 |     for (const conv of conversations) {
221 |         if (currentSize <= targetSize) break;
222 | 
223 |         localStorage.removeItem(conv.key);
224 |         currentSize -= conv.size;
225 |         deletedCount++;
226 |     }
227 | 
228 |     if (deletedCount > 0) {
229 |         console.log(`Cleaned up ${deletedCount} old conversations, freed ${formatStorageSize(getStorageSize() - currentSize)}`);
230 |     }
231 | }
232 | 
233 | /**
234 |  * Get all conversation keys
235 |  */
236 | export function getAllConversationKeys(): string[] {
237 |     const keys: string[] = [];
238 |     for (let key in localStorage) {
239 |         if (key.startsWith(STORAGE_PREFIX) || key.startsWith(PROFILE_PREFIX)) {
240 |             keys.push(key);
241 |         }
242 |     }
243 |     return keys;
244 | }
245 | 
246 | /**
247 |  * Get storage statistics
248 |  */
249 | export function getStorageStats(): {
250 |     used: number;
251 |     available: number;
252 |     conversations: number;
253 |     percentage: number;
254 | } {
255 |     const used = getStorageSize();
256 |     const conversations = getAllConversationKeys().length;
257 | 
258 |     return {
259 |         used,
260 |         available: MAX_STORAGE - used,
261 |         conversations,
262 |         percentage: (used / MAX_STORAGE) * 100
263 |     };
264 | }
265 | 


--------------------------------------------------------------------------------
/src/lib/markdown-utils.ts:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Repairs markdown content by ensuring code blocks with nested backticks
  3 |  * have sufficiently long outer fences to prevent fragmentation.
  4 |  */
  5 | export function repairMarkdown(content: string): string {
  6 |     if (!content.includes('```')) {
  7 |         return content;
  8 |     }
  9 | 
 10 |     const lines = content.split('\n');
 11 |     let changesMade = false;
 12 | 
 13 |     for (let pass = 0; pass < 3; pass++) {
 14 |         changesMade = false;
 15 | 
 16 |         const fenceLines = lines.map((line, idx) => {
 17 |             const trimmed = line.trim();
 18 |             if (!trimmed.startsWith('```')) return null;
 19 | 
 20 |             const match = trimmed.match(/^(`+)(.*)$/);
 21 |             if (!match) return null;
 22 | 
 23 |             return {
 24 |                 index: idx,
 25 |                 length: match[1].length,
 26 |                 info: match[2].trim(),
 27 |                 raw: line
 28 |             };
 29 |         }).filter(Boolean) as { index: number; length: number; info: string; raw: string }[];
 30 | 
 31 |         const blocks: { start: number; end: number; fenceLength: number }[] = [];
 32 |         let currentBlockStartFence: { index: number; length: number; info: string; raw: string } | null = null;
 33 | 
 34 |         for (let i = 0; i < fenceLines.length; i++) {
 35 |             const fence = fenceLines[i];
 36 | 
 37 |             if (currentBlockStartFence === null) {
 38 |                 currentBlockStartFence = fence;
 39 |             } else {
 40 |                 if (fence.length >= currentBlockStartFence.length && fence.info === '') {
 41 |                     blocks.push({
 42 |                         start: currentBlockStartFence.index,
 43 |                         end: fence.index,
 44 |                         fenceLength: currentBlockStartFence.length
 45 |                     });
 46 |                     currentBlockStartFence = null;
 47 |                 }
 48 |             }
 49 |         }
 50 | 
 51 |         // 2.5 Handle Unclosed Blocks (Mismatched Fences)
 52 |         // If we have a dangling start fence, look for a subsequent fence that could be a closer.
 53 |         // CRITICAL: Only match fences that are >= the opening fence length (per CommonMark spec)
 54 |         // Shorter fences are content, not closers.
 55 |         if (currentBlockStartFence) {
 56 |             const nextFence = fenceLines.find(f =>
 57 |                 f.index > currentBlockStartFence!.index &&
 58 |                 f.info === '' &&
 59 |                 f.length >= currentBlockStartFence!.length  // Must be equal or longer
 60 |             );
 61 | 
 62 |             if (nextFence) {
 63 |                 // Found a suitable closer. If it's shorter than opening, extend it to match.
 64 |                 if (nextFence.length < currentBlockStartFence.length) {
 65 |                     const newLength = currentBlockStartFence.length;
 66 |                     const newFenceStr = '`'.repeat(newLength);
 67 | 
 68 |                     const endLine = lines[nextFence.index];
 69 |                     const endMatch = endLine.match(/^(\s*)(`+)/);
 70 |                     const endIndent = endMatch ? endMatch[1] : '';
 71 | 
 72 |                     lines[nextFence.index] = endIndent + newFenceStr;
 73 |                     changesMade = true;
 74 |                     continue;
 75 |                 } else {
 76 |                     // Fence is long enough, just register it as a block
 77 |                     blocks.push({
 78 |                         start: currentBlockStartFence.index,
 79 |                         end: nextFence.index,
 80 |                         fenceLength: currentBlockStartFence.length
 81 |                     });
 82 |                     currentBlockStartFence = null;
 83 |                 }
 84 |             } else {
 85 |                 // No suitable closer found. Add one at the end of the document.
 86 |                 const newFenceStr = '`'.repeat(currentBlockStartFence.length);
 87 |                 const startLine = lines[currentBlockStartFence.index];
 88 |                 const startMatch = startLine.match(/^(\s*)/);
 89 |                 const indent = startMatch ? startMatch[1] : '';
 90 | 
 91 |                 lines.push(indent + newFenceStr);
 92 |                 changesMade = true;
 93 |                 continue;
 94 |             }
 95 |         }
 96 |         // 3. Reactive Repair (Fragmentation)
 97 |         // Check for premature closing first!
 98 |         for (let i = 0; i < blocks.length; i++) {
 99 |             const block = blocks[i];
100 |             const nextFence = fenceLines.find(f => f.index > block.end);
101 |             if (!nextFence) continue;
102 | 
103 |             // Check if nextFence is the start of another block
104 |             const isNextFenceStart = blocks.some(b => b.start === nextFence.index);
105 |             const contentBetween = lines.slice(block.end + 1, nextFence.index).join('').trim();
106 | 
107 |             // Heuristic: Merge if:
108 |             // 1. nextFence is dangling (not a start) - handles "Deep Nesting"
109 |             // 2. OR contentBetween is empty (adjacent) - handles "Multiple Broken Blocks"
110 |             // AND nextFence looks like a closer (no info)
111 |             if ((!isNextFenceStart || contentBetween === '') && nextFence.info === '') {
112 |                 const newLength = block.fenceLength + 1;
113 |                 const newFenceStr = '`'.repeat(newLength);
114 | 
115 |                 const startLine = lines[block.start];
116 |                 // Match leading whitespace, backticks, and info string
117 |                 const startMatch = startLine.match(/^(\s*)(`+)(.*)$/);
118 | 
119 |                 if (startMatch) {
120 |                     const indent = startMatch[1];
121 |                     const info = startMatch[3];
122 |                     lines[block.start] = indent + newFenceStr + (info || '');
123 | 
124 |                     // For the end fence, we should try to match its indentation too,
125 |                     // or just use the same indentation as the start fence?
126 |                     // Usually end fence has same indentation.
127 |                     // Let's check the end fence line.
128 |                     const endLine = lines[nextFence.index];
129 |                     const endMatch = endLine.match(/^(\s*)(`+)/);
130 |                     const endIndent = endMatch ? endMatch[1] : indent;
131 | 
132 |                     lines[nextFence.index] = endIndent + newFenceStr;
133 | 
134 |                     changesMade = true;
135 |                     break;
136 |                 }
137 |             }
138 |         }
139 | 
140 |         if (changesMade) continue;
141 | 
142 |         // 4. Proactive Repair: Check for nested backticks inside blocks
143 |         // CRITICAL: Only count fences that could actually CLOSE a block (no info string)
144 |         // Fences with info strings like ```bash are content, not potential closers
145 |         for (let i = 0; i < blocks.length; i++) {
146 |             const block = blocks[i];
147 | 
148 |             let maxInnerBackticks = 0;
149 |             for (let j = block.start + 1; j < block.end; j++) {
150 |                 const line = lines[j].trim();
151 |                 const match = line.match(/^(`{3,})(.*)$/);
152 |                 if (match) {
153 |                     const backtickLength = match[1].length;
154 |                     const info = match[2].trim();
155 |                     // Only count this fence if it has no info string (could be a closer)
156 |                     if (info === '') {
157 |                         maxInnerBackticks = Math.max(maxInnerBackticks, backtickLength);
158 |                     }
159 |                 }
160 |             }
161 | 
162 |             if (maxInnerBackticks >= block.fenceLength) {
163 |                 const newLength = maxInnerBackticks + 1;
164 |                 const newFenceStr = '`'.repeat(newLength);
165 | 
166 |                 const startLine = lines[block.start];
167 |                 const startMatch = startLine.match(/^(\s*)(`+)(.*)$/);
168 | 
169 |                 if (startMatch) {
170 |                     const indent = startMatch[1];
171 |                     const info = startMatch[3];
172 |                     lines[block.start] = indent + newFenceStr + (info || '');
173 | 
174 |                     // Update end fence
175 |                     const endLine = lines[block.end];
176 |                     const endMatch = endLine.match(/^(\s*)(`+)/);
177 |                     const endIndent = endMatch ? endMatch[1] : indent;
178 | 
179 |                     lines[block.end] = endIndent + newFenceStr;
180 | 
181 |                     changesMade = true;
182 |                     break;
183 |                 }
184 |             }
185 |         }
186 | 
187 |         if (changesMade) continue;
188 | 
189 |         break;
190 |     }
191 | 
192 |     return lines.join('\n');
193 | }
194 | 


--------------------------------------------------------------------------------
/src/app/admin/stats/page.tsx:
--------------------------------------------------------------------------------
  1 | import { getAnalyticsData } from "@/lib/analytics";
  2 | import { Users, Activity, Smartphone, Monitor, Globe } from "lucide-react";
  3 | 
  4 | export const dynamic = 'force-dynamic'; // Ensure real-time data
  5 | 
  6 | import { headers } from "next/headers";
  7 | 
  8 | export default async function AdminStatsPage() {
  9 |     const data = await getAnalyticsData();
 10 | 
 11 |     // Get current user debug info
 12 |     const headersList = await headers();
 13 |     const userAgent = headersList.get("user-agent") || "";
 14 |     let country = headersList.get("x-vercel-ip-country");
 15 |     if (!country && process.env.NODE_ENV === 'development') {
 16 |         country = "Local (Dev)";
 17 |     }
 18 |     const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) || /Mobile/i.test(userAgent);
 19 | 
 20 |     return (
 21 |         <div className="min-h-screen bg-black text-white p-8">
 22 |             <div className="max-w-7xl mx-auto space-y-8">
 23 |                 <div className="flex items-center justify-between">
 24 |                     <h1 className="text-3xl font-bold bg-gradient-to-r from-purple-400 to-blue-400 bg-clip-text text-transparent">
 25 |                         Analytics Dashboard
 26 |                     </h1>
 27 |                     <div className="text-sm text-zinc-400">
 28 |                         Last updated: {new Date().toLocaleTimeString()}
 29 |                     </div>
 30 |                 </div>
 31 | 
 32 |                 {/* Debug Card */}
 33 |                 <div className="bg-zinc-900/50 border border-yellow-500/20 rounded-xl p-4 mb-8">
 34 |                     <h3 className="text-yellow-500 font-mono text-sm mb-2 uppercase tracking-wider">Your Current Session (Debug)</h3>
 35 |                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm font-mono text-zinc-400">
 36 |                         <div>
 37 |                             <span className="text-zinc-500">Detected Country:</span> <span className="text-white">{country || "Unknown"}</span>
 38 |                         </div>
 39 |                         <div>
 40 |                             <span className="text-zinc-500">Detected Device:</span> <span className={isMobile ? "text-orange-400" : "text-blue-400"}>{isMobile ? "Mobile" : "Desktop"}</span>
 41 |                         </div>
 42 |                         <div className="md:col-span-2 truncate">
 43 |                             <span className="text-zinc-500">User-Agent:</span> <span className="text-zinc-600" title={userAgent}>{userAgent}</span>
 44 |                         </div>
 45 |                     </div>
 46 |                 </div>
 47 | 
 48 |                 {/* Summary Cards */}
 49 |                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
 50 |                     <StatsCard
 51 |                         title="Total Visitors"
 52 |                         value={data.totalVisitors}
 53 |                         icon={<Users className="w-5 h-5 text-purple-400" />}
 54 |                     />
 55 |                     <StatsCard
 56 |                         title="Total Queries"
 57 |                         value={data.totalQueries}
 58 |                         icon={<Activity className="w-5 h-5 text-blue-400" />}
 59 |                     />
 60 |                     <StatsCard
 61 |                         title="Active (24h)"
 62 |                         value={data.activeUsers24h}
 63 |                         icon={<Globe className="w-5 h-5 text-green-400" />}
 64 |                     />
 65 |                     <StatsCard
 66 |                         title="Mobile Users"
 67 |                         value={`${data.deviceStats.mobile || 0} (${Math.round(((data.deviceStats.mobile || 0) / (data.totalVisitors || 1)) * 100)}%)`}
 68 |                         icon={<Smartphone className="w-5 h-5 text-orange-400" />}
 69 |                     />
 70 |                 </div>
 71 | 
 72 |                 {/* Device & Country Split */}
 73 |                 <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
 74 |                     <div className="bg-zinc-900/50 border border-white/10 rounded-xl p-6">
 75 |                         <h2 className="text-xl font-semibold mb-4 flex items-center gap-2">
 76 |                             <Monitor className="w-5 h-5 text-zinc-400" />
 77 |                             Device Breakdown
 78 |                         </h2>
 79 |                         <div className="space-y-3">
 80 |                             {Object.entries(data.deviceStats).map(([device, count]) => (
 81 |                                 <div key={device} className="flex items-center justify-between">
 82 |                                     <span className="capitalize text-zinc-300">{device}</span>
 83 |                                     <div className="flex items-center gap-3">
 84 |                                         <div className="w-32 h-2 bg-zinc-800 rounded-full overflow-hidden">
 85 |                                             <div
 86 |                                                 className="h-full bg-blue-500/50"
 87 |                                                 style={{ width: `${(count / data.totalVisitors) * 100}%` }}
 88 |                                             />
 89 |                                         </div>
 90 |                                         <span className="font-mono text-sm text-zinc-400">{count}</span>
 91 |                                     </div>
 92 |                                 </div>
 93 |                             ))}
 94 |                         </div>
 95 |                     </div>
 96 | 
 97 |                     <div className="bg-zinc-900/50 border border-white/10 rounded-xl p-6">
 98 |                         <h2 className="text-xl font-semibold mb-4 flex items-center gap-2">
 99 |                             <Globe className="w-5 h-5 text-zinc-400" />
100 |                             Top Countries
101 |                         </h2>
102 |                         <div className="space-y-3">
103 |                             {Object.entries(data.countryStats)
104 |                                 .sort(([, a], [, b]) => b - a)
105 |                                 .slice(0, 5)
106 |                                 .map(([country, count]) => (
107 |                                     <div key={country} className="flex items-center justify-between">
108 |                                         <span className="text-zinc-300">{country}</span>
109 |                                         <span className="font-mono text-sm text-zinc-400">{count}</span>
110 |                                     </div>
111 |                                 ))}
112 |                         </div>
113 |                     </div>
114 |                 </div>
115 | 
116 |                 {/* Visitors Table */}
117 |                 <div className="bg-zinc-900/50 border border-white/10 rounded-xl overflow-hidden">
118 |                     <div className="p-6 border-b border-white/10">
119 |                         <h2 className="text-xl font-semibold">Recent Visitors</h2>
120 |                     </div>
121 |                     <div className="overflow-x-auto">
122 |                         <table className="w-full text-left text-sm">
123 |                             <thead className="bg-zinc-900 text-zinc-400 font-medium">
124 |                                 <tr>
125 |                                     <th className="px-6 py-3">Visitor ID</th>
126 |                                     <th className="px-6 py-3">Country</th>
127 |                                     <th className="px-6 py-3">Device</th>
128 |                                     <th className="px-6 py-3">Queries</th>
129 |                                     <th className="px-6 py-3">Last Seen</th>
130 |                                 </tr>
131 |                             </thead>
132 |                             <tbody className="divide-y divide-white/5">
133 |                                 {data.recentVisitors.map((visitor) => (
134 |                                     <tr key={visitor.id} className="hover:bg-white/5 transition-colors">
135 |                                         <td className="px-6 py-4 font-mono text-xs text-zinc-500">
136 |                                             {visitor.id.slice(0, 8)}...
137 |                                         </td>
138 |                                         <td className="px-6 py-4">{visitor.country}</td>
139 |                                         <td className="px-6 py-4 capitalize">{visitor.device}</td>
140 |                                         <td className="px-6 py-4 font-mono">{visitor.queryCount || 0}</td>
141 |                                         <td className="px-6 py-4 text-zinc-400">
142 |                                             {new Date(visitor.lastSeen).toLocaleString()}
143 |                                         </td>
144 |                                     </tr>
145 |                                 ))}
146 |                                 {data.recentVisitors.length === 0 && (
147 |                                     <tr>
148 |                                         <td colSpan={5} className="px-6 py-8 text-center text-zinc-500">
149 |                                             No visitors recorded yet.
150 |                                         </td>
151 |                                     </tr>
152 |                                 )}
153 |                             </tbody>
154 |                         </table>
155 |                     </div>
156 |                 </div>
157 |             </div>
158 |         </div>
159 |     );
160 | }
161 | 
162 | function StatsCard({ title, value, icon }: { title: string, value: string | number, icon: React.ReactNode }) {
163 |     return (
164 |         <div className="bg-zinc-900/50 border border-white/10 rounded-xl p-6 flex items-center gap-4">
165 |             <div className="p-3 bg-white/5 rounded-lg">
166 |                 {icon}
167 |             </div>
168 |             <div>
169 |                 <div className="text-sm text-zinc-400">{title}</div>
170 |                 <div className="text-2xl font-bold text-white">{value}</div>
171 |             </div>
172 |         </div>
173 |     );
174 | }
175 | 


--------------------------------------------------------------------------------
/src/components/FilePreview.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useEffect, useState } from "react";
  4 | import { X, Loader2, FileCode, AlertCircle } from "lucide-react";
  5 | import { motion, AnimatePresence } from "framer-motion";
  6 | import ReactMarkdown from "react-markdown";
  7 | import { toast } from "sonner";
  8 | 
  9 | interface FilePreviewProps {
 10 |     isOpen: boolean;
 11 |     filePath: string | null;
 12 |     repoOwner: string;
 13 |     repoName: string;
 14 |     onClose: () => void;
 15 | }
 16 | 
 17 | export function FilePreview({ isOpen, filePath, repoOwner, repoName, onClose }: FilePreviewProps) {
 18 |     const [content, setContent] = useState<string>("");
 19 |     const [loading, setLoading] = useState(false);
 20 |     const [error, setError] = useState<string | null>(null);
 21 |     const [fileInfo, setFileInfo] = useState<{ size: number; html_url: string } | null>(null);
 22 | 
 23 |     useEffect(() => {
 24 |         if (!isOpen || !filePath) {
 25 |             setContent("");
 26 |             setLoading(false);
 27 |             setError(null);
 28 |             setFileInfo(null);
 29 |             return;
 30 |         }
 31 | 
 32 |         const fetchFileContent = async () => {
 33 |             setLoading(true);
 34 |             setError(null);
 35 |             setFileInfo(null);
 36 |             try {
 37 |                 // Encode each segment of the path to handle spaces and special characters
 38 |                 const encodedPath = filePath.split('/').map(segment => encodeURIComponent(segment)).join('/');
 39 |                 const url = `https://api.github.com/repos/${repoOwner}/${repoName}/contents/${encodedPath}`;
 40 |                 console.log("Fetching file preview:", url);
 41 | 
 42 |                 const response = await fetch(url, {
 43 |                     headers: {
 44 |                         'Accept': 'application/vnd.github.v3+json',
 45 |                     }
 46 |                 });
 47 | 
 48 |                 if (!response.ok) {
 49 |                     if (response.status === 404) throw new Error('File not found');
 50 |                     if (response.status === 403) throw new Error('Rate limit exceeded');
 51 |                     throw new Error(`Failed to fetch file: ${response.status} ${response.statusText}`);
 52 |                 }
 53 | 
 54 |                 const data = await response.json();
 55 |                 setFileInfo({ size: data.size, html_url: data.html_url });
 56 | 
 57 |                 // Check for binary/video/large files based on extension and size
 58 |                 const ext = filePath.split('.').pop()?.toLowerCase() || '';
 59 |                 const isImage = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp', 'ico'].includes(ext);
 60 |                 const isVideo = ['mp4', 'mov', 'avi', 'webm', 'mkv'].includes(ext);
 61 |                 const isBinary = ['pdf', 'zip', 'tar', 'gz', 'exe', 'dll', 'bin'].includes(ext);
 62 | 
 63 |                 // 1. File > 1MB
 64 |                 if (data.size > 1000000) {
 65 |                     setError('File is too large to show (>1MB)');
 66 |                     return;
 67 |                 }
 68 | 
 69 |                 // 2. Image > 500KB
 70 |                 if (isImage && data.size > 500000) {
 71 |                     setError('Image is too large to show (>500KB)');
 72 |                     return;
 73 |                 }
 74 | 
 75 |                 // 3. Video or Binary
 76 |                 if (isVideo || isBinary) {
 77 |                     setError('Cannot preview binary or video file');
 78 |                     return;
 79 |                 }
 80 | 
 81 |                 if (data.content) {
 82 |                     const decoded = atob(data.content);
 83 |                     setContent(decoded);
 84 |                 } else {
 85 |                     // If content is missing but size is small (shouldn't happen for text files < 1MB usually)
 86 |                     // But if it does, it might be a submodule or something else
 87 |                     setError('No content available');
 88 |                 }
 89 |             } catch (err: any) {
 90 |                 const errorMessage = err.message || 'Failed to load file content';
 91 |                 setError(errorMessage);
 92 |                 toast.error(errorMessage);
 93 |                 console.error("FilePreview Error:", err);
 94 |             } finally {
 95 |                 setLoading(false);
 96 |             }
 97 |         };
 98 | 
 99 |         fetchFileContent();
100 |     }, [isOpen, filePath, repoOwner, repoName]);
101 | 
102 |     if (!isOpen) return null;
103 | 
104 |     const getLanguage = (path: string) => {
105 |         const ext = path.split('.').pop()?.toLowerCase();
106 |         const langMap: Record<string, string> = {
107 |             'js': 'javascript',
108 |             'jsx': 'javascript',
109 |             'ts': 'typescript',
110 |             'tsx': 'typescript',
111 |             'py': 'python',
112 |             'rb': 'ruby',
113 |             'go': 'go',
114 |             'rs': 'rust',
115 |             'java': 'java',
116 |             'cpp': 'cpp',
117 |             'c': 'c',
118 |             'css': 'css',
119 |             'html': 'html',
120 |             'json': 'json',
121 |             'md': 'markdown',
122 |             'yaml': 'yaml',
123 |             'yml': 'yaml',
124 |             'sh': 'bash',
125 |         };
126 |         return langMap[ext || ''] || 'plaintext';
127 |     };
128 | 
129 |     const isMarkdown = filePath?.endsWith('.md');
130 |     const language = filePath ? getLanguage(filePath) : 'plaintext';
131 | 
132 |     return (
133 |         <AnimatePresence>
134 |             <div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
135 |                 {/* Backdrop */}
136 |                 <motion.div
137 |                     initial={{ opacity: 0 }}
138 |                     animate={{ opacity: 1 }}
139 |                     exit={{ opacity: 0 }}
140 |                     className="absolute inset-0 bg-black/80 backdrop-blur-sm"
141 |                     onClick={onClose}
142 |                 />
143 | 
144 |                 {/* Modal */}
145 |                 <motion.div
146 |                     initial={{ opacity: 0, scale: 0.95, y: 20 }}
147 |                     animate={{ opacity: 1, scale: 1, y: 0 }}
148 |                     exit={{ opacity: 0, scale: 0.95, y: 20 }}
149 |                     className="relative w-full max-w-5xl max-h-[90vh] bg-zinc-900 border border-white/10 rounded-xl shadow-2xl flex flex-col overflow-hidden"
150 |                 >
151 |                     {/* Header */}
152 |                     <div className="flex items-center justify-between p-4 border-b border-white/10 bg-zinc-900/80 backdrop-blur-sm">
153 |                         <div className="flex items-center gap-3">
154 |                             <FileCode className="w-5 h-5 text-purple-400" />
155 |                             <h2 className="text-white font-semibold truncate max-w-md" title={filePath || ''}>
156 |                                 {filePath}
157 |                             </h2>
158 |                         </div>
159 |                         <button
160 |                             onClick={onClose}
161 |                             className="p-2 hover:bg-white/10 rounded-lg transition-colors"
162 |                         >
163 |                             <X className="w-5 h-5 text-zinc-400 hover:text-white" />
164 |                         </button>
165 |                     </div>
166 | 
167 |                     {/* Content */}
168 |                     <div className="flex-1 overflow-auto p-6 bg-zinc-950">
169 |                         {loading && (
170 |                             <div className="flex items-center justify-center h-full">
171 |                                 <Loader2 className="w-8 h-8 text-purple-400 animate-spin" />
172 |                             </div>
173 |                         )}
174 | 
175 |                         {error && (
176 |                             <div className="flex flex-col items-center justify-center h-full gap-4 text-center">
177 |                                 <AlertCircle className="w-12 h-12 text-zinc-500" />
178 |                                 <p className="text-zinc-400 text-lg font-medium">{error}</p>
179 |                                 {fileInfo?.html_url && (
180 |                                     <a
181 |                                         href={fileInfo.html_url}
182 |                                         target="_blank"
183 |                                         rel="noopener noreferrer"
184 |                                         className="text-purple-400 hover:text-purple-300 underline underline-offset-4"
185 |                                     >
186 |                                         View file on GitHub
187 |                                     </a>
188 |                                 )}
189 |                             </div>
190 |                         )}
191 | 
192 |                         {!loading && !error && content && (
193 |                             <>
194 |                                 {isMarkdown ? (
195 |                                     <div className="prose prose-invert prose-sm max-w-none">
196 |                                         <ReactMarkdown>{content}</ReactMarkdown>
197 |                                     </div>
198 |                                 ) : (
199 |                                     <pre className="text-sm text-zinc-300 font-mono overflow-x-auto">
200 |                                         <code className={`language-${language}`}>
201 |                                             {content}
202 |                                         </code>
203 |                                     </pre>
204 |                                 )}
205 |                             </>
206 |                         )}
207 |                     </div>
208 | 
209 |                     {/* Footer */}
210 |                     <div className="p-3 border-t border-white/10 bg-zinc-900/80 backdrop-blur-sm flex items-center justify-between text-xs text-zinc-500">
211 |                         <span>{content ? `${content.split('\n').length} lines` : 'N/A'}</span>
212 |                         <span>{fileInfo?.size ? `${(fileInfo.size / 1024).toFixed(2)} KB` : '0 KB'}</span>
213 |                     </div>
214 |                 </motion.div>
215 |             </div>
216 |         </AnimatePresence>
217 |     );
218 | }
219 | 


--------------------------------------------------------------------------------
/src/lib/gemini-security.ts:
--------------------------------------------------------------------------------
  1 | import { GoogleGenerativeAI } from "@google/generative-ai";
  2 | import type { SecurityFinding } from "./security-scanner";
  3 | 
  4 | const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "");
  5 | 
  6 | /**
  7 |  * Gemini function declarations for security analysis
  8 |  */
  9 | const securityAnalysisFunctions = [
 10 |     {
 11 |         name: 'report_sql_injection',
 12 |         description: 'Report a potential SQL injection vulnerability',
 13 |         parameters: {
 14 |             type: 'object' as const,
 15 |             properties: {
 16 |                 file: { type: 'string', description: 'File path' },
 17 |                 line: { type: 'number', description: 'Approximate line number' },
 18 |                 code_snippet: { type: 'string', description: 'Vulnerable code snippet' },
 19 |                 severity: { type: 'string', enum: ['critical', 'high', 'medium', 'low'] },
 20 |                 explanation: { type: 'string', description: 'Why this is vulnerable' }
 21 |             },
 22 |             required: ['file', 'code_snippet', 'severity', 'explanation']
 23 |         }
 24 |     },
 25 |     {
 26 |         name: 'report_xss',
 27 |         description: 'Report a potential XSS (Cross-Site Scripting) vulnerability',
 28 |         parameters: {
 29 |             type: 'object' as const,
 30 |             properties: {
 31 |                 file: { type: 'string', description: 'File path' },
 32 |                 line: { type: 'number', description: 'Approximate line number' },
 33 |                 code_snippet: { type: 'string', description: 'Vulnerable code snippet' },
 34 |                 severity: { type: 'string', enum: ['critical', 'high', 'medium', 'low'] },
 35 |                 explanation: { type: 'string', description: 'Why this is vulnerable' }
 36 |             },
 37 |             required: ['file', 'code_snippet', 'severity', 'explanation']
 38 |         }
 39 |     },
 40 |     {
 41 |         name: 'report_auth_issue',
 42 |         description: 'Report an authentication or authorization vulnerability',
 43 |         parameters: {
 44 |             type: 'object' as const,
 45 |             properties: {
 46 |                 file: { type: 'string', description: 'File path' },
 47 |                 line: { type: 'number', description: 'Approximate line number' },
 48 |                 code_snippet: { type: 'string', description: 'Vulnerable code snippet' },
 49 |                 severity: { type: 'string', enum: ['critical', 'high', 'medium', 'low'] },
 50 |                 explanation: { type: 'string', description: 'What\'s wrong with the auth/authz' }
 51 |             },
 52 |             required: ['file', 'code_snippet', 'severity', 'explanation']
 53 |         }
 54 |     },
 55 |     {
 56 |         name: 'report_injection',
 57 |         description: 'Report a code injection, command injection, or path traversal vulnerability',
 58 |         parameters: {
 59 |             type: 'object' as const,
 60 |             properties: {
 61 |                 file: { type: 'string', description: 'File path' },
 62 |                 line: { type: 'number', description: 'Approximate line number' },
 63 |                 code_snippet: { type: 'string', description: 'Vulnerable code snippet' },
 64 |                 severity: { type: 'string', enum: ['critical', 'high', 'medium', 'low'] },
 65 |                 injection_type: { type: 'string', enum: ['command', 'path_traversal', 'code', 'ldap'] },
 66 |                 explanation: { type: 'string', description: 'How the injection could occur' }
 67 |             },
 68 |             required: ['file', 'code_snippet', 'severity', 'injection_type', 'explanation']
 69 |         }
 70 |     },
 71 |     {
 72 |         name: 'report_crypto_issue',
 73 |         description: 'Report insecure cryptography usage',
 74 |         parameters: {
 75 |             type: 'object' as const,
 76 |             properties: {
 77 |                 file: { type: 'string', description: 'File path' },
 78 |                 line: { type: 'number', description: 'Approximate line number' },
 79 |                 code_snippet: { type: 'string', description: 'Problematic code' },
 80 |                 severity: { type: 'string', enum: ['critical', 'high', 'medium', 'low'] },
 81 |                 issue_type: { type: 'string', enum: ['weak_algorithm', 'hardcoded_key', 'no_encryption', 'insecure_random'] },
 82 |                 explanation: { type: 'string', description: 'What\'s wrong with the crypto' }
 83 |             },
 84 |             required: ['file', 'code_snippet', 'severity', 'issue_type', 'explanation']
 85 |         }
 86 |     }
 87 | ];
 88 | 
 89 | /**
 90 |  * Analyze code files with Gemini AI for security vulnerabilities
 91 |  */
 92 | export async function analyzeCodeWithGemini(
 93 |     files: Array<{ path: string; content: string }>
 94 | ): Promise<SecurityFinding[]> {
 95 |     try {
 96 |         const model = genAI.getGenerativeModel({
 97 |             model: 'gemini-2.5-flash',
 98 |             tools: [{ functionDeclarations: securityAnalysisFunctions as any }]
 99 |         });
100 | 
101 |         // Build analysis prompt
102 |         const filesContext = files.map(f => `
103 | --- FILE: ${f.path} ---
104 | \`\`\`
105 | ${f.content.slice(0, 3000)} ${f.content.length > 3000 ? '... (truncated)' : ''}
106 | \`\`\`
107 |     `).join('\n');
108 | 
109 |         const prompt = `
110 | You are a security expert analyzing code for CRITICAL vulnerabilities ONLY.
111 | 
112 | ${filesContext}
113 | 
114 | CRITICAL RULES TO PREVENT FALSE POSITIVES:
115 | 1. **RegExp.exec() is NOT child_process.exec()** - Never flag regex operations as command injection
116 | 2. **String concatenation for display is NOT SQL injection** - Only flag if:
117 |    - User input (req., params., query., body.) flows DIRECTLY into SQL
118 |    - Database library is imported (mysql, postgres, sequelize, typeorm, etc.)
119 | 3. **Verify actual vulnerability path** - Input must flow to a dangerous sink
120 | 4. **Check for imports** - Don't flag child_process.exec if child_process isn't imported
121 | 5. **No false positives** - When in doubt, DO NOT report
122 | 
123 | Only use reporting functions for TRUE vulnerabilities where:
124 | - User-controlled input exists (req.*, params.*, query.*, body.*)
125 | - Input flows to a dangerous operation (SQL, exec, innerHTML, etc.)
126 | - No sanitization or validation is present
127 | - The dangerous module/library is actually imported
128 | 
129 | Be extremely conservative. False alarms erode trust.
130 | `;
131 | 
132 |         const result = await model.generateContent(prompt);
133 |         const response = result.response;
134 | 
135 |         // Extract function calls
136 |         const functionCalls = response.functionCalls?.() || [];
137 | 
138 |         const findings: SecurityFinding[] = functionCalls
139 |             .map((call: any) => {
140 |                 const args = call.args as any;
141 |                 let title = '';
142 |                 let cwe = '';
143 |                 let recommendation = '';
144 | 
145 |                 switch (call.name) {
146 |                     case 'report_sql_injection':
147 |                         title = 'SQL Injection Vulnerability';
148 |                         cwe = 'CWE-89';
149 |                         recommendation = 'Use parameterized queries or prepared statements. Never concatenate user input into SQL.';
150 |                         break;
151 |                     case 'report_xss':
152 |                         title = 'Cross-Site Scripting (XSS)';
153 |                         cwe = 'CWE-79';
154 |                         recommendation = 'Sanitize user input and use secure DOM manipulation methods. Avoid innerHTML with user data.';
155 |                         break;
156 |                     case 'report_auth_issue':
157 |                         title = 'Authentication/Authorization Issue';
158 |                         cwe = 'CWE-287';
159 |                         recommendation = 'Implement proper authentication checks and use established auth libraries.';
160 |                         break;
161 |                     case 'report_injection':
162 |                         title = `${args.injection_type} Injection`;
163 |                         cwe = args.injection_type === 'command' ? 'CWE-78' : 'CWE-22';
164 |                         recommendation = 'Validate and sanitize all user input. Use safe APIs that don\'t accept shell commands.';
165 |                         break;
166 |                     case 'report_crypto_issue':
167 |                         title = `Cryptography Issue: ${args.issue_type}`;
168 |                         cwe = 'CWE-327';
169 |                         recommendation = 'Use modern cryptographic algorithms (AES-256, SHA-256+). Never hardcode keys.';
170 |                         break;
171 |                 }
172 | 
173 |                 return {
174 |                     type: 'code' as const,
175 |                     severity: args.severity,
176 |                     title,
177 |                     description: args.explanation,
178 |                     file: args.file,
179 |                     line: args.line,
180 |                     recommendation,
181 |                     cwe,
182 |                     confidence: 'high' as const, // AI findings start with high confidence
183 |                 };
184 |             })
185 |             .filter(finding => validateFinding(finding, files)); // Post-process validation
186 | 
187 |         return findings;
188 |     } catch (error: any) {
189 |         console.error('Gemini security analysis error:', error);
190 |         console.error('Error details:', {
191 |             message: error?.message,
192 |             status: error?.status,
193 |             statusText: error?.statusText
194 |         });
195 |         // Return empty array instead of throwing to allow graceful degradation
196 |         return [];
197 |     }
198 | }
199 | 
200 | /**
201 |  * Validate AI findings to prevent false positives
202 |  */
203 | function validateFinding(
204 |     finding: SecurityFinding,
205 |     files: Array<{ path: string; content: string }>
206 | ): boolean {
207 |     const file = files.find(f => f.path === finding.file);
208 |     if (!file) return false;
209 | 
210 |     // Validate command injection findings
211 |     if (finding.title.toLowerCase().includes('command') || finding.title.toLowerCase().includes('injection')) {
212 |         // Reject if it's actually about RegExp.exec
213 |         if (/regexp.*exec/i.test(finding.description)) {
214 |             return false;
215 |         }
216 |         // Reject if child_process isn't imported
217 |         if (!/(?:require|import).*['"]child_process['"]/.test(file.content)) {
218 |             return false;
219 |         }
220 |     }
221 | 
222 |     // Validate SQL injection findings
223 |     if (finding.title.toLowerCase().includes('sql')) {
224 |         // Reject if no database library is imported
225 |         if (!/(?:require|import).*(?:mysql|postgres|sqlite|sequelize|knex|typeorm|mongodb|mongoose)/i.test(file.content)) {
226 |             return false;
227 |         }
228 |         // Reject if it's just string concatenation for display/logging
229 |         if (/console\.|log\(|print\(/i.test(finding.description)) {
230 |             return false;
231 |         }
232 |     }
233 | 
234 |     return true;
235 | }
236 | 


--------------------------------------------------------------------------------