fix(audit): nettoyage accès, garde-fous build, unification quotas

Semaine 1 — fuites et accès :
- /archive rendu accessible via sidebar (était invisible)
- Suppression pages orphelines : /chat, /graph, /support, test-title-suggestions
- Fixes i18n : search-modal (clé non interpolée), sidebar tooltips, export PDF
- 15 locales mises à jour

Semaine 2 — garde-fous :
- 8 erreurs TS fixees → ignoreBuildErrors: false (build type-safe)
- reactStrictMode: true (dev-only, zero impact prod)
- reserveUsageOrThrow → wrapper deprecie vers reserveAiUsageOrThrow
- auth-guard.ts : requireAuthOrResponse() + requireAdminOrResponse()

Tests 212/212 | Lint 0 erreur | Build OK | tsc 0 erreur

memento-note/app/(main)/chat/page.tsx

@@ -1,44 +0,0 @@
-import { Metadata } from 'next'
-import { auth } from '@/auth'
-import { redirect } from 'next/navigation'
-import { prisma } from '@/lib/prisma'
-import { ChatContainer } from '@/components/chat/chat-container'
-import { getConversations } from '@/app/actions/chat-actions'
-import { getSystemConfig } from '@/lib/config'
-
-export const metadata: Metadata = {
-  title: 'Chat IA | Memento',
-  description: 'Discutez avec vos notes et vos agents IA',
-}
-
-export default async function ChatPage() {
-  const session = await auth()
-  if (!session?.user?.id) redirect('/login')
-
-  const userId = session.user.id
-
-  // Fetch initial data
-  const [conversations, notebooks, config] = await Promise.all([
-    getConversations(),
-    prisma.notebook.findMany({
-      where: { userId },
-      orderBy: { order: 'asc' }
-    }),
-    getSystemConfig(),
-  ])
-
-  // Check if web search tools are configured
-  const webSearchAvailable = !!(
-    config.WEB_SEARCH_PROVIDER || config.BRAVE_SEARCH_API_KEY || config.SEARXNG_URL || config.JINA_API_KEY
-  )
-
-  return (
-    <div className="flex-1 flex flex-col h-full bg-white dark:bg-[#1a1c22]">
-      <ChatContainer
-        initialConversations={conversations}
-        notebooks={notebooks}
-        webSearchAvailable={webSearchAvailable}
-      />
-    </div>
-  )
-}

memento-note/app/(main)/graph/page.tsx

@@ -1,17 +0,0 @@
-'use client'
-
-import dynamic from 'next/dynamic'
-
-// D3 uses browser APIs — must be loaded client-side only
-const NoteGraphView = dynamic(
-  () => import('@/components/note-graph-view').then(m => m.NoteGraphView),
-  { ssr: false }
-)
-
-export default function GraphPage() {
-  return (
-    <div className="h-screen overflow-hidden">
-      <NoteGraphView />
-    </div>
-  )
-}

memento-note/app/(main)/insights/page.tsx

