@polderlabs/bizar 8.0.0 → 9.0.0

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

@@ -0,0 +1,307 @@
+/**
+ * src/server/routes/goals.mjs
+ *
+ * Sprint S10/S12 — `/api/goals` CRUD over `.bizar/PROGRESS.md`.
+ *
+ * Goals are the long-horizon commitments the v8 dashboard surfaces.
+ * Source-of-truth is `.bizar/PROGRESS.md` so CC's `/goal` and the
+ * dashboard stay in sync — no parallel JSON.
+ *
+ * Endpoints:
+ *   GET    /api/goals                       — parsed goal list
+ *   GET    /api/goals/:id                   — single goal
+ *   POST   /api/goals                       — create
+ *   PATCH  /api/goals/:id                   — rename / due / owner
+ *   PATCH  /api/goals/:id/status            — change status (S10 quick edit)
+ *   POST   /api/goals/:id/key-results       — append KR
+ *   PATCH  /api/goals/:id/key-results/:krId — toggle done / change metric
+ *   DELETE /api/goals/:id/key-results/:krId — remove KR
+ */
+
+import { Router } from 'express';
+import { existsSync, readFileSync, writeFileSync, mkdirSync, renameSync } from 'node:fs';
+import { join, dirname, resolve } from 'node:path';
+import { homedir } from 'node:os';
+import { wrap } from './_shared.mjs';
+import { projectsStore } from '../projects-store.mjs';
+import { tasksStore } from '../tasks-store.mjs';
+import { parseProgress, serializeProgress } from '../progress-parser.mjs';
+
+const VALID_STATUSES = new Set(['on-track', 'at-risk', 'off-track', 'done', 'blocked', 'active']);
+const HOME = homedir();
+
+function progressPath() {
+  // PROGRESS.md lives in the project root (v6 contract). Falls back
+  // to $HOME so a freshly-cloned dashboard with no active project
+  // doesn't 500 — the response is just an empty goal list.
+  const active = projectsStore.active();
+  const root = active?.cwd ? resolve(active.cwd) : HOME;
+  return join(root, '.bizar', 'PROGRESS.md');
+}
+
+function readRaw() {
+  const p = progressPath();
+  if (!existsSync(p)) return '';
+  try { return readFileSync(p, 'utf8'); } catch { return ''; }
+}
+
+function writeRaw(text) {
+  const p = progressPath();
+  mkdirSync(dirname(p), { recursive: true });
+  const tmp = `${p}.tmp.${process.pid}`;
+  writeFileSync(tmp, text, 'utf8');
+  renameSync(tmp, p);
+}
+
+function emit(broadcast, goal) {
+  if (typeof broadcast === 'function') {
+    broadcast({ type: 'goals:change', goal });
+  }
+}
+
+/**
+ * @param {{ broadcast?: Function }} deps
+ */
+export function createGoalsRouter({ broadcast } = {}) {
+  const router = Router();
+
+  router.get('/goals', wrap(async (_req, res) => {
+    const parsed = parseProgress(readRaw());
+    res.json({ goals: parsed.goals, count: parsed.goals.length });
+  }));
+
+  router.get('/goals/:id', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) {
+      res.status(404).json({ error: 'not_found' });
+      return;
+    }
+    res.json(goal);
+  }));
+
+  router.patch('/goals/:id/status', wrap(async (req, res) => {
+    const status = String((req.body && req.body.status) || '').toLowerCase();
+    if (!VALID_STATUSES.has(status)) {
+      res.status(400).json({
+        error: 'bad_request',
+        message: `invalid status (use: ${[...VALID_STATUSES].join(', ')})`,
+      });
+      return;
+    }
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    goal.status = status;
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.json(goal);
+  }));
+
+  // S12 — create goal.
+  router.post('/goals', wrap(async (req, res) => {
+    const body = req.body || {};
+    const title = String(body.title || '').trim();
+    if (!title) {
+      res.status(400).json({ error: 'bad_request', message: 'title is required' });
+      return;
+    }
+    const parsed = parseProgress(readRaw());
+    const id = body.id && /^[A-Za-z0-9_-]{1,64}$/.test(String(body.id))
+      ? String(body.id)
+      : `G-${Date.now().toString(36)}`;
+    if (parsed.goals.some((g) => g.id === id)) {
+      res.status(409).json({ error: 'conflict', message: `goal id ${id} already exists` });
+      return;
+    }
+    const goal = {
+      id,
+      title,
+      status: VALID_STATUSES.has(String(body.status || '').toLowerCase())
+        ? String(body.status).toLowerCase()
+        : 'active',
+      description: body.description ? String(body.description) : '',
+      progress: 0,
+      keyResults: [],
+      owner: body.owner ? String(body.owner) : undefined,
+      due: body.due ? String(body.due) : undefined,
+      section: 'in-progress',
+    };
+    parsed.goals.push(goal);
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.status(201).json(goal);
+  }));
+
+  // S12 — patch goal metadata.
+  router.patch('/goals/:id', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    const body = req.body || {};
+    if (typeof body.title === 'string' && body.title.trim()) goal.title = body.title.trim();
+    if (typeof body.description === 'string') goal.description = body.description;
+    if (typeof body.owner === 'string') goal.owner = body.owner.trim() || undefined;
+    if (typeof body.due === 'string') goal.due = body.due.trim() || undefined;
+    if (typeof body.status === 'string' && VALID_STATUSES.has(body.status.toLowerCase())) {
+      goal.status = body.status.toLowerCase();
+    }
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.json(goal);
+  }));
+
+  // S12 — append KR.
+  router.post('/goals/:id/key-results', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    const title = String((req.body && req.body.title) || '').trim();
+    if (!title) { res.status(400).json({ error: 'bad_request', message: 'title is required' }); return; }
+    const kr = {
+      id: `kr-${goal.id}-${goal.keyResults.length + 1}`,
+      title,
+      done: false,
+      assignee: req.body.assignee ? String(req.body.assignee) : undefined,
+    };
+    goal.keyResults.push(kr);
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.status(201).json(kr);
+  }));
+
+  // S12 — toggle / rename KR.
+  router.patch('/goals/:id/key-results/:krId', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    const kr = goal.keyResults.find((k) => k.id === req.params.krId);
+    if (!kr) { res.status(404).json({ error: 'not_found' }); return; }
+    const body = req.body || {};
+    if (typeof body.done === 'boolean') kr.done = body.done;
+    if (typeof body.title === 'string' && body.title.trim()) kr.title = body.title.trim();
+    if (typeof body.assignee === 'string') kr.assignee = body.assignee.trim() || undefined;
+    // Recompute progress.
+    const done = goal.keyResults.filter((k) => k.done).length;
+    goal.progress = goal.keyResults.length > 0 ? done / goal.keyResults.length : 0;
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.json(kr);
+  }));
+
+  // S12 — remove KR.
+  router.delete('/goals/:id/key-results/:krId', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    const before = goal.keyResults.length;
+    goal.keyResults = goal.keyResults.filter((k) => k.id !== req.params.krId);
+    if (goal.keyResults.length === before) {
+      res.status(404).json({ error: 'not_found' });
+      return;
+    }
+    const done = goal.keyResults.filter((k) => k.done).length;
+    goal.progress = goal.keyResults.length > 0 ? done / goal.keyResults.length : 0;
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.status(204).end();
+  }));
+
+  // S18 — decompose a goal into tasks (one per key-result).
+  // Each task carries metadata.goalId / metadata.krId so progress can
+  // flow back the other way (task done -> KR done -> goal progress%).
+  router.post('/goals/:id/decompose', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    if (!Array.isArray(goal.keyResults) || goal.keyResults.length === 0) {
+      res.status(400).json({ error: 'bad_request', message: 'goal has no key results to decompose' });
+      return;
+    }
+    const active = projectsStore.active();
+    const projectId = active?.id || 'default';
+    const created = [];
+    for (const kr of goal.keyResults) {
+      if (kr.taskId) continue; // already decomposed
+      const task = await tasksStore.create(projectId, {
+        title: kr.title,
+        description: `Auto-created from goal "${goal.title}"`,
+        priority: 'normal',
+        assignee: kr.assignee || null,
+        dueDate: goal.due || null,
+        metadata: { goalId: goal.id, goalTitle: goal.title, krId: kr.id, krTitle: kr.title },
+      });
+      kr.taskId = task.id;
+      created.push({ kr: kr.id, task: task.id });
+    }
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    res.status(201).json({ goalId: goal.id, created });
+  }));
+
+  // S18 — reverse-sync: task status changes propagate to the linked KR
+  // and recompute the goal's progress%. Called by the tasks router when
+  // a task with metadata.goalId moves to 'done'.
+  router.post('/goals/:id/sync-from-tasks', wrap(async (req, res) => {
+    const parsed = parseProgress(readRaw());
+    const goal = parsed.goals.find((g) => g.id === req.params.id);
+    if (!goal) { res.status(404).json({ error: 'not_found' }); return; }
+    const active = projectsStore.active();
+    const projectId = active?.id || 'default';
+    let changed = false;
+    for (const kr of goal.keyResults) {
+      if (!kr.taskId) continue;
+      const task = await tasksStore.getById(projectId, kr.taskId);
+      if (!task) continue;
+      const isDone = task.status === 'done';
+      if (Boolean(kr.done) !== isDone) {
+        kr.done = isDone;
+        changed = true;
+      }
+    }
+    const done = goal.keyResults.filter((k) => k.done).length;
+    const newProgress = goal.keyResults.length > 0 ? done / goal.keyResults.length : 0;
+    if (newProgress !== goal.progress) {
+      goal.progress = newProgress;
+      changed = true;
+    }
+    if (changed) {
+      writeRaw(serializeProgress(parsed));
+      emit(broadcast, goal);
+    }
+    res.json({ goal, changed });
+  }));
+
+  return router;
+}
+
+/**
+ * S18 — recompute KR done flags + goal progress% from a task status
+ * change. Called by the tasks router when a goal-linked task moves.
+ * Returns true if anything was persisted, false if no change.
+ */
+export function syncGoalFromTask(
+  goalId, krId, taskDone, broadcast
+) {
+  const parsed = parseProgress(readRaw());
+  const goal = parsed.goals.find((g) => g.id === goalId);
+  if (!goal) return false;
+  const kr = Array.isArray(goal.keyResults)
+    ? goal.keyResults.find((k) => k.id === krId)
+    : null;
+  if (kr && Boolean(kr.done) !== taskDone) kr.done = taskDone;
+  const doneCount = goal.keyResults.filter((k) => k.done).length;
+  const newProgress = goal.keyResults.length > 0 ? doneCount / goal.keyResults.length : 0;
+  if (
+    newProgress !== goal.progress ||
+    (kr && kr.done !== taskDone)
+  ) {
+    goal.progress = newProgress;
+    writeRaw(serializeProgress(parsed));
+    emit(broadcast, goal);
+    return true;
+  }
+  return false;
+}
+
+export const _internals = { progressPath, readRaw, writeRaw, VALID_STATUSES, syncGoalFromTask };

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

