@polderlabs/bizar 4.5.1 → 4.5.2

package/bizar-dash/src/server/server.mjs

@@ -24,6 +24,7 @@ import { agentsStore } from './agents-store.mjs';
 import { tasksStore } from './tasks-store.mjs';
 import { schedulesStore } from './schedules-store.mjs';
 import { providersStore, mcpsStore } from './providers-store.mjs';
+import { readOpencodeJsonCached } from './providers-store.mjs';
 import { homedir } from 'node:os';
 import { startBgPoller, stopBgPoller } from './bg-poller.mjs';
 import { startBgRetryLoop, stopBgRetryLoop } from './bg-retry.mjs';
@@ -281,8 +282,8 @@ export async function createServer({
     if (client.bufferedAmount > WS_BACKPRESSURE_LIMIT_BYTES) {
       try {
         client.terminate();
-      } catch {
-        /* ignore */
+      } catch (err) {
+        console.warn('swallowed in terminate (backpressure):', err.message);
       }
       return false;
     }
@@ -396,8 +397,8 @@ export async function createServer({
       try {
         socket.write('HTTP/1.1 403 Forbidden\r\n\r\n');
         socket.destroy();
-      } catch {
-        /* ignore */
+      } catch (err) {
+        console.warn('swallowed in 403 destroy:', err.message);
       }
       return;
     }
@@ -405,8 +406,8 @@ export async function createServer({
       try {
         socket.write('HTTP/1.1 401 Unauthorized\r\n\r\n');
         socket.destroy();
-      } catch {
-        /* ignore */
+      } catch (err) {
+        console.warn('swallowed in 401 destroy:', err.message);
       }
       return;
     }
@@ -420,8 +421,8 @@ export async function createServer({
       if (client.isAlive === false) {
         try {
           client.terminate();
-        } catch {
-          /* ignore */
+        } catch (err) {
+          console.warn('swallowed in heartbeat terminate:', err.message);
         }
         return;
       }
@@ -431,8 +432,8 @@ export async function createServer({
       } catch {
         try {
           client.terminate();
-        } catch {
-          /* ignore */
+        } catch (err) {
+          console.warn('swallowed in ping-fail terminate:', err.message);
         }
       }
     });
@@ -577,8 +578,8 @@ export async function createServer({
             }
             fileSize = newSize;
           }
-        } catch {
-          /* ignore */
+        } catch (err) {
+          console.warn('swallowed in sendLogChunk:', err.message);
         }
       }
 
@@ -617,8 +618,8 @@ export async function createServer({
           data: buildSnapshotSafe(state, opencodeConfigDir),
         }),
       );
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in ws snapshot send:', err.message);
     }
 
     ws.on('message', (raw) => {
@@ -678,34 +679,34 @@ export async function createServer({
   function close() {
     try {
       stopBgPoller();
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in stopBgPoller:', err.message);
     }
     try {
       stopBgRetryLoop();
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in stopBgRetryLoop:', err.message);
     }
     try {
       watcher.stop();
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in watcher.stop:', err.message);
     }
     try {
       wss.clients.forEach((c) => c.terminate());
       wss.close();
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in wss.close:', err.message);
     }
     try {
       clearInterval(heartbeatInterval);
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in clearInterval:', err.message);
     }
     try {
       server.close();
-    } catch {
-      /* ignore */
+    } catch (err) {
+      console.warn('swallowed in server.close:', err.message);
     }
     currentBroadcast = () => {};
   }
@@ -723,14 +724,15 @@ function buildSnapshotSafe(state, opencodeConfigDir) {
 
 function buildSnapshot(state, opencodeConfigDir) {
   const cfgFile = join(opencodeConfigDir, 'opencode.json');
-  let cfg = null;
-  if (existsSync(cfgFile)) {
-    try {
-      cfg = JSON.parse(readFileSync(cfgFile, 'utf8'));
-    } catch {
-      cfg = null;
-    }
-  }
+  // v5.0.0 — Bug S2: read opencode.json via the 1s-debounced cache in
+  // providers-store.mjs. WS clients connect on snapshot delivery; with N
+  // clients the readFileSync here was the main per-connection blocker.
+  // The cache collapses all reads within a 1-second window to a single
+  // disk hit. Writes (settings change, providers-store mutations)
+  // invalidate the cache, so the snapshot always reflects the latest
+  // state within at most 1s.
+  const exists = existsSync(cfgFile);
+  const cfg = readOpencodeJsonCached();
   const activeProject = projectsStore.active();
   return {
     overview: state.getOverview(),
@@ -740,9 +742,9 @@ function buildSnapshot(state, opencodeConfigDir) {
     activeProject,
     config: {
       path: cfgFile,
-      data: cfg,
-      raw: cfg ? JSON.stringify(cfg, null, 2) : '',
-      exists: existsSync(cfgFile),
+      data: exists ? cfg : null,
+      raw: exists && cfg ? JSON.stringify(cfg, null, 2) : '',
+      exists,
     },
     settings: readSettings(),
     tasks: activeProject ? tasksStore.loadTasks(activeProject.id) : [],

package/bizar-dash/src/server/watcher.mjs

@@ -69,8 +69,8 @@ export function createWatcher({ paths, onChange, options = {} }) {
     async stop() {
       try {
         await watcher.close();
-      } catch {
-        /* ignore */
+      } catch (err) {
+        console.warn('swallowed in watcher.close:', err.message);
       }
     },
     /** Force a synthetic broadcast — useful after a self-mutation. */

package/bizar-dash/src/web/App.tsx

@@ -1,6 +1,6 @@
 // src/App.tsx — root shell. Wires data + contexts + tab routing.
 
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Component, Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Topbar, TABS } from './components/Topbar';
 import { Sidebar } from './components/Sidebar';
 import { ModalProvider, useModal } from './components/Modal';
@@ -394,10 +394,6 @@ function Shell() {
         const m = msg;
         const file = m.path?.split('/').pop() || m.path || '';
         toast.info(`File changed: ${file}`, 2500);
-        api
-          .get<Snapshot>('/snapshot')
-          .then((s) => setSnapshot((cur) => ({ ...(cur ?? ({} as Snapshot)), ...s })))
-          .catch(() => undefined);
       } else if (msg.type === 'tasks:change') {
         const m = msg;
         setSnapshot((cur) => {
@@ -798,7 +794,11 @@ function Shell() {
               <p>Loading Bizar…</p>
             </div>
           )}
-          {renderedView}
+          {renderedView && (
+            <Suspense fallback={<div className="loading"><Spinner size="lg" /><p>Loading…</p></div>}>
+              <ViewErrorBoundary>{renderedView}</ViewErrorBoundary>
+            </Suspense>
+          )}
         </main>
       </div>
       <SearchModal
@@ -809,3 +809,37 @@ function Shell() {
     </div>
   );
 }
+
+// v4.5.x — Catches render-time errors in the active view so a single bad
+// component doesn't bring down the whole dashboard (topbar, sidebar, WS).
+// Falls back to a friendly error card with a Retry button that re-mounts
+// the wrapped subtree by remounting the boundary via React `key` bumps.
+class ViewErrorBoundary extends Component<
+  { children: React.ReactNode },
+  { err: Error | null }
+> {
+  state: { err: Error | null } = { err: null };
+  static getDerivedStateFromError(err: Error): { err: Error | null } {
+    return { err };
+  }
+  componentDidCatch(err: Error, info: { componentStack?: string }) {
+    // eslint-disable-next-line no-console
+    console.error('[ViewErrorBoundary] caught render error:', err, info?.componentStack);
+  }
+  reset = () => this.setState({ err: null });
+  override render() {
+    if (this.state.err) {
+      return (
+        <div className="view-error-fallback" role="alert">
+          <AlertTriangle size={20} />
+          <div className="view-error-body">
+            <strong>This view crashed.</strong>
+            <pre>{this.state.err.message}</pre>
+            <Button variant="secondary" size="sm" onClick={this.reset}>Retry</Button>
+          </div>
+        </div>
+      );
+    }
+    return this.props.children;
+  }
+}

package/bizar-dash/src/web/components/Toast.tsx

@@ -134,7 +134,7 @@ function ToastItem({
 }) {
   const Icon = ICONS[toast.kind];
   return (
-    <div className={`toast toast-${toast.kind}`} role="status">
+    <div className={`toast toast-${toast.kind}`} role="alert" aria-live="assertive" aria-atomic="true">
       <Icon size={16} className="toast-icon" />
       <span className="toast-message">{toast.message}</span>
       <button

package/bizar-dash/src/web/components/Topbar.tsx

@@ -139,7 +139,7 @@ export function Topbar({
         </div>
       </div>
       {showTabs && (
-        <nav className="tabs-row" role="tablist">
+        <nav className="tabs-row" role="tablist" aria-label="Primary tabs">
           {TABS.map((tab) => {
             const Icon = tab.icon;
             const active = tab.id === activeTab;

package/bizar-dash/src/web/lib/api.ts

@@ -135,8 +135,8 @@ class ApiClient {
    * @example
    *   const r = await api.get<ProjectList>('/projects');
    */
-  async get<T>(path: string): Promise<T> {
-    return this.req<T>('GET', path);
+  async get<T>(path: string, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('GET', path, undefined, signal);
   }
 
   /**
@@ -145,8 +145,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.post('/fs/mkdir', body)`.
    */
-  async post<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('POST', path, body);
+  async post<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('POST', path, body, signal);
   }
 
   /**
@@ -155,8 +155,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.put('/settings', body)`.
    */
-  async put<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('PUT', path, body);
+  async put<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('PUT', path, body, signal);
   }
 
   /**
@@ -165,8 +165,8 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.patch('/settings', body)`.
    */
-  async patch<T>(path: string, body?: unknown): Promise<T> {
-    return this.req<T>('PATCH', path, body);
+  async patch<T>(path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('PATCH', path, body, signal);
   }
 
   /**
@@ -175,11 +175,11 @@ class ApiClient {
    * IMPORTANT: do NOT include the `/api` prefix in `path` — the
    * wrapper adds it. Use the unprefixed form: `api.del('/projects/123')`.
    */
-  async del<T = unknown>(path: string): Promise<T> {
-    return this.req<T>('DELETE', path);
+  async del<T = unknown>(path: string, signal?: AbortSignal): Promise<T> {
+    return this.req<T>('DELETE', path, undefined, signal);
   }
 
-  private async req<T>(method: string, path: string, body?: unknown): Promise<T> {
+  private async req<T>(method: string, path: string, body?: unknown, signal?: AbortSignal): Promise<T> {
     const headers: Record<string, string> = { 'Content-Type': 'application/json' };
     const tok = this.getToken();
     if (tok) headers.Authorization = `Bearer ${tok}`;
@@ -187,6 +187,7 @@ class ApiClient {
     if (body !== undefined && body !== null) {
       opts.body = typeof body === 'string' ? body : JSON.stringify(body);
     }
+    if (signal) opts.signal = signal;
     const r = await fetch(this.base + path, opts);
     const ct = r.headers.get('content-type') || '';
     if (ct.includes('application/json')) {

package/bizar-dash/src/web/styles/chat.css

@@ -1376,6 +1376,8 @@
   border-radius: var(--radius-lg); padding: 0.875rem 1.125rem;
   transition: border-color var(--motion-base) var(--motion-ease);
   max-width: 880px; width: 100%; align-self: flex-start;
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 .chat-message-user { background: var(--bg-2); }
 .chat-message-pinned { border-left: 2px solid var(--accent); }

package/bizar-dash/src/web/styles/main.css

@@ -129,10 +129,10 @@ pre,
   --accent-glow: rgba(139, 92, 246, 0.18);
   --accent-soft: rgba(139, 92, 246, 0.08);
 
-  --success: #34d399;
-  --warning: #fbbf24;
-  --error: #f87171;
-  --info: #60a5fa;
+  --success: oklch(0.72 0.16 145);
+  --warning: oklch(0.78 0.14 70);
+  --error: oklch(0.66 0.20 25);
+  --info: oklch(0.72 0.13 235);
   --success-soft: rgba(52, 211, 153, 0.15);
   --error-soft: rgba(248, 113, 113, 0.12);
   --warning-soft: rgba(251, 191, 36, 0.15);
@@ -155,7 +155,7 @@ pre,
     'Inter var', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto,
     sans-serif;
 
-  /* Spacing scale (8pt) */
+  /* Spacing scale (8pt + extra for spacious layouts) */
   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
@@ -165,6 +165,9 @@ pre,
   --space-8: 32px;
   --space-10: 40px;
   --space-12: 48px;
+  --space-16: 64px;
+  --space-20: 80px;
+  --space-24: 96px;
 
   /* v4.6.0 — Semantic spacing aliases. These mirror the existing
      --space-* numeric scale so existing rules stay untouched, and
@@ -179,10 +182,10 @@ pre,
   --spacing-xl: var(--space-6);  /* 24px — page-level padding */
 
   /* Radius */
-  --radius-sm: 4px;
+  --radius-sm: 6px;
   --radius: 8px;
   --radius-md: 10px;
-  --radius-lg: 12px;
+  --radius-lg: 14px;
   --radius-xl: 16px;
 
   /* Shadows */
@@ -197,28 +200,15 @@ pre,
 
   /* Motion */
   --motion-fast: 120ms;
-  --motion-base: 180ms;
-  --motion-slow: 280ms;
+  --motion-base: 200ms;
+  --motion-slow: 320ms;
   --ease: cubic-bezier(0.4, 0, 0.2, 1);
+  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
 
   /* v3.21.x — Semantic and surface tokens for chat UI overhaul */
   --surface-0: var(--bg);
   --surface-1: color-mix(in oklab, var(--bg) 92%, var(--text) 8%);
   --surface-2: color-mix(in oklab, var(--bg) 84%, var(--text) 16%);
-  --success: oklch(0.72 0.16 145);
-  --warning: oklch(0.78 0.14 70);
-  --error: oklch(0.66 0.20 25);
-  --info: oklch(0.72 0.13 235);
-  --radius-sm: 6px;
-  --radius-md: 10px;
-  --radius-lg: 14px;
-  --motion-fast: 120ms;
-  --motion-base: 200ms;
-  --motion-slow: 320ms;
-  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
-  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
-  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
-  --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px;
 
   /* v3.21.x — Gemini-inspired surface tokens for chat UI overhaul.
      --bg-1, --bg-2 are NEW names that don't conflict with --bg / --bg-elev. */
@@ -429,6 +419,41 @@ pre,
   font-size: 12px;
 }
 
+/* v4.5.x — Per-view render-error fallback shown by App's ErrorBoundary.
+   Different from .boot-error (which fires before any view mounts). */
+.view-error-fallback {
+  max-width: 560px;
+  margin: var(--space-12) auto;
+  padding: var(--space-6);
+  background: var(--bg-elev);
+  border: 1px solid var(--error);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-2);
+  display: flex;
+  gap: var(--space-4);
+  align-items: flex-start;
+}
+.view-error-fallback > svg {
+  color: var(--error);
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.view-error-fallback .view-error-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  min-width: 0;
+}
+.view-error-fallback pre {
+  background: var(--bg);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
+}
+
 /* v3.6.2 — Token-entry form on boot-error screen */
 .token-entry-form {
   margin: var(--space-4) 0;
@@ -1438,6 +1463,8 @@ pre,
   font-family: var(--font-mono);
   border-left: 2px solid var(--border);
   align-items: baseline;
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 
 .activity-item:hover {
@@ -3207,6 +3234,8 @@ pre,
     box-shadow var(--motion-base) var(--ease),
     transform var(--motion-fast) var(--ease),
     background var(--motion-base) var(--ease);
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 .task-card::before {
   content: '';

package/bizar-dash/src/web/styles/tasks.css

@@ -162,6 +162,8 @@
   cursor: grab;
   transition: transform var(--motion-fast) var(--ease),
     border-color var(--motion-base) var(--ease);
+  content-visibility: auto;
+  contain-intrinsic-size: 0 80px;
 }
 
 .task-card:hover {

package/bizar-dash/src/web/views/Memory.tsx

@@ -7,7 +7,7 @@
 // semantic search) plus a config panel and a high-level overview. Each is a
 // standalone component under views/memory/.
 
-import { useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import {
   Brain,
   FileText,
@@ -50,7 +50,7 @@ const SOURCES: Array<{
   { id: 'config', label: 'Config', icon: Sliders },
 ];
 
-export function Memory(_props: Props) {
+function MemoryInner(_props: Props) {
   const toast = useToast();
   const [active, setActive] = useState<SubPanel>('overview');
   const [refreshKey, setRefreshKey] = useState(0);
@@ -137,4 +137,5 @@ export function Memory(_props: Props) {
       </div>
     </div>
   );
-}
+}
+export const Memory = React.memo(MemoryInner);

package/bizar-dash/src/web/views/MiniMaxUsage.tsx

@@ -8,7 +8,7 @@
 // (written by minimax.mjs after every chatCompletion / fetchRemains call).
 // The Usage Analytics tab is only shown when the key is configured.
 
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   Coins,
   RefreshCw,
@@ -196,7 +196,7 @@ type TimeRange = '24h' | '7d' | '30d' | 'custom';
 
 // ─── Main component ────────────────────────────────────────────────────
 
-export function MiniMaxUsage({ activeTab, setActiveTab }: Props) {
+function MiniMaxUsageInner({ activeTab, setActiveTab }: Props) {
   // Share state between tabs.
   const [view, setView] = useState<'quota' | 'analytics'>('quota');
   const toast = useToast();
@@ -921,3 +921,4 @@ function OnboardingWizard({ step, setStep, keyDraft, setKeyDraft, showKey, setSh
     </div>
   );
 }
+export const MiniMaxUsage = React.memo(MiniMaxUsageInner);

package/bizar-dash/src/web/views/Overview.tsx

@@ -1,5 +1,5 @@
 // src/views/Overview.tsx — v3.7.0 activity cards + SSE stream.
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import {
   Bot,
   CheckSquare,
@@ -49,7 +49,7 @@ type Props = {
   refreshSnapshot: () => Promise<void>;
 };
 
-export function Overview({
+function OverviewInner({
   snapshot,
   settings,
   setActiveTab,
@@ -813,3 +813,5 @@ function ActivityFeedItem({
     </div>
   );
 }
+const OverviewMemo = React.memo(OverviewInner);
+export { OverviewMemo as Overview };

package/bizar-dash/src/web/views/Settings.tsx

@@ -485,7 +485,7 @@ function UpdatesCard() {
   );
 }
 
-export function SettingsView({ settings: initial, refreshSnapshot }: Props) {
+function SettingsViewInner({ settings: initial, refreshSnapshot }: Props) {
   const toast = useToast();
   const [settings, setSettings] = useState<Settings>(initial);
   const [dirty, setDirty] = useState(false);
@@ -1821,3 +1821,4 @@ function ActivityLogCard() {
     </Card>
   );
 }
+export const SettingsView = React.memo(SettingsViewInner);

package/bizar-dash/src/web/views/Skills.tsx

@@ -1,5 +1,5 @@
 // src/views/Skills.tsx — v4.0.0 skills browser: scans all local SKILL.md sources.
-import { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import {
   Sparkles,
   Search,
@@ -58,7 +58,7 @@ const SOURCE_ICON: Record<string, typeof Package> = {
   project: Folder,
 };
 
-export function Skills({ snapshot, refreshSnapshot }: Props) {
+function SkillsInner({ snapshot, refreshSnapshot }: Props) {
   const toast = useToast();
   const modal = useModal();
   const [skills, setSkills]       = useState<Skill[]>([]);
@@ -377,3 +377,4 @@ function highlightMatch(text: string, q: string): React.ReactNode {
     </>
   );
 }
+export const Skills = React.memo(SkillsInner);

package/bizar-dash/src/web/views/Tasks.tsx

@@ -20,7 +20,7 @@
 // We keep the API contract (statuses: queued/doing/done/blocked/backlog)
 // so the dashboard doesn't break the existing server, tasks store, and
 // tests. The UI maps API statuses to friendlier labels.
-import { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import {
   CheckSquare,
   Plus,
@@ -76,7 +76,7 @@ const COLUMNS: { id: Task['status']; label: string; kind: StatusKind }[] = [
 const PRIORITIES = ['low', 'normal', 'high'] as const;
 type Priority = (typeof PRIORITIES)[number];
 
-export function Tasks({ snapshot, refreshSnapshot, setActiveTab }: Props) {
+function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
   const toast = useToast();
   const modal = useModal();
   const [tasks, setTasks] = useState<Task[]>(snapshot.tasks || []);
@@ -771,4 +771,5 @@ function openEditTaskModal(
       </div>
     ),
   });
-}
+}
+export const Tasks = React.memo(TasksInner);

package/bizar-dash/src/web/views/memory/MemoryOverview.tsx

@@ -98,14 +98,14 @@ export function MemoryOverview({ refreshKey, onRefresh, setActiveSubPanel }: Pro
   const [data, setData] = useState<MemoryOverviewData | null>(null);
   const [loading, setLoading] = useState(true);
 
-  const reload = async () => {
+  const reload = async (signal?: AbortSignal) => {
     setLoading(true);
     try {
       const [health, status, lightrag, storage] = await Promise.all([
-        api.get<HealthResponse>('/memory/health').catch(() => null),
-        api.get<MemoryStatus>('/memory/status').catch(() => null),
-        api.get<LightragStats>('/memory/lightrag/stats').catch(() => null),
-        api.get<StorageStats>('/memory/storage').catch(() => null),
+        api.get<HealthResponse>('/memory/health', signal).catch(() => null),
+        api.get<MemoryStatus>('/memory/status', signal).catch(() => null),
+        api.get<LightragStats>('/memory/lightrag/stats', signal).catch(() => null),
+        api.get<StorageStats>('/memory/storage', signal).catch(() => null),
       ]);
       setData({
         health: health || {
@@ -145,7 +145,9 @@ export function MemoryOverview({ refreshKey, onRefresh, setActiveSubPanel }: Pro
   };
 
   useEffect(() => {
-    reload();
+    const ctrl = new AbortController();
+    void reload(ctrl.signal);
+    return () => ctrl.abort();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [refreshKey]);