@@ -19,7 +19,6 @@ import {
   ChevronRight,
   ChevronDown,
   Database,
-  ArrowRight,
   Menu,
   Network,
   List,
@@ -28,7 +27,6 @@ import {
   X,
 } from 'lucide-react'
 import { toast } from 'sonner'
-import Link from 'next/link'
 import { useNotePeek, NotePeekPanel } from '@/components/note-peek'
 import { createNote } from '@/app/actions/notes'
 import { emitNoteChange } from '@/lib/note-change-sync'
@@ -455,9 +453,6 @@ export default function InsightsPage() {
           </p>
           <div className="flex items-center gap-1.5 mt-1.5 text-[10px] text-concrete">
             <span>{t('insightsView.semanticGraphLegend')}</span>
-            <Link href="/graph" className="inline-flex items-center gap-0.5 text-ochre hover:underline font-medium">
-              {t('insightsView.openGraphMap')} <ArrowRight size={9} />
-            </Link>
           </div>
           </div>
         </div>

memento-note/app/(main)/support/page.tsx

@@ -1,156 +0,0 @@
-'use client'
-
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { useLanguage } from '@/lib/i18n';
-
-export default function SupportPage() {
-  const { t } = useLanguage();
-
-  return (
-    <div className="container mx-auto py-10 max-w-4xl">
-      <div className="text-center mb-10">
-        <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold mb-4">
-          {t('support.title')}
-        </h1>
-        <p className="text-muted-foreground text-lg">
-          {t('support.description')}
-        </p>
-      </div>
-
-      <div className="grid gap-6 md:grid-cols-2 mb-10">
-        <Card className="border-2 border-primary">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <span className="text-2xl">☕</span>
-              {t('support.buyMeACoffee')}
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p className="mb-4">
-              {t('support.donationDescription')}
-            </p>
-            <Button asChild className="w-full">
-              <a href="https://ko-fi.com/yourusername" target="_blank" rel="noopener noreferrer">
-                {t('support.donateOnKofi')}
-              </a>
-            </Button>
-            <p className="text-xs text-muted-foreground mt-2">
-              {t('support.kofiDescription')}
-            </p>
-          </CardContent>
-        </Card>
-
-        <Card className="border-2 border-primary">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <span className="text-2xl">💚</span>
-              {t('support.sponsorOnGithub')}
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p className="mb-4">
-              {t('support.sponsorDescription')}
-            </p>
-            <Button asChild variant="outline" className="w-full">
-              <a href="https://github.com/sponsors/yourusername" target="_blank" rel="noopener noreferrer">
-                {t('support.sponsorOnGithub')}
-              </a>
-            </Button>
-            <p className="text-xs text-muted-foreground mt-2">
-              {t('support.githubDescription')}
-            </p>
-          </CardContent>
-        </Card>
-      </div>
-
-      <Card className="mb-10">
-        <CardHeader>
-          <CardTitle>{t('support.howSupportHelps')}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="grid md:grid-cols-2 gap-4">
-            <div>
-              <h3 className="font-semibold mb-2">💰 {t('support.directImpact')}</h3>
-              <ul className="space-y-2 text-sm">
-                <li>☕ Keeps me fueled with coffee</li>
-                <li>🐛 Covers hosting and server costs</li>
-                <li>✨ Funds development of new features</li>
-                <li>📚 Improves documentation</li>
-                <li>🌍 Keeps Memento 100% open-source</li>
-              </ul>
-            </div>
-            <div>
-              <h3 className="font-semibold mb-2">🎁 {t('support.sponsorPerks')}</h3>
-              <ul className="space-y-2 text-sm">
-                <li>🥉 $5/month - Bronze: Name in supporters list</li>
-                <li>🥈 $15/month - Silver: Priority feature requests</li>
-                <li>🥇 $50/month - Gold: Logo in footer, priority support</li>
-                <li>💎 $100/month - Platinum: Custom features, consulting</li>
-              </ul>
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>💡 {t('support.transparency')}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <p className="text-sm mb-4">
-            {t('support.transparencyDescription')}
-          </p>
-          <div className="space-y-2 text-sm">
-            <div className="flex justify-between">
-              <span>{t('support.hostingServers')}</span>
-              <span className="font-mono">~$20/month</span>
-            </div>
-            <div className="flex justify-between">
-              <span>{t('support.domainSSL')}</span>
-              <span className="font-mono">~$15/year</span>
-            </div>
-            <div className="flex justify-between">
-              <span>{t('support.aiApiCosts')}</span>
-              <span className="font-mono">~$30/month</span>
-            </div>
-            <div className="flex justify-between border-t pt-2">
-              <span className="font-semibold">{t('support.totalExpenses')}</span>
-              <span className="font-mono font-semibold">~$50/month</span>
-            </div>
-          </div>
-          <p className="text-xs text-muted-foreground mt-4">
-            Any amount beyond these costs goes directly into improving Memento
-            and funding new features. Thank you for your support! 💚
-          </p>
-        </CardContent>
-      </Card>
-
-      <div className="mt-10 text-center">
-        <h2 className="text-2xl font-bold mb-4">{t('support.otherWaysTitle')}</h2>
-        <div className="flex flex-wrap justify-center gap-4">
-          <Button variant="outline" asChild>
-            <a href="https://github.com/yourusername/memento" target="_blank" rel="noopener noreferrer">
-              ⭐ {t('support.starGithub')}
-            </a>
-          </Button>
-          <Button variant="outline" asChild>
-            <a href="https://github.com/yourusername/memento/issues" target="_blank" rel="noopener noreferrer">
-              🐛 {t('support.reportBug')}
-            </a>
-          </Button>
-          <Button variant="outline" asChild>
-            <a href="https://github.com/yourusername/memento" target="_blank" rel="noopener noreferrer">
-              📝 {t('support.contributeCode')}
-            </a>
-          </Button>
-          <Button variant="outline" asChild>
-            <a href="https://twitter.com/intent/tweet?text=Check%20out%20Memento%20-%20a%20great%20open-source%20note-taking%20app!%20https://github.com/yourusername/memento" target="_blank" rel="noopener noreferrer">
-              🐦 {t('support.shareTwitter')}
-            </a>
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-}

memento-note/app/actions/chat-actions.ts

@@ -2,7 +2,6 @@
 
 import { chatService } from '@/lib/ai/services'
 import { auth } from '@/auth'
-import { revalidatePath } from 'next/cache'
 import { prisma } from '@/lib/prisma'
 
 /**
@@ -38,7 +37,6 @@ export async function sendChatMessage(
 
   try {
     const result = await chatService.chat(message, conversationId, notebookId)
-    revalidatePath('/chat')
     return { success: true, ...result }
   } catch (error: any) {
     console.error('[ChatAction] Error:', error)

memento-note/app/api/ai/auto-labels/route.ts

@@ -19,6 +19,7 @@ export async function POST(request: NextRequest) {
         { status: 401 }
       )
     }
+    const userId = session.user.id
 
     // GDPR AI Consent check
     if (!(await hasUserAiConsent())) {
@@ -61,12 +62,12 @@ export async function POST(request: NextRequest) {
     }
 
     const suggestions = await withAiQuota(
-      session.user.id,
+      userId,
       'auto_tag',
       () =>
         autoLabelCreationService.suggestLabels(
           notebookId,
-          session.user!.id,
+          userId,
           language,
         ),
       { lane: 'tags' },

memento-note/app/api/ai/suggest-notebook/route.ts

@@ -10,6 +10,7 @@ export async function POST(req: NextRequest) {
     if (!session?.user?.id) {
       return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
     }
+    const userId = session.user.id
 
     if (!(await hasUserAiConsent())) {
       return NextResponse.json({ error: 'ai_consent_required' }, { status: 403 })
@@ -32,11 +33,11 @@ export async function POST(req: NextRequest) {
     }
 
     const suggestedNotebook = await withAiQuota(
-      session.user.id,
+      userId,
       'auto_tag',
       () => notebookSuggestionService.suggestNotebook(
         noteContent,
-        session.user!.id,
+        userId,
         language
       ),
       { lane: 'tags' },

memento-note/app/api/graph/route.ts

@@ -1,195 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import prisma from '@/lib/prisma'
-import { auth } from '@/auth'
-
-// ── Stopwords FR + EN ─────────────────────────────────────────────────────────
-const STOPWORDS = new Set([
-  'le','la','les','de','du','des','un','une','et','en','au','aux','ce','se',
-  'sa','son','ses','mon','ma','mes','ton','ta','tes','que','qui','quoi','dont',
-  'il','elle','ils','elles','nous','vous','je','tu','on','par','pour','sur',
-  'sous','avec','dans','est','sont','pas','ne','plus','très','tout','comme',
-  'mais','donc','car','cet','cette','ces','leur','leurs','note','notes',
-  'the','a','an','and','or','but','in','on','at','to','for','of','with','by',
-  'from','is','are','was','were','be','been','have','has','had','do','does',
-  'did','will','would','could','should','may','might','this','that','these',
-  'those','it','its','they','them','their','he','she','we','you','not','no',
-  'so','if','as','up','out','about','also','just','can','all','any','get',
-])
-
-function stripHtml(html: string): string {
-  return html.replace(/<[^>]+>/g, ' ').replace(/&\w+;/g, ' ')
-}
-
-function extractKeywords(text: string): Set<string> {
-  return new Set(
-    stripHtml(text)
-      .toLowerCase()
-      .split(/[\s\p{P}]+/u)
-      .filter(w => w.length >= 3 && !STOPWORDS.has(w) && !/^\d+$/.test(w))
-  )
-}
-
-function jaccardSimilarity(a: Set<string>, b: Set<string>): number {
-  if (a.size === 0 || b.size === 0) return 0
-  let intersection = 0
-  for (const w of a) if (b.has(w)) intersection++
-  return intersection / (a.size + b.size - intersection)
-}
-
-type EdgeType = 'title_mention' | 'shared_label' | 'jaccard' | 'explicit_link' | 'semantic_echo'
-
-interface GraphEdge { source: string; target: string; weight: number; type: EdgeType }
-
-// GET /api/graph — connexions automatiques à 3 niveaux
-export async function GET(request: NextRequest) {
-  const session = await auth()
-  if (!session?.user?.id) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-
-  const userId = session.user.id
-  const { searchParams } = new URL(request.url)
-  const notebookId = searchParams.get('notebookId') || undefined
-
-  const notes = await prisma.note.findMany({
-    where: { userId, trashedAt: null, ...(notebookId ? { notebookId } : {}) },
-    select: {
-      id: true, title: true, content: true, notebookId: true, createdAt: true,
-      labelRelations: { select: { id: true } },
-      notebook: { select: { id: true, name: true } },
-    },
-    take: 500,
-    orderBy: { updatedAt: 'desc' },
-  })
-
-  if (notes.length === 0) return NextResponse.json({ nodes: [], edges: [] })
-
-  const ids = notes.map(n => n.id)
-
-  // Query NoteLink manually created relationships
-  const noteLinks = await (prisma as any).noteLink.findMany({
-    where: {
-      sourceNoteId: { in: ids },
-      targetNoteId: { in: ids }
-    },
-    select: {
-      sourceNoteId: true,
-      targetNoteId: true,
-      contextSnippet: true
-    }
-  })
-
-  // Query MemoryEchoInsight semantic relationships
-  const echoInsights = await (prisma as any).memoryEchoInsight.findMany({
-    where: {
-      userId,
-      dismissed: false,
-      note1Id: { in: ids },
-      note2Id: { in: ids }
-    },
-    select: {
-      note1Id: true,
-      note2Id: true,
-      similarityScore: true,
-      insight: true
-    }
-  })
-
-  // Pré-calcul
-  const keywordsMap = new Map<string, Set<string>>()
-  const labelMap    = new Map<string, Set<string>>()
-  for (const note of notes) {
-    keywordsMap.set(note.id, extractKeywords(`${note.title ?? ''} ${note.content}`))
-    labelMap.set(note.id, new Set(note.labelRelations.map((l: any) => l.id)))
-  }
-
-  const EDGE_TYPE_PRIORITY: Record<EdgeType, number> = {
-    explicit_link: 5,
-    semantic_echo: 4,
-    title_mention: 3,
-    shared_label: 2,
-    jaccard: 1,
-  }
-
-  const edgeMap = new Map<string, GraphEdge>()
-  function upsertEdge(a: string, b: string, weight: number, type: EdgeType) {
-    const key = a < b ? `${a}--${b}` : `${b}--${a}`
-    const ex = edgeMap.get(key)
-    if (!ex) {
-      edgeMap.set(key, { source: a < b ? a : b, target: a < b ? b : a, weight, type })
-    } else {
-      const exPriority = EDGE_TYPE_PRIORITY[ex.type] || 0
-      const curPriority = EDGE_TYPE_PRIORITY[type] || 0
-      if (curPriority > exPriority || (curPriority === exPriority && weight > ex.weight)) {
-        edgeMap.set(key, { source: a < b ? a : b, target: a < b ? b : a, weight, type })
-      }
-    }
-  }
-
-  // ── Niveau 1 : Title Mention (comme Obsidian "unlinked mentions") ──────────
-  for (const noteA of notes) {
-    const title = (noteA.title ?? '').trim().toLowerCase()
-    if (title.length < 3) continue
-    const escaped = title.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-    const re = new RegExp(`(?<!\\p{L})${escaped}(?!\\p{L})`, 'ui')
-    for (const noteB of notes) {
-      if (noteA.id === noteB.id) continue
-      if (re.test(stripHtml(noteB.content))) upsertEdge(noteA.id, noteB.id, 1.0, 'title_mention')
-    }
-  }
-
-  // ── Niveau 2 : Labels partagés ────────────────────────────────────────────
-  for (let i = 0; i < ids.length; i++) {
-    for (let j = i + 1; j < ids.length; j++) {
-      const la = labelMap.get(ids[i])!
-      const lb = labelMap.get(ids[j])!
-      const shared = [...la].filter(l => lb.has(l)).length
-      if (shared > 0) upsertEdge(ids[i], ids[j], Math.min(0.5 + shared * 0.15, 0.9), 'shared_label')
-    }
-  }
-
-  // ── Niveau 3 : Jaccard (désactivé > 500 notes) ───────────────────────────
-  if (notes.length <= 500) {
-    for (let i = 0; i < ids.length; i++) {
-      const kwI = keywordsMap.get(ids[i])!
-      const candidates: { j: number; score: number }[] = []
-      for (let j = i + 1; j < ids.length; j++) {
-        const score = jaccardSimilarity(kwI, keywordsMap.get(ids[j])!)
-        if (score >= 0.12) candidates.push({ j, score })
-      }
-      candidates.sort((a, b) => b.score - a.score).slice(0, 10)
-        .forEach(({ j, score }) => upsertEdge(ids[i], ids[j], score * 0.8, 'jaccard'))
-    }
-  }
-
-  // ── Niveau 4 : WikiLinks explicites (NoteLink) ─────────────────────────────
-  for (const link of noteLinks) {
-    upsertEdge(link.sourceNoteId, link.targetNoteId, 1.0, 'explicit_link')
-  }
-
-  // ── Niveau 5 : Échos sémantiques IA (MemoryEchoInsight) ────────────────────
-  for (const echo of echoInsights) {
-    upsertEdge(echo.note1Id, echo.note2Id, echo.similarityScore, 'semantic_echo')
-  }
-
-  const degreeMap = new Map<string, number>()
-  for (const e of edgeMap.values()) {
-    degreeMap.set(e.source, (degreeMap.get(e.source) ?? 0) + 1)
-    degreeMap.set(e.target, (degreeMap.get(e.target) ?? 0) + 1)
-  }
-
-  const nodes = notes.map(n => ({
-    id: n.id,
-    title: n.title || 'Sans titre',
-    notebookId: n.notebookId,
-    createdAt: n.createdAt,
-    degree: degreeMap.get(n.id) ?? 0,
-  }))
-
-  // Build clusters (notebooks)
-  const notebookMap = new Map<string, string>()
-  for (const n of notes) {
-    if (n.notebook) notebookMap.set(n.notebook.id, n.notebook.name)
-  }
-  const clusters = [...notebookMap.entries()].map(([id, name]) => ({ id, name }))
-
-  return NextResponse.json({ nodes, edges: Array.from(edgeMap.values()), clusters })
-}

memento-note/app/api/graph/sync-all/route.ts

@@ -1,84 +0,0 @@
-import { NextResponse } from 'next/server'
-import prisma from '@/lib/prisma'
-import { auth } from '@/auth'
-
-const WIKILINK_RE = /\[\[([^\]|#]+?)(?:[|#][^\]]+)?\]\]/g
-
-function extractWikilinks(content: string): { title: string; snippet: string }[] {
-  const plain = content.replace(/<[^>]+>/g, ' ')
-  const results: { title: string; snippet: string }[] = []
-  const seen = new Set<string>()
-  let match: RegExpExecArray | null
-
-  WIKILINK_RE.lastIndex = 0
-  while ((match = WIKILINK_RE.exec(plain)) !== null) {
-    const title = match[1].trim()
-    if (!title || seen.has(title.toLowerCase())) continue
-    seen.add(title.toLowerCase())
-    const start = Math.max(0, match.index - 50)
-    const end = Math.min(plain.length, match.index + match[0].length + 50)
-    const snippet = plain.slice(start, end).replace(/\s+/g, ' ').trim()
-    results.push({ title, snippet })
-  }
-
-  return results
-}
-
-/**
- * POST /api/graph/sync-all
- * Batch-sync [[wikilinks]] for ALL notes of the authenticated user.
- * Call once to populate the NoteLink table from existing notes.
- */
-export async function POST() {
-  const session = await auth()
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-  }
-  const userId = session.user.id
-
-  // Get all non-trashed notes with content
-  const notes = await prisma.note.findMany({
-    where: { userId, trashedAt: null, content: { not: '' } },
-    select: { id: true, content: true, notebookId: true },
-  })
-
-  let totalLinks = 0
-
-  for (const note of notes) {
-    if (!note.content.includes('[[')) continue
-
-    const wikilinks = extractWikilinks(note.content)
-    if (wikilinks.length === 0) continue
-
-    for (const { title, snippet } of wikilinks) {
-      const targetNote = await prisma.note.findFirst({
-        where: {
-          userId,
-          title: { equals: title, mode: 'insensitive' },
-          trashedAt: null,
-        },
-        select: { id: true },
-      })
-
-      if (!targetNote) {
-        // Skip stubs in batch sync — we only link existing notes
-        continue
-      }
-
-      if (targetNote.id === note.id) continue
-
-      try {
-        await (prisma as any).noteLink.upsert({
-          where: { sourceNoteId_targetNoteId: { sourceNoteId: note.id, targetNoteId: targetNote.id } },
-          update: { contextSnippet: snippet },
-          create: { sourceNoteId: note.id, targetNoteId: targetNote.id, contextSnippet: snippet },
-        })
-        totalLinks++
-      } catch {
-        // ignore duplicate constraint errors
-      }
-    }
-  }
-
-  return NextResponse.json({ synced: notes.length, links: totalLinks })
-}

memento-note/app/layout.tsx

@@ -101,7 +101,7 @@ export default async function RootLayout({
   const htmlStyle = {
     '--color-brand-accent': serverAccent,
     // Aide le navigateur à peindre scrollbars/inputs dans le bon mode
-    colorScheme: wantsDarkClass || resolvedTheme === 'dark' || resolvedTheme === 'midnight' ? 'dark' : resolvedTheme === 'light' ? 'light' : undefined,
+    colorScheme: wantsDarkClass ? 'dark' : resolvedTheme === 'light' ? 'light' : undefined,
   } as CSSProperties
 
   return (

memento-note/app/test-title-suggestions/page.tsx

@@ -1,61 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useTitleSuggestions } from '@/hooks/use-title-suggestions'
-
-export default function TestTitleSuggestionsPage() {
-  const [content, setContent] = useState('')
-
-  const { suggestions, isAnalyzing, error } = useTitleSuggestions({
-    content,
-    enabled: true // Always enabled for testing
-  })
-
-  const wordCount = content.split(/\s+/).filter(w => w.length > 0).length
-
-  return (
-    <div style={{ padding: '20px', maxWidth: '800px', margin: '0 auto' }}>
-      <h1>Test Title Suggestions</h1>
-
-      <div style={{ marginBottom: '20px' }}>
-        <label>Content (need 50+ words):</label>
-        <textarea
-          value={content}
-          onChange={(e) => setContent(e.target.value)}
-          style={{ width: '100%', height: '200px', marginTop: '10px' }}
-          placeholder="Type at least 50 words here..."
-        />
-      </div>
-
-      <div style={{ marginBottom: '20px', padding: '10px', background: '#f0f0f0' }}>
-        <p><strong>Word count:</strong> {wordCount} / 50</p>
-        <p><strong>Status:</strong> {isAnalyzing ? 'Analyzing...' : 'Idle'}</p>
-        {error && <p style={{ color: 'red' }}><strong>Error:</strong> {error}</p>}
-      </div>
-
-      <div>
-        <h2>Suggestions ({suggestions.length}):</h2>
-        {suggestions.length > 0 ? (
-          <ul>
-            {suggestions.map((s, i) => (
-              <li key={i}>
-                <strong>{s.title}</strong> (confidence: {s.confidence}%)
-                {s.reasoning && <p>→ {s.reasoning}</p>}
-              </li>
-            ))}
-          </ul>
-        ) : (
-          <p style={{ color: '#666' }}>No suggestions yet. Type 50+ words and wait 2 seconds.</p>
-        )}
-      </div>
-
-      <div style={{ marginTop: '20px' }}>
-        <button onClick={() => {
-          setContent('word '.repeat(50))
-        }}>
-          Fill with 50 words (test)
-        </button>
-      </div>
-    </div>
-  )
-}