From 159881a225f056f91516df635408f6f6b7ee20fc Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sun, 26 Apr 2026 21:28:32 +0000
Subject: [PATCH 1/5] Fix duplicate analysis route handler

Co-authored-by: Cole Collins <DealPatrol@users.noreply.github.com>
---
 app/api/analyses/[id]/route.ts | 30 ------------------------------
 1 file changed, 30 deletions(-)

diff --git a/app/api/analyses/[id]/route.ts b/app/api/analyses/[id]/route.ts
index 0cfe7e4..8f62e49 100644
--- a/app/api/analyses/[id]/route.ts
+++ b/app/api/analyses/[id]/route.ts
@@ -1,36 +1,6 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { getAnalysisById, getBlueprintsByAnalysis, getRepositoriesForAnalysis } from '@/lib/queries'
 
-export async function GET(
-  _request: NextRequest,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  try {
-    const { id } = await params
-    const analysis = await getAnalysisById(id)
-    if (!analysis) {
-      return NextResponse.json({ error: 'Analysis not found' }, { status: 404 })
-    }
-
-    const [repositories, blueprints] = await Promise.all([
-      getRepositoriesForAnalysis(id),
-      getBlueprintsByAnalysis(id),
-    ])
-
-    return NextResponse.json({
-      ...analysis,
-      repositories,
-      blueprints,
-      apps: blueprints,
-    })
-  } catch (error) {
-    console.error('Error fetching analysis details:', error)
-    return NextResponse.json({ error: 'Failed to fetch analysis details' }, { status: 500 })
-  }
-}
-import { NextRequest, NextResponse } from 'next/server'
-import { getAnalysisById, getBlueprintsByAnalysis, getRepositoriesForAnalysis } from '@/lib/queries'
-
 export async function GET(
   _request: NextRequest,
   { params }: { params: Promise<{ id: string }> },

From 68ae0ed0dbed914caae23901b6bcc8585d184219 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 27 Apr 2026 04:11:35 +0000
Subject: [PATCH 2/5] Polish landing and app chrome

Co-authored-by: Cole Collins <DealPatrol@users.noreply.github.com>
---
 app/page.tsx                    | 54 ++++++++++++++++-----------------
 components/app-logo.tsx         | 34 +++++++++++++++++++++
 components/dashboard-header.tsx | 14 ++++-----
 components/theme-toggle.tsx     | 51 +++++++++++++++++++++++++++++++
 4 files changed, 118 insertions(+), 35 deletions(-)
 create mode 100644 components/app-logo.tsx
 create mode 100644 components/theme-toggle.tsx

diff --git a/app/page.tsx b/app/page.tsx
index fde5c59..1cf3cd8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,8 @@
 import Link from 'next/link'
 import { Button } from '@/components/ui/button'
-import { Github, Sparkles, Code2, Layers, ArrowRight, AlertCircle } from 'lucide-react'
+import { Github, Sparkles, Code2, ArrowRight, AlertCircle, ShieldCheck, Workflow, FileJson2 } from 'lucide-react'
+import { AppLogo } from '@/components/app-logo'
+import { ThemeToggle } from '@/components/theme-toggle'
 
 const ERROR_MESSAGES: Record<string, string> = {
   auth_required: 'You must sign in to access the dashboard.',
@@ -27,20 +29,17 @@ export default async function HomePage({ searchParams }: { searchParams: Promise
       {/* Header */}
       <header className="border-b border-border">
         <div className="container mx-auto px-4 h-16 flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <div className="h-8 w-8 rounded-lg bg-foreground flex items-center justify-center">
-              <Layers className="h-5 w-5 text-background" />
-            </div>
-            <span className="font-semibold text-lg">CodeVault</span>
-          </div>
-          <nav className="flex items-center gap-6">
+          <AppLogo />
+          <nav className="flex items-center gap-3 sm:gap-6">
             <Link href="/dashboard" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
               Dashboard
             </Link>
+            <ThemeToggle />
             <Button variant="outline" size="sm" asChild>
               <Link href="/api/auth/github/login">
                 <Github className="h-4 w-4 mr-2" />
-                Sign in with GitHub
+                <span className="hidden sm:inline">Sign in with GitHub</span>
+                <span className="sm:hidden">Sign in</span>
               </Link>
             </Button>
           </nav>
@@ -57,7 +56,7 @@ export default async function HomePage({ searchParams }: { searchParams: Promise
             <span>Maps what you already shipped to what you can ship next</span>
           </div>
           
-          <h1 className="text-4xl md:text-6xl font-bold tracking-tight text-balance font-serif">
+          <h1 className="text-4xl md:text-6xl font-bold tracking-tight text-balance">
             Discover Apps Hidden in Your Code
           </h1>
           
@@ -85,27 +84,31 @@ export default async function HomePage({ searchParams }: { searchParams: Promise
           </p>
         </div>
 
-        {/* Social proof strip — established product feel */}
         <div className="mt-16 max-w-5xl mx-auto rounded-xl border border-border bg-card/40 px-6 py-8 shadow-[inset_0_1px_0_0_rgba(255,255,255,0.04)]">
           <p className="text-center text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground mb-6">
-            Built for builders who already have the hard parts
+            Built for teams that need confidence before generation
           </p>
-          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
-            <div>
-              <p className="text-2xl md:text-3xl font-bold text-foreground tabular-nums">12k+</p>
-              <p className="text-xs text-muted-foreground mt-1">repos scanned</p>
-            </div>
+          <div className="grid md:grid-cols-3 gap-4 text-left">
             <div>
-              <p className="text-2xl md:text-3xl font-bold text-foreground tabular-nums">4.1k</p>
-              <p className="text-xs text-muted-foreground mt-1">blueprints surfaced</p>
+              <div className="mb-3 inline-flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
+                <ShieldCheck className="h-5 w-5" />
+              </div>
+              <p className="font-semibold text-foreground">Read-only by design</p>
+              <p className="text-sm text-muted-foreground mt-1">Connect repositories without granting write access to source code.</p>
             </div>
             <div>
-              <p className="text-2xl md:text-3xl font-bold text-foreground tabular-nums">38</p>
-              <p className="text-xs text-muted-foreground mt-1">stacks detected</p>
+              <div className="mb-3 inline-flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
+                <Workflow className="h-5 w-5" />
+              </div>
+              <p className="font-semibold text-foreground">Cross-repo intelligence</p>
+              <p className="text-sm text-muted-foreground mt-1">Map reusable components, APIs, hooks, and utilities across your stack.</p>
             </div>
             <div>
-              <p className="text-2xl md:text-3xl font-bold text-foreground tabular-nums">New</p>
-              <p className="text-xs text-muted-foreground mt-1">cross-repo fusion engine</p>
+              <div className="mb-3 inline-flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
+                <FileJson2 className="h-5 w-5" />
+              </div>
+              <p className="font-semibold text-foreground">Portable outputs</p>
+              <p className="text-sm text-muted-foreground mt-1">Export structured blueprints that explain what exists and what to build next.</p>
             </div>
           </div>
         </div>
@@ -190,10 +193,7 @@ export default async function HomePage({ searchParams }: { searchParams: Promise
       <footer className="border-t border-border mt-24">
         <div className="container mx-auto px-4 py-8">
           <div className="flex items-center justify-between text-sm text-muted-foreground">
-            <div className="flex items-center gap-2">
-              <Layers className="h-4 w-4" />
-              <span>CodeVault</span>
-            </div>
+            <AppLogo markClassName="h-6 w-6 rounded-md" textClassName="text-sm text-muted-foreground" />
             <p>Built with Next.js and Vercel AI SDK</p>
           </div>
         </div>
diff --git a/components/app-logo.tsx b/components/app-logo.tsx
new file mode 100644
index 0000000..cc1395c
--- /dev/null
+++ b/components/app-logo.tsx
@@ -0,0 +1,34 @@
+import Link from 'next/link'
+import { Layers } from 'lucide-react'
+
+import { cn } from '@/lib/utils'
+
+interface AppLogoProps {
+  href?: string
+  className?: string
+  markClassName?: string
+  textClassName?: string
+}
+
+export function AppLogo({
+  href = '/',
+  className,
+  markClassName,
+  textClassName,
+}: AppLogoProps) {
+  return (
+    <Link href={href} className={cn('flex items-center gap-2', className)}>
+      <div
+        className={cn(
+          'h-8 w-8 rounded-lg bg-foreground flex items-center justify-center shadow-sm',
+          markClassName,
+        )}
+      >
+        <Layers className="h-5 w-5 text-background" />
+      </div>
+      <span className={cn('font-semibold text-lg tracking-tight', textClassName)}>
+        CodeVault
+      </span>
+    </Link>
+  )
+}
diff --git a/components/dashboard-header.tsx b/components/dashboard-header.tsx
index c31739d..3be3fce 100644
--- a/components/dashboard-header.tsx
+++ b/components/dashboard-header.tsx
@@ -2,9 +2,11 @@
 
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { Layers, Github, BarChart3, FolderGit2, Sparkles } from 'lucide-react'
+import { Github, BarChart3, FolderGit2, Sparkles } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import type { AuthUser } from '@/lib/auth'
+import { AppLogo } from '@/components/app-logo'
+import { ThemeToggle } from '@/components/theme-toggle'
 
 interface DashboardHeaderProps {
   user: AuthUser | null
@@ -24,12 +26,7 @@ export function DashboardHeader({ user }: DashboardHeaderProps) {
       <header className="sticky top-0 z-50 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
         <div className="container mx-auto px-4 h-16 flex items-center justify-between">
           <div className="flex items-center gap-8">
-            <Link href="/" className="flex items-center gap-2">
-              <div className="h-8 w-8 rounded-lg bg-foreground flex items-center justify-center">
-                <Layers className="h-5 w-5 text-background" />
-              </div>
-              <span className="font-semibold text-lg">CodeVault</span>
-            </Link>
+            <AppLogo href="/" />
 
             <nav className="hidden md:flex items-center gap-1">
               {navItems.map((item) => {
@@ -55,7 +52,8 @@ export function DashboardHeader({ user }: DashboardHeaderProps) {
             </nav>
           </div>
 
-          <div className="flex items-center gap-4">
+          <div className="flex items-center gap-3">
+            <ThemeToggle />
             {user ? (
               <div className="flex items-center gap-3">
                 <span className="hidden sm:block text-sm text-muted-foreground">
diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx
new file mode 100644
index 0000000..c1a9a44
--- /dev/null
+++ b/components/theme-toggle.tsx
@@ -0,0 +1,51 @@
+'use client'
+
+import { Monitor, Moon, Sun } from 'lucide-react'
+import { useTheme } from 'next-themes'
+
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+const themes = [
+  { value: 'light', label: 'Light', icon: Sun },
+  { value: 'dark', label: 'Dark', icon: Moon },
+  { value: 'system', label: 'System', icon: Monitor },
+]
+
+export function ThemeToggle() {
+  const { setTheme, theme } = useTheme()
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline" size="icon-sm" aria-label="Change theme">
+          <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" className="w-36">
+        {themes.map((item) => {
+          const Icon = item.icon
+          return (
+            <DropdownMenuItem
+              key={item.value}
+              onClick={() => setTheme(item.value)}
+              className="justify-between"
+            >
+              <span className="flex items-center gap-2">
+                <Icon className="h-4 w-4" />
+                {item.label}
+              </span>
+              {theme === item.value ? <span className="h-1.5 w-1.5 rounded-full bg-foreground" /> : null}
+            </DropdownMenuItem>
+          )
+        })}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}

From 9ab32537159aa36b3ae2cea00202de2c4678cd0f Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 27 Apr 2026 04:23:14 +0000
Subject: [PATCH 3/5] Add Stripe checkout billing flow

Co-authored-by: Cole Collins <DealPatrol@users.noreply.github.com>
---
 .env.example                     |  3 ++
 app/api/stripe/checkout/route.ts | 63 ++++++++++++++++++++++++++++++++
 app/billing/cancel/page.tsx      | 43 ++++++++++++++++++++++
 app/billing/success/page.tsx     | 44 ++++++++++++++++++++++
 app/page.tsx                     | 58 ++++++++++++++++++++++++++++-
 components/checkout-button.tsx   | 57 +++++++++++++++++++++++++++++
 lib/billing.ts                   | 24 ++++++++++++
 package.json                     |  1 +
 pnpm-lock.yaml                   | 16 ++++++++
 9 files changed, 308 insertions(+), 1 deletion(-)
 create mode 100644 app/api/stripe/checkout/route.ts
 create mode 100644 app/billing/cancel/page.tsx
 create mode 100644 app/billing/success/page.tsx
 create mode 100644 components/checkout-button.tsx
 create mode 100644 lib/billing.ts

diff --git a/.env.example b/.env.example
index 41d5a71..e86bff0 100644
--- a/.env.example
+++ b/.env.example
@@ -17,3 +17,6 @@ OPENAI_API_KEY=sk-...
 
 # Anthropic API Key (used for scaffold generation)
 ANTHROPIC_API_KEY=sk-ant-...
+
+# Stripe Checkout
+STRIPE_SECRET_KEY=sk_test_...
diff --git a/app/api/stripe/checkout/route.ts b/app/api/stripe/checkout/route.ts
new file mode 100644
index 0000000..a215b06
--- /dev/null
+++ b/app/api/stripe/checkout/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from 'next/server'
+import Stripe from 'stripe'
+
+import { getPlanById } from '@/lib/billing'
+
+const stripeSecretKey = process.env.STRIPE_SECRET_KEY
+const stripe = stripeSecretKey ? new Stripe(stripeSecretKey) : null
+
+function getBaseUrl(request: NextRequest) {
+  return process.env.NEXT_PUBLIC_APP_URL || request.nextUrl.origin
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const { planId } = (await request.json()) as { planId?: string }
+    const plan = getPlanById(planId)
+
+    if (!plan) {
+      return NextResponse.json({ error: 'Unknown billing plan.' }, { status: 400 })
+    }
+
+    if (!stripe || !process.env.STRIPE_SECRET_KEY) {
+      return NextResponse.json(
+        { error: 'Stripe is not configured. Set STRIPE_SECRET_KEY to enable Checkout.' },
+        { status: 503 },
+      )
+    }
+
+    const baseUrl = getBaseUrl(request)
+    const session = await stripe.checkout.sessions.create({
+      mode: 'subscription',
+      billing_address_collection: 'auto',
+      allow_promotion_codes: true,
+      line_items: [
+        {
+          price_data: {
+            currency: plan.currency,
+            recurring: { interval: plan.interval },
+            unit_amount: plan.unitAmount,
+            product_data: {
+              name: plan.name,
+              description: plan.description,
+              metadata: {
+                plan_id: plan.id,
+              },
+            },
+          },
+          quantity: 1,
+        },
+      ],
+      metadata: {
+        plan_id: plan.id,
+      },
+      success_url: `${baseUrl}/billing/success?session_id={CHECKOUT_SESSION_ID}`,
+      cancel_url: `${baseUrl}/billing/cancel`,
+    })
+
+    return NextResponse.json({ url: session.url })
+  } catch (error) {
+    console.error('Error creating Stripe Checkout session:', error)
+    return NextResponse.json({ error: 'Failed to create Checkout session.' }, { status: 500 })
+  }
+}
diff --git a/app/billing/cancel/page.tsx b/app/billing/cancel/page.tsx
new file mode 100644
index 0000000..30ddba6
--- /dev/null
+++ b/app/billing/cancel/page.tsx
@@ -0,0 +1,43 @@
+import Link from 'next/link'
+import { ArrowLeft, CreditCard, RefreshCcw } from 'lucide-react'
+
+import { AppLogo } from '@/components/app-logo'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+
+export default function BillingCancelPage() {
+  return (
+    <main className="min-h-screen bg-background px-4 py-12">
+      <div className="mx-auto max-w-2xl space-y-8">
+        <AppLogo />
+        <Card className="border-border/80 bg-card/80 shadow-lg">
+          <CardHeader>
+            <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted">
+              <RefreshCcw className="h-6 w-6" />
+            </div>
+            <CardTitle className="text-3xl">Checkout canceled</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-6">
+            <p className="text-muted-foreground">
+              No payment was completed. You can return to pricing and start a new secure Stripe Checkout session whenever you are ready.
+            </p>
+            <div className="flex flex-col gap-3 sm:flex-row">
+              <Button asChild>
+                <Link href="/#pricing">
+                  <CreditCard className="h-4 w-4" />
+                  Back to pricing
+                </Link>
+              </Button>
+              <Button variant="outline" asChild>
+                <Link href="/">
+                  <ArrowLeft className="h-4 w-4" />
+                  Return home
+                </Link>
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </main>
+  )
+}
diff --git a/app/billing/success/page.tsx b/app/billing/success/page.tsx
new file mode 100644
index 0000000..2c11495
--- /dev/null
+++ b/app/billing/success/page.tsx
@@ -0,0 +1,44 @@
+import Link from 'next/link'
+import { CheckCircle2, ArrowRight } from 'lucide-react'
+
+import { Button } from '@/components/ui/button'
+import { Card } from '@/components/ui/card'
+
+export default async function BillingSuccessPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ session_id?: string }>
+}) {
+  const { session_id } = await searchParams
+
+  return (
+    <main className="min-h-screen bg-background px-4 py-16">
+      <Card className="mx-auto max-w-2xl p-8 text-center">
+        <div className="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full bg-primary/10">
+          <CheckCircle2 className="h-7 w-7 text-primary" />
+        </div>
+        <h1 className="text-3xl font-bold tracking-tight">You are on the Pro launch path.</h1>
+        <p className="mt-4 text-muted-foreground">
+          Stripe confirmed the checkout redirect. Once webhooks are connected, this is where CodeVault can
+          activate billing entitlements and show plan details.
+        </p>
+        {session_id ? (
+          <p className="mt-4 rounded-lg bg-muted px-3 py-2 text-xs text-muted-foreground">
+            Checkout session: <span className="font-mono text-foreground">{session_id}</span>
+          </p>
+        ) : null}
+        <div className="mt-8 flex flex-col justify-center gap-3 sm:flex-row">
+          <Button asChild>
+            <Link href="/dashboard">
+              Open dashboard
+              <ArrowRight className="h-4 w-4" />
+            </Link>
+          </Button>
+          <Button variant="outline" asChild>
+            <Link href="/">Back to homepage</Link>
+          </Button>
+        </div>
+      </Card>
+    </main>
+  )
+}
diff --git a/app/page.tsx b/app/page.tsx
index 1cf3cd8..27849ec 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,8 +1,10 @@
 import Link from 'next/link'
 import { Button } from '@/components/ui/button'
-import { Github, Sparkles, Code2, ArrowRight, AlertCircle, ShieldCheck, Workflow, FileJson2 } from 'lucide-react'
+import { Github, Sparkles, Code2, ArrowRight, AlertCircle, ShieldCheck, Workflow, FileJson2, CheckCircle2 } from 'lucide-react'
 import { AppLogo } from '@/components/app-logo'
 import { ThemeToggle } from '@/components/theme-toggle'
+import { CheckoutButton } from '@/components/checkout-button'
+import { CODEVAULT_PRO_PLAN } from '@/lib/billing'
 
 const ERROR_MESSAGES: Record<string, string> = {
   auth_required: 'You must sign in to access the dashboard.',
@@ -146,6 +148,60 @@ export default async function HomePage({ searchParams }: { searchParams: Promise
           </div>
         </div>
 
+        <section id="pricing" className="mt-32 max-w-5xl mx-auto">
+          <div className="text-center max-w-2xl mx-auto mb-10">
+            <p className="text-sm font-medium text-muted-foreground uppercase tracking-[0.2em] mb-3">
+              Stripe-powered billing
+            </p>
+            <h2 className="text-3xl md:text-4xl font-bold tracking-tight text-balance">
+              Upgrade when your code map becomes a product roadmap
+            </h2>
+            <p className="mt-4 text-muted-foreground leading-relaxed">
+              Start with the core analysis workflow, then move teams onto a paid workspace when you need deeper exports and repeatable planning.
+            </p>
+          </div>
+
+          <div className="grid gap-6 lg:grid-cols-[0.9fr_1.1fr] items-stretch">
+            <div className="rounded-xl border border-border bg-card/60 p-6">
+              <p className="text-sm font-medium text-muted-foreground">Starter</p>
+              <div className="mt-4 flex items-end gap-1">
+                <span className="text-4xl font-bold">$0</span>
+                <span className="text-muted-foreground mb-1">/ month</span>
+              </div>
+              <p className="mt-4 text-sm text-muted-foreground">
+                Explore the product and connect repositories while you validate the workflow.
+              </p>
+              <Button variant="outline" className="mt-6 w-full" asChild>
+                <Link href="/dashboard/repositories">Open dashboard</Link>
+              </Button>
+            </div>
+
+            <div className="rounded-2xl border border-foreground/20 bg-card p-6 shadow-xl shadow-foreground/5 relative overflow-hidden">
+              <div className="absolute right-6 top-6 rounded-full border border-border bg-muted px-3 py-1 text-xs font-medium">
+                Recommended
+              </div>
+              <p className="text-sm font-medium text-muted-foreground">{CODEVAULT_PRO_PLAN.name}</p>
+              <div className="mt-4 flex items-end gap-1">
+                <span className="text-4xl font-bold">{CODEVAULT_PRO_PLAN.priceLabel}</span>
+                <span className="text-muted-foreground mb-1">/ {CODEVAULT_PRO_PLAN.interval}</span>
+              </div>
+              <p className="mt-4 text-sm text-muted-foreground">{CODEVAULT_PRO_PLAN.description}</p>
+              <ul className="mt-6 grid gap-3 text-sm">
+                {CODEVAULT_PRO_PLAN.features.map((feature) => (
+                  <li key={feature} className="flex items-start gap-2">
+                    <CheckCircle2 className="h-4 w-4 mt-0.5 text-primary" />
+                    <span>{feature}</span>
+                  </li>
+                ))}
+              </ul>
+              <CheckoutButton planId={CODEVAULT_PRO_PLAN.id} className="mt-8 w-full" />
+              <p className="mt-3 text-xs text-muted-foreground text-center">
+                Secure checkout is hosted by Stripe. No card data touches CodeVault servers.
+              </p>
+            </div>
+          </div>
+        </section>
+
         {/* How It Works */}
         <div className="mt-32 max-w-4xl mx-auto">
           <h2 className="text-3xl font-bold text-center mb-12">How It Works</h2>
diff --git a/components/checkout-button.tsx b/components/checkout-button.tsx
new file mode 100644
index 0000000..dbf3327
--- /dev/null
+++ b/components/checkout-button.tsx
@@ -0,0 +1,57 @@
+'use client'
+
+import { useState } from 'react'
+import { ArrowRight, Loader2 } from 'lucide-react'
+
+import { Button } from '@/components/ui/button'
+
+interface CheckoutButtonProps {
+  planId: string
+  children?: React.ReactNode
+  className?: string
+}
+
+export function CheckoutButton({ planId, children, className }: CheckoutButtonProps) {
+  const [isLoading, setIsLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  async function handleCheckout() {
+    setIsLoading(true)
+    setError(null)
+
+    try {
+      const response = await fetch('/api/stripe/checkout', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ planId }),
+      })
+      const payload = (await response.json()) as { url?: string; error?: string }
+
+      if (!response.ok || !payload.url) {
+        setError(payload.error ?? 'Unable to start checkout.')
+        return
+      }
+
+      window.location.href = payload.url
+    } catch {
+      setError('Unable to reach Stripe checkout. Please try again.')
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  return (
+    <div className="space-y-3">
+      <Button className={className} size="lg" onClick={handleCheckout} disabled={isLoading}>
+        {isLoading ? <Loader2 className="h-4 w-4 animate-spin" /> : null}
+        {children ?? 'Upgrade with Stripe'}
+        {!isLoading ? <ArrowRight className="h-4 w-4" /> : null}
+      </Button>
+      {error ? (
+        <p className="text-sm text-destructive" role="alert">
+          {error}
+        </p>
+      ) : null}
+    </div>
+  )
+}
diff --git a/lib/billing.ts b/lib/billing.ts
new file mode 100644
index 0000000..ad5d808
--- /dev/null
+++ b/lib/billing.ts
@@ -0,0 +1,24 @@
+export const CODEVAULT_PRO_PLAN = {
+  id: 'codevault-pro',
+  slug: 'codevault-pro',
+  name: 'CodeVault Pro',
+  description: 'For builders turning existing repositories into shippable product plans.',
+  priceLabel: '$29',
+  unitAmount: 2900,
+  currency: 'usd',
+  interval: 'month',
+  features: [
+    'Unlimited repository blueprint exports',
+    'Cross-repo app discovery workflows',
+    'Priority scaffold generation queue',
+    'Commercial usage for generated plans',
+  ],
+} as const
+
+export function getPlanById(planId: string | undefined) {
+  if (planId === CODEVAULT_PRO_PLAN.id) {
+    return CODEVAULT_PRO_PLAN
+  }
+
+  return null
+}
diff --git a/package.json b/package.json
index 34d5033..02208e7 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "react-resizable-panels": "^2.1.7",
     "recharts": "2.15.0",
     "sonner": "^1.7.1",
+    "stripe": "^22.1.0",
     "tailwind-merge": "^3.3.1",
     "vaul": "^1.1.2",
     "zod": "^3.24.1"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6497a4a..e87b78f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -161,6 +161,9 @@ importers:
       sonner:
         specifier: ^1.7.1
         version: 1.7.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      stripe:
+        specifier: ^22.1.0
+        version: 22.1.0(@types/node@22.19.11)
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.5.0
@@ -3090,6 +3093,15 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  stripe@22.1.0:
+    resolution: {integrity: sha512-w/xHyJGxXWnLPbNHG13sz/fae0MrFGC80Oz7YbICQymbfpqfEcsoG+6yG+9BWb81PWc4rrkeSO4wmTcmefmbLw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
   styled-jsx@5.1.6:
     resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
@@ -6313,6 +6325,10 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
+  stripe@22.1.0(@types/node@22.19.11):
+    optionalDependencies:
+      '@types/node': 22.19.11
+
   styled-jsx@5.1.6(@babel/core@7.29.0)(react@19.2.4):
     dependencies:
       client-only: 0.0.1

From 75afbc4dc180b75fc86aeb0504efca1aa3427b64 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 27 Apr 2026 19:11:41 +0000
Subject: [PATCH 4/5] Harden analysis blueprint parsing

Co-authored-by: Cole Collins <DealPatrol@users.noreply.github.com>
---
 .env.example                       |  17 +-
 app/api/analyses/[id]/run/route.ts |  77 +++++----
 components/analysis-detail.tsx     |   9 +-
 lib/analysis-blueprints.ts         | 258 +++++++++++++++++++++++++++++
 4 files changed, 318 insertions(+), 43 deletions(-)
 create mode 100644 lib/analysis-blueprints.ts

diff --git a/.env.example b/.env.example
index e86bff0..309eb46 100644
--- a/.env.example
+++ b/.env.example
@@ -3,20 +3,19 @@ DATABASE_URL=postgresql://user:password@host/dbname?sslmode=require
 
 # GitHub OAuth App
 # Create at: https://github.com/settings/developers
-GITHUB_CLIENT_ID=0v23li58m3t8TIbfIr8A
+GITHUB_CLIENT_ID=your-github-client-id
 # Optional fallback for older deployments. Client-side/public only, not a secret.
-NEXT_PUBLIC_GITHUB_CLIENT_ID=Ov231iS8m3t8TIbfIr8A
-GITHUB_CLIENT_SECRET=8643494973801aaade8e7cd77ee89d3700
-2ce897
+NEXT_PUBLIC_GITHUB_CLIENT_ID=your-github-client-id
+GITHUB_CLIENT_SECRET=your-github-client-secret
 
 # Public URL of your app (used for OAuth callback redirect)
-NEXT_PUBLIC_APP_URL=https://repo-app-architect.vercel.app
+NEXT_PUBLIC_APP_URL=your-app-url
 
-# OpenAI API Key (used by Vercel AI SDK for analysis)
-OPENAI_API_KEY=sk-...
-
-# Anthropic API Key (used for scaffold generation)
+# Anthropic API Key (used for analysis and scaffold generation)
 ANTHROPIC_API_KEY=sk-ant-...
 
+# Optional Claude model override for analysis
+ANTHROPIC_ANALYSIS_MODEL=claude-3-5-sonnet-20241022
+
 # Stripe Checkout
 STRIPE_SECRET_KEY=sk_test_...
diff --git a/app/api/analyses/[id]/run/route.ts b/app/api/analyses/[id]/run/route.ts
index 6db1417..d7e6763 100644
--- a/app/api/analyses/[id]/run/route.ts
+++ b/app/api/analyses/[id]/run/route.ts
@@ -1,8 +1,11 @@
 import { NextRequest } from 'next/server'
-import { generateText, Output } from 'ai'
-import { z } from 'zod'
+import Anthropic from '@anthropic-ai/sdk'
 import { getCurrentAccessToken } from '@/lib/auth'
 import { getGitHubRepositoryTree } from '@/lib/github'
+import {
+  getAnthropicAnalysisModel,
+  parseAnalysisBlueprintOutput,
+} from '@/lib/analysis-blueprints'
 import { 
   getAnalysisById, 
   getRepositoriesForAnalysis, 
@@ -13,29 +16,6 @@ import {
   getBlueprintsByAnalysis
 } from '@/lib/queries'
 
-// Schema for AI-generated app blueprints
-const BlueprintSchema = z.object({
-  name: z.string(),
-  description: z.string(),
-  app_type: z.string(),
-  complexity: z.enum(['simple', 'moderate', 'complex']),
-  reuse_percentage: z.number().min(0).max(100),
-  existing_files: z.array(z.object({
-    path: z.string(),
-    purpose: z.string(),
-  })),
-  missing_files: z.array(z.object({
-    name: z.string(),
-    purpose: z.string(),
-  })),
-  technologies: z.array(z.string()),
-  explanation: z.string(),
-})
-
-const AnalysisOutputSchema = z.object({
-  blueprints: z.array(BlueprintSchema),
-})
-
 export async function POST(
   request: NextRequest,
   { params }: { params: Promise<{ id: string }> }
@@ -57,8 +37,8 @@ export async function POST(
           controller.close()
           return
         }
-        if (!process.env.OPENAI_API_KEY) {
-          send({ error: 'AI analysis is not configured. Missing OPENAI_API_KEY.' })
+        if (!process.env.ANTHROPIC_API_KEY) {
+          send({ error: 'AI analysis is not configured. Missing ANTHROPIC_API_KEY.' })
           controller.close()
           return
         }
@@ -132,11 +112,18 @@ export async function POST(
         // Build file summary for AI
         const fileSummary = allFiles.map(f => `- ${f.repo}: ${f.path}`).join('\n')
 
+        const anthropic = new Anthropic({
+          apiKey: process.env.ANTHROPIC_API_KEY,
+        })
+
         // Use AI to analyze and discover app blueprints
-        const { output } = await generateText({
-          model: 'openai/gpt-4o-mini',
-          output: Output.object({ schema: AnalysisOutputSchema }),
-          prompt: `You are an expert software architect. Analyze these files from GitHub repositories and discover what applications can be built by combining and reusing the existing code.
+        const response = await anthropic.messages.create({
+          model: getAnthropicAnalysisModel(),
+          max_tokens: 4000,
+          temperature: 0.2,
+          messages: [{
+            role: 'user',
+            content: `You are an expert software architect. Analyze these files from GitHub repositories and discover what applications can be built by combining and reusing the existing code.
 
 REPOSITORIES AND FILES:
 ${fileSummary}
@@ -155,8 +142,31 @@ For each app blueprint:
 - List technologies detected
 - Provide a brief explanation of why this app is possible
 
+Return only valid JSON with this shape:
+{
+  "blueprints": [
+    {
+      "name": "string",
+      "description": "string",
+      "app_type": "string",
+      "complexity": "simple" | "moderate" | "complex",
+      "reuse_percentage": 0-100,
+      "existing_files": [{ "path": "repo/path.ext", "purpose": "string" }],
+      "missing_files": [{ "name": "path-or-feature", "purpose": "string" }],
+      "technologies": ["string"],
+      "explanation": "string"
+    }
+  ]
+}
+
 Focus on practical, buildable applications based on the actual code patterns you see.`,
+          }],
         })
+        const text = response.content
+          .filter((block) => block.type === 'text')
+          .map((block) => block.text)
+          .join('\n')
+        const output = parseAnalysisBlueprintOutput(text)
 
         send({ status: 'analyzing', progress: 80 })
 
@@ -190,10 +200,11 @@ Focus on practical, buildable applications based on the actual code patterns you
 
       } catch (error) {
         console.error('Analysis error:', error)
+        const errorMessage = error instanceof Error ? error.message : 'Unknown error'
         await updateAnalysisStatus(id, 'failed', { 
-          error_message: error instanceof Error ? error.message : 'Unknown error' 
+          error_message: errorMessage
         })
-        send({ status: 'failed', error: 'Analysis failed' })
+        send({ status: 'failed', error: errorMessage })
         controller.close()
       }
     },
diff --git a/components/analysis-detail.tsx b/components/analysis-detail.tsx
index 5ece695..c324f77 100644
--- a/components/analysis-detail.tsx
+++ b/components/analysis-detail.tsx
@@ -57,6 +57,7 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
   const [scaffoldLoadingId, setScaffoldLoadingId] = useState<string | null>(null)
   const [isRunning, setIsRunning] = useState(false)
   const [status, setStatus] = useState(analysis.status)
+  const [errorMessage, setErrorMessage] = useState(analysis.error_message)
   const [progress, setProgress] = useState(
     analysis.total_files > 0 
       ? Math.round((analysis.analyzed_files / analysis.total_files) * 100)
@@ -109,6 +110,7 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
   const runAnalysis = async () => {
     setIsRunning(true)
     setStatus('scanning')
+    setErrorMessage(null)
     setProgress(0)
 
     try {
@@ -139,6 +141,7 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
                 if (data.status) setStatus(data.status)
                 if (data.progress !== undefined) setProgress(data.progress)
                 if (data.blueprints) setLocalBlueprints(data.blueprints)
+                if (data.error) setErrorMessage(data.error)
               } catch {
                 // Skip invalid JSON
               }
@@ -147,11 +150,12 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
         }
       }
 
-      setStatus('complete')
+      setStatus((currentStatus) => currentStatus === 'failed' ? 'failed' : 'complete')
       router.refresh()
     } catch (error) {
       console.error('Analysis error:', error)
       setStatus('failed')
+      setErrorMessage(error instanceof Error ? error.message : 'Analysis failed')
     } finally {
       setIsRunning(false)
     }
@@ -176,6 +180,9 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
             <StatusIcon className={`h-4 w-4 ${statusInfo.color} ${statusInfo.spin ? 'animate-spin' : ''} ${statusInfo.pulse ? 'animate-pulse' : ''}`} />
             <span className={`text-sm ${statusInfo.color}`}>{statusInfo.label}</span>
           </div>
+          {status === 'failed' && errorMessage && (
+            <p className="text-sm text-destructive ml-11 max-w-2xl">{errorMessage}</p>
+          )}
         </div>
         
         {(status === 'pending' || status === 'failed') && (
diff --git a/lib/analysis-blueprints.ts b/lib/analysis-blueprints.ts
new file mode 100644
index 0000000..d7d0d34
--- /dev/null
+++ b/lib/analysis-blueprints.ts
@@ -0,0 +1,258 @@
+import { z } from 'zod'
+
+export const BlueprintSchema = z.object({
+  name: z.string().min(1),
+  description: z.string(),
+  app_type: z.string(),
+  complexity: z.enum(['simple', 'moderate', 'complex']),
+  reuse_percentage: z.number().min(0).max(100),
+  existing_files: z.array(z.object({
+    path: z.string().min(1),
+    purpose: z.string(),
+  })),
+  missing_files: z.array(z.object({
+    name: z.string().min(1),
+    purpose: z.string(),
+  })),
+  technologies: z.array(z.string()),
+  explanation: z.string(),
+})
+
+export const AnalysisOutputSchema = z.object({
+  blueprints: z.array(BlueprintSchema).min(1),
+})
+
+export type AnalysisBlueprint = z.infer<typeof BlueprintSchema>
+export type AnalysisOutput = z.infer<typeof AnalysisOutputSchema>
+
+export class BlueprintParseError extends Error {
+  constructor(message = 'AI returned blueprints in an unexpected shape. Try again or set ANTHROPIC_ANALYSIS_MODEL to a supported Claude model.') {
+    super(message)
+    this.name = 'BlueprintParseError'
+  }
+}
+
+export function getAnthropicAnalysisModel(): string {
+  const model = process.env.ANTHROPIC_ANALYSIS_MODEL?.trim() || 'claude-3-5-sonnet-20241022'
+  if (!model.startsWith('claude-')) {
+    throw new Error('ANTHROPIC_ANALYSIS_MODEL must be a supported Claude model name.')
+  }
+  return model
+}
+
+export function parseAnalysisBlueprintOutput(text: string): AnalysisOutput {
+  for (const candidate of getJsonCandidates(text)) {
+    const parsed = safeJsonParse(candidate)
+    if (parsed.ok) {
+      const normalized = normalizeBlueprintResponse(parsed.value)
+      if (normalized) return normalized
+    }
+  }
+
+  throw new BlueprintParseError()
+}
+
+export function normalizeBlueprintResponse(value: unknown): AnalysisOutput | null {
+  const rawBlueprints = getBlueprintArray(value)
+  if (!rawBlueprints) return null
+
+  const blueprints = rawBlueprints
+    .map(normalizeBlueprint)
+    .filter((blueprint): blueprint is AnalysisBlueprint => blueprint !== null)
+
+  if (blueprints.length === 0) return null
+
+  const result = AnalysisOutputSchema.safeParse({ blueprints })
+  return result.success ? result.data : null
+}
+
+function getBlueprintArray(value: unknown): unknown[] | null {
+  if (Array.isArray(value)) return value
+  if (!isRecord(value)) return null
+
+  for (const key of ['blueprints', 'apps', 'applications', 'suggestions', 'elements']) {
+    const child = value[key]
+    if (Array.isArray(child)) return child
+  }
+
+  for (const key of ['result', 'output', 'data']) {
+    const nested = getBlueprintArray(value[key])
+    if (nested) return nested
+  }
+
+  return null
+}
+
+function normalizeBlueprint(value: unknown): AnalysisBlueprint | null {
+  if (!isRecord(value)) return null
+
+  const name = getString(value, ['name', 'app_name', 'appName', 'App name'])
+  if (!name) return null
+
+  const existingFiles = normalizeExistingFiles(getArray(value, ['existing_files', 'existingFiles', 'Existing files', 'files_to_reuse', 'filesToReuse']))
+  const missingFiles = normalizeMissingFiles(getArray(value, ['missing_files', 'missingFiles', 'Missing files', 'required_files', 'requiredFiles']))
+  const reusePercentage = getNumber(value, ['reuse_percentage', 'reusePercentage', 'reusablePercentage', 'completionPercentage', 'reuse'])
+    ?? calculateReusePercentage(existingFiles.length, missingFiles.length)
+
+  const blueprint = {
+    name,
+    description: getString(value, ['description', 'Description']) || 'No description provided.',
+    app_type: getString(value, ['app_type', 'appType', 'type', 'Type', 'category']) || 'Application',
+    complexity: normalizeComplexity(getString(value, ['complexity', 'difficulty', 'Difficulty level'])),
+    reuse_percentage: clampPercentage(reusePercentage),
+    existing_files: existingFiles,
+    missing_files: missingFiles,
+    technologies: normalizeStringArray(getArray(value, ['technologies', 'Core technologies', 'tech_stack', 'techStack'])),
+    explanation: getString(value, ['explanation', 'ai_explanation', 'reasoning', 'Why this is a good idea']) || '',
+  }
+
+  const result = BlueprintSchema.safeParse(blueprint)
+  return result.success ? result.data : null
+}
+
+function normalizeExistingFiles(files: unknown[]): AnalysisBlueprint['existing_files'] {
+  return files.map((file) => {
+    if (typeof file === 'string') {
+      return { path: file, purpose: 'Reusable existing file' }
+    }
+    if (isRecord(file)) {
+      const path = getString(file, ['path', 'name', 'file', 'filename'])
+      if (!path) return null
+      return {
+        path,
+        purpose: getString(file, ['purpose', 'description', 'reason']) || 'Reusable existing file',
+      }
+    }
+    return null
+  }).filter((file): file is AnalysisBlueprint['existing_files'][number] => file !== null)
+}
+
+function normalizeMissingFiles(files: unknown[]): AnalysisBlueprint['missing_files'] {
+  return files.map((file) => {
+    if (typeof file === 'string') {
+      return { name: file, purpose: 'Implementation needed' }
+    }
+    if (isRecord(file)) {
+      const name = getString(file, ['name', 'path', 'file', 'filename'])
+      if (!name) return null
+      return {
+        name,
+        purpose: getString(file, ['purpose', 'description', 'reason']) || 'Implementation needed',
+      }
+    }
+    return null
+  }).filter((file): file is AnalysisBlueprint['missing_files'][number] => file !== null)
+}
+
+function getJsonCandidates(text: string): string[] {
+  const trimmed = text.trim()
+  const candidates = [trimmed]
+
+  for (const match of trimmed.matchAll(/```(?:json)?\s*([\s\S]*?)```/gi)) {
+    candidates.push(match[1].trim())
+  }
+
+  candidates.push(...extractBalancedJson(trimmed))
+  return [...new Set(candidates.filter(Boolean))]
+}
+
+function extractBalancedJson(text: string): string[] {
+  const candidates: string[] = []
+  const stack: string[] = []
+  let start = -1
+  let inString = false
+  let escaped = false
+
+  for (let i = 0; i < text.length; i++) {
+    const char = text[i]
+    if (inString) {
+      if (escaped) {
+        escaped = false
+      } else if (char === '\\') {
+        escaped = true
+      } else if (char === '"') {
+        inString = false
+      }
+      continue
+    }
+
+    if (char === '"') {
+      inString = true
+    } else if (char === '{' || char === '[') {
+      if (stack.length === 0) start = i
+      stack.push(char)
+    } else if (char === '}' || char === ']') {
+      const opener = stack.pop()
+      if ((char === '}' && opener !== '{') || (char === ']' && opener !== '[')) {
+        stack.length = 0
+        start = -1
+        continue
+      }
+      if (stack.length === 0 && start >= 0) {
+        candidates.push(text.slice(start, i + 1))
+        start = -1
+      }
+    }
+  }
+
+  return candidates
+}
+
+function safeJsonParse(text: string): { ok: true; value: unknown } | { ok: false } {
+  try {
+    return { ok: true, value: JSON.parse(text) }
+  } catch {
+    return { ok: false }
+  }
+}
+
+function getString(record: Record<string, unknown>, keys: string[]): string | null {
+  for (const key of keys) {
+    const value = record[key]
+    if (typeof value === 'string' && value.trim()) return value.trim()
+  }
+  return null
+}
+
+function getNumber(record: Record<string, unknown>, keys: string[]): number | null {
+  for (const key of keys) {
+    const value = record[key]
+    if (typeof value === 'number' && Number.isFinite(value)) return value
+    if (typeof value === 'string' && value.trim() && Number.isFinite(Number(value))) return Number(value)
+  }
+  return null
+}
+
+function getArray(record: Record<string, unknown>, keys: string[]): unknown[] {
+  for (const key of keys) {
+    const value = record[key]
+    if (Array.isArray(value)) return value
+  }
+  return []
+}
+
+function normalizeStringArray(values: unknown[]): string[] {
+  return values
+    .map((value) => typeof value === 'string' ? value.trim() : null)
+    .filter((value): value is string => Boolean(value))
+}
+
+function normalizeComplexity(value: string | null): AnalysisBlueprint['complexity'] {
+  const normalized = value?.toLowerCase()
+  if (normalized === 'simple' || normalized === 'easy' || normalized === 'low') return 'simple'
+  if (normalized === 'complex' || normalized === 'hard' || normalized === 'high') return 'complex'
+  return 'moderate'
+}
+
+function calculateReusePercentage(existingCount: number, missingCount: number): number {
+  const total = existingCount + missingCount
+  return total === 0 ? 0 : Math.round((existingCount / total) * 100)
+}
+
+function clampPercentage(value: number): number {
+  return Math.max(0, Math.min(100, Math.round(value)))
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null
+}

From cbcf2c0f56a5c24031fda82b46cbd8ea4ce5b2cb Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 27 Apr 2026 19:14:12 +0000
Subject: [PATCH 5/5] Keep failed analysis state from stream errors

Co-authored-by: Cole Collins <DealPatrol@users.noreply.github.com>
---
 components/analysis-detail.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/analysis-detail.tsx b/components/analysis-detail.tsx
index c324f77..e26965e 100644
--- a/components/analysis-detail.tsx
+++ b/components/analysis-detail.tsx
@@ -141,7 +141,10 @@ export function AnalysisDetail({ analysis, repositories, blueprints }: AnalysisD
                 if (data.status) setStatus(data.status)
                 if (data.progress !== undefined) setProgress(data.progress)
                 if (data.blueprints) setLocalBlueprints(data.blueprints)
-                if (data.error) setErrorMessage(data.error)
+                if (data.error) {
+                  setErrorMessage(data.error)
+                  setStatus('failed')
+                }
               } catch {
                 // Skip invalid JSON
               }