@@ -0,0 +1,59 @@
+/**
+ * src/server/routes/spawn.mjs
+ *
+ * POST /api/spawn/agent — spawn a Claude Code background agent for
+ * the dashboard's ⌘K palette ("Spawn · Coder" etc.).
+ *
+ * Wraps `spawnAgent` from claude-runner.mjs and broadcasts an
+ * `agents:change` over the WS bus so other tabs see the new agent.
+ */
+import { Router } from 'express';
+import { join } from 'node:path';
+import { homedir } from 'node:os';
+import { wrap } from './_shared.mjs';
+import { spawnAgent } from '../claude-runner.mjs';
+
+const VALID_AGENTS = new Set(['coder', 'researcher', 'planner', 'reviewer']);
+
+/**
+ * @param {{ broadcast?: Function }} deps
+ */
+export function createSpawnRouter({ broadcast = () => {} } = {}) {
+  const router = Router();
+
+  router.post('/spawn/agent', wrap(async (req, res) => {
+    const body = req.body || {};
+    const agent = String(body.agent || 'coder');
+    if (!VALID_AGENTS.has(agent)) {
+      res.status(400).json({ error: 'bad_request', message: `unknown agent "${agent}"` });
+      return;
+    }
+    const prompt = typeof body.prompt === 'string' ? body.prompt.trim() : '';
+    if (!prompt) {
+      res.status(400).json({ error: 'bad_request', message: 'prompt required' });
+      return;
+    }
+    const worktree = typeof body.worktree === 'string' && body.worktree.length > 0
+      ? body.worktree
+      : process.cwd();
+    const logDir = join(homedir(), '.bizar', 'logs');
+    const logPath = join(logDir, `spawn-${Date.now()}.log`);
+    const result = await spawnAgent({
+      agent,
+      prompt,
+      background: body.background !== false,
+      worktree,
+      model: typeof body.model === 'string' ? body.model : undefined,
+      title: typeof body.title === 'string' ? body.title : `dashboard · ${agent}`,
+      logPath,
+    });
+    if (!result.ok) {
+      res.status(500).json({ error: 'spawn_failed', message: result.error });
+      return;
+    }
+    broadcast({ type: 'agents:change', agent: result });
+    res.status(201).json(result);
+  }));
+
+  return router;
+}

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

