fix: brainstorm infinite loop, ghost cursor, embedding ::vector cast, semantic search, billing stats, usage meter accordion

- Fix useBrainstormSocket: stable guestId via useRef, remove setState in cleanup
- Fix GhostCursor: direct DOM manipulation via refs, no useState re-renders
- Fix all SQL embedding queries: add ::vector cast on text columns
- Fix embedding truncation to 15000 chars (under 8192 token limit)
- Fix NoteEmbedding INSERT: remove non-existent updatedAt column
- Fix billing page: show all quota stats in grid instead of single metric
- Fix usage meter: accordion expand/collapse, per-feature detail
- Fix semantic search: rebuild 103 note embeddings, ::vector cast on vectorSearch
- Fix brainstorm expand/manual-idea/create: ::vector cast on embedding SQL

memento-note/components/sidebar.tsx

@@ -469,7 +469,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
   const currentNoteId = searchParams.get('openNote')
 
   const isInboxActive =
-    pathname === '/' &&
+    pathname === '/home' &&
     !searchParams.get('notebook') &&
     !searchParams.get('labels') &&
     !searchParams.get('archived') &&
@@ -534,11 +534,11 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
     const params = new URLSearchParams()
     params.set('notebook', notebookId)
     params.set('forceList', '1')
-    router.push(`/?${params.toString()}`)
+    router.push(`/home?${params.toString()}`)
   }
 
   const handleInboxClick = () => {
-    router.push('/?forceList=1')
+    router.push('/home?forceList=1')
   }
 
   const handleNoteClick = (noteId: string, notebookId: string) => {
@@ -546,7 +546,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
     params.set('notebook', notebookId)
     params.set('openNote', noteId)
     params.delete('forceList')
-    router.push(`/?${params.toString()}`)
+    router.push(`/home?${params.toString()}`)
   }
 
   // ── Drag state ──
@@ -706,7 +706,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
       await trashNotebook(deletingNotebook.id)
       setDeletingNotebook(null)
       if (currentNotebookId === deletingNotebook.id) {
-        router.push('/')
+        router.push('/home')
       }
     } catch (err) {
       console.error('Trash failed:', err)
@@ -871,7 +871,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
                 <Settings size={14} />
               </Link>
               <button
-                onClick={() => { router.push('/') }}
+                onClick={() => { router.push('/home') }}
                 className="p-1.5 text-muted-ink hover:text-ink transition-all hover:bg-white/50 dark:hover:bg-white/10 rounded-lg border border-transparent hover:border-border"
                 title={t('nav.home') || 'Accueil'}
               >
@@ -889,29 +889,29 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
 
           <div className="flex bg-white/50 dark:bg-white/10 p-1 rounded-xl border border-border dark:border-white/10">
             <button
-              onClick={() => { setActiveView('notebooks'); if (pathname !== '/') router.push('/') }}
-              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'notebooks' ? 'bg-ink text-paper shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
+              onClick={() => { setActiveView('notebooks'); if (pathname !== '/home') router.push('/home') }}
+              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'notebooks' ? 'bg-brand-accent text-white shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
               title={t('nav.notebooks')}
             >
               <BookOpen size={14} />
             </button>
             <button
               onClick={() => setActiveView('reminders')}
-              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'reminders' ? 'bg-ink text-paper shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
+              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'reminders' ? 'bg-brand-accent text-white shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
               title={t('sidebar.reminders')}
             >
               <Clock size={14} />
             </button>
             <button
               onClick={() => { setActiveView('agents'); router.push('/agents') }}
-              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'agents' ? 'bg-ink text-paper shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
+              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'agents' ? 'bg-brand-accent text-white shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
               title={t('nav.agents')}
             >
               <Bot size={14} />
             </button>
             <button
               onClick={() => { setActiveView('brainstorms'); router.push('/brainstorm') }}
-              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'brainstorms' ? 'bg-ink text-paper shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
+              className={cn('flex-1 flex items-center justify-center py-1.5 rounded-lg transition-all', activeView === 'brainstorms' ? 'bg-brand-accent text-white shadow-sm' : 'text-muted-ink hover:text-ink hover:bg-white/50')}
               title={t('brainstorm.sessions')}
             >
               <Sparkles size={14} />
@@ -989,8 +989,8 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
                   <div className={cn(
                     'w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium border shrink-0',
                     isInboxActive
-                      ? 'bg-ink text-paper border-ink'
-                      : 'bg-white/60 dark:bg-white/5 text-ink dark:text-foreground border-border'
+                      ? 'bg-brand-accent text-white border-brand-accent'
+                      : 'bg-paper dark:bg-white/5 text-muted-ink border-border group-hover:border-brand-accent/20'
                   )}>
                     <Inbox size={14} />
                   </div>
@@ -1067,8 +1067,8 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
                         <div className={cn(
                           'w-8 h-8 rounded-full flex items-center justify-center border transition-colors shrink-0',
                           isActive
-                            ? 'bg-foreground text-background border-foreground'
-                            : 'bg-paper border-border group-hover:border-foreground/20'
+                            ? 'bg-brand-accent text-white border-brand-accent'
+                            : 'bg-paper border-border group-hover:border-brand-accent/20'
                         )}>
                           <item.icon size={16} />
                         </div>
@@ -1109,15 +1109,15 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
           <UsageMeter />
           <div className="px-2 space-y-0.5">
             <Link
-              href="/?shared=1&forceList=1"
+              href="/home?shared=1&forceList=1"
               className={cn(
                 'w-full flex items-center gap-3 px-3 py-2 text-[12px] transition-all font-medium group rounded-xl',
-                searchParams.get('shared') === '1' && pathname === '/'
+                searchParams.get('shared') === '1' && pathname === '/home'
                   ? 'bg-accent/5 text-accent'
                   : 'text-muted-ink hover:text-ink hover:bg-black/5'
               )}
             >
-              <Users size={14} className={searchParams.get('shared') === '1' && pathname === '/' ? 'text-accent' : 'text-muted-ink group-hover:text-ink'} />
+              <Users size={14} className={searchParams.get('shared') === '1' && pathname === '/home' ? 'text-accent' : 'text-muted-ink group-hover:text-ink'} />
               <span>{t('sidebar.sharedWithMe') || 'Shared'}</span>
             </Link>