total-recall-brain 3.21.2 → 3.22.0

package/frontend/src/components/EmbeddingProviderPanel.tsx

@@ -0,0 +1,177 @@
+import { useCallback, useEffect, useState } from 'react'
+
+import {
+  fetchEmbeddingProvider,
+  setEmbeddingModel,
+  rediscoverEmbeddingProvider,
+  type EmbeddingProviderStatus,
+  type EmbeddingCandidate,
+} from '../api/embeddings'
+
+function formatSize(bytes: number | null): string {
+  if (!bytes) return '—'
+  if (bytes >= 1e9) return `${(bytes / 1e9).toFixed(1)} GB`
+  return `${Math.round(bytes / 1e6)} MB`
+}
+
+/**
+ * Explain why a model cannot be used, rather than hiding it. An operator who
+ * pulled the wrong model needs to see it listed with the reason attached.
+ */
+function incompatibilityReason(c: EmbeddingCandidate, dims: number): string {
+  if (!c.embedding) return 'chat model — cannot embed'
+  if (c.dims !== dims) return `${c.dims ?? '?'} dims — index needs ${dims}`
+  return ''
+}
+
+export function EmbeddingProviderPanel() {
+  const [status, setStatus] = useState<EmbeddingProviderStatus | null>(null)
+  const [error, setError] = useState<string | null>(null)
+  const [busy, setBusy] = useState(false)
+
+  const load = useCallback(async () => {
+    try {
+      setStatus(await fetchEmbeddingProvider())
+      setError(null)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err))
+    }
+  }, [])
+
+  useEffect(() => {
+    void load()
+  }, [load])
+
+  const onPin = useCallback(
+    async (model: string | null) => {
+      setBusy(true)
+      try {
+        await setEmbeddingModel(model)
+        await load()
+        setError(null)
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err))
+      } finally {
+        setBusy(false)
+      }
+    },
+    [load],
+  )
+
+  const onRediscover = useCallback(async () => {
+    setBusy(true)
+    try {
+      await rediscoverEmbeddingProvider()
+      await load()
+      setError(null)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err))
+    } finally {
+      setBusy(false)
+    }
+  }, [load])
+
+  if (error && !status) {
+    return (
+      <div className="panel">
+        <h3 style={{ marginTop: 0 }}>Embedding Provider</h3>
+        <p role="alert">{error}</p>
+      </div>
+    )
+  }
+
+  if (!status) {
+    return (
+      <div className="panel">
+        <h3 style={{ marginTop: 0 }}>Embedding Provider</h3>
+        <p>Loading…</p>
+      </div>
+    )
+  }
+
+  const { local, fallbacks, dims } = status
+
+  return (
+    <div className="panel">
+      <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>
+        <h3 style={{ margin: 0 }}>Embedding Provider</h3>
+        <span
+          data-testid="embed-availability"
+          style={{ color: local.available ? 'var(--ok, #2ea043)' : 'var(--warn, #d29922)' }}
+        >
+          {local.available ? '● local' : '○ hosted fallback'}
+        </span>
+        <button type="button" onClick={onRediscover} disabled={busy}>
+          Re-discover
+        </button>
+      </div>
+
+      <dl style={{ display: 'grid', gridTemplateColumns: 'auto 1fr', gap: '4px 12px', margin: '12px 0' }}>
+        <dt>Endpoint</dt>
+        <dd data-testid="embed-endpoint" style={{ margin: 0 }}>
+          {local.endpoint ?? 'none reachable'}
+        </dd>
+        <dt>Model</dt>
+        <dd data-testid="embed-selected" style={{ margin: 0 }}>
+          {local.selected ?? '—'}
+          {local.preferred ? ' (pinned)' : local.selected ? ' (auto)' : ''}
+        </dd>
+        <dt>Vector width</dt>
+        <dd style={{ margin: 0 }}>{dims}</dd>
+      </dl>
+
+      {local.reason && <p role="status">{local.reason}</p>}
+      {error && <p role="alert">{error}</p>}
+
+      {local.candidates.length > 0 && (
+        <table style={{ width: '100%', borderCollapse: 'collapse' }}>
+          <thead>
+            <tr>
+              <th style={{ textAlign: 'left' }}>Model</th>
+              <th style={{ textAlign: 'left' }}>Size</th>
+              <th style={{ textAlign: 'left' }}>Status</th>
+              <th />
+            </tr>
+          </thead>
+          <tbody>
+            {local.candidates.map((c) => {
+              const reason = incompatibilityReason(c, dims)
+              const isSelected = c.name === local.selected
+              return (
+                <tr key={c.name}>
+                  <td>{c.name}</td>
+                  <td>{formatSize(c.size)}</td>
+                  <td style={{ opacity: c.compatible ? 1 : 0.6 }}>
+                    {c.compatible ? `${c.dims} dims` : reason}
+                  </td>
+                  <td style={{ textAlign: 'right' }}>
+                    {c.compatible && !isSelected && (
+                      <button type="button" onClick={() => onPin(c.name)} disabled={busy}>
+                        Use
+                      </button>
+                    )}
+                    {isSelected && local.preferred && (
+                      <button type="button" onClick={() => onPin(null)} disabled={busy}>
+                        Unpin
+                      </button>
+                    )}
+                  </td>
+                </tr>
+              )
+            })}
+          </tbody>
+        </table>
+      )}
+
+      <div style={{ marginTop: 12, fontSize: '0.9em', opacity: 0.8 }}>
+        Fallback chain:{' '}
+        {fallbacks.map((f, i) => (
+          <span key={f.provider}>
+            {i > 0 && ' → '}
+            <span style={{ textDecoration: f.configured ? 'none' : 'line-through' }}>{f.provider}</span>
+          </span>
+        ))}
+      </div>
+    </div>
+  )
+}