@@ -33,6 +33,9 @@ import { agentsStore } from '../agents-store.mjs';
 import { notificationsStore } from '../notifications-store.mjs';
 import { projectsStore } from '../projects-store.mjs';
 import { artifactsStore } from '../artifacts-store.mjs';
+// S18 — reverse-sync from the goals router (recompute KR done
+// + goal progress from a task status change and persist to PROGRESS.md).
+import { syncGoalFromTask } from './goals.mjs';
 import {
   listClaudeMessages,
   normalizeClaudeMessage,
@@ -191,6 +194,14 @@ export function createTasksRouter({ state, broadcast, projectRoot }) {
         }, { broadcast });
       } catch { /* best-effort */ }
     }
+    // S18 — reverse-sync linked goal KR. If the task came from a goal
+    // decompose (metadata.goalId), update the goal's PROGRESS.md and
+    // broadcast the change. Best-effort: ignore failures.
+    if (task?.metadata?.goalId && task.metadata.krId) {
+      try {
+        syncGoalFromTask(task.metadata.goalId, task.metadata.krId, status === 'done', broadcast);
+      } catch { /* best-effort */ }
+    }
     res.json(task);
   }));
 

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

@@ -25,6 +25,7 @@ import { tasksStore } from './tasks-store.mjs';
 import { schedulesStore } from './schedules-store.mjs';
 import { providersStore, mcpsStore } from './providers-store.mjs';
 import { readClineJsonCached } from './providers-store.mjs';
+import { readSettings } from './routes/_shared.mjs';
 import { homedir } from 'node:os';
 import { startBgPoller, stopBgPoller } from './bg-poller.mjs';
 import { startBgRetryLoop, stopBgRetryLoop } from './bg-retry.mjs';
@@ -439,7 +440,6 @@ export async function createServer({
   // headroom routes are registered. Errors are caught and logged — startup
   // must not fail if Headroom has issues.
   const { headroomStartupHook } = await import('./headroom.mjs');
-  const { readSettings } = await import('./routes/_shared.mjs');
   try {
     const settings = readSettings();
     if (settings?.data?.headroom) {

package/bizar-dash/src/web/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.1.10","results":[[":v8/__tests__/theme.test.tsx",{"duration":9.402008000000023,"failed":true}],[":v8/__tests__/cx.test.ts",{"duration":10.375420999999989,"failed":false}],[":v8/__tests__/agents.test.tsx",{"duration":5.248751999999968,"failed":true}],[":v8/__tests__/goals.test.tsx",{"duration":5.740793999999994,"failed":true}],[":v8/__tests__/data.test.tsx",{"duration":8.315298999999982,"failed":true}],[":v8/__tests__/views.test.tsx",{"duration":4.659223999999995,"failed":true}],[":v8/__tests__/feedback.test.tsx",{"duration":6.578977000000009,"failed":true}],[":v8/__tests__/navigation.test.tsx",{"duration":2.418076000000042,"failed":true}],[":v8/__tests__/kanban.test.tsx",{"duration":7.016964999999914,"failed":true}],[":v8/views/CommandPalette/AppCommandPalette.test.tsx",{"duration":4.1226480000000265,"failed":true}],[":v8/__tests__/controls.test.tsx",{"duration":6.385567000000037,"failed":true}],[":v8/__tests__/settings.test.tsx",{"duration":4.912259000000006,"failed":true}],[":v8/ui/theme/ThemeProvider.test.tsx",{"duration":7.411820999999975,"failed":true}],[":v8/__tests__/Sidebar.test.tsx",{"duration":3.5800199999999904,"failed":true}],[":v8/__tests__/SettingsView.test.tsx",{"duration":3.228326999999979,"failed":true}],[":v8/ui/navigation/useCommandPaletteHotkey.test.ts",{"duration":4.469762000000003,"failed":true}],[":v8/__tests__/App.test.tsx",{"duration":3.1180860000000052,"failed":true}],[":v8/__tests__/AppShell.test.tsx",{"duration":4.055098999999984,"failed":true}],[":v8/__tests__/libraries.test.tsx",{"duration":4.680975999999987,"failed":true}],[":v8/__tests__/memory.test.tsx",{"duration":4.185888999999975,"failed":true}],[":v8/ui/theme/DensityProvider.test.tsx",{"duration":4.601625000000013,"failed":true}],[":v8/__tests__/activity.test.tsx",{"duration":3.853693000000021,"failed":true}],[":v8/__tests__/PageSkeleton.test.tsx",{"duration":3.4944360000000074,"failed":true}]]}
+{"version":"4.1.10","results":[[":v8/__tests__/kanban.test.tsx",{"duration":11.029134999999997,"failed":true}],[":v8/__tests__/views.test.tsx",{"duration":8.351810999999998,"failed":true}],[":v8/__tests__/controls.test.tsx",{"duration":8.16204300000004,"failed":true}],[":v8/__tests__/navigation.test.tsx",{"duration":3.4044910000000073,"failed":true}],[":v8/__tests__/settings.test.tsx",{"duration":7.423396000000025,"failed":true}],[":v8/__tests__/data.test.tsx",{"duration":10.507953999999927,"failed":true}],[":v8/views/CommandPalette/AppCommandPalette.test.tsx",{"duration":8.100409999999954,"failed":true}],[":v8/__tests__/feedback.test.tsx",{"duration":11.81113500000015,"failed":true}],[":v8/__tests__/control-plane.test.tsx",{"duration":7.946745000000078,"failed":true}],[":v8/__tests__/theme.test.tsx",{"duration":10.449602000000027,"failed":true}],[":v8/__tests__/goals.test.tsx",{"duration":9.369805999999926,"failed":true}],[":v8/__tests__/Sidebar.test.tsx",{"duration":7.152092000000039,"failed":true}],[":v8/__tests__/useWebSocket.test.ts",{"duration":12.339105999999958,"failed":true}],[":v8/__tests__/changelog.test.tsx",{"duration":8.303654999999992,"failed":true}],[":v8/__tests__/useFetch.test.ts",{"duration":45.83159899999998,"failed":true}],[":v8/__tests__/App.test.tsx",{"duration":4.684736999999984,"failed":true}],[":v8/__tests__/SettingsView.test.tsx",{"duration":4.541492000000005,"failed":true}],[":v8/ui/theme/ThemeProvider.test.tsx",{"duration":5.904321000000039,"failed":true}],[":v8/__tests__/agents.test.tsx",{"duration":7.939632999999958,"failed":true}],[":v8/ui/navigation/useCommandPaletteHotkey.test.ts",{"duration":11.292175000000043,"failed":true}],[":v8/__tests__/libraries.test.tsx",{"duration":10.325378999999998,"failed":true}],[":v8/__tests__/memory.test.tsx",{"duration":9.55081899999999,"failed":true}],[":v8/ui/theme/DensityProvider.test.tsx",{"duration":5.111919999999998,"failed":true}],[":v8/__tests__/activity.test.tsx",{"duration":6.554186999999956,"failed":true}],[":v8/__tests__/AppShell.test.tsx",{"duration":11.900282000000004,"failed":true}],[":v8/__tests__/cx.test.ts",{"duration":10.669486000000006,"failed":false}],[":v8/__tests__/PageSkeleton.test.tsx",{"duration":10.187907000000052,"failed":true}],[":v8/__tests__/SchedulesView.test.tsx",{"duration":19.982748000000015,"failed":true}],[":v8/__tests__/BackgroundJobsView.test.tsx",{"duration":9.638908000000015,"failed":true}],[":v8/__tests__/NotificationsPopover.test.tsx",{"duration":10.703597000000059,"failed":true}],[":v8/__tests__/MemoryView.test.tsx",{"duration":12.214841999999976,"failed":true}],[":v8/__tests__/Topbar.test.tsx",{"duration":10.407062999999994,"failed":true}]]}

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

@@ -1,4 +1,4 @@
-import { Suspense, useEffect, useRef, useState } from 'react';
+import { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import { AppShell } from './shell/AppShell.js';
 import { Topbar } from './shell/Topbar.js';
 import { Sidebar, type SidebarSection } from './shell/Sidebar.js';
@@ -10,6 +10,8 @@ import { useCommandPaletteHotkey } from './ui/navigation/CommandPalette.js';
 import { useTheme } from './ui/theme/useTheme.js';
 import { useDensity } from './ui/theme/useDensity.js';
 import { PageSkeleton } from './shell/PageSkeleton.js';
+import { useFetch } from './data/useFetch.js';
+import { useWsMessage } from './data/useWebSocket.js';
 import {
   Activity,
   Bot,
@@ -21,6 +23,8 @@ import {
   Settings,
   Target,
   Goal,
+  CalendarClock,
+  Briefcase,
 } from 'lucide-react';
 
 /**
@@ -53,6 +57,10 @@ function iconFor(id: string): LucideIcon {
       return Layers;
     case 'settings':
       return Settings;
+    case 'schedules':
+      return CalendarClock;
+    case 'background':
+      return Briefcase;
     default:
       return Layers;
   }
@@ -75,32 +83,73 @@ export function App(): JSX.Element {
     mainRef.current?.focus({ preventScroll: true });
   }, [activeId]);
 
+  // Live counts for the sidebar. Polled on mount + WS refresh.
+  const tasksRes = useFetch<{ tasks?: { id: string; status: string }[]; count?: number }>('/api/tasks');
+  const goalsRes = useFetch<{ goals?: { id: string }[]; count?: number }>('/api/goals');
+  const bizarAgentsRes = useFetch<{ agents?: { id: string; status: string }[] }>('/api/agents');
+  const ccAgentsRes = useFetch<{ agents?: { id: string; status: string }[] }>('/api/cc-agents');
+  const skillsRes = useFetch<{ skills?: { name: string }[]; count?: number }>('/api/skills?kind=skills');
+  const mcpsRes = useFetch<{ skills?: { name: string }[]; count?: number }>('/api/skills?kind=mcps');
+  const hooksRes = useFetch<{ skills?: { name: string }[]; count?: number }>('/api/skills?kind=hooks');
+
+  // Bump on any relevant WS event so counts refresh.
+  const [bump, setBump] = useState(0);
+  useEffect(() => {
+    const inc = (): void => setBump((n) => n + 1);
+    window.addEventListener('focus', inc);
+    return () => { window.removeEventListener('focus', inc); };
+  }, []);
+  useWsMessage('tasks:change', () => setBump((n) => n + 1));
+  useWsMessage('goals:change', () => setBump((n) => n + 1));
+  useWsMessage('agents:change', () => setBump((n) => n + 1));
+
+  const counts = useMemo(() => {
+    const tasks = tasksRes.data?.tasks || [];
+    const tasksTotal = tasks.length || tasksRes.data?.count || 0;
+    const goals = (goalsRes.data?.goals || []).length || goalsRes.data?.count || 0;
+    const bAgents = bizarAgentsRes.data?.agents || [];
+    const cAgents = ccAgentsRes.data?.agents || [];
+    const runningBizar = bAgents.filter((a) => a.status === 'busy' || a.status === 'working').length;
+    const totalAgents = bAgents.length + cAgents.length;
+    return {
+      tasksTotal,
+      goals,
+      agentsRunning: `${runningBizar + cAgents.length}/${totalAgents || 0}`,
+      skills: skillsRes.data?.count ?? skillsRes.data?.skills?.length,
+      mcps: mcpsRes.data?.count ?? mcpsRes.data?.skills?.length,
+      hooks: hooksRes.data?.count ?? hooksRes.data?.skills?.length,
+    };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tasksRes.data, goalsRes.data, bizarAgentsRes.data, ccAgentsRes.data, skillsRes.data, mcpsRes.data, hooksRes.data, bump]);
+
   const sections: SidebarSection[] = [
     {
       id: 'workspace',
       label: 'Workspace',
       items: [
         { id: 'overview', label: 'Overview', icon: iconFor('overview') },
-        { id: 'tasks', label: 'Tasks', icon: iconFor('tasks'), count: 47 },
-        { id: 'goals', label: 'Goals', icon: iconFor('goals'), count: 3 },
+        { id: 'tasks', label: 'Tasks', icon: iconFor('tasks'), count: counts.tasksTotal },
+        { id: 'goals', label: 'Goals', icon: iconFor('goals'), count: counts.goals },
       ],
     },
     {
       id: 'operations',
       label: 'Operations',
       items: [
-        { id: 'agents', label: 'Agents', icon: iconFor('agents'), count: '8/16' },
+        { id: 'agents', label: 'Agents', icon: iconFor('agents'), count: counts.agentsRunning },
         { id: 'activity', label: 'Activity', icon: iconFor('activity'), live: true },
         { id: 'memory', label: 'Memory', icon: iconFor('memory') },
+        { id: 'schedules', label: 'Schedules', icon: iconFor('schedules') },
+        { id: 'background', label: 'Background', icon: iconFor('background') },
       ],
     },
     {
       id: 'libraries',
       label: 'Libraries',
       items: [
-        { id: 'skills', label: 'Skills', icon: iconFor('skills'), count: 18 },
-        { id: 'mcps', label: 'MCPs', icon: iconFor('mcps'), count: 3 },
-        { id: 'hooks', label: 'Hooks', icon: iconFor('hooks'), count: 5 },
+        { id: 'skills', label: 'Skills', icon: iconFor('skills'), count: counts.skills ?? 0 },
+        { id: 'mcps', label: 'MCPs', icon: iconFor('mcps'), count: counts.mcps ?? 0 },
+        { id: 'hooks', label: 'Hooks', icon: iconFor('hooks'), count: counts.hooks ?? 0 },
       ],
     },
     {

package/bizar-dash/src/web/v8/__tests__/App.test.tsx

@@ -61,10 +61,10 @@ describe('App', () => {
 
     await user.click(screen.getByRole('button', { name: /^Tasks$/i }));
 
-    // TasksView renders Backlog / To do / In progress column headers.
+    // TasksView renders the kanban column headers (no 'To do' anymore).
     expect(await screen.findByText(/Backlog/i)).toBeInTheDocument();
-    expect(screen.getByText(/To do/i)).toBeInTheDocument();
     expect(screen.getByText(/In progress/i)).toBeInTheDocument();
+    expect(screen.getByText(/Done/i)).toBeInTheDocument();
   });
 
   it('marks the active sidebar item with aria-current="page"', async () => {