package/frontend/src/components/Graph3D.spec.tsx

@@ -29,7 +29,7 @@ describe('Graph3D', () => {
     });
     
     // Mock requestAnimationFrame
-    vi.spyOn(window, 'requestAnimationFrame').mockImplementation((_cb) => {
+    vi.spyOn(window, 'requestAnimationFrame').mockImplementation(() => {
       // Don't actually loop, just call once for coverage
       return 1;
     });
@@ -66,9 +66,9 @@ describe('Graph3D', () => {
     render(
       <Graph3D
         {...defaultProps}
-        threads={[{ id: 't1', title: 'Thread 1', turns: 2, lastUpdated: new Date().toISOString() } as any]}
-        memoryNodes={[{ slug: 'm1', title: 'Memory 1', category: 'facts', content: 'test', confidence: 0.9 } as any]}
-        researchItems={[{ id: 'r1', topic: 'Research 1', status: 'active', created_at: new Date().toISOString() } as any]}
+        threads={[{ id: 't1', title: 'Thread 1', turns: 2, lastUpdated: new Date().toISOString() } as never]}
+        memoryNodes={[{ slug: 'm1', title: 'Memory 1', category: 'facts', content: 'test', confidence: 0.9 } as never]}
+        researchItems={[{ id: 'r1', topic: 'Research 1', status: 'active', created_at: new Date().toISOString() } as never]}
       />
     );
 

package/frontend/src/components/Graph3D.tsx

@@ -341,9 +341,9 @@ export default function Graph3D({
     const isFocus = !hoverNode || srcId === hoverNode?.id || tgtId === hoverNode?.id;
     
     const hex = link.colorHex || '#475569';
-    let r = parseInt(hex.slice(1, 3), 16) || 71;
-    let g = parseInt(hex.slice(3, 5), 16) || 85;
-    let b = parseInt(hex.slice(5, 7), 16) || 105;
+    const r = parseInt(hex.slice(1, 3), 16) || 71;
+    const g = parseInt(hex.slice(3, 5), 16) || 85;
+    const b = parseInt(hex.slice(5, 7), 16) || 105;
     
     const baseOpacity = link.type === 'implicit' ? 0.2 : 0.6;
     const opacity = isFocus ? baseOpacity : 0.02;

package/frontend/src/components/MobilePairing.spec.tsx

@@ -42,7 +42,7 @@ describe('MobilePairing', () => {
           },
         ],
       }),
-    } as any);
+    } as never);
 
     render(<MobilePairing />);
     await waitFor(() => {

package/frontend/src/components/MobilePairing.tsx

@@ -74,7 +74,7 @@ export function MobilePairing() {
   };
 
   useEffect(() => {
-    load();
+    setTimeout(() => { void load(); }, 0);
   }, []);
 
   const selected = info?.endpoints?.find((e) => e.url === selectedUrl) || null;

package/frontend/src/components/UsageChart.spec.tsx

@@ -7,8 +7,8 @@ vi.mock('recharts', () => {
   const OriginalRecharts = vi.importActual('recharts');
   return {
     ...OriginalRecharts,
-    ResponsiveContainer: ({ children }: any) => <div>{children}</div>,
-    BarChart: ({ children, data }: any) => (
+    ResponsiveContainer: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+    BarChart: ({ children, data }: { children: React.ReactNode, data: unknown }) => (
       <div data-testid="bar-chart" data-data={JSON.stringify(data)}>
         {children}
       </div>
@@ -39,7 +39,7 @@ describe('UsageChart', () => {
     const { container } = render(<UsageChart {...defaultProps} usageData={{
       breakdown: { gemini: { cost: 0 }, claude: { cost: 0 }, codex: { cost: 0 } },
       timeseries: {}
-    } as any} />);
+    } as never} />);
     expect(container).toBeEmptyDOMElement();
   });
 
@@ -57,7 +57,7 @@ describe('UsageChart', () => {
       }
     };
 
-    render(<UsageChart {...defaultProps} usageData={usageData as any} />);
+    render(<UsageChart {...defaultProps} usageData={usageData as never} />);
     
     expect(screen.getByText('API Costs Over Time')).toBeInTheDocument();
     

package/frontend/src/components/UsageChart.tsx

@@ -63,7 +63,7 @@ export const UsageChart: React.FC<UsageChartProps> = ({ usageData }) => {
             <Tooltip 
               contentStyle={{ background: 'var(--bg-tertiary)', border: '1px solid var(--border)', borderRadius: 8, fontSize: 12 }}
               itemStyle={{ fontSize: 12 }}
-              formatter={(value: any) => [`$${Number(value).toFixed(4)}`, undefined]}
+              formatter={(value: unknown) => [`$${Number(value).toFixed(4)}`, undefined]}
             />
             <Legend wrapperStyle={{ fontSize: 11 }} />
             <Bar isAnimationActive={false} dataKey="gemini" name="Gemini" stackId="a" fill="#10b981" radius={[0,0,0,0]} />

package/frontend/src/components/VoiceInput.spec.tsx

@@ -1,16 +1,16 @@
 import { describe, it, expect, vi } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { VoiceInput } from './VoiceInput';
 
 describe('VoiceInput', () => {
-  it('renders disabled button if SpeechRecognition is not supported', () => {
+  it('renders disabled button if SpeechRecognition is not supported', async () => {
     // Delete any mock to simulate unsupported browser
-    delete (window as any).SpeechRecognition;
-    delete (window as any).webkitSpeechRecognition;
+    delete (window as typeof window & { SpeechRecognition?: unknown }).SpeechRecognition;
+    delete (window as typeof window & { webkitSpeechRecognition?: unknown }).webkitSpeechRecognition;
 
     render(<VoiceInput onTranscript={() => {}} />);
     const button = screen.getByRole('button');
-    expect(button).toBeDisabled();
+    await waitFor(() => expect(button).toBeDisabled());
     expect(button.title).toBe('Voice input not supported');
   });
 
@@ -25,7 +25,7 @@ describe('VoiceInput', () => {
       stop = mockStop;
     }
 
-    (window as any).SpeechRecognition = MockSpeechRecognition;
+    (window as typeof window & { SpeechRecognition?: unknown }).SpeechRecognition = MockSpeechRecognition;
 
     render(<VoiceInput onTranscript={() => {}} />);
     const button = screen.getByRole('button');

package/frontend/src/components/VoiceInput.tsx

@@ -5,20 +5,35 @@ interface VoiceInputProps {
   isRecording?: boolean;
 }
 
+interface SpeechRecognitionObj {
+  continuous: boolean;
+  interimResults: boolean;
+  onresult: ((event: { results: { transcript: string }[][] }) => void) | null;
+  onerror: (() => void) | null;
+  onend: (() => void) | null;
+  start: () => void;
+  stop: () => void;
+}
+
+interface SpeechRecognitionConstructor {
+  new (): SpeechRecognitionObj;
+}
+
 export function VoiceInput({ onTranscript, isRecording = false }: VoiceInputProps) {
   const [recording, setRecording] = useState(isRecording);
-  const recognitionRef = useRef<any>(null);
+  const recognitionRef = useRef<SpeechRecognitionObj | null>(null);
   const [supported, setSupported] = useState(true);
 
   useEffect(() => {
     if (typeof window !== 'undefined') {
-      const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
+      const win = window as unknown as { SpeechRecognition?: SpeechRecognitionConstructor, webkitSpeechRecognition?: SpeechRecognitionConstructor };
+      const SpeechRecognition = win.SpeechRecognition || win.webkitSpeechRecognition;
       if (SpeechRecognition) {
         recognitionRef.current = new SpeechRecognition();
         recognitionRef.current.continuous = false;
         recognitionRef.current.interimResults = false;
 
-        recognitionRef.current.onresult = (event: any) => {
+        recognitionRef.current.onresult = (event) => {
           const transcript = event.results[0][0].transcript;
           onTranscript(transcript);
           setRecording(false);
@@ -32,7 +47,7 @@ export function VoiceInput({ onTranscript, isRecording = false }: VoiceInputProp
           setRecording(false);
         };
       } else {
-        setSupported(false);
+        setTimeout(() => setSupported(false), 0);
       }
     }
   }, [onTranscript]);

package/frontend/src/components/brand/BrandMark.spec.tsx

@@ -1,5 +1,4 @@
-// @ts-nocheck
-import { describe, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import BrandMark, { BrandChip } from './BrandMark';
 
@@ -58,7 +57,7 @@ describe('BrandMark', () => {
 describe('BrandChip', () => {
   it('renders with default size', () => {
     render(<BrandChip />);
-    const chip = document.querySelector('.brand-chip');
+    const chip = document.querySelector('.brand-chip') as HTMLElement | null;
     expect(chip).toBeInTheDocument();
     expect(chip?.style.width).toBe('36px');
     expect(chip?.style.height).toBe('36px');
@@ -66,7 +65,7 @@ describe('BrandChip', () => {
 
   it('renders with custom size', () => {
     render(<BrandChip size={64} />);
-    const chip = document.querySelector('.brand-chip');
+    const chip = document.querySelector('.brand-chip') as HTMLElement | null;
     expect(chip?.style.width).toBe('64px');
     expect(chip?.style.height).toBe('64px');
   });

package/frontend/src/index.css

@@ -377,6 +377,12 @@ code, pre { font-family: var(--font-mono); }
   color: var(--success);
 }
 
+.alert-warning {
+  background: var(--warning-muted);
+  border-color: rgba(251, 191, 36, 0.25);
+  color: var(--warning);
+}
+
 /* ─── Form Controls ──────────────────────────────────────────────────────────── */
 
 .input, .select {

package/frontend/src/pages/AutomationsPage.spec.tsx

@@ -1,4 +1,4 @@
-// @ts-nocheck
+
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import AutomationsPage from './AutomationsPage';
@@ -13,7 +13,7 @@ describe('AutomationsPage', () => {
   });
 
   it('renders correctly and triggers dream cycle', async () => {
-    vi.mocked(api.triggerDream).mockResolvedValue({ status: 'completed' });
+    vi.mocked(api.triggerDream).mockResolvedValue({ status: 'completed' } as never);
 
     render(<AutomationsPage />);
 
@@ -29,7 +29,7 @@ describe('AutomationsPage', () => {
   });
 
   it('triggers recompilation', async () => {
-    vi.mocked(api.triggerRecompile).mockResolvedValue({ message: 'Brain surfaces recompiled successfully!' });
+    vi.mocked(api.triggerRecompile).mockResolvedValue({ message: 'Brain surfaces recompiled successfully!' } as never);
 
     render(<AutomationsPage />);
 
@@ -43,7 +43,7 @@ describe('AutomationsPage', () => {
   });
 
   it('enqueues a task', async () => {
-    vi.mocked(api.createTask).mockResolvedValue({} as any);
+    vi.mocked(api.createTask).mockResolvedValue({} as never);
 
     render(<AutomationsPage />);
 

package/frontend/src/pages/ChatPage.spec.tsx

@@ -14,10 +14,10 @@ describe('ChatPage', () => {
 
   it('renders correctly', async () => {
     vi.mocked(api.fetchChatThreads).mockResolvedValue([]);
-    vi.mocked(api.listResearch).mockResolvedValue({ items: [] } as any);
-    vi.mocked(api.fetchHealth).mockResolvedValue({ cli_agents: ['antigravity', 'claude'] } as any);
+    vi.mocked(api.listResearch).mockResolvedValue({ items: [] } as never);
+    vi.mocked(api.fetchHealth).mockResolvedValue({ cli_agents: ['antigravity', 'claude'] } as never);
     vi.mocked(api.fetchGeminiModels).mockResolvedValue([]);
-    vi.mocked(api.checkUpdate).mockResolvedValue({ updateAvailable: false } as any);
+    vi.mocked(api.checkUpdate).mockResolvedValue({ updateAvailable: false } as never);
     vi.mocked(api.fetchExtensionStatus).mockResolvedValue({ available: false, connected: false });
     vi.mocked(api.listMemory).mockResolvedValue([]);
     vi.mocked(api.fetchChatHistory).mockResolvedValue([]);

package/frontend/src/pages/CollabPage.spec.tsx

@@ -1,11 +1,10 @@
-// @ts-nocheck
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import CollabPage from './CollabPage';
 
 // Mock fetch globally
 const mockFetch = vi.fn();
-global.fetch = mockFetch;
+globalThis.fetch = mockFetch as unknown as typeof fetch;
 
 describe('CollabPage', () => {
   beforeEach(() => {

package/frontend/src/pages/DesignDocsPage.spec.tsx

@@ -13,7 +13,7 @@ describe('DesignDocsPage', () => {
   it('renders correctly', async () => {
     vi.mocked(api.fetchDesignDocs).mockResolvedValue([
       { name: 'Architecture Overview', path: 'docs/architecture.md', category: 'Core' }
-    ] as any);
+    ] as never);
     vi.mocked(api.fetchDesignDocContent).mockResolvedValue({ content: '# Architecture Overview' });
 
     render(<DesignDocsPage />);

package/frontend/src/pages/FilesPage.spec.tsx

@@ -13,7 +13,7 @@ describe('FilesPage', () => {
   it('renders correctly and loads files', async () => {
     vi.mocked(api.listFiles).mockResolvedValue([
       { name: 'test.txt', size: 1024, modified: new Date().toISOString(), isDirectory: false }
-    ] as any);
+    ] as never);
     vi.mocked(api.listSkills).mockResolvedValue([]);
 
     render(<FilesPage />);
@@ -31,7 +31,7 @@ describe('FilesPage', () => {
     vi.mocked(api.listSkills).mockResolvedValue([]);
     vi.mocked(api.listScripts).mockResolvedValue([
       { name: 'test-script.mjs', size: 500, modified: new Date().toISOString(), isDirectory: false }
-    ] as any);
+    ] as never);
 
     render(<FilesPage />);
 

package/frontend/src/pages/GraphPage.spec.tsx

@@ -12,7 +12,7 @@ describe('GraphPage', () => {
 
   it('renders without crashing', async () => {
     vi.mocked(api.listMemory).mockResolvedValue([]);
-    vi.mocked(api.listResearch).mockResolvedValue({ items: [] } as any);
+    vi.mocked(api.listResearch).mockResolvedValue({ items: [] } as never);
     vi.mocked(api.fetchChatThreads).mockResolvedValue([]);
 
     render(<GraphPage activeBrainId="global" />);

package/frontend/src/pages/HealthPage.spec.tsx

@@ -16,8 +16,8 @@ describe('HealthPage', () => {
       version: '1.0.0',
       uptime_seconds: 3600,
       timestamp: new Date().toISOString()
-    } as any);
-    vi.mocked(api.checkUpdate).mockResolvedValue({ updateAvailable: false } as any);
+    } as never);
+    vi.mocked(api.checkUpdate).mockResolvedValue({ updateAvailable: false } as never);
 
     render(<HealthPage />);
 

package/frontend/src/pages/HelpPage.spec.tsx

@@ -16,11 +16,11 @@ describe('HelpPage', () => {
         { id: 'cli', title: 'CLI Reference', description: 'Commands for CLI' },
         { id: 'vault', title: 'Vault Structure', description: 'How files are stored' }
       ]
-    } as any);
+    } as never);
 
     vi.mocked(api.fetchHelpContent).mockResolvedValue({
       content: '# CLI Reference\n\nSome helpful text.'
-    } as any);
+    } as never);
 
     await act(async () => {
       render(<HelpPage />);
@@ -39,13 +39,13 @@ describe('HelpPage', () => {
         { id: 'cli', title: 'CLI Reference', description: 'Commands for CLI' },
         { id: 'vault', title: 'Vault Structure', description: 'How files are stored' }
       ]
-    } as any);
+    } as never);
 
     vi.mocked(api.fetchHelpContent).mockResolvedValueOnce({
       content: 'CLI content'
-    } as any).mockResolvedValueOnce({
+    } as never).mockResolvedValueOnce({
       content: 'Vault content'
-    } as any);
+    } as never);
 
     await act(async () => {
       render(<HelpPage />);

package/frontend/src/pages/InboxPage.spec.tsx

@@ -15,7 +15,7 @@ describe('InboxPage', () => {
       docs: [
         { path: 'proposals/p1.md', name: 'Proposal 1', type: 'proposal', status: 'pending_approval' }
       ]
-    } as any);
+    } as never);
 
     render(<InboxPage />);
 
@@ -32,10 +32,10 @@ describe('InboxPage', () => {
       docs: [
         { path: 'proposals/p2.md', name: 'Proposal 2', type: 'proposal', status: 'pending_approval' }
       ]
-    } as any);
+    } as never);
 
-    vi.mocked(api.readDoc).mockResolvedValue({ raw: 'status: pending_approval' } as any);
-    vi.mocked(api.postDecision).mockResolvedValue({} as any);
+    vi.mocked(api.readDoc).mockResolvedValue({ raw: 'status: pending_approval' } as never);
+    vi.mocked(api.postDecision).mockResolvedValue({} as never);
 
     render(<InboxPage />);
 

package/frontend/src/pages/InstructionsPage.spec.tsx

@@ -1,4 +1,4 @@
-// @ts-nocheck
+
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import InstructionsPage from './InstructionsPage';
@@ -18,9 +18,9 @@ describe('InstructionsPage', () => {
       ],
       lastCompileTimestamp: new Date().toISOString(),
       totalNodes: 10
-    } as any);
+    } as never);
 
-    vi.mocked(api.fetchInstructionContent).mockResolvedValue({ content: '# AGENTS\n\nRule 1' } as any);
+    vi.mocked(api.fetchInstructionContent).mockResolvedValue({ content: '# AGENTS\n\nRule 1' } as never);
 
     render(<InstructionsPage />);
 
@@ -36,9 +36,9 @@ describe('InstructionsPage', () => {
       surfaces: [],
       lastCompileTimestamp: new Date().toISOString(),
       totalNodes: 0
-    } as any);
+    } as never);
 
-    vi.mocked(api.triggerRecompile).mockResolvedValue({ message: 'Success' });
+    vi.mocked(api.triggerRecompile).mockResolvedValue({ message: 'Success' } as never);
 
     render(<InstructionsPage />);
 

package/frontend/src/pages/IntegrationsPage.spec.tsx

@@ -16,9 +16,9 @@ describe('IntegrationsPage', () => {
       keys: [
         { id: '1', name: 'Antigravity', token_preview: 'abc', created_at: '', last_used_at: '', hit_count: 1, revoked: false, scopes: [] }
       ]
-    } as any);
-    vi.mocked(api.fetchActiveIntegrations).mockResolvedValue({ success: true, active: ['antigravity'] } as any);
-    vi.mocked(api.fetchExtensionStatus).mockResolvedValue({ available: true, connected: true } as any);
+    } as never);
+    vi.mocked(api.fetchActiveIntegrations).mockResolvedValue({ success: true, active: ['antigravity'] } as never);
+    vi.mocked(api.fetchExtensionStatus).mockResolvedValue({ available: true, connected: true } as never);
 
     await act(async () => {
       render(<IntegrationsPage />);
@@ -32,10 +32,10 @@ describe('IntegrationsPage', () => {
 
   it('handles connect', async () => {
     vi.mocked(api.getApiBase).mockReturnValue('http://localhost:3000');
-    vi.mocked(api.listApiKeys).mockResolvedValue({ keys: [] } as any);
-    vi.mocked(api.fetchActiveIntegrations).mockResolvedValue({ success: true, active: [] } as any);
-    vi.mocked(api.fetchExtensionStatus).mockResolvedValue({ available: false, connected: false } as any);
-    vi.mocked(api.connectClient).mockResolvedValue({ success: true, message: 'Connected' } as any);
+    vi.mocked(api.listApiKeys).mockResolvedValue({ keys: [] } as never);
+    vi.mocked(api.fetchActiveIntegrations).mockResolvedValue({ success: true, active: [] } as never);
+    vi.mocked(api.fetchExtensionStatus).mockResolvedValue({ available: false, connected: false } as never);
+    vi.mocked(api.connectClient).mockResolvedValue({ success: true, message: 'Connected' } as never);
 
     await act(async () => {
       render(<IntegrationsPage />);

package/frontend/src/pages/MemoryPage.spec.tsx

@@ -18,7 +18,7 @@ describe('MemoryPage', () => {
   it('renders correctly and loads nodes', async () => {
     vi.mocked(api.listMemory).mockResolvedValue([
       { slug: 'test-node', title: 'Test Node', category: 'invariants', content: 'test content' }
-    ] as any);
+    ] as never);
 
     renderWithRouter(<MemoryPage />);
 
@@ -36,7 +36,7 @@ describe('MemoryPage', () => {
         { id: 'sess-1', brain_id: 'default', total_chunks: 5, created_at: new Date().toISOString(), updated_at: new Date().toISOString(), status: 'active' }
       ],
       total: 1
-    } as any);
+    } as never);
 
     renderWithRouter(<MemoryPage />);