From 517bee7d285fdfc996f68099db5f8db79dbf057b Mon Sep 17 00:00:00 2001
From: Renn F <rennf93@users.noreply.github.com>
Date: Sat, 27 Jun 2026 01:12:05 +0200
Subject: [PATCH] [chore] panel: prettier reformat across the codebase
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Apply `pnpm format` (prettier 3.8.5, 80-col / double-quote / semi /
trailing-comma-all) to the 223 pre-existing panel files that predated the
prettier infra added in cb5365a4. Pure formatting — no semantic changes:
multi-line arrays/objects collapsed where they fit, trailing newlines added
(.prettierrc.json), import grouping unchanged.

Verified: `pnpm format:check` clean, `pnpm lint` clean, `pnpm typecheck`
clean, `pnpm test` 113/113 pass (7 files).
---
 panel/.prettierrc.json                        |   2 +-
 panel/lib/lifecycle.json                      | 384 ++--------
 .../app/(dashboard)/agents/[agentId]/page.tsx |  61 +-
 panel/src/app/(dashboard)/agents/page.tsx     |  14 +-
 panel/src/app/(dashboard)/business/page.tsx   |   4 +-
 .../communications/[sessionId]/page.tsx       |  53 +-
 .../app/(dashboard)/communications/page.tsx   | 121 +--
 .../(dashboard)/journals/[entryId]/page.tsx   |   5 +-
 panel/src/app/(dashboard)/journals/page.tsx   | 125 ++--
 panel/src/app/(dashboard)/kanban/page.tsx     |  27 +-
 panel/src/app/(dashboard)/metrics/page.tsx    | 202 +++--
 .../app/(dashboard)/notifications/page.tsx    | 156 ++--
 panel/src/app/(dashboard)/projects/page.tsx   |  33 +-
 panel/src/app/(dashboard)/settings/page.tsx   |  41 +-
 .../app/(dashboard)/tasks/[taskId]/page.tsx   |  45 +-
 .../app/(dashboard)/work-sessions/page.tsx    |  16 +-
 panel/src/components/agents/agent-card.tsx    |  16 +-
 panel/src/components/agents/agent-grid.tsx    |  48 +-
 .../src/components/agents/agent-selector.tsx  |  34 +-
 .../components/agents/agent-state-badge.tsx   |   6 +-
 .../components/agents/agent-status-cards.tsx  |  11 +-
 .../components/agents/orchestrator-status.tsx |  13 +-
 .../components/agents/spawn-agent-dialog.tsx  |  10 +-
 panel/src/components/agents/stream-viewer.tsx |  35 +-
 .../agents/waiting-agents-alert.tsx           |  13 +-
 .../components/auditor/auditor-dashboard.tsx  |  11 +-
 .../components/auditor/create-flag-dialog.tsx |  10 +-
 panel/src/components/auditor/flagged-item.tsx |  10 +-
 .../auditor/flagged-items-panel.tsx           |  16 +-
 .../components/auditor/live-feeds-panel.tsx   |   2 +-
 .../auditor/quality-metrics-panel.tsx         |  16 +-
 .../src/components/auditor/reports-panel.tsx  |  19 +-
 .../__tests__/company-scorecard-card.test.tsx |   6 +-
 .../business/company-scorecard-card.tsx       |  15 +-
 panel/src/components/business/goals-tab.tsx   |  34 +-
 panel/src/components/business/pitches-tab.tsx |  11 +-
 .../src/components/business/secretary-tab.tsx |   7 +-
 .../communications/channel-item.tsx           |   2 +-
 .../communications/channel-sidebar.tsx        |   5 +-
 .../communications/communications-view.tsx    |  36 +-
 .../communications/message-item.tsx           |   4 +-
 .../company-goals/company-goals-card.tsx      |  20 +-
 .../dashboard/active-blockers-panel.tsx       |   8 +-
 .../components/dashboard/activity-item.tsx    |  14 +-
 .../dashboard/auditor-alerts-panel.tsx        |  22 +-
 .../dashboard/ceo-approval-queue.tsx          |  56 +-
 .../components/dashboard/command-center.tsx   |  38 +-
 .../dashboard/key-metrics-panel.tsx           |  13 +-
 .../dashboard/playbook-review-queue.tsx       |   4 +-
 .../components/dashboard/pr-review-queue.tsx  |  24 +-
 .../dashboard/quick-actions-bar.tsx           |   9 +-
 .../dashboard/recent-activity-feed.tsx        |   5 +-
 .../components/dashboard/team-health-card.tsx |  12 +-
 .../dashboard/usage-overview-panel.tsx        |  10 +-
 .../src/components/git/git-actions-panel.tsx  |  42 +-
 panel/src/components/git/git-branch-panel.tsx |  16 +-
 panel/src/components/git/git-browser.tsx      |  86 ++-
 panel/src/components/git/git-diff-viewer.tsx  |  13 +-
 panel/src/components/git/git-log-panel.tsx    |   4 +-
 panel/src/components/git/git-status-panel.tsx |  15 +-
 panel/src/components/journals/agent-item.tsx  |   7 +-
 panel/src/components/journals/agent-list.tsx  |   5 +-
 .../src/components/journals/entry-filter.tsx  |   5 +-
 .../components/journals/growth-summary.tsx    |  15 +-
 .../src/components/journals/journal-view.tsx  |  33 +-
 .../components/kanban/core/kanban-board.tsx   |  32 +-
 .../components/kanban/core/kanban-card.tsx    |  45 +-
 .../components/kanban/core/kanban-column.tsx  |  15 +-
 .../components/kanban/views/dev-kanban.tsx    |  56 +-
 .../src/components/kanban/views/pm-kanban.tsx |  98 ++-
 .../kanban/views/pr-review-kanban.tsx         |  21 +-
 .../src/components/kanban/views/qa-kanban.tsx |  28 +-
 panel/src/components/knowledge-base/index.ts  |   6 +-
 .../knowledge-base/kb-category-nav.tsx        |  35 +-
 .../knowledge-base/kb-category-view.tsx       |  19 +-
 .../components/knowledge-base/kb-filters.tsx  |  59 +-
 .../knowledge-base/kb-index-type-badge.tsx    |  31 +-
 .../knowledge-base/kb-result-card.tsx         |  11 +-
 .../knowledge-base/kb-result-list.tsx         |  16 +-
 .../knowledge-base/kb-search-bar.tsx          |   5 +-
 .../knowledge-base/kb-stats-card.tsx          |  33 +-
 .../knowledge-base/knowledge-base-browser.tsx | 148 ++--
 .../knowledge-base/mentor-answer-display.tsx  | 128 ++--
 .../components/knowledge-base/mentor-chat.tsx |  42 +-
 .../knowledge-base/mentor-query-input.tsx     |  14 +-
 .../knowledge-base/rag-answer-display.tsx     |  20 +-
 .../knowledge-base/rag-citation-card.tsx      |  16 +-
 .../components/layout/connection-status.tsx   |  10 +-
 panel/src/components/layout/header.tsx        |   4 +-
 panel/src/components/layout/sidebar.tsx       |   8 +-
 .../components/metrics/agent-usage-chart.tsx  |   6 +-
 panel/src/components/metrics/delivery-tab.tsx |  31 +-
 .../src/components/metrics/sessions-table.tsx |  45 +-
 .../components/metrics/team-usage-chart.tsx   |   6 +-
 .../metrics/usage-time-series-chart.tsx       |  34 +-
 .../notifications/notification-bell.tsx       |  45 +-
 .../products/create-product-dialog.tsx        |  26 +-
 .../products/edit-product-dialog.tsx          |  43 +-
 .../src/components/products/product-table.tsx |   4 +-
 .../projects/create-project-dialog.tsx        |  74 +-
 .../projects/edit-project-dialog.tsx          |   4 +-
 .../components/projects/project-selector.tsx  |   3 +-
 .../src/components/projects/project-table.tsx |  15 +-
 .../src/components/prompter/chat-messages.tsx |  12 +-
 .../prompter/draft-proposal-card.tsx          |  22 +-
 .../src/components/prompter/success-card.tsx  |  18 +-
 panel/src/components/providers.tsx            |   2 +-
 .../rate-limit/rate-limit-banner.tsx          |   8 +-
 .../components/settings/ai-routing-card.tsx   |  46 +-
 .../settings/feature-flags-card.tsx           |  20 +-
 .../settings/self-hosted-section.tsx          |   8 +-
 .../settings/transcript-retention-card.tsx    |   9 +-
 .../tasks/acceptance-criteria-editor.tsx      |  15 +-
 .../tasks/approve-and-start-button.tsx        |  13 +-
 .../components/tasks/create-task-dialog.tsx   |  69 +-
 .../components/tasks/dependency-selector.tsx  |  30 +-
 .../components/tasks/docs-status-badge.tsx    |   4 +-
 .../src/components/tasks/edit-task-dialog.tsx |  67 +-
 .../src/components/tasks/markdown-editor.tsx  |   9 +-
 panel/src/components/tasks/task-actions.tsx   |  64 +-
 .../tasks/task-detail/acceptance-criteria.tsx |  11 +-
 .../tasks/task-detail/progress-timeline.tsx   |  11 +-
 .../tasks/task-detail/subtasks-list.tsx       |  50 +-
 .../tasks/task-detail/tab-commits.tsx         |  74 +-
 .../tasks/task-detail/tab-dependencies.tsx    |  48 +-
 .../tasks/task-detail/tab-notes.tsx           |   3 +-
 .../tasks/task-detail/tab-overview.tsx        |  16 +-
 .../components/tasks/task-detail/tab-plan.tsx | 294 ++++++--
 .../tasks/task-detail/tab-progress.tsx        |  84 ++-
 .../tasks/task-detail/tab-sessions.tsx        |  30 +-
 .../tasks/task-detail/task-action-dialogs.tsx |  18 +-
 .../tasks/task-detail/task-description.tsx    |  18 +-
 .../tasks/task-detail/work-session-card.tsx   |  30 +-
 panel/src/components/tasks/task-filters.tsx   |  55 +-
 panel/src/components/tasks/task-selector.tsx  |  35 +-
 .../src/components/tasks/task-type-badge.tsx  |  17 +-
 panel/src/components/ui/alert-dialog.tsx      |  40 +-
 panel/src/components/ui/avatar.tsx            |  20 +-
 panel/src/components/ui/badge.tsx             |  18 +-
 panel/src/components/ui/button.tsx            |  20 +-
 panel/src/components/ui/card.tsx              |  26 +-
 panel/src/components/ui/checkbox.tsx          |  16 +-
 panel/src/components/ui/collapsible.tsx       |  12 +-
 panel/src/components/ui/copy-button.tsx       |   2 +-
 panel/src/components/ui/dialog.tsx            |  40 +-
 panel/src/components/ui/dropdown-menu.tsx     |  66 +-
 panel/src/components/ui/form.tsx              |  81 +-
 panel/src/components/ui/input.tsx             |  10 +-
 panel/src/components/ui/label.tsx             |  14 +-
 panel/src/components/ui/markdown.tsx          |  16 +-
 panel/src/components/ui/offline-state.tsx     |  10 +-
 panel/src/components/ui/popover.tsx           |  20 +-
 panel/src/components/ui/progress.tsx          |  14 +-
 .../components/ui/required-notes-dialog.tsx   |   4 +-
 panel/src/components/ui/scroll-area.tsx       |  16 +-
 panel/src/components/ui/select.tsx            |  46 +-
 panel/src/components/ui/separator.tsx         |  14 +-
 panel/src/components/ui/sheet.tsx             |  38 +-
 panel/src/components/ui/skeleton.tsx          |   6 +-
 panel/src/components/ui/sonner.tsx            |  16 +-
 panel/src/components/ui/switch.tsx            |  16 +-
 panel/src/components/ui/table.tsx             |  32 +-
 panel/src/components/ui/tabs.tsx              |  22 +-
 panel/src/components/ui/textarea.tsx          |  10 +-
 panel/src/components/ui/tooltip.tsx           |  22 +-
 .../work-sessions/work-session-table.tsx      |  13 +-
 panel/src/hooks/use-agents.ts                 | 258 ++++++-
 panel/src/hooks/use-channels.ts               |   8 +-
 panel/src/hooks/use-dashboard.ts              |  16 +-
 panel/src/hooks/use-git.ts                    |  51 +-
 panel/src/hooks/use-journals.ts               |   2 +-
 panel/src/hooks/use-knowledge-base.ts         |  30 +-
 panel/src/hooks/use-notifications.ts          |  14 +-
 panel/src/hooks/use-products.ts               |  15 +-
 panel/src/hooks/use-projects.ts               |  21 +-
 panel/src/hooks/use-rate-limit-sync.ts        |  12 +-
 panel/src/hooks/use-rate-limit-websocket.ts   |  11 +-
 panel/src/hooks/use-scroll-restoration.ts     |   9 +-
 panel/src/hooks/use-secretary.ts              |  12 +-
 panel/src/hooks/use-tasks.ts                  |  81 +-
 panel/src/hooks/use-usage.ts                  |  18 +-
 panel/src/hooks/use-websocket.ts              |  81 +-
 panel/src/hooks/use-work-sessions.ts          |  60 +-
 .../lib/__tests__/agent-definitions.test.ts   |   4 +-
 panel/src/lib/__tests__/client.test.ts        |  31 +-
 panel/src/lib/agent-definitions.ts            |  23 +-
 panel/src/lib/agent-utils.ts                  |  16 +-
 panel/src/lib/api/a2a.ts                      |  26 +-
 panel/src/lib/api/channels.ts                 |  22 +-
 panel/src/lib/api/client.ts                   |  56 +-
 panel/src/lib/api/cockpit.ts                  |   2 +-
 panel/src/lib/api/dashboard.ts                |  91 ++-
 panel/src/lib/api/git.ts                      |  57 +-
 panel/src/lib/api/journals.ts                 |  49 +-
 panel/src/lib/api/knowledge-base.ts           | 284 +++++--
 panel/src/lib/api/messages.ts                 |  36 +-
 panel/src/lib/api/notifications.ts            |  53 +-
 panel/src/lib/api/observability.ts            |   9 +-
 panel/src/lib/api/orchestrator.ts             |  48 +-
 panel/src/lib/api/playbooks.ts                |   4 +-
 panel/src/lib/api/products.ts                 |   7 +-
 panel/src/lib/api/projects.ts                 |  65 +-
 panel/src/lib/api/providers.ts                |   5 +-
 panel/src/lib/api/rate-limits.ts              |   4 +-
 panel/src/lib/api/release.ts                  |   9 +-
 panel/src/lib/api/secretary.ts                |  25 +-
 panel/src/lib/api/sessions.ts                 |  57 +-
 panel/src/lib/api/settings.ts                 |  17 +-
 panel/src/lib/api/stream.ts                   |  31 +-
 panel/src/lib/api/tasks.ts                    | 248 +++++--
 panel/src/lib/api/usage.ts                    |  68 +-
 panel/src/lib/api/work-sessions.ts            |  87 ++-
 panel/src/lib/constants.ts                    |   4 +-
 panel/src/lib/mock-data.ts                    | 691 +++++++++++++++---
 panel/src/lib/stores/ui-store.ts              |  12 +-
 panel/src/lib/utils.ts                        |   6 +-
 panel/src/lib/websocket/connection.ts         |  25 +-
 .../__tests__/notifications-store.test.ts     |  32 +-
 .../store/__tests__/rate-limit-store.test.ts  |  10 +-
 panel/src/store/notifications-store.ts        |  11 +-
 panel/src/store/rate-limit-store.ts           |   2 +-
 panel/src/store/ui-store.ts                   |  13 +-
 panel/vitest.config.ts                        |   6 +-
 223 files changed, 5721 insertions(+), 2505 deletions(-)

diff --git a/panel/.prettierrc.json b/panel/.prettierrc.json
index 791565d5..d7173d71 100644
--- a/panel/.prettierrc.json
+++ b/panel/.prettierrc.json
@@ -7,4 +7,4 @@
   "arrowParens": "always",
   "bracketSpacing": true,
   "endOfLine": "lf"
-}
\ No newline at end of file
+}
diff --git a/panel/lib/lifecycle.json b/panel/lib/lifecycle.json
index d8987d3e..dcc15f93 100644
--- a/panel/lib/lifecycle.json
+++ b/panel/lib/lifecycle.json
@@ -1,38 +1,19 @@
 {
   "claim_rules": {
     "auditor": [],
-    "cell_pm": [
-      "needs_revision",
-      "pending"
-    ],
+    "cell_pm": ["needs_revision", "pending"],
     "ceo": [],
-    "developer": [
-      "needs_revision",
-      "pending"
-    ],
-    "documenter": [
-      "awaiting_documentation",
-      "pending"
-    ],
+    "developer": ["needs_revision", "pending"],
+    "documenter": ["awaiting_documentation", "pending"],
     "head_marketing": [],
-    "main_pm": [
-      "needs_revision",
-      "pending"
-    ],
-    "pr_reviewer": [
-      "awaiting_pr_review",
-      "pending"
-    ],
+    "main_pm": ["needs_revision", "pending"],
+    "pr_reviewer": ["awaiting_pr_review", "pending"],
     "product_owner": [],
-    "qa": [
-      "awaiting_qa"
-    ]
+    "qa": ["awaiting_qa"]
   },
   "intents": [
     {
-      "allowed_roles": [
-        "documenter"
-      ],
+      "allowed_roles": ["documenter"],
       "composes": [],
       "description": "Claim awaiting_documentation. Returns evidence inline.",
       "name": "claim_doc_task",
@@ -40,9 +21,7 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "pr_reviewer"
-      ],
+      "allowed_roles": ["pr_reviewer"],
       "composes": [],
       "description": "Claim an assembled-PR review task (awaiting_pr_review) WITHOUT transitioning it \u2014 mirrors QA's claim_review. The assembled diff and the parent task's acceptance criteria are returned inline.",
       "name": "claim_gate_review",
@@ -50,22 +29,15 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "pr_reviewer"
-      ],
-      "composes": [
-        "claim",
-        "start"
-      ],
+      "allowed_roles": ["pr_reviewer"],
+      "composes": ["claim", "start"],
       "description": "Claim an inbound external-PR review task and start work. pending -> claimed -> in_progress.",
       "name": "claim_pr_review",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "qa"
-      ],
+      "allowed_roles": ["qa"],
       "composes": [],
       "description": "Claim a task in awaiting_qa for review. Returns evidence inline.",
       "name": "claim_review",
@@ -73,52 +45,31 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "main_pm"
-      ],
-      "composes": [
-        "complete"
-      ],
+      "allowed_roles": ["cell_pm", "main_pm"],
+      "composes": ["complete"],
       "description": "Cell PM merges the PR (leaf into the cell branch, or the gated cell\u2192root PR into the root branch) + transitions to completed; Main PM escalates the root to the CEO (who merges root\u2192master).",
       "name": "complete",
       "pre_side_effects": [],
-      "side_effects": [
-        "pr_merge"
-      ]
+      "side_effects": ["pr_merge"]
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "main_pm"
-      ],
-      "composes": [
-        "create_subtask"
-      ],
+      "allowed_roles": ["cell_pm", "main_pm"],
+      "composes": ["create_subtask"],
       "description": "Create a subtask under the current task. Validates the delegation chain (main_pm->cell_pm; cell_pm->its team's devs) and the assignee-vs-task_type rule (Cell PMs get planning-typed tasks; devs get code/research, UX devs also design). documentation is NOT delegatable \u2014 the lifecycle auto-creates the doc phase after the code subtask passes QA.",
       "name": "delegate",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "head_marketing",
-        "main_pm",
-        "product_owner"
-      ],
-      "composes": [
-        "escalate_to_ceo"
-      ],
+      "allowed_roles": ["head_marketing", "main_pm", "product_owner"],
+      "composes": ["escalate_to_ceo"],
       "description": "Escalate to CEO with reason. Transitions to awaiting_ceo_approval.",
       "name": "escalate_to_ceo",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "main_pm"
-      ],
+      "allowed_roles": ["cell_pm", "main_pm"],
       "composes": [],
       "description": "Escalate to your role's escalation_target.",
       "name": "escalate_up",
@@ -126,12 +77,8 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "qa"
-      ],
-      "composes": [
-        "qa_fail"
-      ],
+      "allowed_roles": ["qa"],
+      "composes": ["qa_fail"],
       "description": "Fail QA with concrete issues. Transitions to needs_revision.",
       "name": "fail_review",
       "pre_side_effects": [],
@@ -153,27 +100,16 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "developer",
-        "documenter",
-        "qa"
-      ],
-      "composes": [
-        "block"
-      ],
+      "allowed_roles": ["developer", "documenter", "qa"],
+      "composes": ["block"],
       "description": "Escalate to PM. Logs a struggle journal entry.",
       "name": "i_am_blocked",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "developer"
-      ],
-      "composes": [
-        "submit_verification",
-        "submit_qa"
-      ],
+      "allowed_roles": ["developer"],
+      "composes": ["submit_verification", "submit_qa"],
       "description": "Submit work for QA. Auto-runs in_progress->verifying then verifying->awaiting_qa. Strict - PR must be open (call open_pr first) and >=1 commit.",
       "name": "i_am_done",
       "pre_side_effects": [],
@@ -200,111 +136,71 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "documenter"
-      ],
-      "composes": [
-        "docs_complete"
-      ],
+      "allowed_roles": ["documenter"],
+      "composes": ["docs_complete"],
       "description": "Signal docs complete. Transitions to awaiting_pm_review.",
       "name": "i_documented",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "main_pm"
-      ],
-      "composes": [
-        "claim",
-        "set_plan",
-        "start"
-      ],
+      "allowed_roles": ["cell_pm", "main_pm"],
+      "composes": ["claim", "set_plan", "start"],
       "description": "PM mirror of i_will_work_on for parent tasks. Claim, plan, transition to in_progress; from there delegate subtasks.",
       "name": "i_will_plan",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "developer"
-      ],
-      "composes": [
-        "claim",
-        "set_plan",
-        "start"
-      ],
+      "allowed_roles": ["developer"],
+      "composes": ["claim", "set_plan", "start"],
       "description": "Claim a task, set the plan, and transition to in_progress. Atomic - preconditions checked before any state mutation.",
       "name": "i_will_work_on",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "developer"
-      ],
+      "allowed_roles": ["developer"],
       "composes": [],
       "description": "Push the branch and open a PR. Atomic - preconditions (assignee, >=1 commit, no prior PR) checked BEFORE any git operation. After success, call i_am_done.",
       "name": "open_pr",
       "pre_side_effects": [],
-      "side_effects": [
-        "push_branch",
-        "create_pr"
-      ]
+      "side_effects": ["push_branch", "create_pr"]
     },
     {
-      "allowed_roles": [
-        "qa"
-      ],
-      "composes": [
-        "qa_pass"
-      ],
+      "allowed_roles": ["qa"],
+      "composes": ["qa_pass"],
       "description": "Pass QA. Transitions awaiting_qa -> awaiting_documentation.",
       "name": "pass_review",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "pr_reviewer"
-      ],
-      "composes": [
-        "pr_review_done"
-      ],
+      "allowed_roles": ["pr_reviewer"],
+      "composes": ["pr_review_done"],
       "description": "Post one complete change-request to the external PR and finish the review task. in_progress -> completed.",
       "name": "post_pr_review",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "pr_reviewer"
-      ],
-      "composes": [
-        "pr_fail"
-      ],
+      "allowed_roles": ["pr_reviewer"],
+      "composes": ["pr_fail"],
       "description": "Fail the assembled-PR review with concrete issues. Transitions awaiting_pr_review -> needs_revision, routed back like a QA fail.",
       "name": "pr_fail",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "pr_reviewer"
-      ],
-      "composes": [
-        "pr_pass"
-      ],
+      "allowed_roles": ["pr_reviewer"],
+      "composes": ["pr_pass"],
       "description": "Pass the assembled-PR review. Transitions awaiting_pr_review -> awaiting_pm_review so the PM can merge.",
       "name": "pr_pass",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm"
-      ],
+      "allowed_roles": ["cell_pm"],
       "composes": [],
       "description": "Hand a claimed/in_progress task to another developer in your own cell. The branch is keyed to the task (not the agent), so it is preserved \u2014 the new developer continues the work-in-progress. No status change.",
       "name": "reassign",
@@ -312,47 +208,27 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "developer",
-        "documenter",
-        "main_pm",
-        "qa"
-      ],
-      "composes": [
-        "resume"
-      ],
+      "allowed_roles": ["cell_pm", "developer", "documenter", "main_pm", "qa"],
+      "composes": ["resume"],
       "description": "Resume a paused task you own. paused -> in_progress.",
       "name": "resume",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "main_pm"
-      ],
-      "composes": [
-        "submit_for_review"
-      ],
+      "allowed_roles": ["main_pm"],
+      "composes": ["submit_for_review"],
       "description": "Main PM opens the root\u2192master PR and moves the root task to awaiting_pr_review for the main reviewer (the root analogue of the cell PM's submit_up). After pr_pass, call complete to escalate to the CEO. Only for code roots; branchless coordination roots skip the gate and complete directly.",
       "name": "submit_root",
-      "pre_side_effects": [
-        "create_root_pr"
-      ],
+      "pre_side_effects": ["create_root_pr"],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm"
-      ],
-      "composes": [
-        "submit_for_review"
-      ],
+      "allowed_roles": ["cell_pm"],
+      "composes": ["submit_for_review"],
       "description": "Cell PM opens the cell\u2192root PR and moves the cell task into the PR-review gate (awaiting_pr_review). The cell reviewer reviews the assembled diff; after pr_pass the same Cell PM completes it.",
       "name": "submit_up",
-      "pre_side_effects": [
-        "create_pr"
-      ],
+      "pre_side_effects": ["create_pr"],
       "side_effects": []
     },
     {
@@ -370,9 +246,7 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "main_pm"
-      ],
+      "allowed_roles": ["main_pm"],
       "composes": [],
       "description": "List actionable tasks across all teams (Main PM only).",
       "name": "triage_all",
@@ -380,26 +254,15 @@
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "main_pm"
-      ],
-      "composes": [
-        "unblock"
-      ],
+      "allowed_roles": ["cell_pm", "main_pm"],
+      "composes": ["unblock"],
       "description": "PM unblocks a blocked task; restores pre-block state.",
       "name": "unblock",
       "pre_side_effects": [],
       "side_effects": []
     },
     {
-      "allowed_roles": [
-        "cell_pm",
-        "developer",
-        "documenter",
-        "main_pm",
-        "qa"
-      ],
+      "allowed_roles": ["cell_pm", "developer", "documenter", "main_pm", "qa"],
       "composes": [],
       "description": "Voluntarily release a claim back to pending. The work-in-progress branch is preserved.",
       "name": "unclaim",
@@ -410,160 +273,109 @@
   "transitions": [
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "awaiting_ceo_approval",
       "target": "cancelled"
     },
     {
       "action": "ceo_approve",
-      "roles": [
-        "ceo"
-      ],
+      "roles": ["ceo"],
       "source": "awaiting_ceo_approval",
       "target": "completed"
     },
     {
       "action": "ceo_reject",
-      "roles": [
-        "ceo"
-      ],
+      "roles": ["ceo"],
       "source": "awaiting_ceo_approval",
       "target": "needs_revision"
     },
     {
       "action": "docs_complete",
-      "roles": [
-        "documenter"
-      ],
+      "roles": ["documenter"],
       "source": "awaiting_documentation",
       "target": "awaiting_pm_review"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "awaiting_documentation",
       "target": "cancelled"
     },
     {
       "action": "claim",
-      "roles": [
-        "documenter"
-      ],
+      "roles": ["documenter"],
       "source": "awaiting_documentation",
       "target": "claimed"
     },
     {
       "action": "escalate_to_ceo",
-      "roles": [
-        "head_marketing",
-        "main_pm",
-        "product_owner"
-      ],
+      "roles": ["head_marketing", "main_pm", "product_owner"],
       "source": "awaiting_pm_review",
       "target": "awaiting_ceo_approval"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "awaiting_pm_review",
       "target": "cancelled"
     },
     {
       "action": "complete",
-      "roles": [
-        "cell_pm",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "main_pm"],
       "source": "awaiting_pm_review",
       "target": "completed"
     },
     {
       "action": "pr_pass",
-      "roles": [
-        "pr_reviewer"
-      ],
+      "roles": ["pr_reviewer"],
       "source": "awaiting_pr_review",
       "target": "awaiting_pm_review"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "awaiting_pr_review",
       "target": "cancelled"
     },
     {
       "action": "claim",
-      "roles": [
-        "pr_reviewer"
-      ],
+      "roles": ["pr_reviewer"],
       "source": "awaiting_pr_review",
       "target": "claimed"
     },
     {
       "action": "pr_fail",
-      "roles": [
-        "pr_reviewer"
-      ],
+      "roles": ["pr_reviewer"],
       "source": "awaiting_pr_review",
       "target": "needs_revision"
     },
     {
       "action": "qa_pass",
-      "roles": [
-        "qa"
-      ],
+      "roles": ["qa"],
       "source": "awaiting_qa",
       "target": "awaiting_documentation"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "awaiting_qa",
       "target": "cancelled"
     },
     {
       "action": "claim",
-      "roles": [
-        "qa"
-      ],
+      "roles": ["qa"],
       "source": "awaiting_qa",
       "target": "claimed"
     },
     {
       "action": "qa_fail",
-      "roles": [
-        "qa"
-      ],
+      "roles": ["qa"],
       "source": "awaiting_qa",
       "target": "needs_revision"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "backlog",
       "target": "cancelled"
     },
@@ -575,21 +387,13 @@
     },
     {
       "action": "escalate_to_ceo",
-      "roles": [
-        "head_marketing",
-        "main_pm",
-        "product_owner"
-      ],
+      "roles": ["head_marketing", "main_pm", "product_owner"],
       "source": "blocked",
       "target": "awaiting_ceo_approval"
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "blocked",
       "target": "cancelled"
     },
@@ -607,11 +411,7 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "claimed",
       "target": "cancelled"
     },
@@ -641,19 +441,13 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "in_progress",
       "target": "cancelled"
     },
     {
       "action": "pr_review_done",
-      "roles": [
-        "pr_reviewer"
-      ],
+      "roles": ["pr_reviewer"],
       "source": "in_progress",
       "target": "completed"
     },
@@ -671,11 +465,7 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "needs_revision",
       "target": "cancelled"
     },
@@ -687,11 +477,7 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "paused",
       "target": "cancelled"
     },
@@ -703,11 +489,7 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "pending",
       "target": "cancelled"
     },
@@ -725,11 +507,7 @@
     },
     {
       "action": "cancel",
-      "roles": [
-        "cell_pm",
-        "ceo",
-        "main_pm"
-      ],
+      "roles": ["cell_pm", "ceo", "main_pm"],
       "source": "verifying",
       "target": "cancelled"
     }
diff --git a/panel/src/app/(dashboard)/agents/[agentId]/page.tsx b/panel/src/app/(dashboard)/agents/[agentId]/page.tsx
index 908521ed..e4257025 100644
--- a/panel/src/app/(dashboard)/agents/[agentId]/page.tsx
+++ b/panel/src/app/(dashboard)/agents/[agentId]/page.tsx
@@ -2,12 +2,32 @@
 
 import { useParams, useRouter } from "next/navigation";
 import { formatDistanceToNow } from "date-fns";
-import { useAgentStatus, useStopAgent, useSpawnAgent, useAgentDefinition } from "@/hooks/use-agents";
+import {
+  useAgentStatus,
+  useStopAgent,
+  useSpawnAgent,
+  useAgentDefinition,
+} from "@/hooks/use-agents";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Skeleton } from "@/components/ui/skeleton";
-import { ArrowLeft, Play, Square, AlertTriangle, Clock, RefreshCw, User, Users } from "lucide-react";
+import {
+  ArrowLeft,
+  Play,
+  Square,
+  AlertTriangle,
+  Clock,
+  RefreshCw,
+  User,
+  Users,
+} from "lucide-react";
 import { toast } from "sonner";
 import {
   AgentStatusCards,
@@ -50,13 +70,19 @@ export default function AgentDetailPage() {
 
   // Get display values from definition or fallback
   const displayName = definition?.name || agentId;
-  const roleLabel = definition?.role ? ROLE_LABELS[definition.role] || definition.role : null;
-  const teamLabel = definition?.team ? TEAM_LABELS[definition.team] || definition.team : null;
+  const roleLabel = definition?.role
+    ? ROLE_LABELS[definition.role] || definition.role
+    : null;
+  const teamLabel = definition?.team
+    ? TEAM_LABELS[definition.team] || definition.team
+    : null;
 
   const handleStop = async (graceful: boolean) => {
     try {
       await stopAgent.mutateAsync({ agentId, graceful });
-      toast.success(graceful ? "Agent stopping gracefully" : "Agent force stopped");
+      toast.success(
+        graceful ? "Agent stopping gracefully" : "Agent force stopped",
+      );
     } catch {
       toast.error("Failed to stop agent");
     }
@@ -97,7 +123,9 @@ export default function AgentDetailPage() {
     );
   }
 
-  const isActive = agent && ["running", "ready", "starting", "waiting_long"].includes(agent.state);
+  const isActive =
+    agent &&
+    ["running", "ready", "starting", "waiting_long"].includes(agent.state);
   const isWaiting = agent?.state === "waiting_long";
 
   return (
@@ -111,7 +139,9 @@ export default function AgentDetailPage() {
           </Button>
           <div>
             <div className="flex items-center gap-3">
-              <h1 className="text-3xl font-bold tracking-tight">{displayName}</h1>
+              <h1 className="text-3xl font-bold tracking-tight">
+                {displayName}
+              </h1>
               {roleLabel && (
                 <Badge variant="secondary" className="gap-1">
                   <User className="h-3 w-3" />
@@ -199,7 +229,9 @@ export default function AgentDetailPage() {
                 </CardTitle>
               </CardHeader>
               <CardContent>
-                <p className="text-lg font-semibold text-red-600">{agent.error_count} error(s)</p>
+                <p className="text-lg font-semibold text-red-600">
+                  {agent.error_count} error(s)
+                </p>
               </CardContent>
             </Card>
           )}
@@ -213,20 +245,23 @@ export default function AgentDetailPage() {
                   Agent Waiting for Input
                 </CardTitle>
                 <CardDescription>
-                  This agent is blocked and waiting for human input or external resolution.
+                  This agent is blocked and waiting for human input or external
+                  resolution.
                 </CardDescription>
               </CardHeader>
               <CardContent>
                 <p className="text-muted-foreground">
-                  Use the &quot;Resolve Wait&quot; button above to provide the information or decision
-                  the agent needs to continue execution.
+                  Use the &quot;Resolve Wait&quot; button above to provide the
+                  information or decision the agent needs to continue execution.
                 </p>
               </CardContent>
             </Card>
           )}
 
           {/* Agent Stream Viewer */}
-          {isActive && <AgentStreamViewer agentId={agentId} agentName={displayName} />}
+          {isActive && (
+            <AgentStreamViewer agentId={agentId} agentName={displayName} />
+          )}
         </>
       ) : null}
     </div>
diff --git a/panel/src/app/(dashboard)/agents/page.tsx b/panel/src/app/(dashboard)/agents/page.tsx
index 40716ac1..7a708d03 100644
--- a/panel/src/app/(dashboard)/agents/page.tsx
+++ b/panel/src/app/(dashboard)/agents/page.tsx
@@ -32,11 +32,11 @@ export default function AgentsPage() {
   const { data: usageRows } = useAgentUsage();
 
   // Check if it's a connection error (backend not running)
-  const isOffline = error && (
-    error.message?.includes("Network Error") ||
-    error.message?.includes("ECONNREFUSED") ||
-    (error as { code?: string })?.code === "ERR_NETWORK"
-  );
+  const isOffline =
+    error &&
+    (error.message?.includes("Network Error") ||
+      error.message?.includes("ECONNREFUSED") ||
+      (error as { code?: string })?.code === "ERR_NETWORK");
 
   // Convert agents array to a record keyed by agent_id for easy lookup
   const agentStatuses = useMemo(() => {
@@ -86,7 +86,9 @@ export default function AgentsPage() {
           <OrchestratorStatusCards status={status} isLoading={isLoading} />
 
           {/* Waiting Agents Alert */}
-          {waitingAgents && <WaitingAgentsAlert waitingAgents={waitingAgents} />}
+          {waitingAgents && (
+            <WaitingAgentsAlert waitingAgents={waitingAgents} />
+          )}
         </>
       )}
 
diff --git a/panel/src/app/(dashboard)/business/page.tsx b/panel/src/app/(dashboard)/business/page.tsx
index b559d604..a88cb54b 100644
--- a/panel/src/app/(dashboard)/business/page.tsx
+++ b/panel/src/app/(dashboard)/business/page.tsx
@@ -42,8 +42,8 @@ function BusinessPageContent() {
       <div>
         <h1 className="text-3xl font-bold tracking-tight">Business</h1>
         <p className="text-muted-foreground">
-          Company goals, your chief-of-staff Secretary, and Board pitches — all in
-          one place.
+          Company goals, your chief-of-staff Secretary, and Board pitches — all
+          in one place.
         </p>
       </div>
 
diff --git a/panel/src/app/(dashboard)/communications/[sessionId]/page.tsx b/panel/src/app/(dashboard)/communications/[sessionId]/page.tsx
index 8bf4520a..4346e0f6 100644
--- a/panel/src/app/(dashboard)/communications/[sessionId]/page.tsx
+++ b/panel/src/app/(dashboard)/communications/[sessionId]/page.tsx
@@ -37,9 +37,10 @@ function SessionDetailContent() {
   const groupId = searchParams.get("group");
 
   // Build back URL preserving context
-  const backUrl = channelId && groupId
-    ? `/communications?channel=${channelId}&group=${groupId}`
-    : "/communications";
+  const backUrl =
+    channelId && groupId
+      ? `/communications?channel=${channelId}&group=${groupId}`
+      : "/communications";
   const queryClient = useQueryClient();
   const scrollRef = useRef<HTMLDivElement>(null);
 
@@ -52,12 +53,20 @@ function SessionDetailContent() {
   // is what stops the panel from accumulating a 404 storm across every dead
   // session it has opened. `refetchMessages` (the manual Refresh button) stays
   // available for live sessions.
-  const { data: session, isLoading: loadingSession, refetch: refetchSession } = useSession(sessionId);
-  const { data: messagesData, isLoading: loadingMessages, refetch: refetchMessages } = useSessionMessages(sessionId);
+  const {
+    data: session,
+    isLoading: loadingSession,
+    refetch: refetchSession,
+  } = useSession(sessionId);
+  const {
+    data: messagesData,
+    isLoading: loadingMessages,
+    refetch: refetchMessages,
+  } = useSessionMessages(sessionId);
 
   // Sort messages chronologically (oldest first for chat UI)
   const messages = [...(messagesData?.items || [])].sort(
-    (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
+    (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime(),
   );
 
   // Track if we've done the initial scroll
@@ -73,11 +82,19 @@ function SessionDetailContent() {
 
   // Send message mutation
   const sendMessage = useMutation({
-    mutationFn: async ({ content, type }: { content: string; type: string }) => {
+    mutationFn: async ({
+      content,
+      type,
+    }: {
+      content: string;
+      type: string;
+    }) => {
       return messagesApi.send(sessionId, content, type);
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["messages", "list", sessionId] });
+      queryClient.invalidateQueries({
+        queryKey: ["messages", "list", sessionId],
+      });
       toast.success("Message sent");
     },
     onError: (error: Error) => {
@@ -95,7 +112,8 @@ function SessionDetailContent() {
   };
 
   // Get primary task
-  const primaryTask = session?.task_links?.find(t => t.is_primary) || session?.task_links?.[0];
+  const primaryTask =
+    session?.task_links?.find((t) => t.is_primary) || session?.task_links?.[0];
 
   if (loadingSession) {
     return (
@@ -122,7 +140,8 @@ function SessionDetailContent() {
               <MessageSquare className="h-12 w-12 mx-auto mb-4 text-muted-foreground/50" />
               <h3 className="text-lg font-medium mb-2">Session Not Found</h3>
               <p className="text-sm text-muted-foreground">
-                The session you&apos;re looking for doesn&apos;t exist or has been deleted.
+                The session you&apos;re looking for doesn&apos;t exist or has
+                been deleted.
               </p>
             </div>
           </CardContent>
@@ -162,7 +181,9 @@ function SessionDetailContent() {
       <Card className="mb-4 shrink-0">
         <CardContent className="py-3">
           <div className="flex items-center gap-4 flex-wrap">
-            <Badge variant={session.status === "active" ? "default" : "secondary"}>
+            <Badge
+              variant={session.status === "active" ? "default" : "secondary"}
+            >
               {session.status}
             </Badge>
             <div className="flex items-center gap-1 text-sm text-muted-foreground">
@@ -175,7 +196,8 @@ function SessionDetailContent() {
             </div>
             {session.closed_at && (
               <div className="flex items-center gap-1 text-sm text-muted-foreground">
-                Closed: {format(new Date(session.closed_at), "MMM d, yyyy h:mm a")}
+                Closed:{" "}
+                {format(new Date(session.closed_at), "MMM d, yyyy h:mm a")}
               </div>
             )}
 
@@ -190,7 +212,8 @@ function SessionDetailContent() {
                       href={`/tasks/${primaryTask.task_id}`}
                       className="text-sm text-primary hover:underline"
                     >
-                      {primaryTask.task_title || `Task ${primaryTask.task_id.slice(0, 8)}`}
+                      {primaryTask.task_title ||
+                        `Task ${primaryTask.task_id.slice(0, 8)}`}
                     </Link>
                   )}
                   {session.task_links.length > 1 && (
@@ -232,7 +255,9 @@ function SessionDetailContent() {
               <div className="text-center py-12 text-muted-foreground">
                 <MessageSquare className="h-12 w-12 mx-auto mb-2 opacity-50" />
                 <p>No messages in this session</p>
-                <p className="text-sm">Use the composer below to start the conversation</p>
+                <p className="text-sm">
+                  Use the composer below to start the conversation
+                </p>
               </div>
             ) : (
               <div className="space-y-3">
diff --git a/panel/src/app/(dashboard)/communications/page.tsx b/panel/src/app/(dashboard)/communications/page.tsx
index 3bc05f34..02bb741c 100644
--- a/panel/src/app/(dashboard)/communications/page.tsx
+++ b/panel/src/app/(dashboard)/communications/page.tsx
@@ -37,12 +37,17 @@ interface ChannelListProps {
   isLoading: boolean;
 }
 
-function ChannelList({ channels, selectedId, onSelect, isLoading }: ChannelListProps) {
+function ChannelList({
+  channels,
+  selectedId,
+  onSelect,
+  isLoading,
+}: ChannelListProps) {
   const cellChannels = channels.filter((c) => c.type === "cell");
   const crossCellChannels = channels.filter((c) => c.type === "cross_cell");
   const managementChannels = channels.filter((c) => c.type === "management");
   const otherChannels = channels.filter(
-    (c) => !["cell", "cross_cell", "management"].includes(c.type)
+    (c) => !["cell", "cross_cell", "management"].includes(c.type),
   );
 
   const renderGroup = (title: string, items: Channel[]) => {
@@ -208,9 +213,10 @@ function SessionList({ channelId, groupId }: SessionListProps) {
                 <div className="font-medium text-sm truncate">
                   {session.task_links?.length > 0 ? (
                     <>
-                      {session.task_links.find(l => l.is_primary)?.task_title ||
-                       session.task_links[0]?.task_title ||
-                       `Task ${session.task_links[0]?.task_id.slice(0, 8)}`}
+                      {session.task_links.find((l) => l.is_primary)
+                        ?.task_title ||
+                        session.task_links[0]?.task_title ||
+                        `Task ${session.task_links[0]?.task_id.slice(0, 8)}`}
                     </>
                   ) : (
                     `Session ${session.id.slice(0, 8)}`
@@ -222,7 +228,9 @@ function SessionList({ channelId, groupId }: SessionListProps) {
               </div>
               <div className="flex flex-col items-end gap-1 shrink-0">
                 <Badge
-                  variant={session.status === "active" ? "default" : "secondary"}
+                  variant={
+                    session.status === "active" ? "default" : "secondary"
+                  }
                   className="text-xs"
                 >
                   {session.status}
@@ -243,7 +251,13 @@ function SessionList({ channelId, groupId }: SessionListProps) {
 // Empty State Components
 // =============================================================================
 
-function EmptyPanel({ icon: Icon, message }: { icon: typeof MessageSquare; message: string }) {
+function EmptyPanel({
+  icon: Icon,
+  message,
+}: {
+  icon: typeof MessageSquare;
+  message: string;
+}) {
   return (
     <div className="h-full flex items-center justify-center text-muted-foreground">
       <div className="text-center p-4">
@@ -267,10 +281,10 @@ function CommunicationsPageContent() {
 
   const { data: channels, isLoading, error, refetch } = useChannels();
 
-  const isOffline = error && (
-    error.message?.includes("Network Error") ||
-    (error as { code?: string })?.code === "ERR_NETWORK"
-  );
+  const isOffline =
+    error &&
+    (error.message?.includes("Network Error") ||
+      (error as { code?: string })?.code === "ERR_NETWORK");
 
   const updateParams = useCallback(
     (updates: Record<string, string | null>) => {
@@ -285,18 +299,24 @@ function CommunicationsPageContent() {
       const query = params.toString();
       router.push(query ? `/communications?${query}` : "/communications");
     },
-    [router, searchParams]
+    [router, searchParams],
   );
 
-  const handleSelectChannel = useCallback((id: string) => {
-    updateParams({ channel: id, group: null });
-  }, [updateParams]);
+  const handleSelectChannel = useCallback(
+    (id: string) => {
+      updateParams({ channel: id, group: null });
+    },
+    [updateParams],
+  );
 
-  const handleSelectGroup = useCallback((id: string) => {
-    updateParams({ group: id });
-  }, [updateParams]);
+  const handleSelectGroup = useCallback(
+    (id: string) => {
+      updateParams({ group: id });
+    },
+    [updateParams],
+  );
 
-  const selectedChannel = channels?.find(c => c.id === channelId);
+  const selectedChannel = channels?.find((c) => c.id === channelId);
 
   return (
     <div className="flex flex-col lg:h-[calc(100vh-7rem)]">
@@ -347,7 +367,10 @@ function CommunicationsPageContent() {
                 <Users className="h-4 w-4 text-muted-foreground" />
                 <span className="text-sm font-medium">Groups</span>
                 {selectedChannel && (
-                  <Badge variant="outline" className="ml-auto text-xs font-normal">
+                  <Badge
+                    variant="outline"
+                    className="ml-auto text-xs font-normal"
+                  >
                     {selectedChannel.name}
                   </Badge>
                 )}
@@ -379,7 +402,11 @@ function CommunicationsPageContent() {
                 ) : (
                   <EmptyPanel
                     icon={MessageSquare}
-                    message={channelId ? "Select a group" : "Select a channel and group"}
+                    message={
+                      channelId
+                        ? "Select a group"
+                        : "Select a channel and group"
+                    }
                   />
                 )}
               </div>
@@ -394,33 +421,35 @@ function CommunicationsPageContent() {
 // Wrap in Suspense for useSearchParams
 export default function CommunicationsPage() {
   return (
-    <Suspense fallback={
-      <div className="flex flex-col lg:h-[calc(100vh-7rem)]">
-        <div className="flex items-center justify-between mb-4">
-          <div>
-            <Skeleton className="h-9 w-48 mb-2" />
-            <Skeleton className="h-5 w-64" />
+    <Suspense
+      fallback={
+        <div className="flex flex-col lg:h-[calc(100vh-7rem)]">
+          <div className="flex items-center justify-between mb-4">
+            <div>
+              <Skeleton className="h-9 w-48 mb-2" />
+              <Skeleton className="h-5 w-64" />
+            </div>
+          </div>
+          <div className="grid grid-cols-12 gap-4 lg:gap-6">
+            <Card className="col-span-12 lg:col-span-3">
+              <CardContent className="p-3 space-y-2">
+                {Array.from({ length: 6 }).map((_, i) => (
+                  <Skeleton key={i} className="h-8 w-full" />
+                ))}
+              </CardContent>
+            </Card>
+            <Card className="col-span-12 lg:col-span-3">
+              <CardContent className="p-3 space-y-2">
+                {Array.from({ length: 4 }).map((_, i) => (
+                  <Skeleton key={i} className="h-10 w-full" />
+                ))}
+              </CardContent>
+            </Card>
+            <Card className="col-span-12 lg:col-span-6" />
           </div>
         </div>
-        <div className="grid grid-cols-12 gap-4 lg:gap-6">
-          <Card className="col-span-12 lg:col-span-3">
-            <CardContent className="p-3 space-y-2">
-              {Array.from({ length: 6 }).map((_, i) => (
-                <Skeleton key={i} className="h-8 w-full" />
-              ))}
-            </CardContent>
-          </Card>
-          <Card className="col-span-12 lg:col-span-3">
-            <CardContent className="p-3 space-y-2">
-              {Array.from({ length: 4 }).map((_, i) => (
-                <Skeleton key={i} className="h-10 w-full" />
-              ))}
-            </CardContent>
-          </Card>
-          <Card className="col-span-12 lg:col-span-6" />
-        </div>
-      </div>
-    }>
+      }
+    >
       <CommunicationsPageContent />
     </Suspense>
   );
diff --git a/panel/src/app/(dashboard)/journals/[entryId]/page.tsx b/panel/src/app/(dashboard)/journals/[entryId]/page.tsx
index a3e46218..d98acd41 100644
--- a/panel/src/app/(dashboard)/journals/[entryId]/page.tsx
+++ b/panel/src/app/(dashboard)/journals/[entryId]/page.tsx
@@ -144,7 +144,10 @@ export default function JournalEntryPage({ params }: JournalEntryPageProps) {
                 <span>Related Task</span>
               </div>
               <Link href={`/tasks/${entry.task_id}`}>
-                <Badge variant="outline" className="hover:bg-muted cursor-pointer">
+                <Badge
+                  variant="outline"
+                  className="hover:bg-muted cursor-pointer"
+                >
                   Task #{entry.task_id.slice(0, 8)}
                 </Badge>
               </Link>
diff --git a/panel/src/app/(dashboard)/journals/page.tsx b/panel/src/app/(dashboard)/journals/page.tsx
index 90e48680..2aa11d8a 100644
--- a/panel/src/app/(dashboard)/journals/page.tsx
+++ b/panel/src/app/(dashboard)/journals/page.tsx
@@ -89,37 +89,52 @@ function JournalsPageContent() {
   }, [selectedAgentId, agentSearch, urlType, taskFilter]);
 
   // Update URL params
-  const updateParams = useCallback((updates: Record<string, string | null>) => {
-    const params = new URLSearchParams(searchParams.toString());
-    Object.entries(updates).forEach(([key, value]) => {
-      if (value) {
-        params.set(key, value);
-      } else {
-        params.delete(key);
+  const updateParams = useCallback(
+    (updates: Record<string, string | null>) => {
+      const params = new URLSearchParams(searchParams.toString());
+      Object.entries(updates).forEach(([key, value]) => {
+        if (value) {
+          params.set(key, value);
+        } else {
+          params.delete(key);
+        }
+      });
+      const query = params.toString();
+      router.push(query ? `/journals?${query}` : "/journals");
+    },
+    [router, searchParams],
+  );
+
+  const handleSelectAgent = useCallback(
+    (agentId: string | null) => {
+      // Only reset filters when changing to a different agent
+      if (agentId !== selectedAgentId) {
+        updateParams({ agent: agentId, type: null, task: null });
       }
-    });
-    const query = params.toString();
-    router.push(query ? `/journals?${query}` : "/journals");
-  }, [router, searchParams]);
+    },
+    [updateParams, selectedAgentId],
+  );
 
-  const handleSelectAgent = useCallback((agentId: string | null) => {
-    // Only reset filters when changing to a different agent
-    if (agentId !== selectedAgentId) {
-      updateParams({ agent: agentId, type: null, task: null });
-    }
-  }, [updateParams, selectedAgentId]);
+  const handleAgentSearch = useCallback(
+    (value: string) => {
+      updateParams({ q: value || null });
+    },
+    [updateParams],
+  );
 
-  const handleAgentSearch = useCallback((value: string) => {
-    updateParams({ q: value || null });
-  }, [updateParams]);
+  const handleTypeChange = useCallback(
+    (value: JournalEntryType | "all") => {
+      updateParams({ type: value === "all" ? null : value });
+    },
+    [updateParams],
+  );
 
-  const handleTypeChange = useCallback((value: JournalEntryType | "all") => {
-    updateParams({ type: value === "all" ? null : value });
-  }, [updateParams]);
-
-  const handleTaskChange = useCallback((value: string | null) => {
-    updateParams({ task: value });
-  }, [updateParams]);
+  const handleTaskChange = useCallback(
+    (value: string | null) => {
+      updateParams({ task: value });
+    },
+    [updateParams],
+  );
 
   // Filter agents by search
   const filteredAgents = (agents ?? []).filter((agent) => {
@@ -211,35 +226,37 @@ function JournalsPageContent() {
 // Wrap in Suspense for useSearchParams
 export default function JournalsPage() {
   return (
-    <Suspense fallback={
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <Skeleton className="h-9 w-48 mb-2" />
-            <Skeleton className="h-5 w-64" />
+    <Suspense
+      fallback={
+        <div className="space-y-6">
+          <div className="flex items-center justify-between">
+            <div>
+              <Skeleton className="h-9 w-48 mb-2" />
+              <Skeleton className="h-5 w-64" />
+            </div>
+          </div>
+          <div className="grid grid-cols-12 gap-6">
+            <div className="col-span-12 lg:col-span-3">
+              <Card>
+                <CardContent className="p-3 space-y-2">
+                  <Skeleton className="h-10 w-full" />
+                  {Array.from({ length: 5 }).map((_, i) => (
+                    <Skeleton key={i} className="h-12 w-full" />
+                  ))}
+                </CardContent>
+              </Card>
+            </div>
+            <div className="col-span-12 lg:col-span-9">
+              <Card>
+                <CardContent className="p-6">
+                  <Skeleton className="h-64 w-full" />
+                </CardContent>
+              </Card>
+            </div>
           </div>
         </div>
-        <div className="grid grid-cols-12 gap-6">
-          <div className="col-span-12 lg:col-span-3">
-            <Card>
-              <CardContent className="p-3 space-y-2">
-                <Skeleton className="h-10 w-full" />
-                {Array.from({ length: 5 }).map((_, i) => (
-                  <Skeleton key={i} className="h-12 w-full" />
-                ))}
-              </CardContent>
-            </Card>
-          </div>
-          <div className="col-span-12 lg:col-span-9">
-            <Card>
-              <CardContent className="p-6">
-                <Skeleton className="h-64 w-full" />
-              </CardContent>
-            </Card>
-          </div>
-        </div>
-      </div>
-    }>
+      }
+    >
       <JournalsPageContent />
     </Suspense>
   );
diff --git a/panel/src/app/(dashboard)/kanban/page.tsx b/panel/src/app/(dashboard)/kanban/page.tsx
index 7daa40e2..a5c4c08e 100644
--- a/panel/src/app/(dashboard)/kanban/page.tsx
+++ b/panel/src/app/(dashboard)/kanban/page.tsx
@@ -2,7 +2,12 @@
 
 import { Suspense } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
-import { DevKanban, QaKanban, PrReviewKanban, PmKanban } from "@/components/kanban";
+import {
+  DevKanban,
+  QaKanban,
+  PrReviewKanban,
+  PmKanban,
+} from "@/components/kanban";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Code, TestTube, GitPullRequest, ClipboardList } from "lucide-react";
@@ -66,16 +71,18 @@ function KanbanPageContent() {
 // Wrap in Suspense for useSearchParams
 export default function KanbanPage() {
   return (
-    <Suspense fallback={
-      <div className="space-y-6">
-        <Skeleton className="h-10 w-72" />
-        <div className="grid grid-cols-4 gap-4">
-          {Array.from({ length: 4 }).map((_, i) => (
-            <Skeleton key={i} className="h-96 w-full" />
-          ))}
+    <Suspense
+      fallback={
+        <div className="space-y-6">
+          <Skeleton className="h-10 w-72" />
+          <div className="grid grid-cols-4 gap-4">
+            {Array.from({ length: 4 }).map((_, i) => (
+              <Skeleton key={i} className="h-96 w-full" />
+            ))}
+          </div>
         </div>
-      </div>
-    }>
+      }
+    >
       <KanbanPageContent />
     </Suspense>
   );
diff --git a/panel/src/app/(dashboard)/metrics/page.tsx b/panel/src/app/(dashboard)/metrics/page.tsx
index c797bfff..2a8ea419 100644
--- a/panel/src/app/(dashboard)/metrics/page.tsx
+++ b/panel/src/app/(dashboard)/metrics/page.tsx
@@ -42,7 +42,10 @@ import {
   Coins,
   Sparkles,
 } from "lucide-react";
-import type { UsageProjection as UP, CacheEfficiencyResponse as CER } from "@/types";
+import type {
+  UsageProjection as UP,
+  CacheEfficiencyResponse as CER,
+} from "@/types";
 
 // ─── Humanized number formatting ─────────────────────────────────────────────
 
@@ -71,7 +74,14 @@ interface MetricCardProps {
   trendValue?: string;
 }
 
-function MetricCard({ title, value, subtitle, icon, trend, trendValue }: MetricCardProps) {
+function MetricCard({
+  title,
+  value,
+  subtitle,
+  icon,
+  trend,
+  trendValue,
+}: MetricCardProps) {
   const displayValue = typeof value === "number" ? humanizeCount(value) : value;
   return (
     <Card>
@@ -87,10 +97,19 @@ function MetricCard({ title, value, subtitle, icon, trend, trendValue }: MetricC
           <p className="text-xs text-muted-foreground mt-1">{subtitle}</p>
         )}
         {trend && trendValue && (
-          <div className={"flex items-center gap-1 mt-2 text-xs " +
-            (trend === "up" ? "text-green-600" : trend === "down" ? "text-red-600" : "text-gray-500")
-          }>
-            <TrendingUp className={"h-3 w-3 " + (trend === "down" ? "rotate-180" : "")} />
+          <div
+            className={
+              "flex items-center gap-1 mt-2 text-xs " +
+              (trend === "up"
+                ? "text-green-600"
+                : trend === "down"
+                  ? "text-red-600"
+                  : "text-gray-500")
+            }
+          >
+            <TrendingUp
+              className={"h-3 w-3 " + (trend === "down" ? "rotate-180" : "")}
+            />
             {trendValue}
           </div>
         )}
@@ -106,8 +125,13 @@ interface TeamHealthCardProps {
   completedToday: number;
 }
 
-function TeamHealthCard({ team, activeTasks, blockedTasks, completedToday }: TeamHealthCardProps) {
-  const healthScore = Math.max(0, 100 - (blockedTasks * 20));
+function TeamHealthCard({
+  team,
+  activeTasks,
+  blockedTasks,
+  completedToday,
+}: TeamHealthCardProps) {
+  const healthScore = Math.max(0, 100 - blockedTasks * 20);
 
   return (
     <Card>
@@ -144,12 +168,16 @@ function TeamHealthCard({ team, activeTasks, blockedTasks, completedToday }: Tea
 
 function PerformanceTabContent() {
   const { data: tasks, error: tasksError, refetch: refetchTasks } = useTasks();
-  const { data: status, error: statusError, refetch: refetchStatus } = useOrchestratorStatus();
+  const {
+    data: status,
+    error: statusError,
+    refetch: refetchStatus,
+  } = useOrchestratorStatus();
 
-  const isOffline = (tasksError || statusError) && (
-    tasksError?.message?.includes("Network Error") ||
-    statusError?.message?.includes("Network Error")
-  );
+  const isOffline =
+    (tasksError || statusError) &&
+    (tasksError?.message?.includes("Network Error") ||
+      statusError?.message?.includes("Network Error"));
 
   const refetch = () => {
     refetchTasks();
@@ -176,17 +204,35 @@ function PerformanceTabContent() {
   }).length;
 
   // Task status counts
-  const pending = taskList.filter((t) => t.status === TaskStatus.PENDING).length;
-  const inProgress = taskList.filter((t) => t.status === TaskStatus.IN_PROGRESS).length;
-  const blocked = taskList.filter((t) => t.status === TaskStatus.BLOCKED).length;
-  const awaitingQa = taskList.filter((t) => t.status === TaskStatus.AWAITING_QA).length;
-  const completed = taskList.filter((t) => t.status === TaskStatus.COMPLETED).length;
+  const pending = taskList.filter(
+    (t) => t.status === TaskStatus.PENDING,
+  ).length;
+  const inProgress = taskList.filter(
+    (t) => t.status === TaskStatus.IN_PROGRESS,
+  ).length;
+  const blocked = taskList.filter(
+    (t) => t.status === TaskStatus.BLOCKED,
+  ).length;
+  const awaitingQa = taskList.filter(
+    (t) => t.status === TaskStatus.AWAITING_QA,
+  ).length;
+  const completed = taskList.filter(
+    (t) => t.status === TaskStatus.COMPLETED,
+  ).length;
 
   // Agent counts
-  const runningAgents = status?.by_state?.running || agentList.filter((a) => a.state === "running").length;
-  const idleAgents = status?.by_state?.idle || agentList.filter((a) => a.state === "idle" || a.state === "stopped").length;
-  const waitingAgents = status?.waiting_count || agentList.filter((a) => a.state === "waiting_long").length;
-  const errorAgents = status?.by_state?.error || agentList.filter((a) => a.state === "error").length;
+  const runningAgents =
+    status?.by_state?.running ||
+    agentList.filter((a) => a.state === "running").length;
+  const idleAgents =
+    status?.by_state?.idle ||
+    agentList.filter((a) => a.state === "idle" || a.state === "stopped").length;
+  const waitingAgents =
+    status?.waiting_count ||
+    agentList.filter((a) => a.state === "waiting_long").length;
+  const errorAgents =
+    status?.by_state?.error ||
+    agentList.filter((a) => a.state === "error").length;
 
   // Team metrics
   const teamMetrics = Object.values(Team).map((team) => {
@@ -194,9 +240,10 @@ function PerformanceTabContent() {
     return {
       team,
       activeTasks: teamTasks.filter((t) =>
-        [TaskStatus.IN_PROGRESS, TaskStatus.CLAIMED].includes(t.status)
+        [TaskStatus.IN_PROGRESS, TaskStatus.CLAIMED].includes(t.status),
       ).length,
-      blockedTasks: teamTasks.filter((t) => t.status === TaskStatus.BLOCKED).length,
+      blockedTasks: teamTasks.filter((t) => t.status === TaskStatus.BLOCKED)
+        .length,
       completedToday: teamTasks.filter((t) => {
         if (!t.completed_at) return false;
         const c = new Date(t.completed_at);
@@ -242,7 +289,11 @@ function PerformanceTabContent() {
           />
           <MetricCard
             title="Completion Rate"
-            value={taskList.length > 0 ? Math.round((completed / taskList.length) * 100) + "%" : "0%"}
+            value={
+              taskList.length > 0
+                ? Math.round((completed / taskList.length) * 100) + "%"
+                : "0%"
+            }
             subtitle="Of all tasks"
             icon={<Activity className="h-4 w-4 text-purple-500" />}
           />
@@ -341,7 +392,8 @@ function TokenUsageCostsSection() {
   const { data: sessions, isLoading: loadingSessions } = useUsageSessions(100);
   const { data: modelUsage, isLoading: loadingModels } = useModelUsage("24h");
   const { data: projection, isLoading: loadingProj } = useUsageProjection();
-  const { data: cacheStats, isLoading: loadingCache } = useCacheEfficiency("24h");
+  const { data: cacheStats, isLoading: loadingCache } =
+    useCacheEfficiency("24h");
 
   const trendUp = (summary?.trend_pct ?? 0) >= 0;
 
@@ -369,7 +421,11 @@ function TokenUsageCostsSection() {
         />
         <SummaryCard
           title="Trend vs Prior"
-          value={summary ? (trendUp ? "+" : "") + summary.trend_pct.toFixed(1) + "%" : undefined}
+          value={
+            summary
+              ? (trendUp ? "+" : "") + summary.trend_pct.toFixed(1) + "%"
+              : undefined
+          }
           icon={
             trendUp ? (
               <TrendingUp className="h-4 w-4 text-red-500" />
@@ -387,7 +443,11 @@ function TokenUsageCostsSection() {
         />
         <SummaryCard
           title="Cache Saved"
-          value={cacheStats ? "$" + cacheStats.cost_saved_by_cache_usd.toFixed(4) : undefined}
+          value={
+            cacheStats
+              ? "$" + cacheStats.cost_saved_by_cache_usd.toFixed(4)
+              : undefined
+          }
           icon={<Sparkles className="h-4 w-4 text-purple-500" />}
           isLoading={loadingCache}
         />
@@ -429,11 +489,19 @@ interface SummaryCardProps {
   isLoading: boolean;
 }
 
-function SummaryCard({ title, value, icon, trend, isLoading }: SummaryCardProps) {
+function SummaryCard({
+  title,
+  value,
+  icon,
+  trend,
+  isLoading,
+}: SummaryCardProps) {
   return (
     <Card>
       <CardHeader className="flex flex-row items-center justify-between pb-2">
-        <CardTitle className="text-sm font-medium text-muted-foreground">{title}</CardTitle>
+        <CardTitle className="text-sm font-medium text-muted-foreground">
+          {title}
+        </CardTitle>
         {icon}
       </CardHeader>
       <CardContent>
@@ -479,7 +547,9 @@ function ProjectionCard({ projection, isLoading }: ProjectionCardProps) {
         ) : (
           <div>
             <div className="text-3xl font-bold">
-              {projection != null ? "$" + projection.projected_monthly_cost_usd.toFixed(2) : "—"}
+              {projection != null
+                ? "$" + projection.projected_monthly_cost_usd.toFixed(2)
+                : "—"}
             </div>
             <p className="text-xs text-muted-foreground mt-1">
               Based on {projection?.basis_days ?? 7}-day rolling average ($
@@ -497,7 +567,10 @@ interface CacheEfficiencyCardProps {
   isLoading: boolean;
 }
 
-function CacheEfficiencyCard({ cacheStats, isLoading }: CacheEfficiencyCardProps) {
+function CacheEfficiencyCard({
+  cacheStats,
+  isLoading,
+}: CacheEfficiencyCardProps) {
   const pct = cacheStats ? cacheStats.cache_hit_rate * 100 : 0;
 
   return (
@@ -515,8 +588,9 @@ function CacheEfficiencyCard({ cacheStats, isLoading }: CacheEfficiencyCardProps
           <div>
             <div className="text-3xl font-bold">{pct.toFixed(1)}%</div>
             <p className="text-xs text-muted-foreground mt-1">
-              {cacheStats ? fmtTokens(cacheStats.tokens_cache_read) : "—"} cache reads ·
-              saved ${cacheStats?.cost_saved_by_cache_usd.toFixed(4) ?? "—"}
+              {cacheStats ? fmtTokens(cacheStats.tokens_cache_read) : "—"} cache
+              reads · saved $
+              {cacheStats?.cost_saved_by_cache_usd.toFixed(4) ?? "—"}
             </p>
             <Progress value={pct} className="mt-2" />
           </div>
@@ -530,7 +604,11 @@ function CacheEfficiencyCard({ cacheStats, isLoading }: CacheEfficiencyCardProps
 
 type MetricsTab = "performance" | "token-usage" | "delivery";
 
-const VALID_METRICS_TABS: MetricsTab[] = ["performance", "token-usage", "delivery"];
+const VALID_METRICS_TABS: MetricsTab[] = [
+  "performance",
+  "token-usage",
+  "delivery",
+];
 
 function isValidMetricsTab(value: string | null): value is MetricsTab {
   return VALID_METRICS_TABS.includes(value as MetricsTab);
@@ -544,7 +622,9 @@ function MetricsPageContent() {
 
   // Read ?tab= from URL, default to "performance"
   const rawTab = searchParams.get("tab");
-  const activeTab: MetricsTab = isValidMetricsTab(rawTab) ? rawTab : "performance";
+  const activeTab: MetricsTab = isValidMetricsTab(rawTab)
+    ? rawTab
+    : "performance";
 
   function handleTabChange(value: string) {
     const params = new URLSearchParams(searchParams.toString());
@@ -590,32 +670,34 @@ function MetricsPageContent() {
 // Wrap in Suspense for useSearchParams
 export default function MetricsPage() {
   return (
-    <Suspense fallback={
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <Skeleton className="h-9 w-32 mb-2" />
-            <Skeleton className="h-5 w-72" />
+    <Suspense
+      fallback={
+        <div className="space-y-6">
+          <div className="flex items-center justify-between">
+            <div>
+              <Skeleton className="h-9 w-32 mb-2" />
+              <Skeleton className="h-5 w-72" />
+            </div>
+          </div>
+          <div className="flex gap-2">
+            <Skeleton className="h-9 w-28" />
+            <Skeleton className="h-9 w-28" />
+          </div>
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+            {Array.from({ length: 4 }).map((_, i) => (
+              <Card key={i}>
+                <CardHeader className="pb-2">
+                  <Skeleton className="h-4 w-24" />
+                </CardHeader>
+                <CardContent>
+                  <Skeleton className="h-8 w-16" />
+                </CardContent>
+              </Card>
+            ))}
           </div>
         </div>
-        <div className="flex gap-2">
-          <Skeleton className="h-9 w-28" />
-          <Skeleton className="h-9 w-28" />
-        </div>
-        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-          {Array.from({ length: 4 }).map((_, i) => (
-            <Card key={i}>
-              <CardHeader className="pb-2">
-                <Skeleton className="h-4 w-24" />
-              </CardHeader>
-              <CardContent>
-                <Skeleton className="h-8 w-16" />
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      </div>
-    }>
+      }
+    >
       <MetricsPageContent />
     </Suspense>
   );
diff --git a/panel/src/app/(dashboard)/notifications/page.tsx b/panel/src/app/(dashboard)/notifications/page.tsx
index 687d893f..b838e395 100644
--- a/panel/src/app/(dashboard)/notifications/page.tsx
+++ b/panel/src/app/(dashboard)/notifications/page.tsx
@@ -34,21 +34,38 @@ import { toast } from "sonner";
 import { Markdown } from "@/components/ui/markdown";
 
 const typeIcons: Record<NotificationType, React.ReactNode> = {
-  [NotificationType.TASK_ASSIGNMENT]: <ListTodo className="h-4 w-4 text-green-500" />,
-  [NotificationType.PRIORITY_CHANGE]: <ArrowUpCircle className="h-4 w-4 text-orange-500" />,
-  [NotificationType.BLOCKER_ESCALATION]: <AlertTriangle className="h-4 w-4 text-red-500" />,
-  [NotificationType.REVIEW_REQUEST]: <Check className="h-4 w-4 text-purple-500" />,
-  [NotificationType.DOCUMENTATION_REQUEST]: <Info className="h-4 w-4 text-blue-500" />,
-  [NotificationType.ALERT]: <AlertTriangle className="h-4 w-4 text-yellow-500" />,
+  [NotificationType.TASK_ASSIGNMENT]: (
+    <ListTodo className="h-4 w-4 text-green-500" />
+  ),
+  [NotificationType.PRIORITY_CHANGE]: (
+    <ArrowUpCircle className="h-4 w-4 text-orange-500" />
+  ),
+  [NotificationType.BLOCKER_ESCALATION]: (
+    <AlertTriangle className="h-4 w-4 text-red-500" />
+  ),
+  [NotificationType.REVIEW_REQUEST]: (
+    <Check className="h-4 w-4 text-purple-500" />
+  ),
+  [NotificationType.DOCUMENTATION_REQUEST]: (
+    <Info className="h-4 w-4 text-blue-500" />
+  ),
+  [NotificationType.ALERT]: (
+    <AlertTriangle className="h-4 w-4 text-yellow-500" />
+  ),
   [NotificationType.BROADCAST]: <Bell className="h-4 w-4 text-gray-500" />,
-  [NotificationType.KNOWLEDGE_SHARE]: <BookOpen className="h-4 w-4 text-cyan-500" />,
+  [NotificationType.KNOWLEDGE_SHARE]: (
+    <BookOpen className="h-4 w-4 text-cyan-500" />
+  ),
   [NotificationType.MENTION]: <AtSign className="h-4 w-4 text-indigo-500" />,
 };
 
 const priorityColors: Record<NotificationPriority, string> = {
-  [NotificationPriority.NORMAL]: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
-  [NotificationPriority.HIGH]: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
-  [NotificationPriority.URGENT]: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
+  [NotificationPriority.NORMAL]:
+    "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
+  [NotificationPriority.HIGH]:
+    "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
+  [NotificationPriority.URGENT]:
+    "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
 };
 
 interface NotificationCardProps {
@@ -57,23 +74,37 @@ interface NotificationCardProps {
   onAcknowledge: () => void;
 }
 
-function NotificationCard({ notification, onMarkRead, onAcknowledge }: NotificationCardProps) {
+function NotificationCard({
+  notification,
+  onMarkRead,
+  onAcknowledge,
+}: NotificationCardProps) {
   return (
-    <Card className={notification.is_read ? "opacity-70" : "border-l-4 border-l-primary"}>
+    <Card
+      className={
+        notification.is_read ? "opacity-70" : "border-l-4 border-l-primary"
+      }
+    >
       <CardContent className="p-4">
         <div className="flex items-start gap-3">
           <div className="mt-1">{typeIcons[notification.type]}</div>
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2 flex-wrap">
               <span className="font-medium">{notification.subject}</span>
-              <Badge className={priorityColors[notification.priority] + " text-xs"}>
+              <Badge
+                className={priorityColors[notification.priority] + " text-xs"}
+              >
                 {notification.priority}
               </Badge>
               {!notification.is_read && (
-                <Badge variant="secondary" className="text-xs">New</Badge>
+                <Badge variant="secondary" className="text-xs">
+                  New
+                </Badge>
               )}
               {notification.requires_ack && !notification.is_acknowledged && (
-                <Badge variant="destructive" className="text-xs">Needs Ack</Badge>
+                <Badge variant="destructive" className="text-xs">
+                  Needs Ack
+                </Badge>
               )}
             </div>
             <div className="text-sm text-muted-foreground mt-1">
@@ -129,19 +160,21 @@ function NotificationsPageContent() {
   }
 
   const { data, isLoading, error, refetch } = useNotifications(
-    activeTab === "unread" ? { unread_only: true } :
-    activeTab === "pending" ? { pending_ack_only: true } :
-    undefined
+    activeTab === "unread"
+      ? { unread_only: true }
+      : activeTab === "pending"
+        ? { pending_ack_only: true }
+        : undefined,
   );
 
   const markRead = useMarkNotificationRead();
   const acknowledge = useAcknowledgeNotification();
   const markAllRead = useMarkAllNotificationsRead();
 
-  const isOffline = error && (
-    error.message?.includes("Network Error") ||
-    (error as { code?: string })?.code === "ERR_NETWORK"
-  );
+  const isOffline =
+    error &&
+    (error.message?.includes("Network Error") ||
+      (error as { code?: string })?.code === "ERR_NETWORK");
 
   const handleMarkRead = async (id: string) => {
     try {
@@ -213,7 +246,9 @@ function NotificationsPageContent() {
               </CardTitle>
             </CardHeader>
             <CardContent>
-              <div className="text-2xl font-bold text-blue-600">{data.unread_count}</div>
+              <div className="text-2xl font-bold text-blue-600">
+                {data.unread_count}
+              </div>
             </CardContent>
           </Card>
           <Card>
@@ -224,7 +259,9 @@ function NotificationsPageContent() {
               </CardTitle>
             </CardHeader>
             <CardContent>
-              <div className="text-2xl font-bold text-red-600">{data.pending_ack_count}</div>
+              <div className="text-2xl font-bold text-red-600">
+                {data.pending_ack_count}
+              </div>
             </CardContent>
           </Card>
         </div>
@@ -244,7 +281,10 @@ function NotificationsPageContent() {
               Unread {data && data.unread_count > 0 && `(${data.unread_count})`}
             </TabsTrigger>
             <TabsTrigger value="pending">
-              Pending {data && data.pending_ack_count > 0 && `(${data.pending_ack_count})`}
+              Pending{" "}
+              {data &&
+                data.pending_ack_count > 0 &&
+                `(${data.pending_ack_count})`}
             </TabsTrigger>
           </TabsList>
 
@@ -284,41 +324,43 @@ function NotificationsPageContent() {
 // Wrap in Suspense for useSearchParams
 export default function NotificationsPage() {
   return (
-    <Suspense fallback={
-      <div className="space-y-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <Skeleton className="h-9 w-48 mb-2" />
-            <Skeleton className="h-5 w-72" />
+    <Suspense
+      fallback={
+        <div className="space-y-6">
+          <div className="flex items-center justify-between">
+            <div>
+              <Skeleton className="h-9 w-48 mb-2" />
+              <Skeleton className="h-5 w-72" />
+            </div>
+            <div className="flex items-center gap-2">
+              <Skeleton className="h-9 w-36" />
+              <Skeleton className="h-9 w-24" />
+            </div>
           </div>
-          <div className="flex items-center gap-2">
-            <Skeleton className="h-9 w-36" />
-            <Skeleton className="h-9 w-24" />
+          <div className="grid grid-cols-3 gap-4">
+            {Array.from({ length: 3 }).map((_, i) => (
+              <Card key={i}>
+                <CardHeader className="pb-2">
+                  <Skeleton className="h-4 w-16" />
+                </CardHeader>
+                <CardContent>
+                  <Skeleton className="h-8 w-12" />
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+          <div className="space-y-3">
+            {Array.from({ length: 5 }).map((_, i) => (
+              <Card key={i}>
+                <CardContent className="p-4">
+                  <Skeleton className="h-20 w-full" />
+                </CardContent>
+              </Card>
+            ))}
           </div>
         </div>
-        <div className="grid grid-cols-3 gap-4">
-          {Array.from({ length: 3 }).map((_, i) => (
-            <Card key={i}>
-              <CardHeader className="pb-2">
-                <Skeleton className="h-4 w-16" />
-              </CardHeader>
-              <CardContent>
-                <Skeleton className="h-8 w-12" />
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-        <div className="space-y-3">
-          {Array.from({ length: 5 }).map((_, i) => (
-            <Card key={i}>
-              <CardContent className="p-4">
-                <Skeleton className="h-20 w-full" />
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      </div>
-    }>
+      }
+    >
       <NotificationsPageContent />
     </Suspense>
   );
diff --git a/panel/src/app/(dashboard)/projects/page.tsx b/panel/src/app/(dashboard)/projects/page.tsx
index ebd18202..ae80c981 100644
--- a/panel/src/app/(dashboard)/projects/page.tsx
+++ b/panel/src/app/(dashboard)/projects/page.tsx
@@ -5,7 +5,11 @@ import { useSearchParams, useRouter } from "next/navigation";
 import { useProjects } from "@/hooks/use-projects";
 import { Team } from "@/types";
 import { OfflineState } from "@/components/ui/offline-state";
-import { CreateProjectDialog, ProjectFilters, ProjectTable } from "@/components/projects";
+import {
+  CreateProjectDialog,
+  ProjectFilters,
+  ProjectTable,
+} from "@/components/projects";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { RefreshCw } from "lucide-react";
@@ -19,7 +23,7 @@ function ProjectsPageContent() {
   const cellFilterParam = searchParams.get("cell");
   const cellFilter = useMemo(
     () => (cellFilterParam?.split(",").filter(Boolean) as Team[]) || [],
-    [cellFilterParam]
+    [cellFilterParam],
   );
   const showInactive = searchParams.get("inactive") === "true";
 
@@ -37,32 +41,37 @@ function ProjectsPageContent() {
       const query = params.toString();
       router.push(query ? `/projects?${query}` : "/projects");
     },
-    [router, searchParams]
+    [router, searchParams],
   );
 
   const handleSearchChange = useCallback(
     (value: string) => {
       updateParams({ q: value || null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleCellChange = useCallback(
     (value: Team[]) => {
       updateParams({ cell: value.length > 0 ? value.join(",") : null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleShowInactiveChange = useCallback(
     (value: boolean) => {
       updateParams({ inactive: value ? "true" : null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   // Fetch projects
-  const { data: projects, isLoading, error, refetch } = useProjects({
+  const {
+    data: projects,
+    isLoading,
+    error,
+    refetch,
+  } = useProjects({
     active_only: !showInactive,
   });
 
@@ -72,12 +81,18 @@ function ProjectsPageContent() {
 
     return projects.filter((project) => {
       // Search filter
-      if (searchQuery && !project.name.toLowerCase().includes(searchQuery.toLowerCase())) {
+      if (
+        searchQuery &&
+        !project.name.toLowerCase().includes(searchQuery.toLowerCase())
+      ) {
         return false;
       }
 
       // Cell filter (if any selected, project must match one of them)
-      if (cellFilter.length > 0 && !cellFilter.includes(project.assigned_cell)) {
+      if (
+        cellFilter.length > 0 &&
+        !cellFilter.includes(project.assigned_cell)
+      ) {
         return false;
       }
 
diff --git a/panel/src/app/(dashboard)/settings/page.tsx b/panel/src/app/(dashboard)/settings/page.tsx
index fd31fd77..35bb9af6 100644
--- a/panel/src/app/(dashboard)/settings/page.tsx
+++ b/panel/src/app/(dashboard)/settings/page.tsx
@@ -3,7 +3,13 @@
 import { useState } from "react";
 import { useTheme } from "next-themes";
 import { useUIStore } from "@/store";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
@@ -16,14 +22,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Separator } from "@/components/ui/separator";
-import {
-  Settings,
-  Palette,
-  Bell,
-  Server,
-  User,
-  Save,
-} from "lucide-react";
+import { Settings, Palette, Bell, Server, User, Save } from "lucide-react";
 import { toast } from "sonner";
 import { API_URL, WS_URL } from "@/lib/constants";
 import { TranscriptRetentionCard } from "@/components/settings/transcript-retention-card";
@@ -69,11 +68,15 @@ export default function SettingsPage() {
           <CardContent className="space-y-4">
             <div className="flex items-center gap-4">
               <div className="h-16 w-16 rounded-full bg-primary flex items-center justify-center">
-                <span className="text-primary-foreground font-bold text-2xl">CEO</span>
+                <span className="text-primary-foreground font-bold text-2xl">
+                  CEO
+                </span>
               </div>
               <div>
                 <p className="font-semibold text-lg">Renzo</p>
-                <p className="text-sm text-muted-foreground">Chief Executive Officer</p>
+                <p className="text-sm text-muted-foreground">
+                  Chief Executive Officer
+                </p>
                 <p className="text-xs text-muted-foreground mt-1">
                   Agent ID: 00000000-0000-0000-0000-000000000001
                 </p>
@@ -89,7 +92,9 @@ export default function SettingsPage() {
               <Palette className="h-5 w-5" />
               Appearance
             </CardTitle>
-            <CardDescription>Customize the look and feel of the panel</CardDescription>
+            <CardDescription>
+              Customize the look and feel of the panel
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="flex items-center justify-between">
@@ -143,10 +148,7 @@ export default function SettingsPage() {
                   Automatically refresh data periodically
                 </p>
               </div>
-              <Switch
-                checked={autoRefresh}
-                onCheckedChange={setAutoRefresh}
-              />
+              <Switch checked={autoRefresh} onCheckedChange={setAutoRefresh} />
             </div>
             <Separator />
             <div className="flex items-center justify-between">
@@ -224,7 +226,9 @@ export default function SettingsPage() {
               <Settings className="h-5 w-5" />
               Connection Info
             </CardTitle>
-            <CardDescription>Backend API configuration (read-only)</CardDescription>
+            <CardDescription>
+              Backend API configuration (read-only)
+            </CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
             <div className="space-y-2">
@@ -236,7 +240,8 @@ export default function SettingsPage() {
               <Input value={WS_URL} readOnly className="bg-muted" />
             </div>
             <p className="text-xs text-muted-foreground">
-              These values are configured via environment variables (NEXT_PUBLIC_API_URL, NEXT_PUBLIC_WS_URL)
+              These values are configured via environment variables
+              (NEXT_PUBLIC_API_URL, NEXT_PUBLIC_WS_URL)
             </p>
           </CardContent>
         </Card>
diff --git a/panel/src/app/(dashboard)/tasks/[taskId]/page.tsx b/panel/src/app/(dashboard)/tasks/[taskId]/page.tsx
index 3a9bbb81..000ab632 100644
--- a/panel/src/app/(dashboard)/tasks/[taskId]/page.tsx
+++ b/panel/src/app/(dashboard)/tasks/[taskId]/page.tsx
@@ -6,7 +6,11 @@ import { useTask, useTaskLifecycle, useUpdateTask } from "@/hooks/use-tasks";
 import { useProject } from "@/hooks/use-projects";
 import { useCreateBranch, useCreatePR, useMergePR } from "@/hooks/use-git";
 import { Team, TaskStatus } from "@/types";
-import { TaskHeader, TaskMetadata, TaskTabs } from "@/components/tasks/task-detail";
+import {
+  TaskHeader,
+  TaskMetadata,
+  TaskTabs,
+} from "@/components/tasks/task-detail";
 import { ApproveAndStartButton } from "@/components/tasks/approve-and-start-button";
 import {
   EscalateToCeoDialog,
@@ -42,7 +46,8 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
 
   // Dialog states
   const [escalateDialogOpen, setEscalateDialogOpen] = useState(false);
-  const [approveAndMergeDialogOpen, setApproveAndMergeDialogOpen] = useState(false);
+  const [approveAndMergeDialogOpen, setApproveAndMergeDialogOpen] =
+    useState(false);
   const [approveDialogOpen, setApproveDialogOpen] = useState(false);
   const [rejectDialogOpen, setRejectDialogOpen] = useState(false);
   const [branchDialogOpen, setBranchDialogOpen] = useState(false);
@@ -51,7 +56,8 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
   const [passQaDialogOpen, setPassQaDialogOpen] = useState(false);
   const [failQaDialogOpen, setFailQaDialogOpen] = useState(false);
   const [docsCompleteDialogOpen, setDocsCompleteDialogOpen] = useState(false);
-  const [submitPmReviewDialogOpen, setSubmitPmReviewDialogOpen] = useState(false);
+  const [submitPmReviewDialogOpen, setSubmitPmReviewDialogOpen] =
+    useState(false);
   const [completeDialogOpen, setCompleteDialogOpen] = useState(false);
 
   const handleAction = async (action: string) => {
@@ -141,7 +147,10 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
           setEscalateDialogOpen(true);
           return; // Don't refetch yet, dialog will handle it
         case "request-changes":
-          await lifecycle.failQa.mutateAsync({ taskId: task.id, qaNotes: "Changes requested by PM" });
+          await lifecycle.failQa.mutateAsync({
+            taskId: task.id,
+            qaNotes: "Changes requested by PM",
+          });
           toast.success("Changes requested");
           break;
         case "create-branch":
@@ -221,11 +230,21 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
       refetch();
     } catch (err) {
       if (axios.isAxiosError(err)) {
-        const detail = (err.response?.data as { detail?: string } | undefined)?.detail ?? "";
+        const detail =
+          (err.response?.data as { detail?: string } | undefined)?.detail ?? "";
         if (typeof detail === "string" && detail.startsWith("NO_PR")) {
-          toast.error("No PR found for this task. Create a pull request before merging.");
-        } else if (typeof detail === "string" && detail.startsWith("Merge failed")) {
-          toast.error("Merge failed: " + (detail.slice("Merge failed".length).replace(/^[: ]+/, "") || "the merge could not be completed"));
+          toast.error(
+            "No PR found for this task. Create a pull request before merging.",
+          );
+        } else if (
+          typeof detail === "string" &&
+          detail.startsWith("Merge failed")
+        ) {
+          toast.error(
+            "Merge failed: " +
+              (detail.slice("Merge failed".length).replace(/^[: ]+/, "") ||
+                "the merge could not be completed"),
+          );
         } else {
           toast.error("Failed to approve and merge task");
         }
@@ -333,7 +352,12 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
       await createBranch.mutateAsync({
         project_slug: project.slug,
         task_id: task.id,
-        branch_type: branchType as "feature" | "bug" | "chore" | "docs" | "hotfix",
+        branch_type: branchType as
+          | "feature"
+          | "bug"
+          | "chore"
+          | "docs"
+          | "hotfix",
         agent_id: "ceo", // CEO is creating the branch from the panel
       });
       toast.success("Branch created successfully");
@@ -403,7 +427,8 @@ export default function TaskDetailPage({ params }: TaskDetailPageProps) {
               <AlertTriangle className="h-16 w-16 mx-auto mb-4 text-destructive" />
               <h2 className="text-xl font-semibold mb-2">Task Not Found</h2>
               <p className="text-muted-foreground mb-6">
-                {error?.message ?? "The task you're looking for doesn't exist or has been deleted."}
+                {error?.message ??
+                  "The task you're looking for doesn't exist or has been deleted."}
               </p>
               <div className="flex justify-center gap-4">
                 <Button variant="outline" onClick={() => refetch()}>
diff --git a/panel/src/app/(dashboard)/work-sessions/page.tsx b/panel/src/app/(dashboard)/work-sessions/page.tsx
index 7a67cf83..d7cc2e6d 100644
--- a/panel/src/app/(dashboard)/work-sessions/page.tsx
+++ b/panel/src/app/(dashboard)/work-sessions/page.tsx
@@ -5,7 +5,10 @@ import { useSearchParams, useRouter } from "next/navigation";
 import { useWorkSessions } from "@/hooks/use-work-sessions";
 import { WorkSessionStatus } from "@/types";
 import { OfflineState } from "@/components/ui/offline-state";
-import { WorkSessionTable, WorkSessionFilters } from "@/components/work-sessions";
+import {
+  WorkSessionTable,
+  WorkSessionFilters,
+} from "@/components/work-sessions";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { RefreshCw } from "lucide-react";
@@ -18,8 +21,9 @@ function WorkSessionsPageContent() {
   const searchQuery = searchParams.get("q") || "";
   const statusParam = searchParams.get("status");
   const statusFilter = useMemo(
-    () => (statusParam?.split(",").filter(Boolean) as WorkSessionStatus[]) || [],
-    [statusParam]
+    () =>
+      (statusParam?.split(",").filter(Boolean) as WorkSessionStatus[]) || [],
+    [statusParam],
   );
 
   // Update URL params
@@ -36,21 +40,21 @@ function WorkSessionsPageContent() {
       const query = params.toString();
       router.push(query ? `/work-sessions?${query}` : "/work-sessions");
     },
-    [router, searchParams]
+    [router, searchParams],
   );
 
   const handleSearchChange = useCallback(
     (value: string) => {
       updateParams({ q: value || null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleStatusChange = useCallback(
     (value: WorkSessionStatus[]) => {
       updateParams({ status: value.length > 0 ? value.join(",") : null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   // Fetch work sessions
diff --git a/panel/src/components/agents/agent-card.tsx b/panel/src/components/agents/agent-card.tsx
index d4fb7288..ec20f1b3 100644
--- a/panel/src/components/agents/agent-card.tsx
+++ b/panel/src/components/agents/agent-card.tsx
@@ -5,7 +5,13 @@ import { useStopAgent } from "@/hooks/use-agents";
 import { AgentStatusResponse } from "@/types";
 import { AgentDefinition } from "@/lib/agent-definitions";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -34,7 +40,9 @@ export function AgentCard({ agent, agentStatus, usageRow }: AgentCardProps) {
   // so a new "up" state the backend adds defaults to non-spawnable — the safe
   // side, since spawning an already-running agent is exactly the bug to avoid.
   // (The badge renders "active" as a first-class state, so it MUST count as up.)
-  const isActive = !["stopped", "offline", "terminated", "error"].includes(state);
+  const isActive = !["stopped", "offline", "terminated", "error"].includes(
+    state,
+  );
 
   const handleStop = async (graceful: boolean) => {
     try {
@@ -50,7 +58,9 @@ export function AgentCard({ agent, agentStatus, usageRow }: AgentCardProps) {
     <Card className={isActive ? "border-green-500/50" : ""}>
       <CardHeader className="pb-2">
         <div className="flex items-center justify-between">
-          <CardTitle className="text-base">{agent.name || "Unknown Agent"}</CardTitle>
+          <CardTitle className="text-base">
+            {agent.name || "Unknown Agent"}
+          </CardTitle>
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="ghost" size="icon" className="h-8 w-8">
diff --git a/panel/src/components/agents/agent-grid.tsx b/panel/src/components/agents/agent-grid.tsx
index 4221c2b4..33b28fe8 100644
--- a/panel/src/components/agents/agent-grid.tsx
+++ b/panel/src/components/agents/agent-grid.tsx
@@ -21,35 +21,35 @@ export function AgentGrid({
   isLoading,
   columns = 4,
 }: AgentGridProps) {
-  const gridCols = {
-    3: "md:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4",
-    4: "md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5",
-    5: "md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-5 2xl:grid-cols-5",
-  }[columns] || "md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5";
+  const gridCols =
+    {
+      3: "md:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4",
+      4: "md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5",
+      5: "md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-5 2xl:grid-cols-5",
+    }[columns] ||
+    "md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5";
 
   return (
     <div>
       <h2 className="text-xl font-semibold mb-4">{title}</h2>
       <div className={"grid gap-4 " + gridCols}>
-        {isLoading ? (
-          Array.from({ length: agents.length || 3 }).map((_, i) => (
-            <Card key={i}>
-              <CardHeader>
-                <Skeleton className="h-5 w-32" />
-                <Skeleton className="h-3 w-24" />
-              </CardHeader>
-            </Card>
-          ))
-        ) : (
-          agents.map((agent) => (
-            <AgentCard
-              key={agent.id}
-              agent={agent}
-              agentStatus={agentStatuses[agent.id] || null}
-              usageRow={agentUsage?.[agent.id] ?? null}
-            />
-          ))
-        )}
+        {isLoading
+          ? Array.from({ length: agents.length || 3 }).map((_, i) => (
+              <Card key={i}>
+                <CardHeader>
+                  <Skeleton className="h-5 w-32" />
+                  <Skeleton className="h-3 w-24" />
+                </CardHeader>
+              </Card>
+            ))
+          : agents.map((agent) => (
+              <AgentCard
+                key={agent.id}
+                agent={agent}
+                agentStatus={agentStatuses[agent.id] || null}
+                usageRow={agentUsage?.[agent.id] ?? null}
+              />
+            ))}
       </div>
     </div>
   );
diff --git a/panel/src/components/agents/agent-selector.tsx b/panel/src/components/agents/agent-selector.tsx
index 4eb4816f..6bb42372 100644
--- a/panel/src/components/agents/agent-selector.tsx
+++ b/panel/src/components/agents/agent-selector.tsx
@@ -65,14 +65,17 @@ export function AgentSelector({
         if (a.team === filterByTeam) return true;
 
         // For Board team, also include board-level roles
-        if (filterByTeam === Team.BOARD && (
-          a.role === AgentRole.PRODUCT_OWNER ||
-          a.role === AgentRole.HEAD_MARKETING ||
-          a.role === AgentRole.AUDITOR
-        )) return true;
+        if (
+          filterByTeam === Team.BOARD &&
+          (a.role === AgentRole.PRODUCT_OWNER ||
+            a.role === AgentRole.HEAD_MARKETING ||
+            a.role === AgentRole.AUDITOR)
+        )
+          return true;
 
         // For Main PM team, also include Main PM role
-        if (filterByTeam === Team.MAIN_PM && a.role === AgentRole.MAIN_PM) return true;
+        if (filterByTeam === Team.MAIN_PM && a.role === AgentRole.MAIN_PM)
+          return true;
 
         return false;
       });
@@ -80,7 +83,9 @@ export function AgentSelector({
 
     // Apply role filter
     if (filterByRoles && filterByRoles.length > 0) {
-      filtered = filtered.filter((a) => a.role && filterByRoles.includes(a.role));
+      filtered = filtered.filter(
+        (a) => a.role && filterByRoles.includes(a.role),
+      );
     }
 
     // Group by team following org hierarchy
@@ -94,12 +99,17 @@ export function AgentSelector({
     };
 
     for (const agent of filtered) {
-      if (agent.team === Team.BOARD ||
-          agent.role === AgentRole.PRODUCT_OWNER ||
-          agent.role === AgentRole.HEAD_MARKETING ||
-          agent.role === AgentRole.AUDITOR) {
+      if (
+        agent.team === Team.BOARD ||
+        agent.role === AgentRole.PRODUCT_OWNER ||
+        agent.role === AgentRole.HEAD_MARKETING ||
+        agent.role === AgentRole.AUDITOR
+      ) {
         groups.board.push(agent);
-      } else if (agent.team === Team.MAIN_PM || agent.role === AgentRole.MAIN_PM) {
+      } else if (
+        agent.team === Team.MAIN_PM ||
+        agent.role === AgentRole.MAIN_PM
+      ) {
         groups.main_pm.push(agent);
       } else if (agent.team === Team.BACKEND) {
         groups.backend.push(agent);
diff --git a/panel/src/components/agents/agent-state-badge.tsx b/panel/src/components/agents/agent-state-badge.tsx
index d03218b5..39d182af 100644
--- a/panel/src/components/agents/agent-state-badge.tsx
+++ b/panel/src/components/agents/agent-state-badge.tsx
@@ -59,7 +59,11 @@ interface AgentStateBadgeProps {
   size?: "sm" | "md" | "lg";
 }
 
-export function AgentStateBadge({ state, showIcon = true, size = "md" }: AgentStateBadgeProps) {
+export function AgentStateBadge({
+  state,
+  showIcon = true,
+  size = "md",
+}: AgentStateBadgeProps) {
   const sizeClasses = {
     sm: "text-xs px-2 py-0.5",
     md: "text-sm px-2.5 py-0.5",
diff --git a/panel/src/components/agents/agent-status-cards.tsx b/panel/src/components/agents/agent-status-cards.tsx
index 186596fd..40ef49d7 100644
--- a/panel/src/components/agents/agent-status-cards.tsx
+++ b/panel/src/components/agents/agent-status-cards.tsx
@@ -29,7 +29,10 @@ export function AgentStatusCards({ agent }: AgentStatusCardsProps) {
         </CardHeader>
         <CardContent>
           {agent.task_id ? (
-            <Link href={"/tasks/" + agent.task_id} className="text-blue-500 hover:underline">
+            <Link
+              href={"/tasks/" + agent.task_id}
+              className="text-blue-500 hover:underline"
+            >
               {agent.task_id.slice(0, 8)}...
             </Link>
           ) : (
@@ -58,7 +61,11 @@ export function AgentStatusCards({ agent }: AgentStatusCardsProps) {
           <AlertCircle className="h-4 w-4 text-muted-foreground" />
         </CardHeader>
         <CardContent>
-          <span className={agent.error_count > 0 ? "text-red-600 font-semibold" : ""}>
+          <span
+            className={
+              agent.error_count > 0 ? "text-red-600 font-semibold" : ""
+            }
+          >
             {agent.error_count}
           </span>
           {agent.waiting_for && (
diff --git a/panel/src/components/agents/orchestrator-status.tsx b/panel/src/components/agents/orchestrator-status.tsx
index 9963d01d..fb222884 100644
--- a/panel/src/components/agents/orchestrator-status.tsx
+++ b/panel/src/components/agents/orchestrator-status.tsx
@@ -9,7 +9,10 @@ interface OrchestratorStatusCardsProps {
   isLoading: boolean;
 }
 
-export function OrchestratorStatusCards({ status, isLoading }: OrchestratorStatusCardsProps) {
+export function OrchestratorStatusCards({
+  status,
+  isLoading,
+}: OrchestratorStatusCardsProps) {
   // Calculate running agents from by_state
   const runningCount = status?.by_state?.running || 0;
   const readyCount = status?.by_state?.ready || 0;
@@ -45,7 +48,9 @@ export function OrchestratorStatusCards({ status, isLoading }: OrchestratorStatu
           {isLoading ? (
             <Skeleton className="h-8 w-12" />
           ) : (
-            <div className="text-2xl font-bold">{status?.total_agents || 0}</div>
+            <div className="text-2xl font-bold">
+              {status?.total_agents || 0}
+            </div>
           )}
         </CardContent>
       </Card>
@@ -71,7 +76,9 @@ export function OrchestratorStatusCards({ status, isLoading }: OrchestratorStatu
           {isLoading ? (
             <Skeleton className="h-8 w-12" />
           ) : (
-            <div className="text-2xl font-bold">{status?.waiting_count || 0}</div>
+            <div className="text-2xl font-bold">
+              {status?.waiting_count || 0}
+            </div>
           )}
         </CardContent>
       </Card>
diff --git a/panel/src/components/agents/spawn-agent-dialog.tsx b/panel/src/components/agents/spawn-agent-dialog.tsx
index 2c17fc28..7194be8a 100644
--- a/panel/src/components/agents/spawn-agent-dialog.tsx
+++ b/panel/src/components/agents/spawn-agent-dialog.tsx
@@ -23,7 +23,11 @@ interface SpawnAgentDialogProps {
   trigger?: React.ReactNode;
 }
 
-export function SpawnAgentDialog({ agentId, agentName, trigger }: SpawnAgentDialogProps) {
+export function SpawnAgentDialog({
+  agentId,
+  agentName,
+  trigger,
+}: SpawnAgentDialogProps) {
   const [open, setOpen] = useState(false);
   const [taskId, setTaskId] = useState("");
   const [initialPrompt, setInitialPrompt] = useState("");
@@ -60,9 +64,7 @@ export function SpawnAgentDialog({ agentId, agentName, trigger }: SpawnAgentDial
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        {trigger || defaultTrigger}
-      </DialogTrigger>
+      <DialogTrigger asChild>{trigger || defaultTrigger}</DialogTrigger>
       <DialogContent>
         <DialogHeader>
           <DialogTitle>Spawn {agentName}</DialogTitle>
diff --git a/panel/src/components/agents/stream-viewer.tsx b/panel/src/components/agents/stream-viewer.tsx
index d2f48c57..bc098c20 100644
--- a/panel/src/components/agents/stream-viewer.tsx
+++ b/panel/src/components/agents/stream-viewer.tsx
@@ -1,7 +1,13 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { useAgentStream, ConnectionState } from "@/hooks/use-websocket";
@@ -26,16 +32,19 @@ const stateLabels: Record<ConnectionState, string> = {
   disconnected: "Disconnected",
 };
 
-export function AgentStreamViewer({ agentId, agentName }: AgentStreamViewerProps) {
-  const { 
-    state, 
-    streamOutput, 
-    streamChunks, 
-    clearMessages, 
+export function AgentStreamViewer({
+  agentId,
+  agentName,
+}: AgentStreamViewerProps) {
+  const {
+    state,
+    streamOutput,
+    streamChunks,
+    clearMessages,
     isConnected,
-    isConnecting 
+    isConnecting,
   } = useAgentStream(agentId);
-  
+
   const outputRef = useRef<HTMLPreElement>(null);
 
   // Auto-scroll to bottom when new content arrives
@@ -83,10 +92,10 @@ export function AgentStreamViewer({ agentId, agentName }: AgentStreamViewerProps
         >
           {streamOutput || (
             <span className="text-slate-500">
-              {isConnected 
-                ? "Waiting for agent output..." 
-                : isConnecting 
-                  ? "Connecting to agent stream..." 
+              {isConnected
+                ? "Waiting for agent output..."
+                : isConnecting
+                  ? "Connecting to agent stream..."
                   : "Agent stream disconnected"}
             </span>
           )}
diff --git a/panel/src/components/agents/waiting-agents-alert.tsx b/panel/src/components/agents/waiting-agents-alert.tsx
index 46d5e464..ef8157e9 100644
--- a/panel/src/components/agents/waiting-agents-alert.tsx
+++ b/panel/src/components/agents/waiting-agents-alert.tsx
@@ -23,10 +23,17 @@ export function WaitingAgentsAlert({ waitingAgents }: WaitingAgentsAlertProps) {
       <CardContent>
         <div className="space-y-2">
           {waitingAgents.map((agent) => (
-            <div key={agent.agent_id} className="flex items-center justify-between p-2 bg-muted rounded">
+            <div
+              key={agent.agent_id}
+              className="flex items-center justify-between p-2 bg-muted rounded"
+            >
               <div>
-                <span className="font-medium">{getAgentDisplayName(agent.agent_id)}</span>
-                <span className="text-muted-foreground ml-2">waiting for: {agent.waiting_for}</span>
+                <span className="font-medium">
+                  {getAgentDisplayName(agent.agent_id)}
+                </span>
+                <span className="text-muted-foreground ml-2">
+                  waiting for: {agent.waiting_for}
+                </span>
               </div>
               <Button variant="outline" size="sm" asChild>
                 <Link href={"/agents/" + agent.agent_id}>Resolve</Link>
diff --git a/panel/src/components/auditor/auditor-dashboard.tsx b/panel/src/components/auditor/auditor-dashboard.tsx
index add44b60..25b17d19 100644
--- a/panel/src/components/auditor/auditor-dashboard.tsx
+++ b/panel/src/components/auditor/auditor-dashboard.tsx
@@ -39,7 +39,7 @@ export function AuditorDashboard() {
       {
         onSuccess: () => toast.success("Audit report generated successfully"),
         onError: () => toast.error("Failed to generate audit report"),
-      }
+      },
     );
   };
 
@@ -48,7 +48,9 @@ export function AuditorDashboard() {
       {/* Header */}
       <div className="flex items-center justify-between">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">Auditor Dashboard</h1>
+          <h1 className="text-3xl font-bold tracking-tight">
+            Auditor Dashboard
+          </h1>
           <p className="text-muted-foreground">
             Quality oversight, flagging, and reporting
           </p>
@@ -58,7 +60,10 @@ export function AuditorDashboard() {
             <RefreshCw className="h-4 w-4 mr-2" />
             Refresh
           </Button>
-          <Button onClick={handleGenerateReport} disabled={createReport.isPending}>
+          <Button
+            onClick={handleGenerateReport}
+            disabled={createReport.isPending}
+          >
             <FileText className="h-4 w-4 mr-2" />
             Generate Report
           </Button>
diff --git a/panel/src/components/auditor/create-flag-dialog.tsx b/panel/src/components/auditor/create-flag-dialog.tsx
index f83667a6..8df0d292 100644
--- a/panel/src/components/auditor/create-flag-dialog.tsx
+++ b/panel/src/components/auditor/create-flag-dialog.tsx
@@ -44,7 +44,10 @@ const CATEGORY_OPTIONS = [
   "other",
 ];
 
-export function CreateFlagDialog({ open, onOpenChange }: CreateFlagDialogProps) {
+export function CreateFlagDialog({
+  open,
+  onOpenChange,
+}: CreateFlagDialogProps) {
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [severity, setSeverity] = useState<FlagSeverity>(FlagSeverity.INFO);
@@ -124,7 +127,10 @@ export function CreateFlagDialog({ open, onOpenChange }: CreateFlagDialogProps)
           <div className="grid grid-cols-2 gap-4">
             <div className="space-y-2">
               <Label>Severity</Label>
-              <Select value={severity} onValueChange={(v) => setSeverity(v as FlagSeverity)}>
+              <Select
+                value={severity}
+                onValueChange={(v) => setSeverity(v as FlagSeverity)}
+              >
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>
diff --git a/panel/src/components/auditor/flagged-item.tsx b/panel/src/components/auditor/flagged-item.tsx
index 771288f7..ba353ce4 100644
--- a/panel/src/components/auditor/flagged-item.tsx
+++ b/panel/src/components/auditor/flagged-item.tsx
@@ -36,7 +36,11 @@ function formatTime(timestamp: string): string {
   return `${diffDays}d ago`;
 }
 
-export function FlaggedItem({ flag, onResolve, onReportToCeo }: FlaggedItemProps) {
+export function FlaggedItem({
+  flag,
+  onResolve,
+  onReportToCeo,
+}: FlaggedItemProps) {
   const isResolved = !!flag.resolved_at;
 
   return (
@@ -63,7 +67,9 @@ export function FlaggedItem({ flag, onResolve, onReportToCeo }: FlaggedItemProps
                 </Badge>
               )}
             </div>
-            <p className="text-sm text-muted-foreground mb-2">{flag.description}</p>
+            <p className="text-sm text-muted-foreground mb-2">
+              {flag.description}
+            </p>
             <div className="flex items-center gap-4 text-xs text-muted-foreground">
               <span className="flex items-center gap-1">
                 <Clock className="h-3 w-3" />
diff --git a/panel/src/components/auditor/flagged-items-panel.tsx b/panel/src/components/auditor/flagged-items-panel.tsx
index fbe042e8..dceda2ea 100644
--- a/panel/src/components/auditor/flagged-items-panel.tsx
+++ b/panel/src/components/auditor/flagged-items-panel.tsx
@@ -25,8 +25,13 @@ interface FlaggedItemsPanelProps {
   isLoading: boolean;
 }
 
-export function FlaggedItemsPanel({ flags, isLoading }: FlaggedItemsPanelProps) {
-  const [filter, setFilter] = useState<"all" | "unresolved" | "resolved">("unresolved");
+export function FlaggedItemsPanel({
+  flags,
+  isLoading,
+}: FlaggedItemsPanelProps) {
+  const [filter, setFilter] = useState<"all" | "unresolved" | "resolved">(
+    "unresolved",
+  );
   const [createDialogOpen, setCreateDialogOpen] = useState(false);
   const resolveFlag = useResolveAuditorFlag();
 
@@ -74,7 +79,12 @@ export function FlaggedItemsPanel({ flags, isLoading }: FlaggedItemsPanelProps)
             )}
           </div>
           <div className="flex items-center gap-2">
-            <Select value={filter} onValueChange={(v) => setFilter(v as "all" | "unresolved" | "resolved")}>
+            <Select
+              value={filter}
+              onValueChange={(v) =>
+                setFilter(v as "all" | "unresolved" | "resolved")
+              }
+            >
               <SelectTrigger className="w-auto min-w-24 h-8">
                 <SelectValue />
               </SelectTrigger>
diff --git a/panel/src/components/auditor/live-feeds-panel.tsx b/panel/src/components/auditor/live-feeds-panel.tsx
index 4a54a73f..2c824a97 100644
--- a/panel/src/components/auditor/live-feeds-panel.tsx
+++ b/panel/src/components/auditor/live-feeds-panel.tsx
@@ -13,7 +13,7 @@ interface LiveFeedsPanelProps {
 
 export function LiveFeedsPanel({ feeds, isLoading }: LiveFeedsPanelProps) {
   const activeCount = (feeds ?? []).filter(
-    (f) => f.status === "active" || f.message_count_24h > 0
+    (f) => f.status === "active" || f.message_count_24h > 0,
   ).length;
 
   return (
diff --git a/panel/src/components/auditor/quality-metrics-panel.tsx b/panel/src/components/auditor/quality-metrics-panel.tsx
index 359f25a1..8b320aa2 100644
--- a/panel/src/components/auditor/quality-metrics-panel.tsx
+++ b/panel/src/components/auditor/quality-metrics-panel.tsx
@@ -3,7 +3,13 @@
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Progress } from "@/components/ui/progress";
-import { BarChart3, CheckCircle, Clock, FileText, AlertTriangle } from "lucide-react";
+import {
+  BarChart3,
+  CheckCircle,
+  Clock,
+  FileText,
+  AlertTriangle,
+} from "lucide-react";
 
 interface QualityMetricsPanelProps {
   metrics: Record<string, number> | undefined;
@@ -36,7 +42,8 @@ const METRICS: MetricDisplay[] = [
     key: "avg_completion_time",
     label: "Avg Completion Time",
     icon: <Clock className="h-4 w-4 text-purple-500" />,
-    format: (v) => `${(typeof v === "number" ? v : parseFloat(v) || 0).toFixed(1)}h`,
+    format: (v) =>
+      `${(typeof v === "number" ? v : parseFloat(v) || 0).toFixed(1)}h`,
   },
   {
     key: "documentation_rate",
@@ -59,7 +66,10 @@ const METRICS: MetricDisplay[] = [
   },
 ];
 
-export function QualityMetricsPanel({ metrics, isLoading }: QualityMetricsPanelProps) {
+export function QualityMetricsPanel({
+  metrics,
+  isLoading,
+}: QualityMetricsPanelProps) {
   return (
     <Card>
       <CardHeader className="pb-3">
diff --git a/panel/src/components/auditor/reports-panel.tsx b/panel/src/components/auditor/reports-panel.tsx
index 9448f831..c3407f69 100644
--- a/panel/src/components/auditor/reports-panel.tsx
+++ b/panel/src/components/auditor/reports-panel.tsx
@@ -1,7 +1,10 @@
 "use client";
 
 import { AuditorReport } from "@/types";
-import { useSendAuditorReport, useCreateAuditorReport } from "@/hooks/use-dashboard";
+import {
+  useSendAuditorReport,
+  useCreateAuditorReport,
+} from "@/hooks/use-dashboard";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -24,7 +27,11 @@ function formatDate(timestamp: string): string {
   });
 }
 
-export function ReportsPanel({ reports, isLoading, onCreateReport }: ReportsPanelProps) {
+export function ReportsPanel({
+  reports,
+  isLoading,
+  onCreateReport,
+}: ReportsPanelProps) {
   const sendReport = useSendAuditorReport();
   const createReport = useCreateAuditorReport();
 
@@ -44,7 +51,7 @@ export function ReportsPanel({ reports, isLoading, onCreateReport }: ReportsPane
       {
         onSuccess: () => toast.success("Draft report created"),
         onError: () => toast.error("Failed to create report"),
-      }
+      },
     );
   };
 
@@ -65,7 +72,11 @@ export function ReportsPanel({ reports, isLoading, onCreateReport }: ReportsPane
             <FileText className="h-5 w-5" />
             Reports
           </CardTitle>
-          <Button size="sm" onClick={handleNewReport} disabled={createReport.isPending}>
+          <Button
+            size="sm"
+            onClick={handleNewReport}
+            disabled={createReport.isPending}
+          >
             <Plus className="h-4 w-4 mr-1" />
             New Report
           </Button>
diff --git a/panel/src/components/business/__tests__/company-scorecard-card.test.tsx b/panel/src/components/business/__tests__/company-scorecard-card.test.tsx
index 008e3edb..da0e4db2 100644
--- a/panel/src/components/business/__tests__/company-scorecard-card.test.tsx
+++ b/panel/src/components/business/__tests__/company-scorecard-card.test.tsx
@@ -97,7 +97,7 @@ describe("CompanyScorecardCard", () => {
 
     // Should NOT show error or data content
     expect(
-      screen.queryByText("Could not load scorecard data")
+      screen.queryByText("Could not load scorecard data"),
     ).not.toBeInTheDocument();
     expect(screen.queryByText("Company Scorecard")).not.toBeInTheDocument();
   });
@@ -111,7 +111,7 @@ describe("CompanyScorecardCard", () => {
     render(<CompanyScorecardCard />);
 
     expect(
-      screen.getByText("Could not load scorecard data")
+      screen.getByText("Could not load scorecard data"),
     ).toBeInTheDocument();
 
     // Skeleton and scorecard body should not appear
@@ -125,7 +125,7 @@ describe("CompanyScorecardCard", () => {
 
     // When data is falsy the component falls through to the OfflineState branch
     expect(
-      screen.getByText("Could not load scorecard data")
+      screen.getByText("Could not load scorecard data"),
     ).toBeInTheDocument();
   });
 
diff --git a/panel/src/components/business/company-scorecard-card.tsx b/panel/src/components/business/company-scorecard-card.tsx
index 3a908bc1..216f0d12 100644
--- a/panel/src/components/business/company-scorecard-card.tsx
+++ b/panel/src/components/business/company-scorecard-card.tsx
@@ -112,8 +112,12 @@ interface SpendSectionProps {
 }
 
 function SpendSection({ spend }: SpendSectionProps) {
-  const { monthly_budget_cap_usd, spend_30d_usd, projected_monthly_usd, over_budget } =
-    spend;
+  const {
+    monthly_budget_cap_usd,
+    spend_30d_usd,
+    projected_monthly_usd,
+    over_budget,
+  } = spend;
 
   // Red/destructive only when cap is a non-null number AND over_budget is true
   const isOverBudget = monthly_budget_cap_usd !== null && over_budget;
@@ -139,7 +143,9 @@ function SpendSection({ spend }: SpendSectionProps) {
         <div className="flex items-center justify-between text-sm">
           <span className="text-muted-foreground">Monthly cap</span>
           {monthly_budget_cap_usd === null ? (
-            <span className="text-muted-foreground italic">No budget cap set</span>
+            <span className="text-muted-foreground italic">
+              No budget cap set
+            </span>
           ) : (
             <span
               className={
@@ -180,7 +186,8 @@ function SpeedSection({ medianLeadTimeHours }: SpeedSectionProps) {
           <span className="text-muted-foreground">Median lead time</span>
           {hasData ? (
             <span className="font-medium tabular-nums">
-              {medianLeadTimeHours.toFixed(1)}h median &mdash; target: &lt;&nbsp;24h
+              {medianLeadTimeHours.toFixed(1)}h median &mdash; target:
+              &lt;&nbsp;24h
             </span>
           ) : (
             <span className="text-muted-foreground italic">No data yet</span>
diff --git a/panel/src/components/business/goals-tab.tsx b/panel/src/components/business/goals-tab.tsx
index f8b78d4d..49086863 100644
--- a/panel/src/components/business/goals-tab.tsx
+++ b/panel/src/components/business/goals-tab.tsx
@@ -53,20 +53,18 @@ interface ObjectivesEditorProps {
   disabled: boolean;
 }
 
-function ObjectivesEditor({ items, onChange, disabled }: ObjectivesEditorProps) {
+function ObjectivesEditor({
+  items,
+  onChange,
+  disabled,
+}: ObjectivesEditorProps) {
   // Derive keys from the first item; fall back to generic keys.
   const keys =
-    items.length > 0
-      ? Object.keys(items[0])
-      : ["metric", "target", "status"];
+    items.length > 0 ? Object.keys(items[0]) : ["metric", "target", "status"];
 
-  const handleChange = (
-    rowIdx: number,
-    key: string,
-    value: string
-  ) => {
+  const handleChange = (rowIdx: number, key: string, value: string) => {
     const next = items.map((item, i) =>
-      i === rowIdx ? { ...item, [key]: value } : item
+      i === rowIdx ? { ...item, [key]: value } : item,
     );
     onChange(next);
   };
@@ -102,7 +100,10 @@ function ObjectivesEditor({ items, onChange, disabled }: ObjectivesEditorProps)
           </div>
           {keys.map((key) => (
             <div key={key} className="space-y-1">
-              <Label htmlFor={`obj-${rowIdx}-${key}`} className="text-xs capitalize">
+              <Label
+                htmlFor={`obj-${rowIdx}-${key}`}
+                className="text-xs capitalize"
+              >
                 {key.replace(/_/g, " ")}
               </Label>
               <Input
@@ -225,13 +226,15 @@ function GoalsForm({ goals, refetch }: GoalsFormProps) {
 
   const [northStar, setNorthStar] = useState<string | null>(null);
   const [constraints, setConstraints] = useState<string | null>(null);
-  const [objectives, setObjectives] = useState<Record<string, unknown>[] | null>(null);
+  const [objectives, setObjectives] = useState<
+    Record<string, unknown>[] | null
+  >(null);
   const [policy, setPolicy] = useState<Record<string, unknown> | null>(null);
 
   const northStarVal = northStar ?? goals.north_star ?? "";
   const constraintsVal = constraints ?? (goals.constraints ?? []).join("\n");
-  const objectivesVal = objectives ?? (goals.objectives ?? []);
-  const policyVal = policy ?? (goals.operating_policy ?? {});
+  const objectivesVal = objectives ?? goals.objectives ?? [];
+  const policyVal = policy ?? goals.operating_policy ?? {};
 
   const saveMutation = useMutation({
     mutationFn: (update: CompanyGoalsUpdate) => companyGoalsApi.update(update),
@@ -268,7 +271,8 @@ function GoalsForm({ goals, refetch }: GoalsFormProps) {
         <CardTitle>Company Charter</CardTitle>
         <CardDescription>
           CEO-owned north star, objectives, constraints, and operating policy.
-          Injected into every agent&apos;s briefing so all work stays goal-aware.
+          Injected into every agent&apos;s briefing so all work stays
+          goal-aware.
         </CardDescription>
       </CardHeader>
       <CardContent className="space-y-5">
diff --git a/panel/src/components/business/pitches-tab.tsx b/panel/src/components/business/pitches-tab.tsx
index fac95036..d2f79f73 100644
--- a/panel/src/components/business/pitches-tab.tsx
+++ b/panel/src/components/business/pitches-tab.tsx
@@ -5,12 +5,7 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
 import { Check, RefreshCw, X } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Skeleton } from "@/components/ui/skeleton";
 import { OfflineState } from "@/components/ui/offline-state";
@@ -100,7 +95,9 @@ function PitchCard({ pitch, onApprove, onReject, busy }: PitchCardProps) {
             <p className="text-xs font-medium text-muted-foreground">
               Proposed solution
             </p>
-            <p className="text-sm whitespace-pre-wrap">{pitch.proposed_solution}</p>
+            <p className="text-sm whitespace-pre-wrap">
+              {pitch.proposed_solution}
+            </p>
           </div>
           {proposed ? (
             <div className="flex gap-2">
diff --git a/panel/src/components/business/secretary-tab.tsx b/panel/src/components/business/secretary-tab.tsx
index 5b132661..cbbce0da 100644
--- a/panel/src/components/business/secretary-tab.tsx
+++ b/panel/src/components/business/secretary-tab.tsx
@@ -26,7 +26,12 @@ interface DirectiveCardProps {
   busy: boolean;
 }
 
-function DirectiveCard({ directive, onConfirm, onReject, busy }: DirectiveCardProps) {
+function DirectiveCard({
+  directive,
+  onConfirm,
+  onReject,
+  busy,
+}: DirectiveCardProps) {
   const [rejectOpen, setRejectOpen] = useState(false);
   const payloadKeys = Object.keys(directive.payload);
 
diff --git a/panel/src/components/communications/channel-item.tsx b/panel/src/components/communications/channel-item.tsx
index 53bd36a8..6ef25b67 100644
--- a/panel/src/components/communications/channel-item.tsx
+++ b/panel/src/components/communications/channel-item.tsx
@@ -27,7 +27,7 @@ export function ChannelItem({
         "w-full h-auto justify-start gap-2 px-2 py-1.5 font-normal whitespace-normal",
         isSelected
           ? "bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary"
-          : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          : "text-muted-foreground hover:bg-muted hover:text-foreground",
       )}
     >
       {channel.is_private ? (
diff --git a/panel/src/components/communications/channel-sidebar.tsx b/panel/src/components/communications/channel-sidebar.tsx
index 6891b32c..b28b1b5e 100644
--- a/panel/src/components/communications/channel-sidebar.tsx
+++ b/panel/src/components/communications/channel-sidebar.tsx
@@ -26,10 +26,7 @@ function groupChannels(channels: Channel[]): Record<string, Channel[]> {
       groups["Cell Channels"].push(channel);
     } else if (channel.name.includes("-all")) {
       groups["Cross-Cell"].push(channel);
-    } else if (
-      channel.name.includes("pm") ||
-      channel.name.includes("board")
-    ) {
+    } else if (channel.name.includes("pm") || channel.name.includes("board")) {
       groups["Management"].push(channel);
     } else {
       groups["Special"].push(channel);
diff --git a/panel/src/components/communications/communications-view.tsx b/panel/src/components/communications/communications-view.tsx
index 61ed8671..3d4f6f2c 100644
--- a/panel/src/components/communications/communications-view.tsx
+++ b/panel/src/components/communications/communications-view.tsx
@@ -10,7 +10,9 @@ import { RefreshCw, Hash, Users, ExternalLink } from "lucide-react";
 import Link from "next/link";
 
 export function CommunicationsView() {
-  const [selectedChannelId, setSelectedChannelId] = useState<string | null>(null);
+  const [selectedChannelId, setSelectedChannelId] = useState<string | null>(
+    null,
+  );
   const { data: channels, isLoading: loadingChannels, refetch } = useChannels();
 
   // Get selected channel
@@ -69,13 +71,17 @@ export function CommunicationsView() {
                   <div className="flex items-center justify-between">
                     <div className="flex items-center gap-2">
                       <Hash className="h-5 w-5 text-muted-foreground" />
-                      <CardTitle className="text-lg">{selectedChannel.name}</CardTitle>
+                      <CardTitle className="text-lg">
+                        {selectedChannel.name}
+                      </CardTitle>
                       <Badge variant="outline" className="text-xs">
                         <Users className="h-3 w-3 mr-1" />
                         {selectedChannel.member_count}
                       </Badge>
                     </div>
-                    <Link href={`/communications?channel=${selectedChannel.id}`}>
+                    <Link
+                      href={`/communications?channel=${selectedChannel.id}`}
+                    >
                       <Button variant="outline" size="sm">
                         <ExternalLink className="h-4 w-4 mr-2" />
                         Open Channel
@@ -94,21 +100,27 @@ export function CommunicationsView() {
                   <div className="text-center space-y-4">
                     <div className="grid grid-cols-2 gap-8">
                       <div>
-                        <p className="text-3xl font-bold">{selectedChannel.message_count}</p>
-                        <p className="text-sm text-muted-foreground">Messages</p>
+                        <p className="text-3xl font-bold">
+                          {selectedChannel.message_count}
+                        </p>
+                        <p className="text-sm text-muted-foreground">
+                          Messages
+                        </p>
                       </div>
                       <div>
-                        <p className="text-3xl font-bold">{selectedChannel.group_count}</p>
+                        <p className="text-3xl font-bold">
+                          {selectedChannel.group_count}
+                        </p>
                         <p className="text-sm text-muted-foreground">Groups</p>
                       </div>
                     </div>
                     <p className="text-sm text-muted-foreground">
                       Open the channel to view sessions and send messages
                     </p>
-                    <Link href={`/communications?channel=${selectedChannel.id}`}>
-                      <Button>
-                        View Sessions
-                      </Button>
+                    <Link
+                      href={`/communications?channel=${selectedChannel.id}`}
+                    >
+                      <Button>View Sessions</Button>
                     </Link>
                   </div>
                 </CardContent>
@@ -118,7 +130,9 @@ export function CommunicationsView() {
                 <div className="text-center">
                   <Hash className="h-12 w-12 mx-auto mb-4 opacity-50" />
                   <p className="text-lg font-medium">Select a Channel</p>
-                  <p className="text-sm">Choose a channel from the sidebar to view details</p>
+                  <p className="text-sm">
+                    Choose a channel from the sidebar to view details
+                  </p>
                 </div>
               </div>
             )}
diff --git a/panel/src/components/communications/message-item.tsx b/panel/src/components/communications/message-item.tsx
index 256e1dbc..6fa9b874 100644
--- a/panel/src/components/communications/message-item.tsx
+++ b/panel/src/components/communications/message-item.tsx
@@ -32,7 +32,9 @@ export function MessageItem({ message }: MessageItemProps) {
       </Avatar>
       <div className="flex-1 min-w-0">
         <div className="flex items-center gap-2 flex-wrap">
-          <span className="font-medium text-sm">{getAgentDisplayName(message.agent_id)}</span>
+          <span className="font-medium text-sm">
+            {getAgentDisplayName(message.agent_id)}
+          </span>
           <span className="text-xs text-muted-foreground flex items-center gap-1">
             <Clock className="h-3 w-3" />
             {formatTime(message.timestamp)}
diff --git a/panel/src/components/company-goals/company-goals-card.tsx b/panel/src/components/company-goals/company-goals-card.tsx
index b0311bc7..45834338 100644
--- a/panel/src/components/company-goals/company-goals-card.tsx
+++ b/panel/src/components/company-goals/company-goals-card.tsx
@@ -2,7 +2,10 @@
 
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { companyGoalsApi, type CompanyGoalsUpdate } from "@/lib/api/company-goals";
+import {
+  companyGoalsApi,
+  type CompanyGoalsUpdate,
+} from "@/lib/api/company-goals";
 import {
   Card,
   CardContent,
@@ -34,11 +37,12 @@ export function CompanyGoalsCard() {
     queryFn: companyGoalsApi.get,
   });
 
-  const northStarVal = northStar ?? (goals?.north_star ?? "");
+  const northStarVal = northStar ?? goals?.north_star ?? "";
   const constraintsVal = constraints ?? (goals?.constraints ?? []).join("\n");
   const objectivesVal =
     objectives ?? JSON.stringify(goals?.objectives ?? [], null, 2);
-  const policyVal = policy ?? JSON.stringify(goals?.operating_policy ?? {}, null, 2);
+  const policyVal =
+    policy ?? JSON.stringify(goals?.operating_policy ?? {}, null, 2);
 
   const saveMutation = useMutation({
     mutationFn: (update: CompanyGoalsUpdate) => companyGoalsApi.update(update),
@@ -99,8 +103,9 @@ export function CompanyGoalsCard() {
           Company Charter
         </CardTitle>
         <CardDescription>
-          The CEO-owned north star, objectives, constraints, and operating policy.
-          Injected into every agent&apos;s briefing so all work stays goal-aware.
+          The CEO-owned north star, objectives, constraints, and operating
+          policy. Injected into every agent&apos;s briefing so all work stays
+          goal-aware.
         </CardDescription>
       </CardHeader>
       <CardContent className="space-y-4">
@@ -150,7 +155,10 @@ export function CompanyGoalsCard() {
             placeholder='{"autonomy_level": "assisted", "monthly_budget_cap": 500}'
           />
         </div>
-        <Button onClick={handleSave} disabled={saveMutation.isPending || isLoading}>
+        <Button
+          onClick={handleSave}
+          disabled={saveMutation.isPending || isLoading}
+        >
           <Save className="h-4 w-4 mr-2" />
           {saveMutation.isPending ? "Saving..." : "Save charter"}
         </Button>
diff --git a/panel/src/components/dashboard/active-blockers-panel.tsx b/panel/src/components/dashboard/active-blockers-panel.tsx
index 44fe8742..5907d994 100644
--- a/panel/src/components/dashboard/active-blockers-panel.tsx
+++ b/panel/src/components/dashboard/active-blockers-panel.tsx
@@ -25,7 +25,10 @@ function formatDuration(date: string): string {
   return `${diffDays}d`;
 }
 
-export function ActiveBlockersPanel({ tasks, isLoading }: ActiveBlockersPanelProps) {
+export function ActiveBlockersPanel({
+  tasks,
+  isLoading,
+}: ActiveBlockersPanelProps) {
   // Filter blocked tasks and sort by how long they've been blocked
   const blockedTasks = (tasks ?? [])
     .filter((t) => t.status === TaskStatus.BLOCKED)
@@ -78,7 +81,8 @@ export function ActiveBlockersPanel({ tasks, isLoading }: ActiveBlockersPanelPro
                     <p className="text-sm truncate">{task.title}</p>
                     <div className="flex items-center gap-1 mt-1 text-xs text-muted-foreground">
                       <Clock className="h-3 w-3" />
-                      Blocked for {formatDuration(task.updated_at ?? task.created_at)}
+                      Blocked for{" "}
+                      {formatDuration(task.updated_at ?? task.created_at)}
                     </div>
                   </div>
                 </div>
diff --git a/panel/src/components/dashboard/activity-item.tsx b/panel/src/components/dashboard/activity-item.tsx
index 211db451..d2cad854 100644
--- a/panel/src/components/dashboard/activity-item.tsx
+++ b/panel/src/components/dashboard/activity-item.tsx
@@ -1,6 +1,13 @@
 "use client";
 
-import { CheckCircle, Play, Pause, AlertTriangle, User, Clock } from "lucide-react";
+import {
+  CheckCircle,
+  Play,
+  Pause,
+  AlertTriangle,
+  User,
+  Clock,
+} from "lucide-react";
 import { getAgentDisplayName } from "@/lib/agent-utils";
 
 export interface Activity {
@@ -59,8 +66,9 @@ export function ActivityItem({ activity }: ActivityItemProps) {
       <div className="mt-0.5">{icon}</div>
       <div className="flex-1 min-w-0">
         <p className="text-sm">
-          <span className="font-medium">{getAgentDisplayName(activity.agent_id)}</span>
-          {" "}
+          <span className="font-medium">
+            {getAgentDisplayName(activity.agent_id)}
+          </span>{" "}
           <span className="text-muted-foreground">{label}</span>
           {activity.task_title && (
             <>
diff --git a/panel/src/components/dashboard/auditor-alerts-panel.tsx b/panel/src/components/dashboard/auditor-alerts-panel.tsx
index 5afc1a0e..f2dab707 100644
--- a/panel/src/components/dashboard/auditor-alerts-panel.tsx
+++ b/panel/src/components/dashboard/auditor-alerts-panel.tsx
@@ -14,9 +14,12 @@ interface AuditorAlertsPanelProps {
 }
 
 const severityColors: Record<FlagSeverity, string> = {
-  [FlagSeverity.INFO]: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200",
-  [FlagSeverity.WARNING]: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
-  [FlagSeverity.URGENT]: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200",
+  [FlagSeverity.INFO]:
+    "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200",
+  [FlagSeverity.WARNING]:
+    "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
+  [FlagSeverity.URGENT]:
+    "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200",
 };
 
 const severityEmoji: Record<FlagSeverity, string> = {
@@ -25,7 +28,10 @@ const severityEmoji: Record<FlagSeverity, string> = {
   [FlagSeverity.URGENT]: "\uD83D\uDD34",
 };
 
-export function AuditorAlertsPanel({ alerts, isLoading }: AuditorAlertsPanelProps) {
+export function AuditorAlertsPanel({
+  alerts,
+  isLoading,
+}: AuditorAlertsPanelProps) {
   // Filter to show only unresolved, sorted by severity
   const unresolvedAlerts = (alerts ?? [])
     .filter((a) => !a.resolved_at)
@@ -74,8 +80,12 @@ export function AuditorAlertsPanel({ alerts, isLoading }: AuditorAlertsPanelProp
                 <span className="text-lg">{severityEmoji[alert.severity]}</span>
                 <div className="flex-1 min-w-0">
                   <div className="flex items-center gap-2 mb-1">
-                    <span className="font-medium text-sm truncate">{alert.title}</span>
-                    <Badge className={severityColors[alert.severity] + " text-xs"}>
+                    <span className="font-medium text-sm truncate">
+                      {alert.title}
+                    </span>
+                    <Badge
+                      className={severityColors[alert.severity] + " text-xs"}
+                    >
                       {alert.severity}
                     </Badge>
                   </div>
diff --git a/panel/src/components/dashboard/ceo-approval-queue.tsx b/panel/src/components/dashboard/ceo-approval-queue.tsx
index 16aac384..9c39ff71 100644
--- a/panel/src/components/dashboard/ceo-approval-queue.tsx
+++ b/panel/src/components/dashboard/ceo-approval-queue.tsx
@@ -3,7 +3,13 @@
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { tasksApi } from "@/lib/api";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -17,7 +23,14 @@ import {
 } from "@/components/ui/dialog";
 import { Textarea } from "@/components/ui/textarea";
 import { Label } from "@/components/ui/label";
-import { CheckCircle2, XCircle, Clock, FileText, ExternalLink, Rocket } from "lucide-react";
+import {
+  CheckCircle2,
+  XCircle,
+  Clock,
+  FileText,
+  ExternalLink,
+  Rocket,
+} from "lucide-react";
 import Link from "next/link";
 import { TaskStatus, Team, type Task } from "@/types";
 import { toast } from "sonner";
@@ -29,7 +42,9 @@ interface CeoApprovalQueueProps {
 export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
   const queryClient = useQueryClient();
   const [selectedTask, setSelectedTask] = useState<Task | null>(null);
-  const [actionType, setActionType] = useState<"approve" | "reject" | "start" | null>(null);
+  const [actionType, setActionType] = useState<
+    "approve" | "reject" | "start" | null
+  >(null);
   const [notes, setNotes] = useState("");
 
   // Fetch tasks awaiting CEO approval (the end-of-work, pre-merge gate)
@@ -68,7 +83,9 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
       closeDialog();
     },
     onError: (error) => {
-      toast.error(`Failed to approve: ${error instanceof Error ? error.message : "Unknown error"}`);
+      toast.error(
+        `Failed to approve: ${error instanceof Error ? error.message : "Unknown error"}`,
+      );
     },
   });
 
@@ -82,7 +99,9 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
       closeDialog();
     },
     onError: (error) => {
-      toast.error(`Failed to reject: ${error instanceof Error ? error.message : "Unknown error"}`);
+      toast.error(
+        `Failed to reject: ${error instanceof Error ? error.message : "Unknown error"}`,
+      );
     },
   });
 
@@ -96,7 +115,9 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
       closeDialog();
     },
     onError: (error) => {
-      toast.error(`Failed to approve & start: ${error instanceof Error ? error.message : "Unknown error"}`);
+      toast.error(
+        `Failed to approve & start: ${error instanceof Error ? error.message : "Unknown error"}`,
+      );
     },
   });
 
@@ -129,7 +150,10 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
         toast.error("Approval notes are required (>= 20 characters)");
         return;
       }
-      approveStartMutation.mutate({ taskId: selectedTask.id, notes: notes.trim() });
+      approveStartMutation.mutate({
+        taskId: selectedTask.id,
+        notes: notes.trim(),
+      });
     } else if (actionType === "reject") {
       if (!notes.trim()) {
         toast.error("Rejection reason is required");
@@ -140,13 +164,22 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
   };
 
   const getPriorityBadge = (priority: number) => {
-    const variants: Record<number, { label: string; variant: "default" | "secondary" | "destructive" | "outline" }> = {
+    const variants: Record<
+      number,
+      {
+        label: string;
+        variant: "default" | "secondary" | "destructive" | "outline";
+      }
+    > = {
       0: { label: "P0", variant: "destructive" },
       1: { label: "P1", variant: "destructive" },
       2: { label: "P2", variant: "secondary" },
       3: { label: "P3", variant: "outline" },
     };
-    const { label, variant } = variants[priority] || { label: `P${priority}`, variant: "outline" as const };
+    const { label, variant } = variants[priority] || {
+      label: `P${priority}`,
+      variant: "outline" as const,
+    };
     return <Badge variant={variant}>{label}</Badge>;
   };
 
@@ -280,7 +313,10 @@ export function CeoApprovalQueue({ className }: CeoApprovalQueueProps) {
       </Card>
 
       {/* Confirmation Dialog */}
-      <Dialog open={!!selectedTask && !!actionType} onOpenChange={() => closeDialog()}>
+      <Dialog
+        open={!!selectedTask && !!actionType}
+        onOpenChange={() => closeDialog()}
+      >
         <DialogContent>
           <DialogHeader>
             <DialogTitle>
diff --git a/panel/src/components/dashboard/command-center.tsx b/panel/src/components/dashboard/command-center.tsx
index 4548bd1f..82767f48 100644
--- a/panel/src/components/dashboard/command-center.tsx
+++ b/panel/src/components/dashboard/command-center.tsx
@@ -1,6 +1,10 @@
 "use client";
 
-import { useCeoOverview, useAuditorFlags, useRecentActivity } from "@/hooks/use-dashboard";
+import {
+  useCeoOverview,
+  useAuditorFlags,
+  useRecentActivity,
+} from "@/hooks/use-dashboard";
 import { useTasks } from "@/hooks/use-tasks";
 import { TeamHealthCards } from "./team-health-cards";
 import { KeyMetricsPanel } from "./key-metrics-panel";
@@ -20,10 +24,30 @@ import { RefreshCw, Settings, AlertCircle } from "lucide-react";
 import Link from "next/link";
 
 export function CommandCenter() {
-  const { data: overview, isLoading: loadingOverview, isError: errorOverview, refetch: refetchOverview } = useCeoOverview();
-  const { data: flags, isLoading: loadingFlags, isError: errorFlags, refetch: refetchFlags } = useAuditorFlags({ resolved: false });
-  const { data: tasks, isLoading: loadingTasks, isError: errorTasks, refetch: refetchTasks } = useTasks();
-  const { data: activity, isLoading: loadingActivity, isError: errorActivity, refetch: refetchActivity } = useRecentActivity(24);
+  const {
+    data: overview,
+    isLoading: loadingOverview,
+    isError: errorOverview,
+    refetch: refetchOverview,
+  } = useCeoOverview();
+  const {
+    data: flags,
+    isLoading: loadingFlags,
+    isError: errorFlags,
+    refetch: refetchFlags,
+  } = useAuditorFlags({ resolved: false });
+  const {
+    data: tasks,
+    isLoading: loadingTasks,
+    isError: errorTasks,
+    refetch: refetchTasks,
+  } = useTasks();
+  const {
+    data: activity,
+    isLoading: loadingActivity,
+    isError: errorActivity,
+    refetch: refetchActivity,
+  } = useRecentActivity(24);
 
   const hasError = errorOverview || errorFlags || errorTasks || errorActivity;
 
@@ -39,7 +63,9 @@ export function CommandCenter() {
       {/* Header */}
       <div className="flex items-center justify-between">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">RoboCo Command Center</h1>
+          <h1 className="text-3xl font-bold tracking-tight">
+            RoboCo Command Center
+          </h1>
           <p className="text-muted-foreground">
             Complete visibility into all operations
           </p>
diff --git a/panel/src/components/dashboard/key-metrics-panel.tsx b/panel/src/components/dashboard/key-metrics-panel.tsx
index c215c712..2073ea00 100644
--- a/panel/src/components/dashboard/key-metrics-panel.tsx
+++ b/panel/src/components/dashboard/key-metrics-panel.tsx
@@ -2,7 +2,12 @@
 
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
-import { TrendingUp, CheckCircle, BarChart3, AlertTriangle } from "lucide-react";
+import {
+  TrendingUp,
+  CheckCircle,
+  BarChart3,
+  AlertTriangle,
+} from "lucide-react";
 
 interface KeyMetricsProps {
   metrics: Record<string, unknown> | undefined;
@@ -71,11 +76,7 @@ export function KeyMetricsPanel({ metrics, isLoading }: KeyMetricsProps) {
                     {m.label}
                   </div>
                   <span className="font-medium">
-                    {value != null
-                      ? m.format
-                        ? m.format(value)
-                        : value
-                      : "-"}
+                    {value != null ? (m.format ? m.format(value) : value) : "-"}
                   </span>
                 </div>
               );
diff --git a/panel/src/components/dashboard/playbook-review-queue.tsx b/panel/src/components/dashboard/playbook-review-queue.tsx
index 01170fa3..bd7d4570 100644
--- a/panel/src/components/dashboard/playbook-review-queue.tsx
+++ b/panel/src/components/dashboard/playbook-review-queue.tsx
@@ -51,7 +51,9 @@ export function PlaybookReviewQueue({ className }: { className?: string }) {
       toast.success("Playbook approved and indexed");
     },
     onError: (e) =>
-      toast.error(`Approve failed: ${e instanceof Error ? e.message : "error"}`),
+      toast.error(
+        `Approve failed: ${e instanceof Error ? e.message : "error"}`,
+      ),
   });
 
   const rejectMutation = useMutation({
diff --git a/panel/src/components/dashboard/pr-review-queue.tsx b/panel/src/components/dashboard/pr-review-queue.tsx
index 53a57e2a..a1de8a99 100644
--- a/panel/src/components/dashboard/pr-review-queue.tsx
+++ b/panel/src/components/dashboard/pr-review-queue.tsx
@@ -21,7 +21,14 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { GitPullRequest, ExternalLink, Rocket, XCircle, FileText, Loader2 } from "lucide-react";
+import {
+  GitPullRequest,
+  ExternalLink,
+  Rocket,
+  XCircle,
+  FileText,
+  Loader2,
+} from "lucide-react";
 import Link from "next/link";
 import { type Task } from "@/types";
 import { toast } from "sonner";
@@ -142,14 +149,15 @@ export function PrReviewQueue({ className }: PrReviewQueueProps) {
               <GitPullRequest className="mb-3 h-8 w-8 opacity-50" />
               <p className="text-sm">No external PRs under review right now.</p>
               <p className="mt-1 text-xs">
-                Inbound external/fork PRs the reviewer has looked at show up here
-                for your supersede / dismiss call.
+                Inbound external/fork PRs the reviewer has looked at show up
+                here for your supersede / dismiss call.
               </p>
             </div>
           )}
           <div className="space-y-3">
             {items.map((task) => {
-              const awaiting = (task.status || "").toLowerCase() === "completed";
+              const awaiting =
+                (task.status || "").toLowerCase() === "completed";
               return (
                 <div
                   key={task.id}
@@ -232,7 +240,9 @@ export function PrReviewQueue({ className }: PrReviewQueueProps) {
         <DialogContent>
           <DialogHeader>
             <DialogTitle>
-              {action === "supersede" ? "Supersede this PR" : "Dismiss this review"}
+              {action === "supersede"
+                ? "Supersede this PR"
+                : "Dismiss this review"}
             </DialogTitle>
             <DialogDescription>
               {action === "supersede"
@@ -263,7 +273,9 @@ export function PrReviewQueue({ className }: PrReviewQueueProps) {
               onClick={confirm}
               disabled={isPending}
               variant={action === "dismiss" ? "destructive" : "default"}
-              className={action === "supersede" ? "bg-blue-600 hover:bg-blue-700" : ""}
+              className={
+                action === "supersede" ? "bg-blue-600 hover:bg-blue-700" : ""
+              }
             >
               {isPending
                 ? "Processing..."
diff --git a/panel/src/components/dashboard/quick-actions-bar.tsx b/panel/src/components/dashboard/quick-actions-bar.tsx
index aad17eaf..73472edf 100644
--- a/panel/src/components/dashboard/quick-actions-bar.tsx
+++ b/panel/src/components/dashboard/quick-actions-bar.tsx
@@ -2,7 +2,14 @@
 
 import { Button } from "@/components/ui/button";
 import { CreateTaskDialog } from "@/components/tasks/create-task-dialog";
-import { Users, Megaphone, BookOpen, Shield, Sparkles, Bot } from "lucide-react";
+import {
+  Users,
+  Megaphone,
+  BookOpen,
+  Shield,
+  Sparkles,
+  Bot,
+} from "lucide-react";
 import Link from "next/link";
 
 export function QuickActionsBar() {
diff --git a/panel/src/components/dashboard/recent-activity-feed.tsx b/panel/src/components/dashboard/recent-activity-feed.tsx
index a6c8c88a..45eaedd2 100644
--- a/panel/src/components/dashboard/recent-activity-feed.tsx
+++ b/panel/src/components/dashboard/recent-activity-feed.tsx
@@ -13,7 +13,10 @@ interface RecentActivityFeedProps {
   isLoading: boolean;
 }
 
-export function RecentActivityFeed({ activities, isLoading }: RecentActivityFeedProps) {
+export function RecentActivityFeed({
+  activities,
+  isLoading,
+}: RecentActivityFeedProps) {
   return (
     <Card>
       <CardHeader className="pb-3">
diff --git a/panel/src/components/dashboard/team-health-card.tsx b/panel/src/components/dashboard/team-health-card.tsx
index a82efe5c..54e5bf81 100644
--- a/panel/src/components/dashboard/team-health-card.tsx
+++ b/panel/src/components/dashboard/team-health-card.tsx
@@ -37,7 +37,9 @@ export function TeamHealthCard({ health }: TeamHealthCardProps) {
             <AlertTriangle className="h-4 w-4" />
             Blocked
           </div>
-          <span className={`font-medium ${health.blocked_tasks > 0 ? "text-red-600" : ""}`}>
+          <span
+            className={`font-medium ${health.blocked_tasks > 0 ? "text-red-600" : ""}`}
+          >
             {health.blocked_tasks}
           </span>
         </div>
@@ -55,7 +57,13 @@ export function TeamHealthCard({ health }: TeamHealthCardProps) {
         {health.blocked_ratio > 0 && (
           <div className="pt-2 border-t">
             <Badge
-              variant={health.blocked_ratio > 0.3 ? "destructive" : health.blocked_ratio > 0.1 ? "secondary" : "outline"}
+              variant={
+                health.blocked_ratio > 0.3
+                  ? "destructive"
+                  : health.blocked_ratio > 0.1
+                    ? "secondary"
+                    : "outline"
+              }
             >
               {Math.round(health.blocked_ratio * 100)}% blocked
             </Badge>
diff --git a/panel/src/components/dashboard/usage-overview-panel.tsx b/panel/src/components/dashboard/usage-overview-panel.tsx
index 5cb77dd6..484f0dd4 100644
--- a/panel/src/components/dashboard/usage-overview-panel.tsx
+++ b/panel/src/components/dashboard/usage-overview-panel.tsx
@@ -152,10 +152,16 @@ export function UsageOverviewPanel() {
                 )
               }
               label="Trend vs prior period"
-              value={summary ? (trendUp ? "+" : "") + trendPct.toFixed(1) + "%" : "—"}
+              value={
+                summary ? (trendUp ? "+" : "") + trendPct.toFixed(1) + "%" : "—"
+              }
               sub={
                 summary ? (
-                  <span className={"text-xs " + (trendUp ? "text-red-500" : "text-green-500")}>
+                  <span
+                    className={
+                      "text-xs " + (trendUp ? "text-red-500" : "text-green-500")
+                    }
+                  >
                     {trendUp ? "▲" : "▼"}
                   </span>
                 ) : undefined
diff --git a/panel/src/components/git/git-actions-panel.tsx b/panel/src/components/git/git-actions-panel.tsx
index 1f2107d3..ad3eed3b 100644
--- a/panel/src/components/git/git-actions-panel.tsx
+++ b/panel/src/components/git/git-actions-panel.tsx
@@ -145,7 +145,10 @@ export function GitActionsPanel({
       </CardHeader>
       <CardContent className="space-y-3">
         {/* Commit Action */}
-        <Dialog open={showCommitDialog} onOpenChange={handleCommitDialogOpenChange}>
+        <Dialog
+          open={showCommitDialog}
+          onOpenChange={handleCommitDialogOpenChange}
+        >
           <DialogTrigger asChild>
             <Button
               className="w-full justify-start"
@@ -184,7 +187,9 @@ export function GitActionsPanel({
                     </li>
                   ))}
                   {(status?.staged_files.length ?? 0) > 5 && (
-                    <li>... and {(status?.staged_files.length ?? 0) - 5} more</li>
+                    <li>
+                      ... and {(status?.staged_files.length ?? 0) - 5} more
+                    </li>
                   )}
                 </ul>
               </div>
@@ -200,7 +205,9 @@ export function GitActionsPanel({
                 onClick={handleCommit}
                 disabled={!commitMessage.trim() || isCommitting}
               >
-                {isCommitting && <RefreshCw className="h-4 w-4 mr-2 animate-spin" />}
+                {isCommitting && (
+                  <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
+                )}
                 Commit
               </Button>
             </DialogFooter>
@@ -276,7 +283,9 @@ export function GitActionsPanel({
                 onClick={handleCreatePR}
                 disabled={!prTitle.trim() || isCreatingPR}
               >
-                {isCreatingPR && <RefreshCw className="h-4 w-4 mr-2 animate-spin" />}
+                {isCreatingPR && (
+                  <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
+                )}
                 Create PR
               </Button>
             </DialogFooter>
@@ -284,12 +293,12 @@ export function GitActionsPanel({
         </Dialog>
 
         {/* Merge PR Action */}
-        <Dialog open={showMergeDialog} onOpenChange={handleMergeDialogOpenChange}>
+        <Dialog
+          open={showMergeDialog}
+          onOpenChange={handleMergeDialogOpenChange}
+        >
           <DialogTrigger asChild>
-            <Button
-              className="w-full justify-start"
-              variant="outline"
-            >
+            <Button className="w-full justify-start" variant="outline">
               {isMerging ? (
                 <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
               ) : (
@@ -315,14 +324,23 @@ export function GitActionsPanel({
               </div>
             </div>
             <DialogFooter>
-              <Button variant="outline" onClick={() => setShowMergeDialog(false)}>
+              <Button
+                variant="outline"
+                onClick={() => setShowMergeDialog(false)}
+              >
                 Cancel
               </Button>
               <Button
                 onClick={handleMergePR}
-                disabled={!mergePrNumber.trim() || isNaN(parseInt(mergePrNumber, 10)) || isMerging}
+                disabled={
+                  !mergePrNumber.trim() ||
+                  isNaN(parseInt(mergePrNumber, 10)) ||
+                  isMerging
+                }
               >
-                {isMerging && <RefreshCw className="h-4 w-4 mr-2 animate-spin" />}
+                {isMerging && (
+                  <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
+                )}
                 Merge
               </Button>
             </DialogFooter>
diff --git a/panel/src/components/git/git-branch-panel.tsx b/panel/src/components/git/git-branch-panel.tsx
index 0ee5cc70..45e4cdd6 100644
--- a/panel/src/components/git/git-branch-panel.tsx
+++ b/panel/src/components/git/git-branch-panel.tsx
@@ -22,13 +22,7 @@ import {
   DialogFooter,
   DialogTrigger,
 } from "@/components/ui/dialog";
-import {
-  GitBranch,
-  Check,
-  Cloud,
-  Plus,
-  RefreshCw,
-} from "lucide-react";
+import { GitBranch, Check, Cloud, Plus, RefreshCw } from "lucide-react";
 
 interface GitBranchPanelProps {
   branches: GitBranchListResponse | undefined;
@@ -146,7 +140,9 @@ export function GitBranchPanel({
                   onClick={handleCreateBranch}
                   disabled={!taskId.trim() || isCreating}
                 >
-                  {isCreating && <RefreshCw className="h-4 w-4 mr-2 animate-spin" />}
+                  {isCreating && (
+                    <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
+                  )}
                   Create Branch
                 </Button>
               </DialogFooter>
@@ -166,7 +162,9 @@ export function GitBranchPanel({
                 {localBranches.map((branch) => (
                   <Button
                     key={branch.name}
-                    onClick={() => !branch.is_current && onCheckout(branch.name)}
+                    onClick={() =>
+                      !branch.is_current && onCheckout(branch.name)
+                    }
                     disabled={branch.is_current || isCheckingOut}
                     variant="ghost"
                     className={
diff --git a/panel/src/components/git/git-browser.tsx b/panel/src/components/git/git-browser.tsx
index e05f1b7e..3f08729e 100644
--- a/panel/src/components/git/git-browser.tsx
+++ b/panel/src/components/git/git-browser.tsx
@@ -40,17 +40,54 @@ function GitBrowserContent() {
   const taskId = searchParams.get("task") || "";
 
   // Fetch projects
-  const { data: projects, isLoading: loadingProjects, error: projectsError, refetch: refetchProjects } = useProjects();
+  const {
+    data: projects,
+    isLoading: loadingProjects,
+    error: projectsError,
+    refetch: refetchProjects,
+  } = useProjects();
 
   // Git hooks - only enabled when project is selected
-  const { data: status, isLoading: loadingStatus, refetch: refetchStatus } = useGitStatus(projectSlug, taskId, !!projectSlug);
-  const { data: log, isLoading: loadingLog, refetch: refetchLog } = useGitLog(projectSlug, 20, undefined, !!projectSlug);
-  const { data: branches, isLoading: loadingBranches, refetch: refetchBranches } = useGitBranches(projectSlug, true, !!projectSlug);
-  const { data: stagedDiff, isLoading: loadingStagedDiff } = useGitDiff(projectSlug, true, undefined, !!projectSlug);
-  const { data: unstagedDiff, isLoading: loadingUnstagedDiff } = useGitDiff(projectSlug, false, undefined, !!projectSlug);
+  const {
+    data: status,
+    isLoading: loadingStatus,
+    refetch: refetchStatus,
+  } = useGitStatus(projectSlug, taskId, !!projectSlug);
+  const {
+    data: log,
+    isLoading: loadingLog,
+    refetch: refetchLog,
+  } = useGitLog(projectSlug, 20, undefined, !!projectSlug);
+  const {
+    data: branches,
+    isLoading: loadingBranches,
+    refetch: refetchBranches,
+  } = useGitBranches(projectSlug, true, !!projectSlug);
+  const { data: stagedDiff, isLoading: loadingStagedDiff } = useGitDiff(
+    projectSlug,
+    true,
+    undefined,
+    !!projectSlug,
+  );
+  const { data: unstagedDiff, isLoading: loadingUnstagedDiff } = useGitDiff(
+    projectSlug,
+    false,
+    undefined,
+    !!projectSlug,
+  );
 
   // Git operations
-  const { commit, push, createBranch, checkout, createPR, mergePR, pull, fetch, rebase } = useGitOperations();
+  const {
+    commit,
+    push,
+    createBranch,
+    checkout,
+    createPR,
+    mergePR,
+    pull,
+    fetch,
+    rebase,
+  } = useGitOperations();
 
   // Update URL params
   const updateParams = useCallback(
@@ -66,14 +103,14 @@ function GitBrowserContent() {
       const query = params.toString();
       router.push(query ? `/git?${query}` : "/git");
     },
-    [router, searchParams]
+    [router, searchParams],
   );
 
   const handleProjectChange = useCallback(
     (slug: string) => {
       updateParams({ project: slug || null, task: null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleRefresh = () => {
@@ -97,7 +134,10 @@ function GitBrowserContent() {
     }
   };
 
-  const handleCreateBranch = async (branchType: BranchType, branchTaskId: string) => {
+  const handleCreateBranch = async (
+    branchType: BranchType,
+    branchTaskId: string,
+  ) => {
     try {
       const result = await createBranch.mutateAsync({
         project_slug: projectSlug,
@@ -133,7 +173,9 @@ function GitBrowserContent() {
         agent_id: "ceo",
         force,
       });
-      toast.success(`Pushed ${result.commits_pushed} commits to ${result.branch}`);
+      toast.success(
+        `Pushed ${result.commits_pushed} commits to ${result.branch}`,
+      );
     } catch {
       toast.error("Failed to push");
     }
@@ -151,10 +193,15 @@ function GitBrowserContent() {
       toast.success(
         <span>
           Created PR #{result.pr_number}:{" "}
-          <a href={result.pr_url} target="_blank" rel="noopener noreferrer" className="underline">
+          <a
+            href={result.pr_url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="underline"
+          >
             View
           </a>
-        </span>
+        </span>,
       );
     } catch {
       toast.error("Failed to create PR");
@@ -209,7 +256,7 @@ function GitBrowserContent() {
       });
       if (result.conflict) {
         toast.warning(
-          `Rebase conflicts in: ${result.conflicted_files.join(", ") || "unknown files"}`
+          `Rebase conflicts in: ${result.conflicted_files.join(", ") || "unknown files"}`,
         );
       } else {
         toast.success("Rebase completed successfully");
@@ -220,10 +267,10 @@ function GitBrowserContent() {
   };
 
   // Check offline
-  const isOffline = projectsError && (
-    projectsError.message?.includes("Network Error") ||
-    (projectsError as { code?: string })?.code === "ERR_NETWORK"
-  );
+  const isOffline =
+    projectsError &&
+    (projectsError.message?.includes("Network Error") ||
+      (projectsError as { code?: string })?.code === "ERR_NETWORK");
 
   if (isOffline) {
     return (
@@ -282,7 +329,8 @@ function GitBrowserContent() {
             <GitBranch className="h-16 w-16 mx-auto mb-4 text-muted-foreground/50" />
             <h3 className="text-lg font-medium mb-2">Select a Project</h3>
             <p className="text-sm text-muted-foreground">
-              Choose a project from the dropdown to view git status and perform operations
+              Choose a project from the dropdown to view git status and perform
+              operations
             </p>
           </CardContent>
         </Card>
diff --git a/panel/src/components/git/git-diff-viewer.tsx b/panel/src/components/git/git-diff-viewer.tsx
index a996f596..a14056d8 100644
--- a/panel/src/components/git/git-diff-viewer.tsx
+++ b/panel/src/components/git/git-diff-viewer.tsx
@@ -15,7 +15,13 @@ interface GitDiffViewerProps {
   isLoadingUnstaged: boolean;
 }
 
-function DiffContent({ diff, isLoading }: { diff: GitDiffResponse | undefined; isLoading: boolean }) {
+function DiffContent({
+  diff,
+  isLoading,
+}: {
+  diff: GitDiffResponse | undefined;
+  isLoading: boolean;
+}) {
   if (isLoading) {
     return (
       <div className="p-4 space-y-2">
@@ -54,10 +60,7 @@ function DiffContent({ diff, isLoading }: { diff: GitDiffResponse | undefined; i
           }
 
           return (
-            <div
-              key={i}
-              className={`px-2 -mx-2 whitespace-pre ${className}`}
-            >
+            <div key={i} className={`px-2 -mx-2 whitespace-pre ${className}`}>
               {line || " "}
             </div>
           );
diff --git a/panel/src/components/git/git-log-panel.tsx b/panel/src/components/git/git-log-panel.tsx
index f2793fbc..03763ffe 100644
--- a/panel/src/components/git/git-log-panel.tsx
+++ b/panel/src/components/git/git-log-panel.tsx
@@ -76,7 +76,9 @@ export function GitLogPanel({
                 variant="ghost"
                 className={cn(
                   "w-full h-auto justify-start text-left p-3 font-normal whitespace-normal relative",
-                  selectedHash === commit.hash ? "bg-primary/10 hover:bg-primary/10" : ""
+                  selectedHash === commit.hash
+                    ? "bg-primary/10 hover:bg-primary/10"
+                    : "",
                 )}
               >
                 {/* Timeline line */}
diff --git a/panel/src/components/git/git-status-panel.tsx b/panel/src/components/git/git-status-panel.tsx
index 247a436f..429d9320 100644
--- a/panel/src/components/git/git-status-panel.tsx
+++ b/panel/src/components/git/git-status-panel.tsx
@@ -46,7 +46,8 @@ export function GitStatusPanel({ status, isLoading }: GitStatusPanelProps) {
     );
   }
 
-  const hasChanges = status.staged_files.length > 0 ||
+  const hasChanges =
+    status.staged_files.length > 0 ||
     status.unstaged_files.length > 0 ||
     status.untracked_files.length > 0;
 
@@ -108,7 +109,9 @@ export function GitStatusPanel({ status, isLoading }: GitStatusPanelProps) {
                         className="flex items-center gap-2 text-sm py-0.5 px-2 rounded hover:bg-muted"
                       >
                         <FileCode className="h-3.5 w-3.5 text-green-600" />
-                        <span className="truncate font-mono text-xs">{file}</span>
+                        <span className="truncate font-mono text-xs">
+                          {file}
+                        </span>
                       </div>
                     ))}
                   </div>
@@ -128,7 +131,9 @@ export function GitStatusPanel({ status, isLoading }: GitStatusPanelProps) {
                         className="flex items-center gap-2 text-sm py-0.5 px-2 rounded hover:bg-muted"
                       >
                         <FileX className="h-3.5 w-3.5 text-orange-600" />
-                        <span className="truncate font-mono text-xs">{file}</span>
+                        <span className="truncate font-mono text-xs">
+                          {file}
+                        </span>
                       </div>
                     ))}
                   </div>
@@ -148,7 +153,9 @@ export function GitStatusPanel({ status, isLoading }: GitStatusPanelProps) {
                         className="flex items-center gap-2 text-sm py-0.5 px-2 rounded hover:bg-muted"
                       >
                         <FilePlus className="h-3.5 w-3.5 text-blue-600" />
-                        <span className="truncate font-mono text-xs">{file}</span>
+                        <span className="truncate font-mono text-xs">
+                          {file}
+                        </span>
                       </div>
                     ))}
                   </div>
diff --git a/panel/src/components/journals/agent-item.tsx b/panel/src/components/journals/agent-item.tsx
index cc367987..d03a8b1c 100644
--- a/panel/src/components/journals/agent-item.tsx
+++ b/panel/src/components/journals/agent-item.tsx
@@ -28,7 +28,12 @@ function initialsFor(name: string): string {
   return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
 }
 
-export function AgentItem({ agent, isSelected, onClick, hasEntries }: AgentItemProps) {
+export function AgentItem({
+  agent,
+  isSelected,
+  onClick,
+  hasEntries,
+}: AgentItemProps) {
   const name = getAgentDisplayName(agent.agent_id);
   const avatarTint =
     TEAM_AVATAR[agent.team ?? ""] ?? "bg-muted text-muted-foreground";
diff --git a/panel/src/components/journals/agent-list.tsx b/panel/src/components/journals/agent-list.tsx
index ddfe5a41..b9f2cfd7 100644
--- a/panel/src/components/journals/agent-list.tsx
+++ b/panel/src/components/journals/agent-list.tsx
@@ -44,7 +44,10 @@ function groupByTeam(agents: Agent[]): Record<string, Agent[]> {
       groups.marketing.push(agent);
     } else if (agent.team === Team.BOARD) {
       groups.board.push(agent);
-    } else if (agent.team === Team.MAIN_PM || agent.role === AgentRole.MAIN_PM) {
+    } else if (
+      agent.team === Team.MAIN_PM ||
+      agent.role === AgentRole.MAIN_PM
+    ) {
       groups.management.push(agent);
     } else if (
       agent.role === AgentRole.PRODUCT_OWNER ||
diff --git a/panel/src/components/journals/entry-filter.tsx b/panel/src/components/journals/entry-filter.tsx
index 71400ec4..0233638b 100644
--- a/panel/src/components/journals/entry-filter.tsx
+++ b/panel/src/components/journals/entry-filter.tsx
@@ -52,7 +52,10 @@ export function EntryFilter({
           className="pl-9"
         />
       </div>
-      <Select value={typeFilter} onValueChange={(v) => onTypeChange(v as JournalEntryType | "all")}>
+      <Select
+        value={typeFilter}
+        onValueChange={(v) => onTypeChange(v as JournalEntryType | "all")}
+      >
         <SelectTrigger className="w-auto min-w-32 shrink-0">
           <SelectValue placeholder="Filter by type" />
         </SelectTrigger>
diff --git a/panel/src/components/journals/growth-summary.tsx b/panel/src/components/journals/growth-summary.tsx
index e61c4ae9..23937188 100644
--- a/panel/src/components/journals/growth-summary.tsx
+++ b/panel/src/components/journals/growth-summary.tsx
@@ -18,7 +18,11 @@ interface GrowthSummaryProps {
   isLoading: boolean;
 }
 
-export function GrowthSummary({ journal, growth, isLoading }: GrowthSummaryProps) {
+export function GrowthSummary({
+  journal,
+  growth,
+  isLoading,
+}: GrowthSummaryProps) {
   if (isLoading) {
     return (
       <Card>
@@ -107,7 +111,10 @@ export function GrowthSummary({ journal, growth, isLoading }: GrowthSummaryProps
                 {Math.round(growth.struggle_resolution_rate * 100)}%
               </span>
             </div>
-            <Progress value={growth.struggle_resolution_rate * 100} className="h-2" />
+            <Progress
+              value={growth.struggle_resolution_rate * 100}
+              className="h-2"
+            />
           </div>
         )}
 
@@ -116,7 +123,9 @@ export function GrowthSummary({ journal, growth, isLoading }: GrowthSummaryProps
           <div className="pt-3 border-t">
             <div className="flex items-center justify-between text-sm">
               <span className="text-muted-foreground">Sentiment Trend</span>
-              <span className="font-medium capitalize">{growth.sentiment_trend}</span>
+              <span className="font-medium capitalize">
+                {growth.sentiment_trend}
+              </span>
             </div>
           </div>
         )}
diff --git a/panel/src/components/journals/journal-view.tsx b/panel/src/components/journals/journal-view.tsx
index 5705beb1..72ca6b42 100644
--- a/panel/src/components/journals/journal-view.tsx
+++ b/panel/src/components/journals/journal-view.tsx
@@ -2,7 +2,11 @@
 
 import { useState, useMemo } from "react";
 import { JournalEntryType, Agent } from "@/types";
-import { useJournalByAgent, useAgentJournalEntries, useMyGrowthMetrics } from "@/hooks/use-journals";
+import {
+  useJournalByAgent,
+  useAgentJournalEntries,
+  useMyGrowthMetrics,
+} from "@/hooks/use-journals";
 import { useTasks } from "@/hooks/use-tasks";
 import { GrowthSummary } from "./growth-summary";
 import { EntryCard } from "./entry-card";
@@ -28,8 +32,12 @@ export function JournalView({
   onTaskChange,
 }: JournalViewProps) {
   // Use internal state if no external control provided
-  const [internalTypeFilter, setInternalTypeFilter] = useState<JournalEntryType | "all">("all");
-  const [internalTaskFilter, setInternalTaskFilter] = useState<string | null>(null);
+  const [internalTypeFilter, setInternalTypeFilter] = useState<
+    JournalEntryType | "all"
+  >("all");
+  const [internalTaskFilter, setInternalTaskFilter] = useState<string | null>(
+    null,
+  );
   const [searchQuery, setSearchQuery] = useState("");
 
   // Use external or internal state
@@ -39,12 +47,14 @@ export function JournalView({
   const handleTaskChange = onTaskChange ?? setInternalTaskFilter;
 
   // Fetch journal and entries for the selected agent using their slug
-  const { data: journal, isLoading: loadingJournal } = useJournalByAgent(agent.agent_id);
+  const { data: journal, isLoading: loadingJournal } = useJournalByAgent(
+    agent.agent_id,
+  );
 
   // Fetch ALL entries (without task filter) to build the task dropdown options
   const { data: allEntries } = useAgentJournalEntries(
     agent.agent_id,
-    typeFilter !== "all" ? { entry_type: typeFilter } : {}
+    typeFilter !== "all" ? { entry_type: typeFilter } : {},
   );
 
   // Fetch filtered entries for display
@@ -53,7 +63,7 @@ export function JournalView({
     {
       ...(typeFilter !== "all" ? { entry_type: typeFilter } : {}),
       ...(taskFilter ? { task_id: taskFilter } : {}),
-    }
+    },
   );
   const { data: growth, isLoading: loadingGrowth } = useMyGrowthMetrics();
   const { data: allTasks, isLoading: loadingTasks } = useTasks();
@@ -62,9 +72,7 @@ export function JournalView({
   // This shows only tasks that the agent actually has journal entries about
   const tasks = useMemo(() => {
     const entryTaskIds = new Set(
-      (allEntries ?? [])
-        .filter((e) => e.task_id)
-        .map((e) => e.task_id!)
+      (allEntries ?? []).filter((e) => e.task_id).map((e) => e.task_id!),
     );
     return (allTasks ?? []).filter((task) => entryTaskIds.has(task.id));
   }, [allEntries, allTasks]);
@@ -88,9 +96,12 @@ export function JournalView({
           <User className="h-6 w-6 text-muted-foreground" />
         </div>
         <div>
-          <h2 className="text-xl font-semibold">{getAgentDisplayName(agent.agent_id)}</h2>
+          <h2 className="text-xl font-semibold">
+            {getAgentDisplayName(agent.agent_id)}
+          </h2>
           <p className="text-sm text-muted-foreground capitalize">
-            {agent.role.replace(/_/g, " ")} - {agent.team?.replace(/_/g, " ") || "N/A"}
+            {agent.role.replace(/_/g, " ")} -{" "}
+            {agent.team?.replace(/_/g, " ") || "N/A"}
           </p>
         </div>
       </div>
diff --git a/panel/src/components/kanban/core/kanban-board.tsx b/panel/src/components/kanban/core/kanban-board.tsx
index 777790b9..0b229a6c 100644
--- a/panel/src/components/kanban/core/kanban-board.tsx
+++ b/panel/src/components/kanban/core/kanban-board.tsx
@@ -57,13 +57,16 @@ export function KanbanBoard({
   onTeamChange,
   showQaActions,
 }: KanbanBoardProps) {
-  const { data: tasks, isLoading, refetch } = useTasks(
-    teamFilter ? { team: teamFilter } : undefined
-  );
+  const {
+    data: tasks,
+    isLoading,
+    refetch,
+  } = useTasks(teamFilter ? { team: teamFilter } : undefined);
   const lifecycle = useTaskLifecycle();
   const updateTask = useUpdateTask();
   const [activeTask, setActiveTask] = useState<Task | null>(null);
-  const [pendingNotesAction, setPendingNotesAction] = useState<PendingNotesAction | null>(null);
+  const [pendingNotesAction, setPendingNotesAction] =
+    useState<PendingNotesAction | null>(null);
   const [activeColumnIndex, setActiveColumnIndex] = useState(0);
 
   const sensors = useSensors(
@@ -71,14 +74,17 @@ export function KanbanBoard({
       activationConstraint: {
         distance: 8,
       },
-    })
+    }),
   );
 
   // Group tasks by status
-  const tasksByStatus = columns.reduce((acc, col) => {
-    acc[col.status] = (tasks || []).filter((t) => t.status === col.status);
-    return acc;
-  }, {} as Record<TaskStatus, Task[]>);
+  const tasksByStatus = columns.reduce(
+    (acc, col) => {
+      acc[col.status] = (tasks || []).filter((t) => t.status === col.status);
+      return acc;
+    },
+    {} as Record<TaskStatus, Task[]>,
+  );
 
   const handleDragStart = (event: DragStartEvent) => {
     const taskId = event.active.id as string;
@@ -142,7 +148,9 @@ export function KanbanBoard({
           switch (task.status) {
             case TaskStatus.BACKLOG:
               // BACKLOG tasks need session before activation - PM only
-              toast.info("Backlog tasks must be activated by PM with a session");
+              toast.info(
+                "Backlog tasks must be activated by PM with a session",
+              );
               break;
             case TaskStatus.PENDING:
               await lifecycle.claim.mutateAsync(taskId);
@@ -359,9 +367,7 @@ export function KanbanBoard({
           ))}
         </div>
         <DragOverlay>
-          {activeTask ? (
-            <KanbanCard task={activeTask} isDragging />
-          ) : null}
+          {activeTask ? <KanbanCard task={activeTask} isDragging /> : null}
         </DragOverlay>
       </DndContext>
 
diff --git a/panel/src/components/kanban/core/kanban-card.tsx b/panel/src/components/kanban/core/kanban-card.tsx
index e78c3160..13478468 100644
--- a/panel/src/components/kanban/core/kanban-card.tsx
+++ b/panel/src/components/kanban/core/kanban-card.tsx
@@ -22,7 +22,16 @@ import { BlockedBadge } from "../shared/blocked-badge";
 import { AssigneeAvatar } from "../shared/assignee-avatar";
 import { AgentSelector } from "@/components/agents/agent-selector";
 import { TaskTypeBadge } from "@/components/tasks/task-type-badge";
-import { GripVertical, ArrowRight, CheckCircle, XCircle, UserPlus, MessageSquare, Clock, Hash } from "lucide-react";
+import {
+  GripVertical,
+  ArrowRight,
+  CheckCircle,
+  XCircle,
+  UserPlus,
+  MessageSquare,
+  Clock,
+  Hash,
+} from "lucide-react";
 import { toast } from "sonner";
 import Link from "next/link";
 import { useDraggable } from "@dnd-kit/core";
@@ -35,13 +44,18 @@ interface KanbanCardProps {
   isDragging?: boolean;
 }
 
-export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggingProp }: KanbanCardProps) {
+export function KanbanCard({
+  task,
+  onAction,
+  showQaActions,
+  isDragging: isDraggingProp,
+}: KanbanCardProps) {
   const isBlocked = task.status === TaskStatus.BLOCKED;
   const isBacklog = task.status === TaskStatus.BACKLOG;
   const [assignOpen, setAssignOpen] = useState(false);
   const updateTask = useUpdateTask();
   const hasSessions = task.sessions && task.sessions.length > 0;
-  const primarySession = task.sessions?.find(s => s.is_primary);
+  const primarySession = task.sessions?.find((s) => s.is_primary);
 
   const {
     attributes,
@@ -83,7 +97,9 @@ export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggi
       className={`mb-2 hover:shadow-md transition-all ${
         isDragging ? "opacity-50 rotate-2 scale-105 shadow-lg" : ""
       } ${isBlocked ? "border-red-300 bg-red-50/50 dark:bg-red-950/20" : ""} ${
-        isBacklog ? "border-slate-300 bg-slate-50/50 dark:bg-slate-950/20 opacity-80" : ""
+        isBacklog
+          ? "border-slate-300 bg-slate-50/50 dark:bg-slate-950/20 opacity-80"
+          : ""
       }`}
     >
       <CardContent className="p-3">
@@ -91,7 +107,10 @@ export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggi
           <div className="flex-1 min-w-0 overflow-hidden">
             <Link href={"/tasks/" + task.id} className="block">
               <p className="font-medium text-sm line-clamp-2 hover:underline break-words">
-                <span className="font-mono text-muted-foreground" title={task.id}>
+                <span
+                  className="font-mono text-muted-foreground"
+                  title={task.id}
+                >
                   #{task.id.slice(0, 8)}
                 </span>{" "}
                 {task.title}
@@ -163,7 +182,10 @@ export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggi
                     </Badge>
                   </TooltipTrigger>
                   <TooltipContent>
-                    <p>{task.sessions.length} linked session{task.sessions.length !== 1 ? "s" : ""}</p>
+                    <p>
+                      {task.sessions.length} linked session
+                      {task.sessions.length !== 1 ? "s" : ""}
+                    </p>
                     {primarySession && (
                       <p className="text-xs text-muted-foreground">
                         Primary: #{primarySession.channel_slug}
@@ -194,7 +216,10 @@ export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggi
                   Assign
                 </Button>
               </PopoverTrigger>
-              <PopoverContent className="w-64 p-2" onClick={(e) => e.stopPropagation()}>
+              <PopoverContent
+                className="w-64 p-2"
+                onClick={(e) => e.stopPropagation()}
+              >
                 <div className="space-y-2">
                   <p className="text-sm font-medium">Assign to agent</p>
                   <AgentSelector
@@ -247,7 +272,11 @@ export function KanbanCard({ task, onAction, showQaActions, isDragging: isDraggi
                       onAction("move-forward", task.id);
                     }}
                     disabled={isBacklog}
-                    title={isBacklog ? "PM must activate this task first" : "Move forward"}
+                    title={
+                      isBacklog
+                        ? "PM must activate this task first"
+                        : "Move forward"
+                    }
                   >
                     <ArrowRight className="h-3 w-3" />
                   </Button>
diff --git a/panel/src/components/kanban/core/kanban-column.tsx b/panel/src/components/kanban/core/kanban-column.tsx
index bb82a9bb..21518b34 100644
--- a/panel/src/components/kanban/core/kanban-column.tsx
+++ b/panel/src/components/kanban/core/kanban-column.tsx
@@ -48,8 +48,13 @@ export function KanbanColumn({
       )}
     >
       <div className="flex items-center justify-between mb-3">
-        <h3 className="font-semibold text-sm text-gray-800 dark:text-gray-100">{title}</h3>
-        <Badge variant="secondary" className="dark:bg-gray-700 dark:text-gray-100">
+        <h3 className="font-semibold text-sm text-gray-800 dark:text-gray-100">
+          {title}
+        </h3>
+        <Badge
+          variant="secondary"
+          className="dark:bg-gray-700 dark:text-gray-100"
+        >
           {isLoading ? "..." : tasks.length}
         </Badge>
       </div>
@@ -71,7 +76,11 @@ export function KanbanColumn({
                 key={task.id}
                 task={task}
                 onAction={onAction}
-                showQaActions={showQaActions && (status === TaskStatus.AWAITING_QA || status === TaskStatus.VERIFYING)}
+                showQaActions={
+                  showQaActions &&
+                  (status === TaskStatus.AWAITING_QA ||
+                    status === TaskStatus.VERIFYING)
+                }
               />
             ))}
           </div>
diff --git a/panel/src/components/kanban/views/dev-kanban.tsx b/panel/src/components/kanban/views/dev-kanban.tsx
index 7df1bd0c..fe480214 100644
--- a/panel/src/components/kanban/views/dev-kanban.tsx
+++ b/panel/src/components/kanban/views/dev-kanban.tsx
@@ -5,14 +5,54 @@ import { TaskStatus, Team } from "@/types";
 import { KanbanBoard } from "../core/kanban-board";
 
 const DEV_COLUMNS = [
-  { id: "backlog", status: TaskStatus.BACKLOG, title: "Backlog", color: "bg-slate-50 dark:bg-slate-900" },
-  { id: "pending", status: TaskStatus.PENDING, title: "Ready", color: "bg-gray-100 dark:bg-gray-800" },
-  { id: "assigned", status: TaskStatus.CLAIMED, title: "Assigned", color: "bg-blue-50 dark:bg-blue-950" },
-  { id: "in-progress", status: TaskStatus.IN_PROGRESS, title: "In Progress", color: "bg-blue-100 dark:bg-blue-900" },
-  { id: "blocked", status: TaskStatus.BLOCKED, title: "Blocked", color: "bg-red-50 dark:bg-red-950" },
-  { id: "verifying", status: TaskStatus.VERIFYING, title: "Verifying", color: "bg-purple-50 dark:bg-purple-950" },
-  { id: "qa-review", status: TaskStatus.AWAITING_QA, title: "QA Review", color: "bg-yellow-50 dark:bg-yellow-950" },
-  { id: "done", status: TaskStatus.COMPLETED, title: "Done", color: "bg-green-50 dark:bg-green-950" },
+  {
+    id: "backlog",
+    status: TaskStatus.BACKLOG,
+    title: "Backlog",
+    color: "bg-slate-50 dark:bg-slate-900",
+  },
+  {
+    id: "pending",
+    status: TaskStatus.PENDING,
+    title: "Ready",
+    color: "bg-gray-100 dark:bg-gray-800",
+  },
+  {
+    id: "assigned",
+    status: TaskStatus.CLAIMED,
+    title: "Assigned",
+    color: "bg-blue-50 dark:bg-blue-950",
+  },
+  {
+    id: "in-progress",
+    status: TaskStatus.IN_PROGRESS,
+    title: "In Progress",
+    color: "bg-blue-100 dark:bg-blue-900",
+  },
+  {
+    id: "blocked",
+    status: TaskStatus.BLOCKED,
+    title: "Blocked",
+    color: "bg-red-50 dark:bg-red-950",
+  },
+  {
+    id: "verifying",
+    status: TaskStatus.VERIFYING,
+    title: "Verifying",
+    color: "bg-purple-50 dark:bg-purple-950",
+  },
+  {
+    id: "qa-review",
+    status: TaskStatus.AWAITING_QA,
+    title: "QA Review",
+    color: "bg-yellow-50 dark:bg-yellow-950",
+  },
+  {
+    id: "done",
+    status: TaskStatus.COMPLETED,
+    title: "Done",
+    color: "bg-green-50 dark:bg-green-950",
+  },
 ];
 
 interface DevKanbanProps {
diff --git a/panel/src/components/kanban/views/pm-kanban.tsx b/panel/src/components/kanban/views/pm-kanban.tsx
index e59d4ad2..9887a391 100644
--- a/panel/src/components/kanban/views/pm-kanban.tsx
+++ b/panel/src/components/kanban/views/pm-kanban.tsx
@@ -11,20 +11,90 @@ import { KanbanBoard } from "../core/kanban-board";
 // can recover a wedged task straight from the board. (verifying is omitted: a
 // transient dev-internal self-check state, not a destination a human sets.)
 const PM_COLUMNS = [
-  { id: "backlog", status: TaskStatus.BACKLOG, title: "Backlog", color: "bg-slate-50 dark:bg-slate-900" },
-  { id: "incoming", status: TaskStatus.PENDING, title: "Pending", color: "bg-gray-100 dark:bg-gray-800" },
-  { id: "assigned", status: TaskStatus.CLAIMED, title: "Assigned", color: "bg-blue-50 dark:bg-blue-950" },
-  { id: "in-progress", status: TaskStatus.IN_PROGRESS, title: "In Progress", color: "bg-blue-100 dark:bg-blue-900" },
-  { id: "blocked", status: TaskStatus.BLOCKED, title: "Blocked", color: "bg-red-100 dark:bg-red-900" },
-  { id: "paused", status: TaskStatus.PAUSED, title: "Paused", color: "bg-amber-50 dark:bg-amber-950" },
-  { id: "qa", status: TaskStatus.AWAITING_QA, title: "In QA", color: "bg-yellow-50 dark:bg-yellow-950" },
-  { id: "needs-revision", status: TaskStatus.NEEDS_REVISION, title: "Needs Revision", color: "bg-rose-50 dark:bg-rose-950" },
-  { id: "docs", status: TaskStatus.AWAITING_DOCUMENTATION, title: "In Docs", color: "bg-purple-50 dark:bg-purple-950" },
-  { id: "pr-review", status: TaskStatus.AWAITING_PR_REVIEW, title: "PR Review", color: "bg-teal-50 dark:bg-teal-950" },
-  { id: "pm-review", status: TaskStatus.AWAITING_PM_REVIEW, title: "PM Review", color: "bg-orange-50 dark:bg-orange-950" },
-  { id: "ceo-approval", status: TaskStatus.AWAITING_CEO_APPROVAL, title: "CEO Approval", color: "bg-indigo-50 dark:bg-indigo-950" },
-  { id: "done", status: TaskStatus.COMPLETED, title: "Done", color: "bg-green-50 dark:bg-green-950" },
-  { id: "cancelled", status: TaskStatus.CANCELLED, title: "Cancelled", color: "bg-zinc-100 dark:bg-zinc-900" },
+  {
+    id: "backlog",
+    status: TaskStatus.BACKLOG,
+    title: "Backlog",
+    color: "bg-slate-50 dark:bg-slate-900",
+  },
+  {
+    id: "incoming",
+    status: TaskStatus.PENDING,
+    title: "Pending",
+    color: "bg-gray-100 dark:bg-gray-800",
+  },
+  {
+    id: "assigned",
+    status: TaskStatus.CLAIMED,
+    title: "Assigned",
+    color: "bg-blue-50 dark:bg-blue-950",
+  },
+  {
+    id: "in-progress",
+    status: TaskStatus.IN_PROGRESS,
+    title: "In Progress",
+    color: "bg-blue-100 dark:bg-blue-900",
+  },
+  {
+    id: "blocked",
+    status: TaskStatus.BLOCKED,
+    title: "Blocked",
+    color: "bg-red-100 dark:bg-red-900",
+  },
+  {
+    id: "paused",
+    status: TaskStatus.PAUSED,
+    title: "Paused",
+    color: "bg-amber-50 dark:bg-amber-950",
+  },
+  {
+    id: "qa",
+    status: TaskStatus.AWAITING_QA,
+    title: "In QA",
+    color: "bg-yellow-50 dark:bg-yellow-950",
+  },
+  {
+    id: "needs-revision",
+    status: TaskStatus.NEEDS_REVISION,
+    title: "Needs Revision",
+    color: "bg-rose-50 dark:bg-rose-950",
+  },
+  {
+    id: "docs",
+    status: TaskStatus.AWAITING_DOCUMENTATION,
+    title: "In Docs",
+    color: "bg-purple-50 dark:bg-purple-950",
+  },
+  {
+    id: "pr-review",
+    status: TaskStatus.AWAITING_PR_REVIEW,
+    title: "PR Review",
+    color: "bg-teal-50 dark:bg-teal-950",
+  },
+  {
+    id: "pm-review",
+    status: TaskStatus.AWAITING_PM_REVIEW,
+    title: "PM Review",
+    color: "bg-orange-50 dark:bg-orange-950",
+  },
+  {
+    id: "ceo-approval",
+    status: TaskStatus.AWAITING_CEO_APPROVAL,
+    title: "CEO Approval",
+    color: "bg-indigo-50 dark:bg-indigo-950",
+  },
+  {
+    id: "done",
+    status: TaskStatus.COMPLETED,
+    title: "Done",
+    color: "bg-green-50 dark:bg-green-950",
+  },
+  {
+    id: "cancelled",
+    status: TaskStatus.CANCELLED,
+    title: "Cancelled",
+    color: "bg-zinc-100 dark:bg-zinc-900",
+  },
 ];
 
 interface PmKanbanProps {
diff --git a/panel/src/components/kanban/views/pr-review-kanban.tsx b/panel/src/components/kanban/views/pr-review-kanban.tsx
index 333801de..3001bded 100644
--- a/panel/src/components/kanban/views/pr-review-kanban.tsx
+++ b/panel/src/components/kanban/views/pr-review-kanban.tsx
@@ -8,9 +8,24 @@ import { KanbanBoard } from "../core/kanban-board";
 // root->master PR before the PM merges. A card sits in "Awaiting Review" until
 // a reviewer pr_passes it on to PM Review or pr_fails it back for changes.
 const PR_REVIEW_COLUMNS = [
-  { id: "awaiting", status: TaskStatus.AWAITING_PR_REVIEW, title: "Awaiting Review", color: "bg-teal-100 dark:bg-teal-900" },
-  { id: "passed", status: TaskStatus.AWAITING_PM_REVIEW, title: "Passed", color: "bg-green-50 dark:bg-green-950" },
-  { id: "changes", status: TaskStatus.NEEDS_REVISION, title: "Changes Requested", color: "bg-red-50 dark:bg-red-950" },
+  {
+    id: "awaiting",
+    status: TaskStatus.AWAITING_PR_REVIEW,
+    title: "Awaiting Review",
+    color: "bg-teal-100 dark:bg-teal-900",
+  },
+  {
+    id: "passed",
+    status: TaskStatus.AWAITING_PM_REVIEW,
+    title: "Passed",
+    color: "bg-green-50 dark:bg-green-950",
+  },
+  {
+    id: "changes",
+    status: TaskStatus.NEEDS_REVISION,
+    title: "Changes Requested",
+    color: "bg-red-50 dark:bg-red-950",
+  },
 ];
 
 interface PrReviewKanbanProps {
diff --git a/panel/src/components/kanban/views/qa-kanban.tsx b/panel/src/components/kanban/views/qa-kanban.tsx
index 5dcb7bb2..f7c19c48 100644
--- a/panel/src/components/kanban/views/qa-kanban.tsx
+++ b/panel/src/components/kanban/views/qa-kanban.tsx
@@ -5,10 +5,30 @@ import { TaskStatus, Team } from "@/types";
 import { KanbanBoard } from "../core/kanban-board";
 
 const QA_COLUMNS = [
-  { id: "awaiting", status: TaskStatus.AWAITING_QA, title: "Awaiting Review", color: "bg-yellow-100 dark:bg-yellow-900" },
-  { id: "verifying", status: TaskStatus.VERIFYING, title: "In Review", color: "bg-blue-100 dark:bg-blue-900" },
-  { id: "passed", status: TaskStatus.AWAITING_DOCUMENTATION, title: "Passed", color: "bg-green-50 dark:bg-green-950" },
-  { id: "failed", status: TaskStatus.NEEDS_REVISION, title: "Failed", color: "bg-red-50 dark:bg-red-950" },
+  {
+    id: "awaiting",
+    status: TaskStatus.AWAITING_QA,
+    title: "Awaiting Review",
+    color: "bg-yellow-100 dark:bg-yellow-900",
+  },
+  {
+    id: "verifying",
+    status: TaskStatus.VERIFYING,
+    title: "In Review",
+    color: "bg-blue-100 dark:bg-blue-900",
+  },
+  {
+    id: "passed",
+    status: TaskStatus.AWAITING_DOCUMENTATION,
+    title: "Passed",
+    color: "bg-green-50 dark:bg-green-950",
+  },
+  {
+    id: "failed",
+    status: TaskStatus.NEEDS_REVISION,
+    title: "Failed",
+    color: "bg-red-50 dark:bg-red-950",
+  },
 ];
 
 interface QaKanbanProps {
diff --git a/panel/src/components/knowledge-base/index.ts b/panel/src/components/knowledge-base/index.ts
index b7594d30..bc66b70e 100644
--- a/panel/src/components/knowledge-base/index.ts
+++ b/panel/src/components/knowledge-base/index.ts
@@ -2,7 +2,11 @@
 export { KnowledgeBaseBrowser } from "./knowledge-base-browser";
 
 // Shared components
-export { KBIndexTypeBadge, getIndexTypeIcon, getIndexTypeLabel } from "./kb-index-type-badge";
+export {
+  KBIndexTypeBadge,
+  getIndexTypeIcon,
+  getIndexTypeLabel,
+} from "./kb-index-type-badge";
 export { KBStatsCard } from "./kb-stats-card";
 export { KBSearchBar } from "./kb-search-bar";
 export { KBFilters } from "./kb-filters";
diff --git a/panel/src/components/knowledge-base/kb-category-nav.tsx b/panel/src/components/knowledge-base/kb-category-nav.tsx
index bda4ddcd..f78265c7 100644
--- a/panel/src/components/knowledge-base/kb-category-nav.tsx
+++ b/panel/src/components/knowledge-base/kb-category-nav.tsx
@@ -1,12 +1,25 @@
 "use client";
 
 import { KBIndexType, KBStats } from "@/types";
-import { FileText, MessageSquare, BookOpen, ChevronRight, AlertTriangle, Scale, GitBranch, ClipboardCheck, Lightbulb } from "lucide-react";
+import {
+  FileText,
+  MessageSquare,
+  BookOpen,
+  ChevronRight,
+  AlertTriangle,
+  Scale,
+  GitBranch,
+  ClipboardCheck,
+  Lightbulb,
+} from "lucide-react";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
-const categoryConfig: Record<KBIndexType, { label: string; description: string; icon: React.ReactNode }> = {
+const categoryConfig: Record<
+  KBIndexType,
+  { label: string; description: string; icon: React.ReactNode }
+> = {
   [KBIndexType.DOCUMENTATION]: {
     label: "Documentation",
     description: "READMEs, guides, and API docs",
@@ -66,7 +79,10 @@ export function KBCategoryNav({
     return (
       <div className="space-y-2">
         {[1, 2, 3, 4].map((i) => (
-          <div key={i} className="flex items-center gap-3 p-3 rounded-lg border">
+          <div
+            key={i}
+            className="flex items-center gap-3 p-3 rounded-lg border"
+          >
             <Skeleton className="h-10 w-10 rounded" />
             <div className="flex-1 space-y-1">
               <Skeleton className="h-4 w-24" />
@@ -100,7 +116,7 @@ export function KBCategoryNav({
               "w-full h-auto justify-start gap-3 p-3 font-normal whitespace-normal",
               isSelected
                 ? "bg-primary/10 border-primary"
-                : "hover:bg-muted/50 border-transparent hover:border-border"
+                : "hover:bg-muted/50 border-transparent hover:border-border",
             )}
           >
             <div className="shrink-0">{config.icon}</div>
@@ -111,9 +127,16 @@ export function KBCategoryNav({
                   {count.toLocaleString()} docs
                 </span>
               </div>
-              <p className="text-xs text-muted-foreground truncate">{config.description}</p>
+              <p className="text-xs text-muted-foreground truncate">
+                {config.description}
+              </p>
             </div>
-            <ChevronRight className={cn("h-4 w-4 text-muted-foreground shrink-0 transition-transform", isSelected && "rotate-90")} />
+            <ChevronRight
+              className={cn(
+                "h-4 w-4 text-muted-foreground shrink-0 transition-transform",
+                isSelected && "rotate-90",
+              )}
+            />
           </Button>
         );
       })}
diff --git a/panel/src/components/knowledge-base/kb-category-view.tsx b/panel/src/components/knowledge-base/kb-category-view.tsx
index b1e516ef..6b659a81 100644
--- a/panel/src/components/knowledge-base/kb-category-view.tsx
+++ b/panel/src/components/knowledge-base/kb-category-view.tsx
@@ -7,7 +7,13 @@ import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { KBIndexTypeBadge } from "./kb-index-type-badge";
-import { FileCode, FolderOpen, Clock, ChevronLeft, ChevronRight } from "lucide-react";
+import {
+  FileCode,
+  FolderOpen,
+  Clock,
+  ChevronLeft,
+  ChevronRight,
+} from "lucide-react";
 import { formatDistanceToNow } from "date-fns";
 
 const PAGE_SIZE = 25;
@@ -24,14 +30,17 @@ function KBCategoryViewInner({ category }: { category: KBIndexType }) {
   const { data, isLoading } = useKBDocuments(
     category,
     { limit: PAGE_SIZE, offset },
-    true
+    true,
   );
 
   if (isLoading) {
     return (
       <div className="space-y-2">
         {[1, 2, 3, 4, 5].map((i) => (
-          <div key={i} className="flex items-center gap-3 p-3 border rounded-lg">
+          <div
+            key={i}
+            className="flex items-center gap-3 p-3 border rounded-lg"
+          >
             <Skeleton className="h-10 w-10 rounded" />
             <div className="flex-1 space-y-1">
               <Skeleton className="h-4 w-3/4" />
@@ -75,7 +84,9 @@ function KBCategoryViewInner({ category }: { category: KBIndexType }) {
                     <div className="flex items-center gap-2 mt-1 text-xs text-muted-foreground">
                       <Clock className="h-3 w-3" />
                       <span>
-                        {formatDistanceToNow(new Date(doc.indexed_at), { addSuffix: true })}
+                        {formatDistanceToNow(new Date(doc.indexed_at), {
+                          addSuffix: true,
+                        })}
                       </span>
                     </div>
                   </div>
diff --git a/panel/src/components/knowledge-base/kb-filters.tsx b/panel/src/components/knowledge-base/kb-filters.tsx
index dba37ef4..040f4b90 100644
--- a/panel/src/components/knowledge-base/kb-filters.tsx
+++ b/panel/src/components/knowledge-base/kb-filters.tsx
@@ -3,17 +3,53 @@
 import { KBIndexType } from "@/types";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Button } from "@/components/ui/button";
-import { FileText, MessageSquare, BookOpen, AlertTriangle, Scale, GitBranch, ClipboardCheck, Lightbulb } from "lucide-react";
+import {
+  FileText,
+  MessageSquare,
+  BookOpen,
+  AlertTriangle,
+  Scale,
+  GitBranch,
+  ClipboardCheck,
+  Lightbulb,
+} from "lucide-react";
 
-const indexTypeConfig: Record<KBIndexType, { label: string; icon: React.ReactNode }> = {
-  [KBIndexType.DOCUMENTATION]: { label: "Documentation", icon: <FileText className="h-4 w-4 text-blue-500" /> },
-  [KBIndexType.CONVERSATIONS]: { label: "Conversations", icon: <MessageSquare className="h-4 w-4 text-green-500" /> },
-  [KBIndexType.JOURNALS]: { label: "Journals", icon: <BookOpen className="h-4 w-4 text-orange-500" /> },
-  [KBIndexType.ERRORS]: { label: "Errors", icon: <AlertTriangle className="h-4 w-4 text-red-500" /> },
-  [KBIndexType.STANDARDS]: { label: "Standards", icon: <Scale className="h-4 w-4 text-cyan-500" /> },
-  [KBIndexType.DECISIONS]: { label: "Decisions", icon: <GitBranch className="h-4 w-4 text-indigo-500" /> },
-  [KBIndexType.REVIEWS]: { label: "Reviews", icon: <ClipboardCheck className="h-4 w-4 text-pink-500" /> },
-  [KBIndexType.LEARNINGS]: { label: "Learnings", icon: <Lightbulb className="h-4 w-4 text-yellow-500" /> },
+const indexTypeConfig: Record<
+  KBIndexType,
+  { label: string; icon: React.ReactNode }
+> = {
+  [KBIndexType.DOCUMENTATION]: {
+    label: "Documentation",
+    icon: <FileText className="h-4 w-4 text-blue-500" />,
+  },
+  [KBIndexType.CONVERSATIONS]: {
+    label: "Conversations",
+    icon: <MessageSquare className="h-4 w-4 text-green-500" />,
+  },
+  [KBIndexType.JOURNALS]: {
+    label: "Journals",
+    icon: <BookOpen className="h-4 w-4 text-orange-500" />,
+  },
+  [KBIndexType.ERRORS]: {
+    label: "Errors",
+    icon: <AlertTriangle className="h-4 w-4 text-red-500" />,
+  },
+  [KBIndexType.STANDARDS]: {
+    label: "Standards",
+    icon: <Scale className="h-4 w-4 text-cyan-500" />,
+  },
+  [KBIndexType.DECISIONS]: {
+    label: "Decisions",
+    icon: <GitBranch className="h-4 w-4 text-indigo-500" />,
+  },
+  [KBIndexType.REVIEWS]: {
+    label: "Reviews",
+    icon: <ClipboardCheck className="h-4 w-4 text-pink-500" />,
+  },
+  [KBIndexType.LEARNINGS]: {
+    label: "Learnings",
+    icon: <Lightbulb className="h-4 w-4 text-yellow-500" />,
+  },
 };
 
 interface KBFiltersProps {
@@ -69,7 +105,8 @@ export function KBFilters({ selectedTypes, onTypesChange }: KBFiltersProps) {
       </div>
       {!allSelected && (
         <p className="text-xs text-muted-foreground">
-          Showing {selectedTypes.length} of {Object.values(KBIndexType).length} types
+          Showing {selectedTypes.length} of {Object.values(KBIndexType).length}{" "}
+          types
         </p>
       )}
     </div>
diff --git a/panel/src/components/knowledge-base/kb-index-type-badge.tsx b/panel/src/components/knowledge-base/kb-index-type-badge.tsx
index 47323e16..8466c1b9 100644
--- a/panel/src/components/knowledge-base/kb-index-type-badge.tsx
+++ b/panel/src/components/knowledge-base/kb-index-type-badge.tsx
@@ -2,9 +2,21 @@
 
 import { Badge } from "@/components/ui/badge";
 import { KBIndexType } from "@/types";
-import { FileText, MessageSquare, BookOpen, AlertTriangle, Scale, GitBranch, ClipboardCheck, Lightbulb } from "lucide-react";
+import {
+  FileText,
+  MessageSquare,
+  BookOpen,
+  AlertTriangle,
+  Scale,
+  GitBranch,
+  ClipboardCheck,
+  Lightbulb,
+} from "lucide-react";
 
-const indexTypeConfig: Record<KBIndexType, { label: string; color: string; icon: React.ReactNode }> = {
+const indexTypeConfig: Record<
+  KBIndexType,
+  { label: string; color: string; icon: React.ReactNode }
+> = {
   [KBIndexType.DOCUMENTATION]: {
     label: "Docs",
     color: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
@@ -17,7 +29,8 @@ const indexTypeConfig: Record<KBIndexType, { label: string; color: string; icon:
   },
   [KBIndexType.JOURNALS]: {
     label: "Journals",
-    color: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
+    color:
+      "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
     icon: <BookOpen className="h-3 w-3" />,
   },
   [KBIndexType.ERRORS]: {
@@ -32,7 +45,8 @@ const indexTypeConfig: Record<KBIndexType, { label: string; color: string; icon:
   },
   [KBIndexType.DECISIONS]: {
     label: "Decisions",
-    color: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
+    color:
+      "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
     icon: <GitBranch className="h-3 w-3" />,
   },
   [KBIndexType.REVIEWS]: {
@@ -42,7 +56,8 @@ const indexTypeConfig: Record<KBIndexType, { label: string; color: string; icon:
   },
   [KBIndexType.LEARNINGS]: {
     label: "Learnings",
-    color: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
+    color:
+      "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
     icon: <Lightbulb className="h-3 w-3" />,
   },
 };
@@ -53,7 +68,11 @@ interface KBIndexTypeBadgeProps {
   className?: string;
 }
 
-export function KBIndexTypeBadge({ indexType, showIcon = true, className }: KBIndexTypeBadgeProps) {
+export function KBIndexTypeBadge({
+  indexType,
+  showIcon = true,
+  className,
+}: KBIndexTypeBadgeProps) {
   const config = indexTypeConfig[indexType];
 
   return (
diff --git a/panel/src/components/knowledge-base/kb-result-card.tsx b/panel/src/components/knowledge-base/kb-result-card.tsx
index 6698f2a8..8073d907 100644
--- a/panel/src/components/knowledge-base/kb-result-card.tsx
+++ b/panel/src/components/knowledge-base/kb-result-card.tsx
@@ -12,9 +12,10 @@ interface KBResultCardProps {
 
 export function KBResultCard({ result, onClick }: KBResultCardProps) {
   // Truncate content for display (snippet)
-  const snippet = result.content.length > 300
-    ? result.content.substring(0, 300) + "..."
-    : result.content;
+  const snippet =
+    result.content.length > 300
+      ? result.content.substring(0, 300) + "..."
+      : result.content;
 
   // Format source for display
   const formatSource = (source: string) => {
@@ -58,7 +59,9 @@ export function KBResultCard({ result, onClick }: KBResultCardProps) {
             {/* Source */}
             <div className="flex items-center gap-1 text-sm text-muted-foreground mb-2">
               <FileCode className="h-3 w-3 shrink-0" />
-              <span className="truncate font-mono text-xs">{formatSource(result.source)}</span>
+              <span className="truncate font-mono text-xs">
+                {formatSource(result.source)}
+              </span>
             </div>
 
             {/* Content snippet */}
diff --git a/panel/src/components/knowledge-base/kb-result-list.tsx b/panel/src/components/knowledge-base/kb-result-list.tsx
index 147dea07..00e11ccd 100644
--- a/panel/src/components/knowledge-base/kb-result-list.tsx
+++ b/panel/src/components/knowledge-base/kb-result-list.tsx
@@ -11,7 +11,11 @@ interface KBResultListProps {
   query: string;
 }
 
-export function KBResultList({ response, isLoading, query }: KBResultListProps) {
+export function KBResultList({
+  response,
+  isLoading,
+  query,
+}: KBResultListProps) {
   if (isLoading) {
     return (
       <div className="space-y-3">
@@ -35,8 +39,8 @@ export function KBResultList({ response, isLoading, query }: KBResultListProps)
         <FileSearch className="h-12 w-12 text-muted-foreground/50 mb-4" />
         <h3 className="text-lg font-medium mb-1">Search the Knowledge Base</h3>
         <p className="text-sm text-muted-foreground max-w-md">
-          Enter at least 3 characters to search across indexed code, documentation,
-          conversations, and journals.
+          Enter at least 3 characters to search across indexed code,
+          documentation, conversations, and journals.
         </p>
       </div>
     );
@@ -48,7 +52,8 @@ export function KBResultList({ response, isLoading, query }: KBResultListProps)
         <SearchX className="h-12 w-12 text-muted-foreground/50 mb-4" />
         <h3 className="text-lg font-medium mb-1">No results found</h3>
         <p className="text-sm text-muted-foreground max-w-md">
-          No matches for &ldquo;{query}&rdquo;. Try different keywords or adjust your filters.
+          No matches for &ldquo;{query}&rdquo;. Try different keywords or adjust
+          your filters.
         </p>
       </div>
     );
@@ -57,7 +62,8 @@ export function KBResultList({ response, isLoading, query }: KBResultListProps)
   return (
     <div className="space-y-3">
       <div className="text-sm text-muted-foreground mb-4">
-        Found {response.total} result{response.total !== 1 ? "s" : ""} for &ldquo;{response.query}&rdquo;
+        Found {response.total} result{response.total !== 1 ? "s" : ""} for
+        &ldquo;{response.query}&rdquo;
       </div>
       {response.results.map((result, index) => (
         <KBResultCard key={`${result.source}-${index}`} result={result} />
diff --git a/panel/src/components/knowledge-base/kb-search-bar.tsx b/panel/src/components/knowledge-base/kb-search-bar.tsx
index 73d4b12c..923e159e 100644
--- a/panel/src/components/knowledge-base/kb-search-bar.tsx
+++ b/panel/src/components/knowledge-base/kb-search-bar.tsx
@@ -76,7 +76,10 @@ export function KBSearchBar({
         )}
       </div>
       {onSearch && (
-        <Button onClick={onSearch} disabled={!localValue || localValue.length < 3 || isLoading}>
+        <Button
+          onClick={onSearch}
+          disabled={!localValue || localValue.length < 3 || isLoading}
+        >
           {isLoading ? <Loader2 className="h-4 w-4 animate-spin" /> : "Search"}
         </Button>
       )}
diff --git a/panel/src/components/knowledge-base/kb-stats-card.tsx b/panel/src/components/knowledge-base/kb-stats-card.tsx
index ed895bb4..205541bc 100644
--- a/panel/src/components/knowledge-base/kb-stats-card.tsx
+++ b/panel/src/components/knowledge-base/kb-stats-card.tsx
@@ -3,12 +3,24 @@
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 import { KBStats, KBIndexType } from "@/types";
-import { Database, FileText, MessageSquare, BookOpen, AlertTriangle, Scale, GitBranch, ClipboardCheck, Lightbulb } from "lucide-react";
+import {
+  Database,
+  FileText,
+  MessageSquare,
+  BookOpen,
+  AlertTriangle,
+  Scale,
+  GitBranch,
+  ClipboardCheck,
+  Lightbulb,
+} from "lucide-react";
 import { formatDistanceToNow } from "date-fns";
 
 const indexIcons: Record<KBIndexType, React.ReactNode> = {
   [KBIndexType.DOCUMENTATION]: <FileText className="h-4 w-4 text-blue-500" />,
-  [KBIndexType.CONVERSATIONS]: <MessageSquare className="h-4 w-4 text-green-500" />,
+  [KBIndexType.CONVERSATIONS]: (
+    <MessageSquare className="h-4 w-4 text-green-500" />
+  ),
   [KBIndexType.JOURNALS]: <BookOpen className="h-4 w-4 text-orange-500" />,
   [KBIndexType.ERRORS]: <AlertTriangle className="h-4 w-4 text-red-500" />,
   [KBIndexType.STANDARDS]: <Scale className="h-4 w-4 text-cyan-500" />,
@@ -73,7 +85,9 @@ export function KBStatsCard({ stats, isLoading }: KBStatsCardProps) {
 
   const latestUpdated = stats.indexes.reduce<string | null>(
     (acc, idx) =>
-      idx.last_updated && (!acc || idx.last_updated > acc) ? idx.last_updated : acc,
+      idx.last_updated && (!acc || idx.last_updated > acc)
+        ? idx.last_updated
+        : acc,
     null,
   );
 
@@ -87,13 +101,18 @@ export function KBStatsCard({ stats, isLoading }: KBStatsCardProps) {
       </CardHeader>
       <CardContent className="space-y-3">
         {stats.indexes.map((idx) => (
-          <div key={idx.index_type} className="flex items-center justify-between text-sm">
+          <div
+            key={idx.index_type}
+            className="flex items-center justify-between text-sm"
+          >
             <div className="flex items-center gap-2">
               {indexIcons[idx.index_type]}
               <span>{indexLabels[idx.index_type]}</span>
             </div>
             <div className="text-right">
-              <span className="font-medium">{idx.document_count.toLocaleString()}</span>
+              <span className="font-medium">
+                {idx.document_count.toLocaleString()}
+              </span>
               <span className="text-muted-foreground text-xs ml-1">docs</span>
             </div>
           </div>
@@ -101,7 +120,9 @@ export function KBStatsCard({ stats, isLoading }: KBStatsCardProps) {
         <div className="pt-2 border-t">
           <div className="flex items-center justify-between text-sm">
             <span className="font-medium">Total</span>
-            <span className="font-bold">{stats.total_documents.toLocaleString()}</span>
+            <span className="font-bold">
+              {stats.total_documents.toLocaleString()}
+            </span>
           </div>
           <div className="flex items-center justify-between text-xs text-muted-foreground mt-1">
             <span>Chunks</span>
diff --git a/panel/src/components/knowledge-base/knowledge-base-browser.tsx b/panel/src/components/knowledge-base/knowledge-base-browser.tsx
index 3a44b9f1..ffe0f245 100644
--- a/panel/src/components/knowledge-base/knowledge-base-browser.tsx
+++ b/panel/src/components/knowledge-base/knowledge-base-browser.tsx
@@ -95,9 +95,14 @@ function KnowledgeBaseBrowserContent() {
   const searchQuery = searchParams.get("q") || "";
   const filtersParam = searchParams.get("filters");
   const searchFilters: KBIndexType[] = filtersParam
-    ? (filtersParam.split(",").filter((f) => VALID_INDEX_TYPES.includes(f as KBIndexType)) as KBIndexType[])
+    ? (filtersParam
+        .split(",")
+        .filter((f) =>
+          VALID_INDEX_TYPES.includes(f as KBIndexType),
+        ) as KBIndexType[])
     : [];
-  const selectedCategory = (searchParams.get("category") as KBIndexType) || null;
+  const selectedCategory =
+    (searchParams.get("category") as KBIndexType) || null;
 
   // RAG state (transient, not URL-persisted)
   const [ragQuestion, setRagQuestion] = useState<string | null>(null);
@@ -118,7 +123,7 @@ function KnowledgeBaseBrowserContent() {
       const query = params.toString();
       router.push(query ? `/knowledge-base?${query}` : "/knowledge-base");
     },
-    [router, searchParams]
+    [router, searchParams],
   );
 
   // State update handlers
@@ -126,32 +131,37 @@ function KnowledgeBaseBrowserContent() {
     (tab: TabValue) => {
       updateParams({ tab: tab === "search" ? null : tab });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleSearchChange = useCallback(
     (query: string) => {
       updateParams({ q: query || null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleFiltersChange = useCallback(
     (filters: KBIndexType[]) => {
       updateParams({ filters: filters.length > 0 ? filters.join(",") : null });
     },
-    [updateParams]
+    [updateParams],
   );
 
   const handleCategoryChange = useCallback(
     (category: KBIndexType | null) => {
       updateParams({ category });
     },
-    [updateParams]
+    [updateParams],
   );
 
   // Data hooks
-  const { data: stats, isLoading: statsLoading, error: statsError, refetch: refetchStats } = useKBStats();
+  const {
+    data: stats,
+    isLoading: statsLoading,
+    error: statsError,
+    refetch: refetchStats,
+  } = useKBStats();
   const { data: searchResults, isLoading: searchLoading } = useKBSearch({
     query: searchQuery,
     index_types: searchFilters.length > 0 ? searchFilters : undefined,
@@ -159,7 +169,11 @@ function KnowledgeBaseBrowserContent() {
   const ragMutation = useRAGQuery();
 
   // Admin hooks
-  const { data: health, isLoading: loadingHealth, refetch: refetchHealth } = useRAGHealth();
+  const {
+    data: health,
+    isLoading: loadingHealth,
+    refetch: refetchHealth,
+  } = useRAGHealth();
   const deleteIndex = useDeleteIndex();
   const refreshIndex = useRefreshIndex();
   const reindexAll = useReindexAll();
@@ -212,7 +226,7 @@ function KnowledgeBaseBrowserContent() {
         toast.success(`Reindexed ${docsCount} docs.${warns}`);
       } else {
         toast.warning(
-          `Reindex completed with issues: ${result.warnings?.join(", ") ?? "Unknown errors"}`
+          `Reindex completed with issues: ${result.warnings?.join(", ") ?? "Unknown errors"}`,
         );
       }
     } catch (error) {
@@ -239,21 +253,25 @@ function KnowledgeBaseBrowserContent() {
   };
 
   // Calculate totals for admin
-  const totalDocs = stats?.indexes.reduce((sum, idx) => sum + idx.document_count, 0) ?? 0;
-  const totalChunks = stats?.indexes.reduce((sum, idx) => sum + idx.chunk_count, 0) ?? 0;
+  const totalDocs =
+    stats?.indexes.reduce((sum, idx) => sum + idx.document_count, 0) ?? 0;
+  const totalChunks =
+    stats?.indexes.reduce((sum, idx) => sum + idx.chunk_count, 0) ?? 0;
 
   // Check if offline
-  const isOffline = statsError && (
-    statsError.message?.includes("Network Error") ||
-    (statsError as { code?: string })?.code === "ERR_NETWORK"
-  );
+  const isOffline =
+    statsError &&
+    (statsError.message?.includes("Network Error") ||
+      (statsError as { code?: string })?.code === "ERR_NETWORK");
 
   if (isOffline) {
     return (
       <div className="space-y-6">
         <div className="flex items-center justify-between">
           <div>
-            <h1 className="text-3xl font-bold tracking-tight">Knowledge Base</h1>
+            <h1 className="text-3xl font-bold tracking-tight">
+              Knowledge Base
+            </h1>
             <p className="text-muted-foreground">
               Search and query indexed knowledge
             </p>
@@ -285,7 +303,10 @@ function KnowledgeBaseBrowserContent() {
       </div>
 
       {/* Tabs */}
-      <Tabs value={activeTab} onValueChange={(v) => handleTabChange(v as TabValue)}>
+      <Tabs
+        value={activeTab}
+        onValueChange={(v) => handleTabChange(v as TabValue)}
+      >
         <TabsList>
           <TabsTrigger value="search" className="gap-2">
             <Search className="h-4 w-4" />
@@ -371,10 +392,7 @@ function KnowledgeBaseBrowserContent() {
 
         {/* Mentor Tab - Chat Interface */}
         <TabsContent value="mentor" className="mt-6">
-          <MentorChat
-            onAsk={handleMentorAsk}
-            isLoading={askMentor.isPending}
-          />
+          <MentorChat onAsk={handleMentorAsk} isLoading={askMentor.isPending} />
         </TabsContent>
 
         {/* Browse Tab */}
@@ -424,7 +442,9 @@ function KnowledgeBaseBrowserContent() {
                           <XCircle className="h-8 w-8 text-red-600" />
                         )}
                         <div>
-                          <p className="font-medium">{health.healthy ? "Healthy" : "Unhealthy"}</p>
+                          <p className="font-medium">
+                            {health.healthy ? "Healthy" : "Unhealthy"}
+                          </p>
                           <p className="text-sm text-muted-foreground">
                             Embedding: {health.embedding_status}
                           </p>
@@ -436,7 +456,9 @@ function KnowledgeBaseBrowserContent() {
                       </div>
                     </div>
                   ) : (
-                    <p className="text-muted-foreground text-sm">Health data unavailable</p>
+                    <p className="text-muted-foreground text-sm">
+                      Health data unavailable
+                    </p>
                   )}
                 </CardContent>
               </Card>
@@ -457,13 +479,19 @@ function KnowledgeBaseBrowserContent() {
                         <AlertDialogHeader>
                           <AlertDialogTitle>Reindex All Data?</AlertDialogTitle>
                           <AlertDialogDescription>
-                            This will rebuild all indexes from scratch. This may take several minutes.
+                            This will rebuild all indexes from scratch. This may
+                            take several minutes.
                           </AlertDialogDescription>
                         </AlertDialogHeader>
                         <AlertDialogFooter>
                           <AlertDialogCancel>Cancel</AlertDialogCancel>
-                          <AlertDialogAction onClick={handleReindexAll} disabled={reindexAll.isPending}>
-                            {reindexAll.isPending && <RefreshCw className="h-4 w-4 mr-2 animate-spin" />}
+                          <AlertDialogAction
+                            onClick={handleReindexAll}
+                            disabled={reindexAll.isPending}
+                          >
+                            {reindexAll.isPending && (
+                              <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
+                            )}
                             Reindex
                           </AlertDialogAction>
                         </AlertDialogFooter>
@@ -484,7 +512,6 @@ function KnowledgeBaseBrowserContent() {
                   </div>
                 </CardContent>
               </Card>
-
             </div>
 
             {/* Right Column - Index Management */}
@@ -508,9 +535,12 @@ function KnowledgeBaseBrowserContent() {
                       <div className="space-y-3 pr-4">
                         {stats?.indexes.map((index) => {
                           const indexType = index.index_type;
-                          const percentage = totalChunks > 0
-                            ? Math.round((index.chunk_count / totalChunks) * 100)
-                            : 0;
+                          const percentage =
+                            totalChunks > 0
+                              ? Math.round(
+                                  (index.chunk_count / totalChunks) * 100,
+                                )
+                              : 0;
 
                           return (
                             <div
@@ -520,7 +550,9 @@ function KnowledgeBaseBrowserContent() {
                               <div className="flex items-center justify-between mb-2">
                                 <div className="flex items-center gap-2">
                                   <FileText className="h-4 w-4 text-muted-foreground" />
-                                  <span className="font-medium">{INDEX_LABELS[indexType]}</span>
+                                  <span className="font-medium">
+                                    {INDEX_LABELS[indexType]}
+                                  </span>
                                   <Badge variant="outline" className="text-xs">
                                     {indexType}
                                   </Badge>
@@ -529,7 +561,9 @@ function KnowledgeBaseBrowserContent() {
                                   <Button
                                     size="sm"
                                     variant="outline"
-                                    onClick={() => handleRefreshIndex(indexType)}
+                                    onClick={() =>
+                                      handleRefreshIndex(indexType)
+                                    }
                                     disabled={refreshIndex.isPending}
                                   >
                                     {refreshIndex.isPending ? (
@@ -540,22 +574,34 @@ function KnowledgeBaseBrowserContent() {
                                   </Button>
                                   <AlertDialog>
                                     <AlertDialogTrigger asChild>
-                                      <Button size="sm" variant="outline" className="text-red-600">
+                                      <Button
+                                        size="sm"
+                                        variant="outline"
+                                        className="text-red-600"
+                                      >
                                         <Trash2 className="h-3 w-3" />
                                       </Button>
                                     </AlertDialogTrigger>
                                     <AlertDialogContent>
                                       <AlertDialogHeader>
-                                        <AlertDialogTitle>Delete {INDEX_LABELS[indexType]}?</AlertDialogTitle>
+                                        <AlertDialogTitle>
+                                          Delete {INDEX_LABELS[indexType]}?
+                                        </AlertDialogTitle>
                                         <AlertDialogDescription>
-                                          This will permanently delete all {index.document_count} documents
-                                          and {index.chunk_count} chunks from this index.
+                                          This will permanently delete all{" "}
+                                          {index.document_count} documents and{" "}
+                                          {index.chunk_count} chunks from this
+                                          index.
                                         </AlertDialogDescription>
                                       </AlertDialogHeader>
                                       <AlertDialogFooter>
-                                        <AlertDialogCancel>Cancel</AlertDialogCancel>
+                                        <AlertDialogCancel>
+                                          Cancel
+                                        </AlertDialogCancel>
                                         <AlertDialogAction
-                                          onClick={() => handleDeleteIndex(indexType)}
+                                          onClick={() =>
+                                            handleDeleteIndex(indexType)
+                                          }
                                           className="bg-red-600 hover:bg-red-700"
                                         >
                                           Delete
@@ -568,18 +614,30 @@ function KnowledgeBaseBrowserContent() {
 
                               <div className="grid grid-cols-3 gap-4 text-sm mb-2">
                                 <div>
-                                  <span className="text-muted-foreground">Documents:</span>{" "}
-                                  <span className="font-medium">{index.document_count}</span>
+                                  <span className="text-muted-foreground">
+                                    Documents:
+                                  </span>{" "}
+                                  <span className="font-medium">
+                                    {index.document_count}
+                                  </span>
                                 </div>
                                 <div>
-                                  <span className="text-muted-foreground">Chunks:</span>{" "}
-                                  <span className="font-medium">{index.chunk_count}</span>
+                                  <span className="text-muted-foreground">
+                                    Chunks:
+                                  </span>{" "}
+                                  <span className="font-medium">
+                                    {index.chunk_count}
+                                  </span>
                                 </div>
                                 <div>
-                                  <span className="text-muted-foreground">Updated:</span>{" "}
+                                  <span className="text-muted-foreground">
+                                    Updated:
+                                  </span>{" "}
                                   <span className="font-medium">
                                     {index.last_updated
-                                      ? formatDistanceToNow(new Date(index.last_updated)) + " ago"
+                                      ? formatDistanceToNow(
+                                          new Date(index.last_updated),
+                                        ) + " ago"
                                       : "Never"}
                                   </span>
                                 </div>
diff --git a/panel/src/components/knowledge-base/mentor-answer-display.tsx b/panel/src/components/knowledge-base/mentor-answer-display.tsx
index 3d4109a2..6418d90e 100644
--- a/panel/src/components/knowledge-base/mentor-answer-display.tsx
+++ b/panel/src/components/knowledge-base/mentor-answer-display.tsx
@@ -72,12 +72,19 @@ export function MentorAnswerDisplay({
         <h3 className="text-lg font-medium mb-1">AI Mentor</h3>
         <p className="text-sm text-muted-foreground max-w-md">
           Your personalized AI mentor that knows your role and past experiences.
-          Ask questions about standards, workflows, or get guidance on your tasks.
+          Ask questions about standards, workflows, or get guidance on your
+          tasks.
         </p>
         <div className="flex gap-2 mt-4 flex-wrap justify-center">
-          <Badge variant="outline" className="text-xs">Role-aware</Badge>
-          <Badge variant="outline" className="text-xs">Personal context</Badge>
-          <Badge variant="outline" className="text-xs">Follow-ups</Badge>
+          <Badge variant="outline" className="text-xs">
+            Role-aware
+          </Badge>
+          <Badge variant="outline" className="text-xs">
+            Personal context
+          </Badge>
+          <Badge variant="outline" className="text-xs">
+            Follow-ups
+          </Badge>
         </div>
       </div>
     );
@@ -117,7 +124,10 @@ export function MentorAnswerDisplay({
 
   // Calculate total sources searched
   const totalSearched = response.search_stats
-    ? Object.values(response.search_stats).reduce((sum, count) => sum + (count > 0 ? count : 0), 0)
+    ? Object.values(response.search_stats).reduce(
+        (sum, count) => sum + (count > 0 ? count : 0),
+        0,
+      )
     : 0;
 
   return (
@@ -145,18 +155,22 @@ export function MentorAnswerDisplay({
                   {response.agent_role}
                 </Badge>
                 {response.agent_team && (
-                  <span className="text-muted-foreground">({response.agent_team})</span>
+                  <span className="text-muted-foreground">
+                    ({response.agent_team})
+                  </span>
                 )}
               </span>
             )}
-            {response.journal_entries_used !== undefined && response.journal_entries_used > 0 && (
-              <span className="flex items-center gap-1.5">
-                <BookMarked className="h-3.5 w-3.5 text-muted-foreground" />
-                <span className="text-muted-foreground">
-                  {response.journal_entries_used} personal journal{response.journal_entries_used !== 1 ? "s" : ""} used
+            {response.journal_entries_used !== undefined &&
+              response.journal_entries_used > 0 && (
+                <span className="flex items-center gap-1.5">
+                  <BookMarked className="h-3.5 w-3.5 text-muted-foreground" />
+                  <span className="text-muted-foreground">
+                    {response.journal_entries_used} personal journal
+                    {response.journal_entries_used !== 1 ? "s" : ""} used
+                  </span>
                 </span>
-              </span>
-            )}
+              )}
           </div>
         </div>
       )}
@@ -180,52 +194,56 @@ export function MentorAnswerDisplay({
       </Card>
 
       {/* Suggested Follow-ups */}
-      {response.suggested_followups && response.suggested_followups.length > 0 && (
-        <div className="space-y-2">
-          <div className="flex items-center gap-2 text-sm font-medium">
-            <Lightbulb className="h-4 w-4 text-yellow-500" />
-            Follow-up Questions
+      {response.suggested_followups &&
+        response.suggested_followups.length > 0 && (
+          <div className="space-y-2">
+            <div className="flex items-center gap-2 text-sm font-medium">
+              <Lightbulb className="h-4 w-4 text-yellow-500" />
+              Follow-up Questions
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {response.suggested_followups.map((followup, index) => (
+                <Button
+                  key={index}
+                  variant="outline"
+                  size="sm"
+                  className="text-xs h-auto py-1.5 px-3"
+                  onClick={() => onFollowUp?.(followup)}
+                >
+                  <MessageCircleQuestion className="h-3 w-3 mr-1.5" />
+                  {followup}
+                </Button>
+              ))}
+            </div>
           </div>
-          <div className="flex flex-wrap gap-2">
-            {response.suggested_followups.map((followup, index) => (
-              <Button
-                key={index}
-                variant="outline"
-                size="sm"
-                className="text-xs h-auto py-1.5 px-3"
-                onClick={() => onFollowUp?.(followup)}
-              >
-                <MessageCircleQuestion className="h-3 w-3 mr-1.5" />
-                {followup}
-              </Button>
-            ))}
-          </div>
-        </div>
-      )}
+        )}
 
       {/* Search Stats */}
-      {response.search_stats && Object.keys(response.search_stats).length > 0 && (
-        <div className="space-y-2">
-          <div className="flex items-center gap-2 text-sm font-medium">
-            <BarChart3 className="h-4 w-4 text-muted-foreground" />
-            Search Stats
-            <span className="text-xs text-muted-foreground font-normal">
-              ({totalSearched} total results)
-            </span>
+      {response.search_stats &&
+        Object.keys(response.search_stats).length > 0 && (
+          <div className="space-y-2">
+            <div className="flex items-center gap-2 text-sm font-medium">
+              <BarChart3 className="h-4 w-4 text-muted-foreground" />
+              Search Stats
+              <span className="text-xs text-muted-foreground font-normal">
+                ({totalSearched} total results)
+              </span>
+            </div>
+            <div className="flex flex-wrap gap-1.5">
+              {Object.entries(response.search_stats).map(
+                ([indexType, count]) => (
+                  <Badge
+                    key={indexType}
+                    variant={count > 0 ? "secondary" : "outline"}
+                    className={`text-xs ${count === -1 ? "text-red-500" : ""}`}
+                  >
+                    {indexType}: {count === -1 ? "error" : count}
+                  </Badge>
+                ),
+              )}
+            </div>
           </div>
-          <div className="flex flex-wrap gap-1.5">
-            {Object.entries(response.search_stats).map(([indexType, count]) => (
-              <Badge
-                key={indexType}
-                variant={count > 0 ? "secondary" : "outline"}
-                className={`text-xs ${count === -1 ? "text-red-500" : ""}`}
-              >
-                {indexType}: {count === -1 ? "error" : count}
-              </Badge>
-            ))}
-          </div>
-        </div>
-      )}
+        )}
 
       {/* Citations */}
       {response.sources.length > 0 && (
diff --git a/panel/src/components/knowledge-base/mentor-chat.tsx b/panel/src/components/knowledge-base/mentor-chat.tsx
index af693b79..ca572c99 100644
--- a/panel/src/components/knowledge-base/mentor-chat.tsx
+++ b/panel/src/components/knowledge-base/mentor-chat.tsx
@@ -31,7 +31,10 @@ interface ChatMessage {
 }
 
 interface MentorChatProps {
-  onAsk: (question: string, conversationId?: string) => Promise<MentorAskResponse>;
+  onAsk: (
+    question: string,
+    conversationId?: string,
+  ) => Promise<MentorAskResponse>;
   isLoading: boolean;
 }
 
@@ -111,8 +114,9 @@ export function MentorChat({ onAsk, isLoading }: MentorChatProps) {
             </div>
             <h2 className="text-xl font-semibold mb-2">AI Mentor</h2>
             <p className="text-muted-foreground mb-4">
-              Your personalized mentor that knows your role, searches your journals,
-              and provides tailored guidance. Start a conversation below.
+              Your personalized mentor that knows your role, searches your
+              journals, and provides tailored guidance. Start a conversation
+              below.
             </p>
             <div className="flex justify-center gap-2 flex-wrap">
               <Badge variant="secondary" className="gap-1">
@@ -194,16 +198,23 @@ export function MentorChat({ onAsk, isLoading }: MentorChatProps) {
                       <Brain className="h-3 w-3" />
                       {msg.agentRole && (
                         <span>
-                          Role: <Badge variant="secondary" className="text-xs">{msg.agentRole}</Badge>
-                          {msg.agentTeam && <span className="ml-1">({msg.agentTeam})</span>}
-                        </span>
-                      )}
-                      {msg.journalEntriesUsed !== undefined && msg.journalEntriesUsed > 0 && (
-                        <span className="flex items-center gap-1">
-                          <BookMarked className="h-3 w-3" />
-                          {msg.journalEntriesUsed} journal{msg.journalEntriesUsed !== 1 ? "s" : ""} used
+                          Role:{" "}
+                          <Badge variant="secondary" className="text-xs">
+                            {msg.agentRole}
+                          </Badge>
+                          {msg.agentTeam && (
+                            <span className="ml-1">({msg.agentTeam})</span>
+                          )}
                         </span>
                       )}
+                      {msg.journalEntriesUsed !== undefined &&
+                        msg.journalEntriesUsed > 0 && (
+                          <span className="flex items-center gap-1">
+                            <BookMarked className="h-3 w-3" />
+                            {msg.journalEntriesUsed} journal
+                            {msg.journalEntriesUsed !== 1 ? "s" : ""} used
+                          </span>
+                        )}
                     </div>
                   )}
 
@@ -223,9 +234,14 @@ export function MentorChat({ onAsk, isLoading }: MentorChatProps) {
                         variant="ghost"
                         size="sm"
                         className="text-xs"
-                        onClick={() => setExpandedSources(expandedSources === idx ? null : idx)}
+                        onClick={() =>
+                          setExpandedSources(
+                            expandedSources === idx ? null : idx,
+                          )
+                        }
                       >
-                        {expandedSources === idx ? "Hide" : "Show"} {msg.sources.length} sources
+                        {expandedSources === idx ? "Hide" : "Show"}{" "}
+                        {msg.sources.length} sources
                       </Button>
                       {expandedSources === idx && (
                         <div className="mt-2 space-y-2">
diff --git a/panel/src/components/knowledge-base/mentor-query-input.tsx b/panel/src/components/knowledge-base/mentor-query-input.tsx
index 357277dc..5fce3ecb 100644
--- a/panel/src/components/knowledge-base/mentor-query-input.tsx
+++ b/panel/src/components/knowledge-base/mentor-query-input.tsx
@@ -5,14 +5,24 @@ import { Button } from "@/components/ui/button";
 import { Textarea } from "@/components/ui/textarea";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Send, Loader2, Brain, User, BookMarked, MessageCircle } from "lucide-react";
+import {
+  Send,
+  Loader2,
+  Brain,
+  User,
+  BookMarked,
+  MessageCircle,
+} from "lucide-react";
 
 interface MentorQueryInputProps {
   onSubmit: (question: string) => void;
   isLoading: boolean;
 }
 
-export function MentorQueryInput({ onSubmit, isLoading }: MentorQueryInputProps) {
+export function MentorQueryInput({
+  onSubmit,
+  isLoading,
+}: MentorQueryInputProps) {
   const [question, setQuestion] = useState("");
 
   const handleSubmit = () => {
diff --git a/panel/src/components/knowledge-base/rag-answer-display.tsx b/panel/src/components/knowledge-base/rag-answer-display.tsx
index a0fc857e..b0364348 100644
--- a/panel/src/components/knowledge-base/rag-answer-display.tsx
+++ b/panel/src/components/knowledge-base/rag-answer-display.tsx
@@ -5,7 +5,13 @@ import { RAGQueryResponse } from "@/types";
 import { RAGCitationCard } from "./rag-citation-card";
 import { Markdown } from "@/components/ui/markdown";
 import { Skeleton } from "@/components/ui/skeleton";
-import { Bot, BookOpen, MessageSquareText, Sparkles, AlertCircle } from "lucide-react";
+import {
+  Bot,
+  BookOpen,
+  MessageSquareText,
+  Sparkles,
+  AlertCircle,
+} from "lucide-react";
 
 interface RAGAnswerDisplayProps {
   response: RAGQueryResponse | null;
@@ -14,7 +20,12 @@ interface RAGAnswerDisplayProps {
   error?: string | null;
 }
 
-export function RAGAnswerDisplay({ response, isLoading, question, error }: RAGAnswerDisplayProps) {
+export function RAGAnswerDisplay({
+  response,
+  isLoading,
+  question,
+  error,
+}: RAGAnswerDisplayProps) {
   if (isLoading) {
     return (
       <div className="space-y-4">
@@ -51,8 +62,9 @@ export function RAGAnswerDisplay({ response, isLoading, question, error }: RAGAn
         </div>
         <h3 className="text-lg font-medium mb-1">Ask AI</h3>
         <p className="text-sm text-muted-foreground max-w-md">
-          Ask questions about your codebase, documentation, or past conversations.
-          The AI will provide answers with citations from the knowledge base.
+          Ask questions about your codebase, documentation, or past
+          conversations. The AI will provide answers with citations from the
+          knowledge base.
         </p>
       </div>
     );
diff --git a/panel/src/components/knowledge-base/rag-citation-card.tsx b/panel/src/components/knowledge-base/rag-citation-card.tsx
index 776b58b3..3c93c9b1 100644
--- a/panel/src/components/knowledge-base/rag-citation-card.tsx
+++ b/panel/src/components/knowledge-base/rag-citation-card.tsx
@@ -12,9 +12,10 @@ interface RAGCitationCardProps {
 
 export function RAGCitationCard({ citation, index }: RAGCitationCardProps) {
   // Truncate content
-  const snippet = citation.content.length > 200
-    ? citation.content.substring(0, 200) + "..."
-    : citation.content;
+  const snippet =
+    citation.content.length > 200
+      ? citation.content.substring(0, 200) + "..."
+      : citation.content;
 
   // Format source
   const formatSource = (source: string) => {
@@ -38,7 +39,10 @@ export function RAGCitationCard({ citation, index }: RAGCitationCardProps) {
           </div>
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2 flex-wrap mb-1">
-              <KBIndexTypeBadge indexType={citation.index_type} className="text-xs" />
+              <KBIndexTypeBadge
+                indexType={citation.index_type}
+                className="text-xs"
+              />
               <span className="text-xs text-muted-foreground flex items-center gap-0.5">
                 <Hash className="h-3 w-3" />
                 {scorePercent}%
@@ -49,7 +53,9 @@ export function RAGCitationCard({ citation, index }: RAGCitationCardProps) {
             </p>
             <div className="flex items-start gap-1">
               <Quote className="h-3 w-3 text-muted-foreground shrink-0 mt-0.5" />
-              <p className="text-sm text-foreground/80 line-clamp-3">{snippet}</p>
+              <p className="text-sm text-foreground/80 line-clamp-3">
+                {snippet}
+              </p>
             </div>
           </div>
         </div>
diff --git a/panel/src/components/layout/connection-status.tsx b/panel/src/components/layout/connection-status.tsx
index 2ce35120..7d2a195b 100644
--- a/panel/src/components/layout/connection-status.tsx
+++ b/panel/src/components/layout/connection-status.tsx
@@ -40,7 +40,10 @@ export function ConnectionStatus() {
 
   if (state === "connected") {
     return (
-      <Badge variant="outline" className="gap-1 border-green-500 text-green-600">
+      <Badge
+        variant="outline"
+        className="gap-1 border-green-500 text-green-600"
+      >
         <Wifi className="h-3 w-3" />
         Connected
       </Badge>
@@ -48,7 +51,10 @@ export function ConnectionStatus() {
   }
 
   return (
-    <Badge variant="outline" className="gap-1 border-orange-500 text-orange-600">
+    <Badge
+      variant="outline"
+      className="gap-1 border-orange-500 text-orange-600"
+    >
       <WifiOff className="h-3 w-3" />
       Offline
     </Badge>
diff --git a/panel/src/components/layout/header.tsx b/panel/src/components/layout/header.tsx
index 9575ade3..befd4cc5 100644
--- a/panel/src/components/layout/header.tsx
+++ b/panel/src/components/layout/header.tsx
@@ -83,7 +83,9 @@ export function Header() {
         {/* User */}
         <div className="flex items-center gap-2 ml-2 pl-4 border-l">
           <div className="h-8 w-8 rounded-full bg-primary flex items-center justify-center">
-            <span className="text-primary-foreground font-medium text-sm">CEO</span>
+            <span className="text-primary-foreground font-medium text-sm">
+              CEO
+            </span>
           </div>
           <span className="text-sm font-medium hidden sm:inline">Renzo</span>
         </div>
diff --git a/panel/src/components/layout/sidebar.tsx b/panel/src/components/layout/sidebar.tsx
index ddc82236..939bd66c 100644
--- a/panel/src/components/layout/sidebar.tsx
+++ b/panel/src/components/layout/sidebar.tsx
@@ -89,7 +89,7 @@ export function SidebarNav({
               isActive
                 ? "bg-primary text-primary-foreground"
                 : "text-muted-foreground hover:bg-muted hover:text-foreground",
-              collapsed && "justify-center px-2"
+              collapsed && "justify-center px-2",
             )}
             title={collapsed ? item.title : undefined}
           >
@@ -119,7 +119,7 @@ export function SidebarFooter({
           onClick={onNavigate}
           className={cn(
             "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
-            collapsed && "justify-center px-2"
+            collapsed && "justify-center px-2",
           )}
           title={collapsed ? item.title : undefined}
         >
@@ -140,7 +140,7 @@ export function Sidebar() {
         // Hidden on mobile — the Header's hamburger opens the same nav in a
         // Sheet drawer there (see MobileSidebar). Shown from md upward.
         "hidden h-screen flex-col border-r bg-background transition-all duration-300 md:flex",
-        sidebarCollapsed ? "w-16" : "w-64"
+        sidebarCollapsed ? "w-16" : "w-64",
       )}
     >
       {/* Logo */}
@@ -168,7 +168,7 @@ export function Sidebar() {
           <ChevronLeft
             className={cn(
               "h-4 w-4 transition-transform",
-              sidebarCollapsed && "rotate-180"
+              sidebarCollapsed && "rotate-180",
             )}
           />
         </Button>
diff --git a/panel/src/components/metrics/agent-usage-chart.tsx b/panel/src/components/metrics/agent-usage-chart.tsx
index bafdfa12..a25919c5 100644
--- a/panel/src/components/metrics/agent-usage-chart.tsx
+++ b/panel/src/components/metrics/agent-usage-chart.tsx
@@ -69,7 +69,11 @@ export function AgentUsageChart({ data, isLoading }: AgentUsageChartProps) {
                 ]}
                 contentStyle={{ fontSize: 12 }}
               />
-              <Bar dataKey="Tokens" fill="var(--chart-1)" radius={[3, 3, 0, 0]} />
+              <Bar
+                dataKey="Tokens"
+                fill="var(--chart-1)"
+                radius={[3, 3, 0, 0]}
+              />
             </BarChart>
           </ResponsiveContainer>
         )}
diff --git a/panel/src/components/metrics/delivery-tab.tsx b/panel/src/components/metrics/delivery-tab.tsx
index 195f82ec..0fca7619 100644
--- a/panel/src/components/metrics/delivery-tab.tsx
+++ b/panel/src/components/metrics/delivery-tab.tsx
@@ -50,7 +50,9 @@ function CycleTimeCard() {
   return (
     <Card>
       <CardHeader className="pb-2">
-        <CardTitle className="text-base">Cycle Time by Stage (avg, 30d)</CardTitle>
+        <CardTitle className="text-base">
+          Cycle Time by Stage (avg, 30d)
+        </CardTitle>
       </CardHeader>
       <CardContent>
         {isLoading ? (
@@ -61,7 +63,10 @@ function CycleTimeCard() {
           </p>
         ) : (
           <ResponsiveContainer width="100%" height={208}>
-            <BarChart data={chartData} margin={{ top: 4, right: 8, left: 0, bottom: 24 }}>
+            <BarChart
+              data={chartData}
+              margin={{ top: 4, right: 8, left: 0, bottom: 24 }}
+            >
               <CartesianGrid strokeDasharray="3 3" className="opacity-20" />
               <XAxis
                 dataKey="name"
@@ -82,7 +87,11 @@ function CycleTimeCard() {
                 formatter={(value) => [value + "h", "Avg"]}
                 contentStyle={{ fontSize: 12 }}
               />
-              <Bar dataKey="Hours" fill="var(--chart-1)" radius={[3, 3, 0, 0]} />
+              <Bar
+                dataKey="Hours"
+                fill="var(--chart-1)"
+                radius={[3, 3, 0, 0]}
+              />
             </BarChart>
           </ResponsiveContainer>
         )}
@@ -122,7 +131,8 @@ function BottlenecksCard() {
                   <div className="flex justify-between text-xs">
                     <span>{label(s.status)}</span>
                     <span className="text-muted-foreground">
-                      {fmtDuration(s.cumulative_seconds)} · {s.parked_now} parked
+                      {fmtDuration(s.cumulative_seconds)} · {s.parked_now}{" "}
+                      parked
                     </span>
                   </div>
                   <div className="h-2 w-full rounded bg-muted">
@@ -163,8 +173,8 @@ function ReworkCard() {
             <div className="flex items-baseline gap-3">
               <span className="text-3xl font-bold">{pct(data?.rate ?? 0)}</span>
               <span className="text-sm text-muted-foreground">
-                {data?.total_reworked ?? 0}/{data?.total_completed ?? 0} bounced ·
-                ${(data?.rework_cost_usd ?? 0).toFixed(2)} cost
+                {data?.total_reworked ?? 0}/{data?.total_completed ?? 0} bounced
+                · ${(data?.rework_cost_usd ?? 0).toFixed(2)} cost
               </span>
             </div>
             <div className="flex gap-2 text-xs">
@@ -186,7 +196,10 @@ function ReworkCard() {
                 </thead>
                 <tbody>
                   {(data?.by_agent ?? []).slice(0, 8).map((a) => (
-                    <tr key={a.agent_slug} className="border-t border-border/50">
+                    <tr
+                      key={a.agent_slug}
+                      className="border-t border-border/50"
+                    >
                       <td className="py-1">{a.agent_slug}</td>
                       <td className="py-1 text-right">{pct(a.rate)}</td>
                       <td className="py-1 text-right">{a.qa_fails}</td>
@@ -235,7 +248,9 @@ function ScorecardBody({ card }: { card: Scorecard | undefined }) {
       {stat("Completed", String(card?.tasks_completed ?? 0))}
       {stat(
         "Avg cycle",
-        card?.avg_cycle_hours != null ? card.avg_cycle_hours.toFixed(1) + "h" : "—",
+        card?.avg_cycle_hours != null
+          ? card.avg_cycle_hours.toFixed(1) + "h"
+          : "—",
       )}
       {stat("Rework", pct(card?.rework_rate ?? 0))}
       {stat("Cost", "$" + (card?.cost_usd ?? 0).toFixed(2))}
diff --git a/panel/src/components/metrics/sessions-table.tsx b/panel/src/components/metrics/sessions-table.tsx
index 81068fdb..023c82e4 100644
--- a/panel/src/components/metrics/sessions-table.tsx
+++ b/panel/src/components/metrics/sessions-table.tsx
@@ -48,7 +48,10 @@ const COLUMNS: Column[] = [
 ];
 
 function formatTime(ts: string): string {
-  return new Date(ts).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  return new Date(ts).toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+  });
 }
 
 function fmtK(n: number): string {
@@ -94,7 +97,8 @@ export function SessionsTable({ data, isLoading }: SessionsTableProps) {
   }
 
   function SortIcon({ col }: { col: SortKey }) {
-    if (sortKey !== col) return <ChevronUp className="h-3 w-3 opacity-30 ml-1 inline" />;
+    if (sortKey !== col)
+      return <ChevronUp className="h-3 w-3 opacity-30 ml-1 inline" />;
     return sortDir === "asc" ? (
       <ChevronUp className="h-3 w-3 ml-1 inline" />
     ) : (
@@ -135,21 +139,38 @@ export function SessionsTable({ data, isLoading }: SessionsTableProps) {
                 <TableBody>
                   {visible.length === 0 ? (
                     <TableRow>
-                      <TableCell colSpan={COLUMNS.length} className="text-center text-muted-foreground text-sm py-8">
+                      <TableCell
+                        colSpan={COLUMNS.length}
+                        className="text-center text-muted-foreground text-sm py-8"
+                      >
                         No sessions recorded yet
                       </TableCell>
                     </TableRow>
                   ) : (
                     visible.map((s) => (
                       <TableRow key={s.id}>
-                        <TableCell className="text-xs font-medium">{s.agent_slug}</TableCell>
+                        <TableCell className="text-xs font-medium">
+                          {s.agent_slug}
+                        </TableCell>
                         <TableCell className="text-xs">{s.model}</TableCell>
-                        <TableCell className="text-xs">{formatTime(s.started_at)}</TableCell>
-                        <TableCell className="text-xs">{fmtK(s.total_tokens)}</TableCell>
-                        <TableCell className="text-xs">{fmtK(s.tokens_input)}</TableCell>
-                        <TableCell className="text-xs">{fmtK(s.tokens_output)}</TableCell>
-                        <TableCell className="text-xs">{fmtK(s.tokens_cache)}</TableCell>
-                        <TableCell className="text-xs">${s.cost.toFixed(4)}</TableCell>
+                        <TableCell className="text-xs">
+                          {formatTime(s.started_at)}
+                        </TableCell>
+                        <TableCell className="text-xs">
+                          {fmtK(s.total_tokens)}
+                        </TableCell>
+                        <TableCell className="text-xs">
+                          {fmtK(s.tokens_input)}
+                        </TableCell>
+                        <TableCell className="text-xs">
+                          {fmtK(s.tokens_output)}
+                        </TableCell>
+                        <TableCell className="text-xs">
+                          {fmtK(s.tokens_cache)}
+                        </TableCell>
+                        <TableCell className="text-xs">
+                          ${s.cost.toFixed(4)}
+                        </TableCell>
                       </TableRow>
                     ))
                   )}
@@ -176,7 +197,9 @@ export function SessionsTable({ data, isLoading }: SessionsTableProps) {
                 <Button
                   variant="outline"
                   size="sm"
-                  onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
+                  onClick={() =>
+                    setPage((p) => Math.min(totalPages - 1, p + 1))
+                  }
                   disabled={page >= totalPages - 1}
                 >
                   Next
diff --git a/panel/src/components/metrics/team-usage-chart.tsx b/panel/src/components/metrics/team-usage-chart.tsx
index 0c87baa7..b7b17c1a 100644
--- a/panel/src/components/metrics/team-usage-chart.tsx
+++ b/panel/src/components/metrics/team-usage-chart.tsx
@@ -66,7 +66,11 @@ export function TeamUsageChart({ data, isLoading }: TeamUsageChartProps) {
                 ]}
                 contentStyle={{ fontSize: 12 }}
               />
-              <Bar dataKey="Tokens" fill="var(--chart-1)" radius={[3, 3, 0, 0]} />
+              <Bar
+                dataKey="Tokens"
+                fill="var(--chart-1)"
+                radius={[3, 3, 0, 0]}
+              />
             </BarChart>
           </ResponsiveContainer>
         )}
diff --git a/panel/src/components/metrics/usage-time-series-chart.tsx b/panel/src/components/metrics/usage-time-series-chart.tsx
index fea4f995..7761863f 100644
--- a/panel/src/components/metrics/usage-time-series-chart.tsx
+++ b/panel/src/components/metrics/usage-time-series-chart.tsx
@@ -23,11 +23,12 @@ function formatBucket(bucket: string): string {
   const d = new Date(bucket);
   // If the bucket has a non-zero time component it is an hourly bucket → show HH:00.
   // Otherwise it is a daily bucket → show MM/DD.
-  const isHourly = d.getMinutes() === 0 && (d.getHours() !== 0 || bucket.includes("T"));
+  const isHourly =
+    d.getMinutes() === 0 && (d.getHours() !== 0 || bucket.includes("T"));
   if (isHourly && d.getSeconds() === 0 && !bucket.endsWith("T00:00:00.000Z")) {
     return d.getHours().toString().padStart(2, "0") + ":00";
   }
-  return (d.getMonth() + 1) + "/" + d.getDate();
+  return d.getMonth() + 1 + "/" + d.getDate();
 }
 
 function fmtK(n: number): string {
@@ -35,7 +36,10 @@ function fmtK(n: number): string {
   return String(n);
 }
 
-export function UsageTimeSeriesChart({ data, isLoading }: UsageTimeSeriesChartProps) {
+export function UsageTimeSeriesChart({
+  data,
+  isLoading,
+}: UsageTimeSeriesChartProps) {
   const chartData = (data ?? []).map((p) => ({
     hour: formatBucket(p.bucket),
     Input: p.tokens_input,
@@ -58,12 +62,28 @@ export function UsageTimeSeriesChart({ data, isLoading }: UsageTimeSeriesChartPr
             >
               <defs>
                 <linearGradient id="fillInput" x1="0" y1="0" x2="0" y2="1">
-                  <stop offset="5%" stopColor="var(--chart-1)" stopOpacity={0.8} />
-                  <stop offset="95%" stopColor="var(--chart-1)" stopOpacity={0.1} />
+                  <stop
+                    offset="5%"
+                    stopColor="var(--chart-1)"
+                    stopOpacity={0.8}
+                  />
+                  <stop
+                    offset="95%"
+                    stopColor="var(--chart-1)"
+                    stopOpacity={0.1}
+                  />
                 </linearGradient>
                 <linearGradient id="fillOutput" x1="0" y1="0" x2="0" y2="1">
-                  <stop offset="5%" stopColor="var(--chart-2)" stopOpacity={0.8} />
-                  <stop offset="95%" stopColor="var(--chart-2)" stopOpacity={0.1} />
+                  <stop
+                    offset="5%"
+                    stopColor="var(--chart-2)"
+                    stopOpacity={0.8}
+                  />
+                  <stop
+                    offset="95%"
+                    stopColor="var(--chart-2)"
+                    stopOpacity={0.1}
+                  />
                 </linearGradient>
               </defs>
               <CartesianGrid strokeDasharray="3 3" className="opacity-20" />
diff --git a/panel/src/components/notifications/notification-bell.tsx b/panel/src/components/notifications/notification-bell.tsx
index ffaa57bd..568f3774 100644
--- a/panel/src/components/notifications/notification-bell.tsx
+++ b/panel/src/components/notifications/notification-bell.tsx
@@ -24,9 +24,7 @@ export function NotificationBell() {
         <Button variant="ghost" size="icon" className="relative">
           <Bell className="h-5 w-5" />
           {unreadCount > 0 && (
-            <Badge 
-              className="absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center p-0 text-xs bg-red-500"
-            >
+            <Badge className="absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center p-0 text-xs bg-red-500">
               {unreadCount > 9 ? "9+" : unreadCount}
             </Badge>
           )}
@@ -49,34 +47,37 @@ export function NotificationBell() {
               )}
             </div>
           </div>
-          
+
           {notifications.length === 0 ? (
             <p className="text-sm text-muted-foreground text-center py-4">
               No new notifications
             </p>
           ) : (
             <div className="space-y-2 max-h-64 overflow-y-auto">
-              {notifications.slice(-10).reverse().map((notification, i) => (
-                <div
-                  key={notification.notification_id ?? `anon-${i}`}
-                  className="p-2 rounded bg-muted hover:bg-muted/80 cursor-pointer"
-                >
-                  <div className="flex items-center justify-between">
-                    <span className="font-medium text-sm">
-                      {notification.subject}
-                    </span>
-                    <Badge variant="outline" className="text-xs">
-                      {notification.priority}
-                    </Badge>
+              {notifications
+                .slice(-10)
+                .reverse()
+                .map((notification, i) => (
+                  <div
+                    key={notification.notification_id ?? `anon-${i}`}
+                    className="p-2 rounded bg-muted hover:bg-muted/80 cursor-pointer"
+                  >
+                    <div className="flex items-center justify-between">
+                      <span className="font-medium text-sm">
+                        {notification.subject}
+                      </span>
+                      <Badge variant="outline" className="text-xs">
+                        {notification.priority}
+                      </Badge>
+                    </div>
+                    <p className="text-xs text-muted-foreground mt-1">
+                      {notification.notification_type}
+                    </p>
                   </div>
-                  <p className="text-xs text-muted-foreground mt-1">
-                    {notification.notification_type}
-                  </p>
-                </div>
-              ))}
+                ))}
             </div>
           )}
-          
+
           <div className="pt-2 border-t">
             <Link href="/notifications" onClick={() => setOpen(false)}>
               <Button variant="outline" size="sm" className="w-full">
diff --git a/panel/src/components/products/create-product-dialog.tsx b/panel/src/components/products/create-product-dialog.tsx
index c3dfa329..8a7b4655 100644
--- a/panel/src/components/products/create-product-dialog.tsx
+++ b/panel/src/components/products/create-product-dialog.tsx
@@ -42,10 +42,15 @@ function generateSlug(name: string): string {
 }
 
 // Build the cells payload from the per-cell project selections (only mapped cells)
-function buildCells(mapping: Partial<Record<Team, string>>): ProductCellMapping[] {
+function buildCells(
+  mapping: Partial<Record<Team, string>>,
+): ProductCellMapping[] {
   return cells
     .filter((cell) => mapping[cell.value])
-    .map((cell) => ({ team: cell.value, project_id: mapping[cell.value] as string }));
+    .map((cell) => ({
+      team: cell.value,
+      project_id: mapping[cell.value] as string,
+    }));
 }
 
 export function CreateProductDialog() {
@@ -53,7 +58,9 @@ export function CreateProductDialog() {
   const [name, setName] = useState("");
   const [slug, setSlug] = useState("");
   const [description, setDescription] = useState("");
-  const [cellMapping, setCellMapping] = useState<Partial<Record<Team, string>>>({});
+  const [cellMapping, setCellMapping] = useState<Partial<Record<Team, string>>>(
+    {},
+  );
 
   const createProduct = useCreateProduct();
   const { data: projects } = useProjects();
@@ -90,7 +97,7 @@ export function CreateProductDialog() {
       resetForm();
     } catch (error) {
       toast.error(
-        `Failed to create product: ${error instanceof Error ? error.message : "Unknown error"}`
+        `Failed to create product: ${error instanceof Error ? error.message : "Unknown error"}`,
       );
     }
   };
@@ -154,7 +161,10 @@ export function CreateProductDialog() {
               <Label>Cell Project Mapping</Label>
               {cells.map((cell) => (
                 <div key={cell.value} className="grid gap-2">
-                  <Label htmlFor={`cell-${cell.value}`} className="text-sm text-muted-foreground">
+                  <Label
+                    htmlFor={`cell-${cell.value}`}
+                    className="text-sm text-muted-foreground"
+                  >
                     {cell.label}
                   </Label>
                   <Select
@@ -179,7 +189,11 @@ export function CreateProductDialog() {
             </div>
           </div>
           <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => setOpen(false)}>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => setOpen(false)}
+            >
               Cancel
             </Button>
             <Button type="submit" disabled={createProduct.isPending}>
diff --git a/panel/src/components/products/edit-product-dialog.tsx b/panel/src/components/products/edit-product-dialog.tsx
index 5460bc0d..911c30be 100644
--- a/panel/src/components/products/edit-product-dialog.tsx
+++ b/panel/src/components/products/edit-product-dialog.tsx
@@ -24,7 +24,12 @@ import {
 } from "@/components/ui/select";
 import { Skeleton } from "@/components/ui/skeleton";
 import { toast } from "sonner";
-import { Team, type Product, type ProductCellMapping, type ProductUpdate } from "@/types";
+import {
+  Team,
+  type Product,
+  type ProductCellMapping,
+  type ProductUpdate,
+} from "@/types";
 
 const cells: { value: Team; label: string }[] = [
   { value: Team.BACKEND, label: "Backend" },
@@ -33,7 +38,9 @@ const cells: { value: Team; label: string }[] = [
 ];
 
 // Build a team -> project_id lookup from the product's cell mappings
-function mappingFromCells(productCells: ProductCellMapping[]): Partial<Record<Team, string>> {
+function mappingFromCells(
+  productCells: ProductCellMapping[],
+): Partial<Record<Team, string>> {
   return productCells.reduce<Partial<Record<Team, string>>>((acc, cell) => {
     acc[cell.team] = cell.project_id;
     return acc;
@@ -41,10 +48,15 @@ function mappingFromCells(productCells: ProductCellMapping[]): Partial<Record<Te
 }
 
 // Build the cells payload from the per-cell project selections (only mapped cells)
-function buildCells(mapping: Partial<Record<Team, string>>): ProductCellMapping[] {
+function buildCells(
+  mapping: Partial<Record<Team, string>>,
+): ProductCellMapping[] {
   return cells
     .filter((cell) => mapping[cell.value])
-    .map((cell) => ({ team: cell.value, project_id: mapping[cell.value] as string }));
+    .map((cell) => ({
+      team: cell.value,
+      project_id: mapping[cell.value] as string,
+    }));
 }
 
 interface EditProductDialogProps {
@@ -69,7 +81,7 @@ function EditProductForm({
   const [name, setName] = useState(product.name);
   const [description, setDescription] = useState(product.description ?? "");
   const [cellMapping, setCellMapping] = useState<Partial<Record<Team, string>>>(
-    mappingFromCells(product.cells)
+    mappingFromCells(product.cells),
   );
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -92,7 +104,7 @@ function EditProductForm({
       onSuccess();
     } catch (error) {
       toast.error(
-        `Failed to update product: ${error instanceof Error ? error.message : "Unknown error"}`
+        `Failed to update product: ${error instanceof Error ? error.message : "Unknown error"}`,
       );
     }
   };
@@ -101,7 +113,9 @@ function EditProductForm({
     <form onSubmit={handleSubmit}>
       <DialogHeader>
         <DialogTitle>Edit Product</DialogTitle>
-        <DialogDescription>Update product settings. Slug cannot be changed.</DialogDescription>
+        <DialogDescription>
+          Update product settings. Slug cannot be changed.
+        </DialogDescription>
       </DialogHeader>
       <div className="grid gap-4 py-4">
         {/* Slug (read-only) */}
@@ -142,7 +156,10 @@ function EditProductForm({
           <Label>Cell Project Mapping</Label>
           {cells.map((cell) => (
             <div key={cell.value} className="grid gap-2">
-              <Label htmlFor={`cell-${cell.value}`} className="text-sm text-muted-foreground">
+              <Label
+                htmlFor={`cell-${cell.value}`}
+                className="text-sm text-muted-foreground"
+              >
                 {cell.label}
               </Label>
               <Select
@@ -179,7 +196,11 @@ function EditProductForm({
 }
 
 // Main dialog component - handles data fetching and dialog state
-export function EditProductDialog({ productId, open, onOpenChange }: EditProductDialogProps) {
+export function EditProductDialog({
+  productId,
+  open,
+  onOpenChange,
+}: EditProductDialogProps) {
   const { data: product, isLoading } = useProduct(productId);
 
   return (
@@ -201,7 +222,9 @@ export function EditProductDialog({ productId, open, onOpenChange }: EditProduct
             onCancel={() => onOpenChange(false)}
           />
         ) : (
-          <div className="py-8 text-center text-muted-foreground">Product not found</div>
+          <div className="py-8 text-center text-muted-foreground">
+            Product not found
+          </div>
         )}
       </DialogContent>
     </Dialog>
diff --git a/panel/src/components/products/product-table.tsx b/panel/src/components/products/product-table.tsx
index 68279834..3f715fb4 100644
--- a/panel/src/components/products/product-table.tsx
+++ b/panel/src/components/products/product-table.tsx
@@ -67,7 +67,9 @@ export function ProductTable({ products, isLoading }: ProductTableProps) {
                     >
                       {product.name}
                     </Button>
-                    <p className="text-xs text-muted-foreground font-mono">{product.slug}</p>
+                    <p className="text-xs text-muted-foreground font-mono">
+                      {product.slug}
+                    </p>
                   </div>
                 </TableCell>
                 <TableCell>
diff --git a/panel/src/components/projects/create-project-dialog.tsx b/panel/src/components/projects/create-project-dialog.tsx
index 4d0a9db8..1b0adb79 100644
--- a/panel/src/components/projects/create-project-dialog.tsx
+++ b/panel/src/components/projects/create-project-dialog.tsx
@@ -64,7 +64,12 @@ export function CreateProjectDialog() {
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
 
-    if (!formData.name || !formData.slug || !formData.git_url || !formData.assigned_cell) {
+    if (
+      !formData.name ||
+      !formData.slug ||
+      !formData.git_url ||
+      !formData.assigned_cell
+    ) {
       toast.error("Please fill in all required fields");
       return;
     }
@@ -97,7 +102,7 @@ export function CreateProjectDialog() {
       setShowAdvanced(false);
     } catch (error) {
       toast.error(
-        `Failed to create project: ${error instanceof Error ? error.message : "Unknown error"}`
+        `Failed to create project: ${error instanceof Error ? error.message : "Unknown error"}`,
       );
     }
   };
@@ -136,7 +141,9 @@ export function CreateProjectDialog() {
               <Input
                 id="slug"
                 value={formData.slug}
-                onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
+                onChange={(e) =>
+                  setFormData({ ...formData, slug: e.target.value })
+                }
                 placeholder="roboco-api"
                 pattern="^[a-z0-9-]+$"
               />
@@ -151,7 +158,9 @@ export function CreateProjectDialog() {
               <Input
                 id="git_url"
                 value={formData.git_url}
-                onChange={(e) => setFormData({ ...formData, git_url: e.target.value })}
+                onChange={(e) =>
+                  setFormData({ ...formData, git_url: e.target.value })
+                }
                 placeholder="https://github.com/org/repo.git"
               />
               <p className="text-xs text-muted-foreground">
@@ -169,11 +178,14 @@ export function CreateProjectDialog() {
                 id="git_token"
                 type="password"
                 value={formData.git_token || ""}
-                onChange={(e) => setFormData({ ...formData, git_token: e.target.value })}
+                onChange={(e) =>
+                  setFormData({ ...formData, git_token: e.target.value })
+                }
                 placeholder="ghp_xxxxxxxxxxxx..."
               />
               <p className="text-xs text-muted-foreground">
-                Personal access token with repo access for clone, push, and PR operations
+                Personal access token with repo access for clone, push, and PR
+                operations
               </p>
             </div>
 
@@ -182,7 +194,9 @@ export function CreateProjectDialog() {
               <Label htmlFor="assigned_cell">Assigned Cell *</Label>
               <Select
                 value={formData.assigned_cell}
-                onValueChange={(value: Team) => setFormData({ ...formData, assigned_cell: value })}
+                onValueChange={(value: Team) =>
+                  setFormData({ ...formData, assigned_cell: value })
+                }
               >
                 <SelectTrigger>
                   <SelectValue placeholder="Select cell" />
@@ -203,7 +217,9 @@ export function CreateProjectDialog() {
               <Input
                 id="default_branch"
                 value={formData.default_branch}
-                onChange={(e) => setFormData({ ...formData, default_branch: e.target.value })}
+                onChange={(e) =>
+                  setFormData({ ...formData, default_branch: e.target.value })
+                }
                 placeholder="main"
               />
             </div>
@@ -226,7 +242,9 @@ export function CreateProjectDialog() {
                   <Input
                     id="test_command"
                     value={formData.test_command || ""}
-                    onChange={(e) => setFormData({ ...formData, test_command: e.target.value })}
+                    onChange={(e) =>
+                      setFormData({ ...formData, test_command: e.target.value })
+                    }
                     placeholder="uv run pytest"
                   />
                 </div>
@@ -236,7 +254,9 @@ export function CreateProjectDialog() {
                   <Input
                     id="lint_command"
                     value={formData.lint_command || ""}
-                    onChange={(e) => setFormData({ ...formData, lint_command: e.target.value })}
+                    onChange={(e) =>
+                      setFormData({ ...formData, lint_command: e.target.value })
+                    }
                     placeholder="uv run ruff check ."
                   />
                 </div>
@@ -246,7 +266,12 @@ export function CreateProjectDialog() {
                   <Input
                     id="format_command"
                     value={formData.format_command || ""}
-                    onChange={(e) => setFormData({ ...formData, format_command: e.target.value })}
+                    onChange={(e) =>
+                      setFormData({
+                        ...formData,
+                        format_command: e.target.value,
+                      })
+                    }
                     placeholder="uv run ruff format ."
                   />
                 </div>
@@ -257,7 +282,10 @@ export function CreateProjectDialog() {
                     id="typecheck_command"
                     value={formData.typecheck_command || ""}
                     onChange={(e) =>
-                      setFormData({ ...formData, typecheck_command: e.target.value })
+                      setFormData({
+                        ...formData,
+                        typecheck_command: e.target.value,
+                      })
                     }
                     placeholder="uv run mypy src/"
                   />
@@ -268,7 +296,12 @@ export function CreateProjectDialog() {
                   <Input
                     id="build_command"
                     value={formData.build_command || ""}
-                    onChange={(e) => setFormData({ ...formData, build_command: e.target.value })}
+                    onChange={(e) =>
+                      setFormData({
+                        ...formData,
+                        build_command: e.target.value,
+                      })
+                    }
                     placeholder="pnpm build"
                   />
                 </div>
@@ -279,20 +312,27 @@ export function CreateProjectDialog() {
                     id="quality_command"
                     value={formData.quality_command || ""}
                     onChange={(e) =>
-                      setFormData({ ...formData, quality_command: e.target.value })
+                      setFormData({
+                        ...formData,
+                        quality_command: e.target.value,
+                      })
                     }
                     placeholder="make gate"
                   />
                   <p className="text-xs text-muted-foreground">
-                    Fast pre-submit gate (lint + types + complexity, no tests) run
-                    in the dev&apos;s workspace at hand-off to QA.
+                    Fast pre-submit gate (lint + types + complexity, no tests)
+                    run in the dev&apos;s workspace at hand-off to QA.
                   </p>
                 </div>
               </>
             )}
           </div>
           <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => setOpen(false)}>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => setOpen(false)}
+            >
               Cancel
             </Button>
             <Button type="submit" disabled={createProject.isPending}>
diff --git a/panel/src/components/projects/edit-project-dialog.tsx b/panel/src/components/projects/edit-project-dialog.tsx
index 082a1ae3..220b2e14 100644
--- a/panel/src/components/projects/edit-project-dialog.tsx
+++ b/panel/src/components/projects/edit-project-dialog.tsx
@@ -70,7 +70,9 @@ function EditProjectForm({
   const [qualityCommand, setQualityCommand] = useState(
     project.quality_command || "",
   );
-  const [ciWatchEnabled, setCiWatchEnabled] = useState(project.ci_watch_enabled);
+  const [ciWatchEnabled, setCiWatchEnabled] = useState(
+    project.ci_watch_enabled,
+  );
   const [ciWatchWorkflow, setCiWatchWorkflow] = useState(
     project.ci_watch_workflow || "",
   );
diff --git a/panel/src/components/projects/project-selector.tsx b/panel/src/components/projects/project-selector.tsx
index de18f146..797adde7 100644
--- a/panel/src/components/projects/project-selector.tsx
+++ b/panel/src/components/projects/project-selector.tsx
@@ -101,7 +101,8 @@ export function ProjectSelector({
               <span>{selectedProject.name}</span>
               {selectedProject.assigned_cell && (
                 <Badge variant="outline" className="text-xs">
-                  {TEAM_LABELS[selectedProject.assigned_cell] || selectedProject.assigned_cell}
+                  {TEAM_LABELS[selectedProject.assigned_cell] ||
+                    selectedProject.assigned_cell}
                 </Badge>
               )}
             </div>
diff --git a/panel/src/components/projects/project-table.tsx b/panel/src/components/projects/project-table.tsx
index 1eda54a6..4fff48bf 100644
--- a/panel/src/components/projects/project-table.tsx
+++ b/panel/src/components/projects/project-table.tsx
@@ -74,7 +74,9 @@ export function ProjectTable({ projects, isLoading }: ProjectTableProps) {
       <div className="text-center py-12 text-muted-foreground">
         <GitBranch className="h-12 w-12 mx-auto mb-4 opacity-50" />
         <p className="text-lg font-medium">No projects found</p>
-        <p className="text-sm">Create a project to get started with git integration</p>
+        <p className="text-sm">
+          Create a project to get started with git integration
+        </p>
       </div>
     );
   }
@@ -131,7 +133,9 @@ export function ProjectTable({ projects, isLoading }: ProjectTableProps) {
                 <TableCell>{getTokenBadge(project.has_git_token)}</TableCell>
                 <TableCell>
                   {project.is_active ? (
-                    <Badge className="bg-green-500/10 text-green-500">Active</Badge>
+                    <Badge className="bg-green-500/10 text-green-500">
+                      Active
+                    </Badge>
                   ) : (
                     <Badge variant="outline" className="text-muted-foreground">
                       Inactive
@@ -148,7 +152,12 @@ export function ProjectTable({ projects, isLoading }: ProjectTableProps) {
                     >
                       <Pencil className="h-4 w-4" />
                     </Button>
-                    <Button variant="ghost" size="icon" asChild title="View repository">
+                    <Button
+                      variant="ghost"
+                      size="icon"
+                      asChild
+                      title="View repository"
+                    >
                       <a
                         href={getExternalUrl(project)}
                         target="_blank"
diff --git a/panel/src/components/prompter/chat-messages.tsx b/panel/src/components/prompter/chat-messages.tsx
index c4761b80..07c01a23 100644
--- a/panel/src/components/prompter/chat-messages.tsx
+++ b/panel/src/components/prompter/chat-messages.tsx
@@ -53,7 +53,10 @@ const markdownComponents = {
 function MarkdownBody({ content }: { content: string }) {
   return (
     <div className="prose prose-sm max-w-none !text-inherit [&_*]:!text-inherit prose-p:my-1.5 prose-headings:mt-3 prose-headings:mb-1 prose-pre:my-2 prose-pre:bg-black/20">
-      <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm]}
+        components={markdownComponents}
+      >
         {content}
       </ReactMarkdown>
     </div>
@@ -78,8 +81,9 @@ export function ChatMessages({
       <div className="flex flex-1 flex-col items-center justify-center gap-3 text-center text-muted-foreground px-8">
         <p className="text-lg font-semibold">What would you like to build?</p>
         <p className="text-sm max-w-md">
-          Describe your task idea. I&apos;ll help you refine it into a structured task with acceptance
-          criteria ready to hand off to the team.
+          Describe your task idea. I&apos;ll help you refine it into a
+          structured task with acceptance criteria ready to hand off to the
+          team.
         </p>
       </div>
     );
@@ -124,7 +128,7 @@ export function ChatMessages({
               <div
                 className={cn(
                   "group relative max-w-[70%] rounded-2xl rounded-tl-sm bg-muted px-4 py-3 text-sm text-foreground",
-                  msg.draft && "max-w-[85%]"
+                  msg.draft && "max-w-[85%]",
                 )}
               >
                 <MarkdownBody content={msg.content} />
diff --git a/panel/src/components/prompter/draft-proposal-card.tsx b/panel/src/components/prompter/draft-proposal-card.tsx
index 5eb22daf..1a75c690 100644
--- a/panel/src/components/prompter/draft-proposal-card.tsx
+++ b/panel/src/components/prompter/draft-proposal-card.tsx
@@ -2,7 +2,13 @@
 
 import { MessageCircle, Users, Rocket, Loader2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { CopyButton } from "@/components/ui/copy-button";
 import type { DraftProposal } from "@/lib/api/prompter";
@@ -36,7 +42,7 @@ function draftToText(draft: DraftProposal): string {
     lines.push(
       "## What This Builds",
       ...draft.what_this_builds.map((b) => `- ${b}`),
-      ""
+      "",
     );
   }
   if (draft.the_work?.length) {
@@ -54,7 +60,7 @@ function draftToText(draft: DraftProposal): string {
     lines.push(
       "## Success Criteria",
       ...draft.acceptance_criteria.map((c) => `- ${c}`),
-      ""
+      "",
     );
   }
   return lines.join("\n").trim();
@@ -132,7 +138,9 @@ export function DraftProposalCard({
                   <span className="mt-0.5 h-3 w-3 shrink-0 rounded-full border border-primary/50 flex items-center justify-center">
                     <span className="h-1.5 w-1.5 rounded-full bg-primary/50" />
                   </span>
-                  <span className="text-foreground line-clamp-2">{criterion}</span>
+                  <span className="text-foreground line-clamp-2">
+                    {criterion}
+                  </span>
                 </li>
               ))}
               {draft.acceptance_criteria.length > 4 && (
@@ -170,7 +178,11 @@ export function DraftProposalCard({
           Board review &amp; Start
         </Button>
         {/* Approve & Start → PENDING, straight to Main PM (skip the board) */}
-        <Button size="sm" onClick={() => onStart("main_pm")} disabled={isLaunching}>
+        <Button
+          size="sm"
+          onClick={() => onStart("main_pm")}
+          disabled={isLaunching}
+        >
           {isLaunching ? (
             <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />
           ) : (
diff --git a/panel/src/components/prompter/success-card.tsx b/panel/src/components/prompter/success-card.tsx
index 8b95e151..98672935 100644
--- a/panel/src/components/prompter/success-card.tsx
+++ b/panel/src/components/prompter/success-card.tsx
@@ -3,7 +3,13 @@
 import Link from "next/link";
 import { CheckCircle2, ExternalLink, RefreshCw } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import type { Team } from "@/types";
 
@@ -37,13 +43,19 @@ export function SuccessCard({
           <Badge variant="secondary" className="text-xs">
             {team.replace("_", " ")}
           </Badge>
-          <span className="text-xs text-muted-foreground">ID: {taskId.slice(0, 8)}…</span>
+          <span className="text-xs text-muted-foreground">
+            ID: {taskId.slice(0, 8)}…
+          </span>
         </div>
       </CardContent>
 
       <CardFooter className="gap-2 pt-0">
         <Button variant="outline" size="sm" asChild className="flex-1">
-          <Link href={`/tasks/${taskId}`} target="_blank" rel="noopener noreferrer">
+          <Link
+            href={`/tasks/${taskId}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <ExternalLink className="mr-1.5 h-3.5 w-3.5" />
             View Task
           </Link>
diff --git a/panel/src/components/providers.tsx b/panel/src/components/providers.tsx
index c413bfb7..fad4a4db 100644
--- a/panel/src/components/providers.tsx
+++ b/panel/src/components/providers.tsx
@@ -32,7 +32,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
             retry: 1,
           },
         },
-      })
+      }),
   );
 
   return (
diff --git a/panel/src/components/rate-limit/rate-limit-banner.tsx b/panel/src/components/rate-limit/rate-limit-banner.tsx
index 7c3ff8ea..95696ff5 100644
--- a/panel/src/components/rate-limit/rate-limit-banner.tsx
+++ b/panel/src/components/rate-limit/rate-limit-banner.tsx
@@ -14,14 +14,14 @@ import type { RateLimitEntry } from "@/types/rate-limits";
 function computeSecondsLeft(resumeAt: string): number {
   return Math.max(
     0,
-    Math.ceil((new Date(resumeAt).getTime() - Date.now()) / 1000)
+    Math.ceil((new Date(resumeAt).getTime() - Date.now()) / 1000),
   );
 }
 
 function RateLimitRow({ entry }: { entry: RateLimitEntry }) {
   const resumeAt = entry.resumeAt;
   const [secondsLeft, setSecondsLeft] = useState(() =>
-    computeSecondsLeft(resumeAt)
+    computeSecondsLeft(resumeAt),
   );
 
   useEffect(() => {
@@ -45,9 +45,7 @@ function RateLimitRow({ entry }: { entry: RateLimitEntry }) {
           {agentCount} agent{agentCount !== 1 ? "s" : ""} affected
         </span>
       )}
-      <span className="text-sm text-amber-700">
-        {secondsLeft}s
-      </span>
+      <span className="text-sm text-amber-700">{secondsLeft}s</span>
       <span className="text-sm text-amber-800 font-medium ml-auto">
         operations paused — resuming automatically
       </span>
diff --git a/panel/src/components/settings/ai-routing-card.tsx b/panel/src/components/settings/ai-routing-card.tsx
index 6e46906f..c69d2eae 100644
--- a/panel/src/components/settings/ai-routing-card.tsx
+++ b/panel/src/components/settings/ai-routing-card.tsx
@@ -179,18 +179,22 @@ export function AIRoutingCard() {
 
   const catalogForMix = catalog;
   const catalogOllamaOnly = catalog.filter(
-    (c: { provider_type: ModelProvider }) => c.provider_type === ModelProvider.OLLAMA_CLOUD,
+    (c: { provider_type: ModelProvider }) =>
+      c.provider_type === ModelProvider.OLLAMA_CLOUD,
   );
   const catalogGrokOnly = catalog.filter(
-    (c: { provider_type: ModelProvider }) => c.provider_type === ModelProvider.GROK,
+    (c: { provider_type: ModelProvider }) =>
+      c.provider_type === ModelProvider.GROK,
   );
   const catalogAnthropicOnly = catalog.filter(
-    (c: { provider_type: ModelProvider }) => c.provider_type === ModelProvider.ANTHROPIC,
+    (c: { provider_type: ModelProvider }) =>
+      c.provider_type === ModelProvider.ANTHROPIC,
   );
 
   // --- Mode toggle handlers ---
   const flipToAnthropic = async () => {
-    if (!confirm("Switch every agent to Anthropic? Clears any overrides.")) return;
+    if (!confirm("Switch every agent to Anthropic? Clears any overrides."))
+      return;
     try {
       await applyMode.mutateAsync({ mode: "anthropic" });
       toast.success("All agents now on Anthropic");
@@ -274,8 +278,7 @@ export function AIRoutingCard() {
     const needsKey = Object.values(per_agent).some((m) =>
       catalog.find(
         (c: { model_name: string; provider_type: ModelProvider }) =>
-          c.model_name === m &&
-          c.provider_type === ModelProvider.OLLAMA_CLOUD,
+          c.model_name === m && c.provider_type === ModelProvider.OLLAMA_CLOUD,
       ),
     );
     if (needsKey && !hasOllamaKey) {
@@ -315,7 +318,6 @@ export function AIRoutingCard() {
         </CardDescription>
       </CardHeader>
       <CardContent className="space-y-6">
-
         {/* -------- Grok (xAI) key -------- */}
         <section className="space-y-2">
           <div className="flex items-center justify-between">
@@ -386,7 +388,9 @@ export function AIRoutingCard() {
               value={apiKey}
               onChange={(e) => setApiKey(e.target.value)}
               placeholder={
-                hasOllamaKey ? "•••••••••••• (leave blank to keep)" : "ollama_xxx…"
+                hasOllamaKey
+                  ? "•••••••••••• (leave blank to keep)"
+                  : "ollama_xxx…"
               }
               disabled={clearKey}
             />
@@ -487,8 +491,8 @@ export function AIRoutingCard() {
           {currentMode === "mix" && !hasOllamaKey ? (
             <p className="text-xs text-amber-600 flex items-center gap-1">
               <AlertTriangle className="h-3 w-3" />
-              Some agents may already be routed to Ollama but no key is
-              saved — those agents will fall back to Anthropic at spawn.
+              Some agents may already be routed to Ollama but no key is saved —
+              those agents will fall back to Anthropic at spawn.
             </p>
           ) : null}
           {currentMode === "grok" || currentMode === "mix" ? (
@@ -522,7 +526,9 @@ export function AIRoutingCard() {
                   <SelectValue placeholder="(use server default)" />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="__clear__">(use server default)</SelectItem>
+                  <SelectItem value="__clear__">
+                    (use server default)
+                  </SelectItem>
                   {selfHostedModels.map((m) => (
                     <SelectItem key={m.model_name} value={m.model_name}>
                       {m.display_name}
@@ -544,17 +550,13 @@ export function AIRoutingCard() {
             <Label className="text-sm font-medium">
               Per-agent override (mix mode)
             </Label>
-            <Button
-              size="sm"
-              onClick={saveMix}
-              disabled={applyMode.isPending}
-            >
+            <Button size="sm" onClick={saveMix} disabled={applyMode.isPending}>
               {applyMode.isPending ? "Saving…" : "Save mix"}
             </Button>
           </div>
           <p className="text-xs text-muted-foreground">
-            Leave a row blank to inherit from the global mode. Saving
-            overwrites all per-agent overrides with what&apos;s picked here.
+            Leave a row blank to inherit from the global mode. Saving overwrites
+            all per-agent overrides with what&apos;s picked here.
           </p>
           <div className="divide-y rounded-md border">
             {AGENTS.map((a) => (
@@ -564,9 +566,7 @@ export function AIRoutingCard() {
               >
                 <div>
                   <div className="font-mono text-sm">{a.slug}</div>
-                  <div className="text-xs text-muted-foreground">
-                    {a.label}
-                  </div>
+                  <div className="text-xs text-muted-foreground">{a.label}</div>
                 </div>
                 <Select
                   value={mixMap[a.slug] ?? ""}
@@ -715,7 +715,9 @@ function ModeButton({
           </Badge>
         ) : null}
       </div>
-      <p className="mt-1 text-xs text-muted-foreground font-normal">{description}</p>
+      <p className="mt-1 text-xs text-muted-foreground font-normal">
+        {description}
+      </p>
     </Button>
   );
 }
diff --git a/panel/src/components/settings/feature-flags-card.tsx b/panel/src/components/settings/feature-flags-card.tsx
index b8e9e3ce..148b1c34 100644
--- a/panel/src/components/settings/feature-flags-card.tsx
+++ b/panel/src/components/settings/feature-flags-card.tsx
@@ -18,8 +18,10 @@ import { toast } from "sonner";
 
 // One-line blurb per flag so the operator knows what each master switch gates.
 const FLAG_DESCRIPTIONS: Record<string, string> = {
-  external_pr_enabled: "Discover and review inbound external/fork pull requests.",
-  internal_pr_enabled: "Run the read-only safety reviewer on internal branch PRs.",
+  external_pr_enabled:
+    "Discover and review inbound external/fork pull requests.",
+  internal_pr_enabled:
+    "Run the read-only safety reviewer on internal branch PRs.",
   research_enabled: "Let the Board and PMs run web research.",
   strategy_engine_enabled: "Generate and maintain company strategy artifacts.",
   self_heal_enabled: "Watch RoboCo's own CI and notify you when it regresses.",
@@ -30,8 +32,10 @@ const FLAG_DESCRIPTIONS: Record<string, string> = {
     "Provision each agent workspace with the target project's Python (not RoboCo's) and block delivery gates when its test suite can't be executed.",
   conventions_enabled:
     "Enforce a per-project architectural standard (.roboco/conventions.yml): inject the map, attach baseline constraints, and block i_am_done / pr_pass on misplaced definitions or lint suppressions.",
-  rag_auto_update_enabled: "Keep the knowledge base index refreshed automatically.",
-  transcript_prune_enabled: "Run the background sweep that prunes old transcripts.",
+  rag_auto_update_enabled:
+    "Keep the knowledge base index refreshed automatically.",
+  transcript_prune_enabled:
+    "Run the background sweep that prunes old transcripts.",
   gateway_health_enabled:
     "Recover an agent whose MCP gateway has broken (it can run no tools) while its container stays up — kill + respawn it instead of shielding it from the reaper forever.",
   ci_watch_enabled:
@@ -85,10 +89,14 @@ export function FeatureFlagsCard() {
       </CardHeader>
       <CardContent className="space-y-4">
         {isLoading && (
-          <p className="text-sm text-muted-foreground">Loading feature flags…</p>
+          <p className="text-sm text-muted-foreground">
+            Loading feature flags…
+          </p>
         )}
         {!isLoading && flags.length === 0 && (
-          <p className="text-sm text-muted-foreground">No feature flags available.</p>
+          <p className="text-sm text-muted-foreground">
+            No feature flags available.
+          </p>
         )}
         {flags.map((flag, i) => (
           <div key={flag.key}>
diff --git a/panel/src/components/settings/self-hosted-section.tsx b/panel/src/components/settings/self-hosted-section.tsx
index e1f4f85a..eb76ce91 100644
--- a/panel/src/components/settings/self-hosted-section.tsx
+++ b/panel/src/components/settings/self-hosted-section.tsx
@@ -71,7 +71,7 @@ export function SelfHostedSection({
   // Timestamps for "Last refreshed" label
   const [lastRefreshed, setLastRefreshed] = useState<string | null>(null);
 
-  const hasSavedUrl = !!(config?.base_url);
+  const hasSavedUrl = !!config?.base_url;
 
   // ---- Save handler --------------------------------------------------------
   const handleSave = async () => {
@@ -167,7 +167,7 @@ export function SelfHostedSection({
             onChange={(e) => setBaseUrl(e.target.value)}
             placeholder={
               hasSavedUrl
-                ? config.base_url ?? "http://localhost:11434"
+                ? (config.base_url ?? "http://localhost:11434")
                 : "http://localhost:11434"
             }
             className="font-mono text-sm"
@@ -317,9 +317,7 @@ export function SelfHostedSection({
           <div className="flex items-center justify-between">
             <p className="text-xs text-muted-foreground">
               Last refreshed:{" "}
-              <span className="font-medium">
-                {relativeTime(lastRefreshed)}
-              </span>
+              <span className="font-medium">{relativeTime(lastRefreshed)}</span>
             </p>
             <Button
               variant="ghost"
diff --git a/panel/src/components/settings/transcript-retention-card.tsx b/panel/src/components/settings/transcript-retention-card.tsx
index 3e859423..e8509bab 100644
--- a/panel/src/components/settings/transcript-retention-card.tsx
+++ b/panel/src/components/settings/transcript-retention-card.tsx
@@ -72,7 +72,9 @@ export function TranscriptRetentionCard() {
       </CardHeader>
       <CardContent className="space-y-4">
         <div className="space-y-2">
-          <Label htmlFor="transcript-retention-days">Retention window (days)</Label>
+          <Label htmlFor="transcript-retention-days">
+            Retention window (days)
+          </Label>
           <Input
             id="transcript-retention-days"
             type="number"
@@ -83,7 +85,10 @@ export function TranscriptRetentionCard() {
             className="max-w-[160px]"
           />
         </div>
-        <Button onClick={handleSave} disabled={saveMutation.isPending || isLoading}>
+        <Button
+          onClick={handleSave}
+          disabled={saveMutation.isPending || isLoading}
+        >
           <Save className="h-4 w-4 mr-2" />
           {saveMutation.isPending ? "Saving..." : "Save"}
         </Button>
diff --git a/panel/src/components/tasks/acceptance-criteria-editor.tsx b/panel/src/components/tasks/acceptance-criteria-editor.tsx
index 95251f95..8e31b5fd 100644
--- a/panel/src/components/tasks/acceptance-criteria-editor.tsx
+++ b/panel/src/components/tasks/acceptance-criteria-editor.tsx
@@ -62,7 +62,9 @@ export function AcceptanceCriteriaEditor({
           {criteria.map((criterion, index) => (
             <div key={index} className="flex items-center gap-2">
               <GripVertical className="h-4 w-4 text-muted-foreground shrink-0" />
-              <span className="text-sm text-muted-foreground w-6">{index + 1}.</span>
+              <span className="text-sm text-muted-foreground w-6">
+                {index + 1}.
+              </span>
               <Input
                 value={criterion}
                 onChange={(e) => handleUpdate(index, e.target.value)}
@@ -91,7 +93,12 @@ export function AcceptanceCriteriaEditor({
           placeholder="Enter acceptance criterion and press Enter..."
           className="flex-1"
         />
-        <Button type="button" variant="outline" onClick={handleAdd} disabled={!newCriterion.trim()}>
+        <Button
+          type="button"
+          variant="outline"
+          onClick={handleAdd}
+          disabled={!newCriterion.trim()}
+        >
           <Plus className="h-4 w-4 mr-1" />
           Add
         </Button>
@@ -99,8 +106,8 @@ export function AcceptanceCriteriaEditor({
 
       {/* Helper text */}
       <p className="text-xs text-muted-foreground">
-        Define at least one acceptance criterion. Each criterion should describe a specific,
-        testable condition for task completion.
+        Define at least one acceptance criterion. Each criterion should describe
+        a specific, testable condition for task completion.
       </p>
 
       {/* Error message */}
diff --git a/panel/src/components/tasks/approve-and-start-button.tsx b/panel/src/components/tasks/approve-and-start-button.tsx
index ba118dc9..3503b077 100644
--- a/panel/src/components/tasks/approve-and-start-button.tsx
+++ b/panel/src/components/tasks/approve-and-start-button.tsx
@@ -82,7 +82,10 @@ export function ApproveAndStartButton({ task }: ApproveAndStartButtonProps) {
         Approve &amp; Start
       </Button>
 
-      <Dialog open={open} onOpenChange={(next) => (next ? setOpen(true) : closeDialog())}>
+      <Dialog
+        open={open}
+        onOpenChange={(next) => (next ? setOpen(true) : closeDialog())}
+      >
         <DialogContent>
           <DialogHeader>
             <DialogTitle>Approve &amp; Start</DialogTitle>
@@ -121,7 +124,9 @@ export function ApproveAndStartButton({ task }: ApproveAndStartButtonProps) {
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="approve-and-start-notes">Approval notes (required)</Label>
+            <Label htmlFor="approve-and-start-notes">
+              Approval notes (required)
+            </Label>
             <Textarea
               id="approve-and-start-notes"
               placeholder="Board review read; requirements are clear. Build it..."
@@ -140,7 +145,9 @@ export function ApproveAndStartButton({ task }: ApproveAndStartButtonProps) {
               disabled={approveAndStartMutation.isPending}
               className="bg-green-600 hover:bg-green-700"
             >
-              {approveAndStartMutation.isPending ? "Starting..." : "Approve & Start"}
+              {approveAndStartMutation.isPending
+                ? "Starting..."
+                : "Approve & Start"}
             </Button>
           </DialogFooter>
         </DialogContent>
diff --git a/panel/src/components/tasks/create-task-dialog.tsx b/panel/src/components/tasks/create-task-dialog.tsx
index e833c793..807fe7ce 100644
--- a/panel/src/components/tasks/create-task-dialog.tsx
+++ b/panel/src/components/tasks/create-task-dialog.tsx
@@ -117,7 +117,8 @@ export function CreateTaskDialog() {
     }
 
     if (acceptanceCriteria.length === 0) {
-      newErrors.acceptance_criteria = "At least one acceptance criterion is required";
+      newErrors.acceptance_criteria =
+        "At least one acceptance criterion is required";
     }
 
     if (!projectId && !productId) {
@@ -143,7 +144,9 @@ export function CreateTaskDialog() {
         team,
         priority,
         status,
-        acceptance_criteria: acceptanceCriteria.map((c) => c.trim()).filter(Boolean),
+        acceptance_criteria: acceptanceCriteria
+          .map((c) => c.trim())
+          .filter(Boolean),
         estimated_complexity: complexity,
         nature,
         task_type: taskType,
@@ -181,7 +184,13 @@ export function CreateTaskDialog() {
   };
 
   return (
-    <Dialog open={open} onOpenChange={(newOpen) => { setOpen(newOpen); if (!newOpen) resetForm(); }}>
+    <Dialog
+      open={open}
+      onOpenChange={(newOpen) => {
+        setOpen(newOpen);
+        if (!newOpen) resetForm();
+      }}
+    >
       <DialogTrigger asChild>
         <Button>
           <Plus className="h-4 w-4 mr-2" />
@@ -208,7 +217,9 @@ export function CreateTaskDialog() {
               placeholder="Enter task title (5-200 characters)"
               className={errors.title ? "border-destructive" : ""}
             />
-            {errors.title && <p className="text-xs text-destructive">{errors.title}</p>}
+            {errors.title && (
+              <p className="text-xs text-destructive">{errors.title}</p>
+            )}
           </div>
 
           {/* Description */}
@@ -243,7 +254,10 @@ export function CreateTaskDialog() {
             </div>
             <div className="space-y-2">
               <Label>Status</Label>
-              <Select value={status} onValueChange={(v) => setStatus(v as TaskStatus)}>
+              <Select
+                value={status}
+                onValueChange={(v) => setStatus(v as TaskStatus)}
+              >
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>
@@ -276,7 +290,10 @@ export function CreateTaskDialog() {
             </div>
             <div className="space-y-2">
               <Label>Complexity</Label>
-              <Select value={complexity} onValueChange={(v) => setComplexity(v as Complexity)}>
+              <Select
+                value={complexity}
+                onValueChange={(v) => setComplexity(v as Complexity)}
+              >
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>
@@ -291,7 +308,10 @@ export function CreateTaskDialog() {
             </div>
             <div className="space-y-2">
               <Label>Nature</Label>
-              <Select value={nature} onValueChange={(v) => setNature(v as TaskNature)}>
+              <Select
+                value={nature}
+                onValueChange={(v) => setNature(v as TaskNature)}
+              >
                 <SelectTrigger className="w-full">
                   <SelectValue />
                 </SelectTrigger>
@@ -322,7 +342,11 @@ export function CreateTaskDialog() {
           {/* Advanced Options */}
           <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
             <CollapsibleTrigger asChild>
-              <Button variant="ghost" type="button" className="w-full justify-between">
+              <Button
+                variant="ghost"
+                type="button"
+                className="w-full justify-between"
+              >
                 <span>Advanced Options</span>
                 {advancedOpen ? (
                   <ChevronDown className="h-4 w-4" />
@@ -356,7 +380,8 @@ export function CreateTaskDialog() {
                   filterByTeam={team}
                 />
                 <p className="text-xs text-muted-foreground">
-                  Leave unassigned to let the orchestrator route automatically, or manually assign to a specific agent
+                  Leave unassigned to let the orchestrator route automatically,
+                  or manually assign to a specific agent
                 </p>
               </div>
 
@@ -364,13 +389,18 @@ export function CreateTaskDialog() {
               <div className="space-y-4 pt-4 border-t">
                 <div className="flex items-center gap-2 mb-2">
                   <GitBranch className="h-4 w-4 text-muted-foreground" />
-                  <span className="font-medium text-sm">Git & Work Configuration</span>
+                  <span className="font-medium text-sm">
+                    Git & Work Configuration
+                  </span>
                 </div>
 
                 {/* Task Type */}
                 <div className="space-y-2">
                   <Label>Task Type</Label>
-                  <Select value={taskType} onValueChange={(v) => setTaskType(v as TaskType)}>
+                  <Select
+                    value={taskType}
+                    onValueChange={(v) => setTaskType(v as TaskType)}
+                  >
                     <SelectTrigger className="w-full">
                       <SelectValue />
                     </SelectTrigger>
@@ -396,11 +426,14 @@ export function CreateTaskDialog() {
                     placeholder="Select project..."
                   />
                   {errors.project_id && (
-                    <p className="text-xs text-destructive">{errors.project_id}</p>
+                    <p className="text-xs text-destructive">
+                      {errors.project_id}
+                    </p>
                   )}
                   <p className="text-xs text-muted-foreground">
-                    The repo this task targets. Optional if you pick a Product below — a
-                    fan-out task routes each cell&apos;s subtask via the Product instead.
+                    The repo this task targets. Optional if you pick a Product
+                    below — a fan-out task routes each cell&apos;s subtask via
+                    the Product instead.
                   </p>
                 </div>
 
@@ -415,7 +448,9 @@ export function CreateTaskDialog() {
                       <SelectValue placeholder="None" />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="none">None (single project)</SelectItem>
+                      <SelectItem value="none">
+                        None (single project)
+                      </SelectItem>
                       {products.map((p) => (
                         <SelectItem key={p.id} value={p.id}>
                           {p.name}
@@ -424,8 +459,8 @@ export function CreateTaskDialog() {
                     </SelectContent>
                   </Select>
                   <p className="text-xs text-muted-foreground">
-                    Optional. When set, delegated subtasks route to each cell&apos;s
-                    mapped project (manage these in Products).
+                    Optional. When set, delegated subtasks route to each
+                    cell&apos;s mapped project (manage these in Products).
                   </p>
                 </div>
               </div>
diff --git a/panel/src/components/tasks/dependency-selector.tsx b/panel/src/components/tasks/dependency-selector.tsx
index 63b0dcb3..687c3278 100644
--- a/panel/src/components/tasks/dependency-selector.tsx
+++ b/panel/src/components/tasks/dependency-selector.tsx
@@ -9,7 +9,11 @@ import { Label } from "@/components/ui/label";
 import { Badge } from "@/components/ui/badge";
 import { Checkbox } from "@/components/ui/checkbox";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
 import { Search, X, Link2 } from "lucide-react";
 
 interface DependencySelectorProps {
@@ -32,14 +36,14 @@ export function DependencySelector({
     (task) =>
       task.id !== excludeTaskId &&
       task.status !== TaskStatus.COMPLETED &&
-      task.status !== TaskStatus.CANCELLED
+      task.status !== TaskStatus.CANCELLED,
   );
 
   // Filter by search term
   const filteredTasks = availableTasks.filter(
     (task) =>
       task.title.toLowerCase().includes(search.toLowerCase()) ||
-      task.id.toLowerCase().includes(search.toLowerCase())
+      task.id.toLowerCase().includes(search.toLowerCase()),
   );
 
   // Get selected task objects
@@ -65,7 +69,10 @@ export function DependencySelector({
       {selectedTasks.length > 0 && (
         <div className="space-y-2 border rounded-lg p-3 bg-muted/30">
           {selectedTasks.map((task) => (
-            <div key={task.id} className="flex items-center justify-between gap-2">
+            <div
+              key={task.id}
+              className="flex items-center justify-between gap-2"
+            >
               <div className="flex items-center gap-2 min-w-0">
                 <Link2 className="h-4 w-4 text-muted-foreground shrink-0" />
                 <span className="text-sm truncate">{task.title}</span>
@@ -90,7 +97,11 @@ export function DependencySelector({
       {/* Add dependency popover */}
       <Popover open={open} onOpenChange={setOpen}>
         <PopoverTrigger asChild>
-          <Button type="button" variant="outline" className="w-full justify-start">
+          <Button
+            type="button"
+            variant="outline"
+            className="w-full justify-start"
+          >
             <Search className="h-4 w-4 mr-2" />
             Search tasks to add as dependencies...
           </Button>
@@ -133,10 +144,15 @@ export function DependencySelector({
                       <div className="flex-1 min-w-0 text-left">
                         <p className="text-sm truncate">{task.title}</p>
                         <div className="flex items-center gap-2 text-xs text-muted-foreground">
-                          <Badge variant="outline" className="font-mono text-xs">
+                          <Badge
+                            variant="outline"
+                            className="font-mono text-xs"
+                          >
                             {task.id.slice(0, 8)}
                           </Badge>
-                          <span className="capitalize">{task.status.replace(/_/g, " ")}</span>
+                          <span className="capitalize">
+                            {task.status.replace(/_/g, " ")}
+                          </span>
                         </div>
                       </div>
                     </Button>
diff --git a/panel/src/components/tasks/docs-status-badge.tsx b/panel/src/components/tasks/docs-status-badge.tsx
index ed2bdddb..c7983087 100644
--- a/panel/src/components/tasks/docs-status-badge.tsx
+++ b/panel/src/components/tasks/docs-status-badge.tsx
@@ -30,7 +30,7 @@ export function DocsStatusBadge({
               "text-xs",
               docsComplete
                 ? "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300"
-                : "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300"
+                : "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
             )}
           >
             <FileCheck className="h-3 w-3 mr-1" />
@@ -44,7 +44,7 @@ export function DocsStatusBadge({
               "text-xs",
               prCreated
                 ? "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300"
-                : "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300"
+                : "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
             )}
           >
             <GitPullRequest className="h-3 w-3 mr-1" />
diff --git a/panel/src/components/tasks/edit-task-dialog.tsx b/panel/src/components/tasks/edit-task-dialog.tsx
index 4ba2a501..e09f2076 100644
--- a/panel/src/components/tasks/edit-task-dialog.tsx
+++ b/panel/src/components/tasks/edit-task-dialog.tsx
@@ -69,18 +69,34 @@ interface EditTaskDialogProps {
 }
 
 // Inner component that resets when task.id changes via key
-function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange: (open: boolean) => void }) {
+function EditTaskDialogInner({
+  task,
+  onOpenChange,
+}: {
+  task: Task;
+  onOpenChange: (open: boolean) => void;
+}) {
   const [title, setTitle] = useState(task.title);
   const [description, setDescription] = useState(task.description);
   const [team, setTeam] = useState<Team>(task.team);
   const [priority, setPriority] = useState<number>(task.priority);
-  const [complexity, setComplexity] = useState<Complexity>(task.estimated_complexity);
-  const [nature, setNature] = useState<TaskNature>(task.nature ?? TaskNature.TECHNICAL);
-  const [taskType, setTaskType] = useState<TaskType>(task.task_type ?? TaskType.CODE);
+  const [complexity, setComplexity] = useState<Complexity>(
+    task.estimated_complexity,
+  );
+  const [nature, setNature] = useState<TaskNature>(
+    task.nature ?? TaskNature.TECHNICAL,
+  );
+  const [taskType, setTaskType] = useState<TaskType>(
+    task.task_type ?? TaskType.CODE,
+  );
   const [projectId, setProjectId] = useState<string>(task.project_id ?? "");
-  const [assignedTo, setAssignedTo] = useState<string | null>(task.assigned_to ?? null);
+  const [assignedTo, setAssignedTo] = useState<string | null>(
+    task.assigned_to ?? null,
+  );
   const [targetDate, setTargetDate] = useState<string>(
-    task.target_date ? new Date(task.target_date).toISOString().slice(0, 16) : ""
+    task.target_date
+      ? new Date(task.target_date).toISOString().slice(0, 16)
+      : "",
   );
   const [advancedOpen, setAdvancedOpen] = useState(false);
 
@@ -189,7 +205,10 @@ function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange:
             </div>
             <div className="space-y-2">
               <Label>Complexity</Label>
-              <Select value={complexity} onValueChange={(v) => setComplexity(v as Complexity)}>
+              <Select
+                value={complexity}
+                onValueChange={(v) => setComplexity(v as Complexity)}
+              >
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>
@@ -204,7 +223,10 @@ function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange:
             </div>
             <div className="space-y-2">
               <Label>Nature</Label>
-              <Select value={nature} onValueChange={(v) => setNature(v as TaskNature)}>
+              <Select
+                value={nature}
+                onValueChange={(v) => setNature(v as TaskNature)}
+              >
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>
@@ -222,7 +244,11 @@ function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange:
           {/* Advanced Options */}
           <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
             <CollapsibleTrigger asChild>
-              <Button variant="ghost" type="button" className="w-full justify-between">
+              <Button
+                variant="ghost"
+                type="button"
+                className="w-full justify-between"
+              >
                 <span>Advanced Options</span>
                 {advancedOpen ? (
                   <ChevronDown className="h-4 w-4" />
@@ -257,13 +283,18 @@ function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange:
               <div className="space-y-4 pt-4 border-t">
                 <div className="flex items-center gap-2 mb-2">
                   <GitBranch className="h-4 w-4 text-muted-foreground" />
-                  <span className="font-medium text-sm">Git & Work Configuration</span>
+                  <span className="font-medium text-sm">
+                    Git & Work Configuration
+                  </span>
                 </div>
 
                 {/* Task Type */}
                 <div className="space-y-2">
                   <Label>Task Type</Label>
-                  <Select value={taskType} onValueChange={(v) => setTaskType(v as TaskType)}>
+                  <Select
+                    value={taskType}
+                    onValueChange={(v) => setTaskType(v as TaskType)}
+                  >
                     <SelectTrigger>
                       <SelectValue />
                     </SelectTrigger>
@@ -316,7 +347,17 @@ function EditTaskDialogInner({ task, onOpenChange }: { task: Task; onOpenChange:
 }
 
 // Wrapper component that uses key to reset form when task changes
-export function EditTaskDialog({ task, open, onOpenChange }: EditTaskDialogProps) {
+export function EditTaskDialog({
+  task,
+  open,
+  onOpenChange,
+}: EditTaskDialogProps) {
   if (!open) return null;
-  return <EditTaskDialogInner key={task.id} task={task} onOpenChange={onOpenChange} />;
+  return (
+    <EditTaskDialogInner
+      key={task.id}
+      task={task}
+      onOpenChange={onOpenChange}
+    />
+  );
 }
diff --git a/panel/src/components/tasks/markdown-editor.tsx b/panel/src/components/tasks/markdown-editor.tsx
index a4342423..decea516 100644
--- a/panel/src/components/tasks/markdown-editor.tsx
+++ b/panel/src/components/tasks/markdown-editor.tsx
@@ -34,7 +34,10 @@ export function MarkdownEditor({
         <Label>
           {label} {required && <span className="text-destructive">*</span>}
         </Label>
-        <Tabs value={mode} onValueChange={(v) => setMode(v as "write" | "preview")}>
+        <Tabs
+          value={mode}
+          onValueChange={(v) => setMode(v as "write" | "preview")}
+        >
           <TabsList className="h-8">
             <TabsTrigger value="write" className="text-xs px-2 h-6">
               <Edit3 className="h-3 w-3 mr-1" />
@@ -60,7 +63,9 @@ export function MarkdownEditor({
           {value ? (
             <Markdown>{value}</Markdown>
           ) : (
-            <p className="text-muted-foreground text-sm italic">Nothing to preview</p>
+            <p className="text-muted-foreground text-sm italic">
+              Nothing to preview
+            </p>
           )}
         </div>
       )}
diff --git a/panel/src/components/tasks/task-actions.tsx b/panel/src/components/tasks/task-actions.tsx
index 1e0a2601..907b4a8d 100644
--- a/panel/src/components/tasks/task-actions.tsx
+++ b/panel/src/components/tasks/task-actions.tsx
@@ -22,7 +22,17 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { MoreHorizontal, Play, Pause, CheckCircle, XCircle, Pencil, Trash2, Clock, MessageSquare } from "lucide-react";
+import {
+  MoreHorizontal,
+  Play,
+  Pause,
+  CheckCircle,
+  XCircle,
+  Pencil,
+  Trash2,
+  Clock,
+  MessageSquare,
+} from "lucide-react";
 import { toast } from "sonner";
 import { EditTaskDialog } from "./edit-task-dialog";
 import { RequiredNotesDialog } from "./task-detail/task-action-dialogs";
@@ -155,7 +165,10 @@ export function TaskActions({
                 Awaiting PM Activation
               </DropdownMenuItem>
               {!hasSessions && (
-                <DropdownMenuItem disabled className="text-muted-foreground text-xs">
+                <DropdownMenuItem
+                  disabled
+                  className="text-muted-foreground text-xs"
+                >
                   <MessageSquare className="h-4 w-4 mr-2" />
                   Needs session created
                 </DropdownMenuItem>
@@ -202,26 +215,32 @@ export function TaskActions({
             </DropdownMenuItem>
           )}
 
-          {task.status !== TaskStatus.COMPLETED && 
-           task.status !== TaskStatus.CANCELLED && 
-           task.status !== TaskStatus.BACKLOG && (
-            <>
-              <DropdownMenuSeparator />
+          {task.status !== TaskStatus.COMPLETED &&
+            task.status !== TaskStatus.CANCELLED &&
+            task.status !== TaskStatus.BACKLOG && (
+              <>
+                <DropdownMenuSeparator />
 
-              <DropdownMenuItem onClick={() => handleAction("complete")}>
-                <CheckCircle className="h-4 w-4 mr-2" />
-                Complete
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => handleAction("cancel")} className="text-orange-600">
-                <XCircle className="h-4 w-4 mr-2" />
-                Cancel
-              </DropdownMenuItem>
-            </>
-          )}
+                <DropdownMenuItem onClick={() => handleAction("complete")}>
+                  <CheckCircle className="h-4 w-4 mr-2" />
+                  Complete
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => handleAction("cancel")}
+                  className="text-orange-600"
+                >
+                  <XCircle className="h-4 w-4 mr-2" />
+                  Cancel
+                </DropdownMenuItem>
+              </>
+            )}
 
           {/* Cancel for backlog tasks (allowed - can remove from backlog) */}
           {isBacklog && (
-            <DropdownMenuItem onClick={() => handleAction("cancel")} className="text-orange-600">
+            <DropdownMenuItem
+              onClick={() => handleAction("cancel")}
+              className="text-orange-600"
+            >
               <XCircle className="h-4 w-4 mr-2" />
               Cancel
             </DropdownMenuItem>
@@ -244,11 +263,7 @@ export function TaskActions({
       </DropdownMenu>
 
       {/* Edit Dialog */}
-      <EditTaskDialog
-        task={task}
-        open={editOpen}
-        onOpenChange={setEditOpen}
-      />
+      <EditTaskDialog task={task} open={editOpen} onOpenChange={setEditOpen} />
 
       {/* Complete Dialog */}
       <RequiredNotesDialog
@@ -285,7 +300,8 @@ export function TaskActions({
           <AlertDialogHeader>
             <AlertDialogTitle>Delete Task?</AlertDialogTitle>
             <AlertDialogDescription>
-              This will permanently delete &quot;{task.title}&quot;. This action cannot be undone.
+              This will permanently delete &quot;{task.title}&quot;. This action
+              cannot be undone.
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
diff --git a/panel/src/components/tasks/task-detail/acceptance-criteria.tsx b/panel/src/components/tasks/task-detail/acceptance-criteria.tsx
index 04d8c583..5910b547 100644
--- a/panel/src/components/tasks/task-detail/acceptance-criteria.tsx
+++ b/panel/src/components/tasks/task-detail/acceptance-criteria.tsx
@@ -44,7 +44,9 @@ export function AcceptanceCriteria({ task }: AcceptanceCriteriaProps) {
   }, [editingIndex]);
 
   // Parse criterion to get text and completion status
-  const parseCriterion = (criterion: string): { text: string; completed: boolean } => {
+  const parseCriterion = (
+    criterion: string,
+  ): { text: string; completed: boolean } => {
     if (criterion.startsWith("[x]") || criterion.startsWith("[X]")) {
       return { text: criterion.slice(3).trim(), completed: true };
     }
@@ -62,7 +64,7 @@ export function AcceptanceCriteria({ task }: AcceptanceCriteriaProps) {
 
   // Count completed criteria
   const completedCount = criteria.filter(
-    (c) => c.startsWith("[x]") || c.startsWith("[X]")
+    (c) => c.startsWith("[x]") || c.startsWith("[X]"),
   ).length;
 
   // Toggle criterion completion
@@ -89,7 +91,10 @@ export function AcceptanceCriteria({ task }: AcceptanceCriteriaProps) {
       return;
     }
 
-    const newCriteria = [...criteria, formatCriterion(newCriterion.trim(), false)];
+    const newCriteria = [
+      ...criteria,
+      formatCriterion(newCriterion.trim(), false),
+    ];
 
     try {
       await updateTask.mutateAsync({
diff --git a/panel/src/components/tasks/task-detail/progress-timeline.tsx b/panel/src/components/tasks/task-detail/progress-timeline.tsx
index a1e7469d..17dadce5 100644
--- a/panel/src/components/tasks/task-detail/progress-timeline.tsx
+++ b/panel/src/components/tasks/task-detail/progress-timeline.tsx
@@ -33,7 +33,7 @@ function formatTime(timestamp: string): string {
 export function ProgressTimeline({ updates }: ProgressTimelineProps) {
   // Sort by most recent first
   const sortedUpdates = [...updates].sort(
-    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),
   );
 
   // Get latest percentage if available
@@ -61,7 +61,9 @@ export function ProgressTimeline({ updates }: ProgressTimelineProps) {
       </CardHeader>
       <CardContent>
         {sortedUpdates.length === 0 ? (
-          <p className="text-muted-foreground italic">No progress updates yet.</p>
+          <p className="text-muted-foreground italic">
+            No progress updates yet.
+          </p>
         ) : (
           <div className="relative">
             {/* Timeline line */}
@@ -89,7 +91,10 @@ export function ProgressTimeline({ updates }: ProgressTimelineProps) {
                     {update.percentage !== null && (
                       <div className="mt-2">
                         <div className="flex items-center gap-2">
-                          <Progress value={update.percentage} className="h-1.5 flex-1" />
+                          <Progress
+                            value={update.percentage}
+                            className="h-1.5 flex-1"
+                          />
                           <span className="text-xs text-muted-foreground w-10 text-right">
                             {update.percentage}%
                           </span>
diff --git a/panel/src/components/tasks/task-detail/subtasks-list.tsx b/panel/src/components/tasks/task-detail/subtasks-list.tsx
index 6093ca04..88275ecf 100644
--- a/panel/src/components/tasks/task-detail/subtasks-list.tsx
+++ b/panel/src/components/tasks/task-detail/subtasks-list.tsx
@@ -16,21 +16,36 @@ interface SubtasksListProps {
 
 // Status colors for badges
 const STATUS_COLORS: Record<TaskStatus, string> = {
-  [TaskStatus.BACKLOG]: "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400",
-  [TaskStatus.PENDING]: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
-  [TaskStatus.CLAIMED]: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
-  [TaskStatus.IN_PROGRESS]: "bg-blue-200 text-blue-800 dark:bg-blue-800 dark:text-blue-200",
-  [TaskStatus.BLOCKED]: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
-  [TaskStatus.PAUSED]: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
-  [TaskStatus.VERIFYING]: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
-  [TaskStatus.NEEDS_REVISION]: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
-  [TaskStatus.AWAITING_QA]: "bg-yellow-200 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200",
-  [TaskStatus.AWAITING_DOCUMENTATION]: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
-  [TaskStatus.AWAITING_PR_REVIEW]: "bg-teal-100 text-teal-700 dark:bg-teal-900 dark:text-teal-300",
-  [TaskStatus.AWAITING_PM_REVIEW]: "bg-orange-200 text-orange-800 dark:bg-orange-800 dark:text-orange-200",
-  [TaskStatus.AWAITING_CEO_APPROVAL]: "bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200",
-  [TaskStatus.COMPLETED]: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
-  [TaskStatus.CANCELLED]: "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400",
+  [TaskStatus.BACKLOG]:
+    "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400",
+  [TaskStatus.PENDING]:
+    "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
+  [TaskStatus.CLAIMED]:
+    "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
+  [TaskStatus.IN_PROGRESS]:
+    "bg-blue-200 text-blue-800 dark:bg-blue-800 dark:text-blue-200",
+  [TaskStatus.BLOCKED]:
+    "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
+  [TaskStatus.PAUSED]:
+    "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
+  [TaskStatus.VERIFYING]:
+    "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
+  [TaskStatus.NEEDS_REVISION]:
+    "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
+  [TaskStatus.AWAITING_QA]:
+    "bg-yellow-200 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200",
+  [TaskStatus.AWAITING_DOCUMENTATION]:
+    "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
+  [TaskStatus.AWAITING_PR_REVIEW]:
+    "bg-teal-100 text-teal-700 dark:bg-teal-900 dark:text-teal-300",
+  [TaskStatus.AWAITING_PM_REVIEW]:
+    "bg-orange-200 text-orange-800 dark:bg-orange-800 dark:text-orange-200",
+  [TaskStatus.AWAITING_CEO_APPROVAL]:
+    "bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200",
+  [TaskStatus.COMPLETED]:
+    "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
+  [TaskStatus.CANCELLED]:
+    "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400",
 };
 
 export function SubtasksList({ task }: SubtasksListProps) {
@@ -38,10 +53,11 @@ export function SubtasksList({ task }: SubtasksListProps) {
 
   // Calculate completion stats
   const completedCount = subtasks.filter(
-    (t) => t.status === TaskStatus.COMPLETED
+    (t) => t.status === TaskStatus.COMPLETED,
   ).length;
   const totalCount = subtasks.length;
-  const completionPercent = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
+  const completionPercent =
+    totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
 
   return (
     <Card>
diff --git a/panel/src/components/tasks/task-detail/tab-commits.tsx b/panel/src/components/tasks/task-detail/tab-commits.tsx
index 4edd3629..b29db557 100644
--- a/panel/src/components/tasks/task-detail/tab-commits.tsx
+++ b/panel/src/components/tasks/task-detail/tab-commits.tsx
@@ -7,7 +7,17 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Badge } from "@/components/ui/badge";
-import { GitCommit, GitBranch, ExternalLink, Clock, User, Plus, Trash2, X, Check } from "lucide-react";
+import {
+  GitCommit,
+  GitBranch,
+  ExternalLink,
+  Clock,
+  User,
+  Plus,
+  Trash2,
+  X,
+  Check,
+} from "lucide-react";
 import { toast } from "sonner";
 import { getAgentDisplayName } from "@/lib/agent-utils";
 
@@ -47,7 +57,7 @@ export function TabCommits({ task }: TabCommitsProps) {
 
   // Sort commits by timestamp (newest first)
   const sortedCommits = [...commits].sort(
-    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),
   );
 
   const handleAdd = async () => {
@@ -112,18 +122,20 @@ export function TabCommits({ task }: TabCommitsProps) {
           </CardTitle>
           <div className="flex items-center justify-center gap-2">
             {task.branch_name && (
-              <Badge variant="outline" className="gap-1.5 py-1 px-2.5 font-mono text-sm">
+              <Badge
+                variant="outline"
+                className="gap-1.5 py-1 px-2.5 font-mono text-sm"
+              >
                 <GitBranch className="h-4 w-4" />
                 {task.branch_name}
               </Badge>
             )}
             {task.pr_url && (
-              <a
-                href={task.pr_url}
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Badge variant="secondary" className="gap-1.5 py-1 px-2.5 hover:bg-secondary/80">
+              <a href={task.pr_url} target="_blank" rel="noopener noreferrer">
+                <Badge
+                  variant="secondary"
+                  className="gap-1.5 py-1 px-2.5 hover:bg-secondary/80"
+                >
                   PR #{task.pr_number}
                   <ExternalLink className="h-3.5 w-3.5" />
                 </Badge>
@@ -132,21 +144,27 @@ export function TabCommits({ task }: TabCommitsProps) {
           </div>
           <div className="flex justify-end">
             {!isAdding && (
-              <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-                <Plus className="h-4 w-4 mr-1" />Link
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => setIsAdding(true)}
+              >
+                <Plus className="h-4 w-4 mr-1" />
+                Link
               </Button>
             )}
           </div>
         </div>
       </CardHeader>
       <CardContent>
-
         {/* Add new commit form */}
         {isAdding && (
           <div className="border rounded-lg p-4 mb-4 space-y-3">
             <div className="grid grid-cols-2 gap-3">
               <div>
-                <label className="text-sm font-medium mb-1 block">Commit Hash</label>
+                <label className="text-sm font-medium mb-1 block">
+                  Commit Hash
+                </label>
                 <Input
                   ref={hashRef}
                   value={newHash}
@@ -156,7 +174,9 @@ export function TabCommits({ task }: TabCommitsProps) {
                 />
               </div>
               <div>
-                <label className="text-sm font-medium mb-1 block">Commit Message</label>
+                <label className="text-sm font-medium mb-1 block">
+                  Commit Message
+                </label>
                 <Input
                   value={newMessage}
                   onChange={(e) => setNewMessage(e.target.value)}
@@ -167,11 +187,26 @@ export function TabCommits({ task }: TabCommitsProps) {
             </div>
             <div className="flex items-center gap-2">
               <div className="flex-1" />
-              <Button size="sm" variant="ghost" onClick={() => { setNewHash(""); setNewMessage(""); setIsAdding(false); }}>
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => {
+                  setNewHash("");
+                  setNewMessage("");
+                  setIsAdding(false);
+                }}
+              >
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={handleAdd} disabled={(!newHash.trim() || !newMessage.trim()) || updateTask.isPending}>
-                <Check className="h-4 w-4 mr-1" />Link Commit
+              <Button
+                size="sm"
+                onClick={handleAdd}
+                disabled={
+                  !newHash.trim() || !newMessage.trim() || updateTask.isPending
+                }
+              >
+                <Check className="h-4 w-4 mr-1" />
+                Link Commit
               </Button>
             </div>
           </div>
@@ -208,7 +243,10 @@ export function TabCommits({ task }: TabCommitsProps) {
                         {/* Meta info */}
                         <div className="flex items-center gap-3 text-xs text-muted-foreground">
                           {/* Hash */}
-                          <Badge variant="outline" className="font-mono text-xs">
+                          <Badge
+                            variant="outline"
+                            className="font-mono text-xs"
+                          >
                             {commit.hash.slice(0, 7)}
                           </Badge>
 
diff --git a/panel/src/components/tasks/task-detail/tab-dependencies.tsx b/panel/src/components/tasks/task-detail/tab-dependencies.tsx
index 904346ee..3c869579 100644
--- a/panel/src/components/tasks/task-detail/tab-dependencies.tsx
+++ b/panel/src/components/tasks/task-detail/tab-dependencies.tsx
@@ -7,7 +7,17 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Badge } from "@/components/ui/badge";
-import { ArrowUp, Link2, AlertTriangle, Plus, Trash2, X, Check, Hash, Pencil } from "lucide-react";
+import {
+  ArrowUp,
+  Link2,
+  AlertTriangle,
+  Plus,
+  Trash2,
+  X,
+  Check,
+  Hash,
+  Pencil,
+} from "lucide-react";
 import Link from "next/link";
 import { toast } from "sonner";
 
@@ -78,7 +88,9 @@ function DependencyList({
       setNewId("");
       // Keep adding mode open for quick entry
     } catch {
-      toast.error(`Failed to add ${field === "dependency_ids" ? "dependency" : "blocker"}`);
+      toast.error(
+        `Failed to add ${field === "dependency_ids" ? "dependency" : "blocker"}`,
+      );
     }
   };
 
@@ -91,7 +103,9 @@ function DependencyList({
         updates: { [field]: newIds },
       });
     } catch {
-      toast.error(`Failed to remove ${field === "dependency_ids" ? "dependency" : "blocker"}`);
+      toast.error(
+        `Failed to remove ${field === "dependency_ids" ? "dependency" : "blocker"}`,
+      );
     }
   };
 
@@ -118,11 +132,7 @@ function DependencyList({
             )}
           </CardTitle>
           {!isAdding && (
-            <Button
-              size="sm"
-              variant="ghost"
-              onClick={() => setIsAdding(true)}
-            >
+            <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
               <Plus className="h-4 w-4 mr-1" />
               Add
             </Button>
@@ -141,10 +151,14 @@ function DependencyList({
           <ul className="space-y-2">
             {ids.map((depId) => (
               <li key={depId} className="group">
-                <div className={`flex items-center gap-2 p-3 rounded-lg ${itemBorderClass} ${itemBgClass} transition-colors`}>
+                <div
+                  className={`flex items-center gap-2 p-3 rounded-lg ${itemBorderClass} ${itemBgClass} transition-colors`}
+                >
                   <Link2 className="h-4 w-4 text-muted-foreground shrink-0" />
                   <Link href={`/tasks/${depId}`} className="flex-1">
-                    <span className="font-mono text-sm hover:underline">{depId.slice(0, 8)}...</span>
+                    <span className="font-mono text-sm hover:underline">
+                      {depId.slice(0, 8)}...
+                    </span>
                   </Link>
                   <Badge variant="outline" className={badgeClass}>
                     {badgeLabel}
@@ -212,7 +226,9 @@ export function TabDependencies({ task }: TabDependenciesProps) {
   const parentInputRef = useRef<HTMLInputElement>(null);
 
   // Display prop value when not editing, local value when editing
-  const parentValue = editingParent ? localParentValue : (task.parent_task_id ?? "");
+  const parentValue = editingParent
+    ? localParentValue
+    : (task.parent_task_id ?? "");
   const setParentValue = (value: string) => setLocalParentValue(value);
 
   // Start editing - copy current prop value to local state
@@ -389,8 +405,14 @@ export function TabDependencies({ task }: TabDependenciesProps) {
               title="Click to edit"
             >
               <Link2 className="h-4 w-4 text-muted-foreground" />
-              <Link href={`/tasks/${task.parent_task_id}`} className="flex-1" onClick={(e) => e.stopPropagation()}>
-                <span className="font-mono text-sm hover:underline">{task.parent_task_id.slice(0, 8)}...</span>
+              <Link
+                href={`/tasks/${task.parent_task_id}`}
+                className="flex-1"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <span className="font-mono text-sm hover:underline">
+                  {task.parent_task_id.slice(0, 8)}...
+                </span>
               </Link>
               <Badge variant="outline" className="ml-auto">
                 View Parent
diff --git a/panel/src/components/tasks/task-detail/tab-notes.tsx b/panel/src/components/tasks/task-detail/tab-notes.tsx
index 90ec5f15..a273134c 100644
--- a/panel/src/components/tasks/task-detail/tab-notes.tsx
+++ b/panel/src/components/tasks/task-detail/tab-notes.tsx
@@ -77,7 +77,8 @@ function prReviewCardBg(task: Task): string {
       "bg-green-50 dark:bg-green-950 border border-green-200 dark:border-green-800",
     changes_requested:
       "bg-amber-50 dark:bg-amber-950 border border-amber-200 dark:border-amber-800",
-    failed: "bg-red-50 dark:bg-red-950 border border-red-200 dark:border-red-800",
+    failed:
+      "bg-red-50 dark:bg-red-950 border border-red-200 dark:border-red-800",
   };
   return (
     (verdict ? map[verdict] : undefined) ??
diff --git a/panel/src/components/tasks/task-detail/tab-overview.tsx b/panel/src/components/tasks/task-detail/tab-overview.tsx
index e67a5919..a529a3ee 100644
--- a/panel/src/components/tasks/task-detail/tab-overview.tsx
+++ b/panel/src/components/tasks/task-detail/tab-overview.tsx
@@ -66,27 +66,31 @@ export function TabOverview({ task }: TabOverviewProps) {
         <CardContent>
           <div className="flex items-center gap-4">
             <div className="flex items-center gap-2">
-              <span className="text-sm text-muted-foreground">Self Verified:</span>
+              <span className="text-sm text-muted-foreground">
+                Self Verified:
+              </span>
               <Badge variant={task.self_verified ? "default" : "secondary"}>
                 {task.self_verified ? "Yes" : "No"}
               </Badge>
             </div>
             <div className="flex items-center gap-2">
-              <span className="text-sm text-muted-foreground">QA Verified:</span>
+              <span className="text-sm text-muted-foreground">
+                QA Verified:
+              </span>
               <Badge
                 variant={
                   task.qa_verified === true
                     ? "default"
                     : task.qa_verified === false
-                    ? "destructive"
-                    : "secondary"
+                      ? "destructive"
+                      : "secondary"
                 }
               >
                 {task.qa_verified === true
                   ? "Passed"
                   : task.qa_verified === false
-                  ? "Failed"
-                  : "Pending"}
+                    ? "Failed"
+                    : "Pending"}
               </Badge>
             </div>
           </div>
diff --git a/panel/src/components/tasks/task-detail/tab-plan.tsx b/panel/src/components/tasks/task-detail/tab-plan.tsx
index 8fa74e3f..28ae9b2d 100644
--- a/panel/src/components/tasks/task-detail/tab-plan.tsx
+++ b/panel/src/components/tasks/task-detail/tab-plan.tsx
@@ -40,7 +40,8 @@ interface TabPlanProps {
 // Risk severity colors
 const severityColors: Record<string, string> = {
   low: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
-  medium: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
+  medium:
+    "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300",
   high: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
 };
 
@@ -110,24 +111,38 @@ function ApproachSection({ task, plan }: { task: Task; plan: TaskPlan }) {
           </CardTitle>
           {isEditing ? (
             <div className="flex items-center gap-2">
-              <Tabs value={editMode} onValueChange={(v) => setEditMode(v as "write" | "preview")}>
+              <Tabs
+                value={editMode}
+                onValueChange={(v) => setEditMode(v as "write" | "preview")}
+              >
                 <TabsList className="h-8">
                   <TabsTrigger value="write" className="text-xs px-2 h-6">
-                    <Edit3 className="h-3 w-3 mr-1" />Write
+                    <Edit3 className="h-3 w-3 mr-1" />
+                    Write
                   </TabsTrigger>
                   <TabsTrigger value="preview" className="text-xs px-2 h-6">
-                    <Eye className="h-3 w-3 mr-1" />Preview
+                    <Eye className="h-3 w-3 mr-1" />
+                    Preview
                   </TabsTrigger>
                 </TabsList>
               </Tabs>
-              <Button size="sm" variant="ghost" onClick={handleCancel}><X className="h-4 w-4" /></Button>
-              <Button size="sm" onClick={handleSave} onMouseDown={(e) => e.preventDefault()} disabled={updateTask.isPending}>
-                <Check className="h-4 w-4 mr-1" />Save
+              <Button size="sm" variant="ghost" onClick={handleCancel}>
+                <X className="h-4 w-4" />
+              </Button>
+              <Button
+                size="sm"
+                onClick={handleSave}
+                onMouseDown={(e) => e.preventDefault()}
+                disabled={updateTask.isPending}
+              >
+                <Check className="h-4 w-4 mr-1" />
+                Save
               </Button>
             </div>
           ) : (
             <Button size="sm" variant="ghost" onClick={startEditing}>
-              <Edit3 className="h-4 w-4 mr-1" />Edit
+              <Edit3 className="h-4 w-4 mr-1" />
+              Edit
             </Button>
           )}
         </div>
@@ -146,13 +161,24 @@ function ApproachSection({ task, plan }: { task: Task; plan: TaskPlan }) {
               />
             ) : (
               <div className="min-h-[150px] p-3 border rounded-md bg-muted/30">
-                {editValue ? <Markdown>{editValue}</Markdown> : <p className="text-muted-foreground italic">Nothing to preview</p>}
+                {editValue ? (
+                  <Markdown>{editValue}</Markdown>
+                ) : (
+                  <p className="text-muted-foreground italic">
+                    Nothing to preview
+                  </p>
+                )}
               </div>
             )}
-            <p className="text-xs text-muted-foreground">Markdown supported. Ctrl/Cmd + Enter to save.</p>
+            <p className="text-xs text-muted-foreground">
+              Markdown supported. Ctrl/Cmd + Enter to save.
+            </p>
           </div>
         ) : (
-          <div className="cursor-pointer hover:bg-muted/30 rounded-md p-2 -m-2" onClick={startEditing}>
+          <div
+            className="cursor-pointer hover:bg-muted/30 rounded-md p-2 -m-2"
+            onClick={startEditing}
+          >
             <Markdown>{plan.approach}</Markdown>
           </div>
         )}
@@ -202,7 +228,7 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
 
   const handleToggle = async (id: string) => {
     const newSubTasks = subTasks.map((st) =>
-      st.id === id ? { ...st, completed: !st.completed } : st
+      st.id === id ? { ...st, completed: !st.completed } : st,
     );
     await updatePlan(newSubTasks);
   };
@@ -231,7 +257,7 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
       return;
     }
     const newSubTasks = subTasks.map((st) =>
-      st.id === id ? { ...st, title: editTitle.trim() } : st
+      st.id === id ? { ...st, title: editTitle.trim() } : st,
     );
     await updatePlan(newSubTasks);
     setEditingId(null);
@@ -251,10 +277,17 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
             Sub-Tasks
           </CardTitle>
           <div className="flex items-center gap-2">
-            <span className="text-sm text-muted-foreground">{completedCount}/{subTasks.length} completed</span>
+            <span className="text-sm text-muted-foreground">
+              {completedCount}/{subTasks.length} completed
+            </span>
             {!isAdding && (
-              <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-                <Plus className="h-4 w-4 mr-1" />Add
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => setIsAdding(true)}
+              >
+                <Plus className="h-4 w-4 mr-1" />
+                Add
               </Button>
             )}
           </div>
@@ -265,7 +298,10 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
           {subTasks
             .sort((a, b) => a.order - b.order)
             .map((subtask) => (
-              <div key={subtask.id} className="flex items-center gap-3 py-2 group">
+              <div
+                key={subtask.id}
+                className="flex items-center gap-3 py-2 group"
+              >
                 <Checkbox
                   checked={subtask.completed}
                   onCheckedChange={() => handleToggle(subtask.id)}
@@ -289,7 +325,9 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                   <>
                     <span
                       className={`flex-1 cursor-pointer hover:bg-muted/30 px-2 py-1 -mx-2 rounded ${
-                        subtask.completed ? "line-through text-muted-foreground" : ""
+                        subtask.completed
+                          ? "line-through text-muted-foreground"
+                          : ""
                       }`}
                       onClick={() => {
                         setEditingId(subtask.id);
@@ -298,7 +336,9 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                     >
                       {subtask.title}
                       {subtask.estimated_hours && (
-                        <Badge variant="outline" className="ml-2 text-xs">~{subtask.estimated_hours}h</Badge>
+                        <Badge variant="outline" className="ml-2 text-xs">
+                          ~{subtask.estimated_hours}h
+                        </Badge>
                       )}
                     </span>
                     <Button
@@ -330,16 +370,33 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                 placeholder="Add sub-task..."
                 className="h-8 text-sm flex-1"
               />
-              <Button size="sm" variant="ghost" onClick={() => { setNewTitle(""); setIsAdding(false); }} className="h-7 w-7 p-0">
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => {
+                  setNewTitle("");
+                  setIsAdding(false);
+                }}
+                className="h-7 w-7 p-0"
+              >
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={handleAdd} onMouseDown={(e) => e.preventDefault()} disabled={!newTitle.trim()} className="h-7 w-7 p-0">
+              <Button
+                size="sm"
+                onClick={handleAdd}
+                onMouseDown={(e) => e.preventDefault()}
+                disabled={!newTitle.trim()}
+                className="h-7 w-7 p-0"
+              >
                 <Check className="h-4 w-4" />
               </Button>
             </div>
           )}
           {subTasks.length === 0 && !isAdding && (
-            <p className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded" onClick={() => setIsAdding(true)}>
+            <p
+              className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded"
+              onClick={() => setIsAdding(true)}
+            >
               No sub-tasks. Click to add one.
             </p>
           )}
@@ -352,7 +409,13 @@ function SubTasksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
 // ============================================================================
 // Technical Considerations Section
 // ============================================================================
-function TechConsiderationsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
+function TechConsiderationsSection({
+  task,
+  plan,
+}: {
+  task: Task;
+  plan: TaskPlan;
+}) {
   const updateTask = useUpdateTask();
   const items = plan.technical_considerations;
 
@@ -422,7 +485,8 @@ function TechConsiderationsSection({ task, plan }: { task: Task; plan: TaskPlan
           </CardTitle>
           {!isAdding && (
             <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-              <Plus className="h-4 w-4 mr-1" />Add
+              <Plus className="h-4 w-4 mr-1" />
+              Add
             </Button>
           )}
         </div>
@@ -486,17 +550,34 @@ function TechConsiderationsSection({ task, plan }: { task: Task; plan: TaskPlan
                 placeholder="Add consideration..."
                 className="h-8 text-sm flex-1"
               />
-              <Button size="sm" variant="ghost" onClick={() => { setNewItem(""); setIsAdding(false); }} className="h-7 w-7 p-0">
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => {
+                  setNewItem("");
+                  setIsAdding(false);
+                }}
+                className="h-7 w-7 p-0"
+              >
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={handleAdd} onMouseDown={(e) => e.preventDefault()} disabled={!newItem.trim()} className="h-7 w-7 p-0">
+              <Button
+                size="sm"
+                onClick={handleAdd}
+                onMouseDown={(e) => e.preventDefault()}
+                disabled={!newItem.trim()}
+                className="h-7 w-7 p-0"
+              >
                 <Check className="h-4 w-4" />
               </Button>
             </li>
           )}
         </ul>
         {items.length === 0 && !isAdding && (
-          <p className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded" onClick={() => setIsAdding(true)}>
+          <p
+            className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded"
+            onClick={() => setIsAdding(true)}
+          >
             No technical considerations. Click to add one.
           </p>
         )}
@@ -550,7 +631,14 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
       setIsAdding(false);
       return;
     }
-    await updatePlan([...risks, { description: newDesc.trim(), mitigation: newMit.trim(), severity: newSeverity }]);
+    await updatePlan([
+      ...risks,
+      {
+        description: newDesc.trim(),
+        mitigation: newMit.trim(),
+        severity: newSeverity,
+      },
+    ]);
     setNewDesc("");
     setNewMit("");
     setNewSeverity("medium");
@@ -563,7 +651,11 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
       return;
     }
     const newRisks = [...risks];
-    newRisks[editingIdx] = { description: editDesc.trim(), mitigation: editMit.trim(), severity: editSeverity };
+    newRisks[editingIdx] = {
+      description: editDesc.trim(),
+      mitigation: editMit.trim(),
+      severity: editSeverity,
+    };
     await updatePlan(newRisks);
     setEditingIdx(null);
   };
@@ -584,7 +676,8 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
           </CardTitle>
           {!isAdding && (
             <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-              <Plus className="h-4 w-4 mr-1" />Add
+              <Plus className="h-4 w-4 mr-1" />
+              Add
             </Button>
           )}
         </div>
@@ -619,8 +712,20 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                     </SelectContent>
                   </Select>
                   <div className="flex-1" />
-                  <Button size="sm" variant="ghost" onClick={() => setEditingIdx(null)}><X className="h-4 w-4" /></Button>
-                  <Button size="sm" onClick={handleEdit} onMouseDown={(e) => e.preventDefault()}><Check className="h-4 w-4" /></Button>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    onClick={() => setEditingIdx(null)}
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                  <Button
+                    size="sm"
+                    onClick={handleEdit}
+                    onMouseDown={(e) => e.preventDefault()}
+                  >
+                    <Check className="h-4 w-4" />
+                  </Button>
                 </div>
               </div>
             ) : (
@@ -635,13 +740,22 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                 }}
               >
                 <div className="flex items-start justify-between gap-2 mb-2">
-                  <span className="font-medium text-sm">{risk.description}</span>
+                  <span className="font-medium text-sm">
+                    {risk.description}
+                  </span>
                   <div className="flex items-center gap-2">
-                    {risk.severity && <Badge className={severityColors[risk.severity]}>{risk.severity}</Badge>}
+                    {risk.severity && (
+                      <Badge className={severityColors[risk.severity]}>
+                        {risk.severity}
+                      </Badge>
+                    )}
                     <Button
                       size="sm"
                       variant="ghost"
-                      onClick={(e) => { e.stopPropagation(); handleDelete(idx); }}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        handleDelete(idx);
+                      }}
                       className="h-7 w-7 p-0 opacity-0 group-hover:opacity-100 text-destructive"
                     >
                       <Trash2 className="h-3 w-3" />
@@ -649,10 +763,11 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                   </div>
                 </div>
                 <div className="text-sm text-muted-foreground">
-                  <span className="font-medium">Mitigation:</span> {risk.mitigation || "Not specified"}
+                  <span className="font-medium">Mitigation:</span>{" "}
+                  {risk.mitigation || "Not specified"}
                 </div>
               </div>
-            )
+            ),
           )}
           {isAdding && (
             <div className="border rounded-lg p-4 space-y-3">
@@ -681,14 +796,34 @@ function RisksSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                   </SelectContent>
                 </Select>
                 <div className="flex-1" />
-                <Button size="sm" variant="ghost" onClick={() => { setNewDesc(""); setNewMit(""); setIsAdding(false); }}><X className="h-4 w-4" /></Button>
-                <Button size="sm" onClick={handleAdd} onMouseDown={(e) => e.preventDefault()} disabled={!newDesc.trim()}><Check className="h-4 w-4" /></Button>
+                <Button
+                  size="sm"
+                  variant="ghost"
+                  onClick={() => {
+                    setNewDesc("");
+                    setNewMit("");
+                    setIsAdding(false);
+                  }}
+                >
+                  <X className="h-4 w-4" />
+                </Button>
+                <Button
+                  size="sm"
+                  onClick={handleAdd}
+                  onMouseDown={(e) => e.preventDefault()}
+                  disabled={!newDesc.trim()}
+                >
+                  <Check className="h-4 w-4" />
+                </Button>
               </div>
             </div>
           )}
         </div>
         {risks.length === 0 && !isAdding && (
-          <p className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded" onClick={() => setIsAdding(true)}>
+          <p
+            className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded"
+            onClick={() => setIsAdding(true)}
+          >
             No risks identified. Click to add one.
           </p>
         )}
@@ -737,7 +872,15 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
       setIsAdding(false);
       return;
     }
-    await updatePlan([...questions, { question: newQuestion.trim(), answer: null, answered_by: null, answered_at: null }]);
+    await updatePlan([
+      ...questions,
+      {
+        question: newQuestion.trim(),
+        answer: null,
+        answered_by: null,
+        answered_at: null,
+      },
+    ]);
     setNewQuestion("");
   };
 
@@ -775,7 +918,8 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
           </CardTitle>
           {!isAdding && (
             <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-              <Plus className="h-4 w-4 mr-1" />Add
+              <Plus className="h-4 w-4 mr-1" />
+              Add
             </Button>
           )}
         </div>
@@ -800,8 +944,20 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                 />
                 <div className="flex items-center gap-2">
                   <div className="flex-1" />
-                  <Button size="sm" variant="ghost" onClick={() => setEditingIdx(null)}><X className="h-4 w-4" /></Button>
-                  <Button size="sm" onClick={handleEdit} onMouseDown={(e) => e.preventDefault()}><Check className="h-4 w-4" /></Button>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    onClick={() => setEditingIdx(null)}
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                  <Button
+                    size="sm"
+                    onClick={handleEdit}
+                    onMouseDown={(e) => e.preventDefault()}
+                  >
+                    <Check className="h-4 w-4" />
+                  </Button>
                 </div>
               </div>
             ) : (
@@ -816,11 +972,16 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
               >
                 <div className="flex items-start gap-2 mb-2">
                   <HelpCircle className="h-5 w-5 text-yellow-500 shrink-0 mt-0.5" />
-                  <span className="font-medium text-sm flex-1">{q.question}</span>
+                  <span className="font-medium text-sm flex-1">
+                    {q.question}
+                  </span>
                   <Button
                     size="sm"
                     variant="ghost"
-                    onClick={(e) => { e.stopPropagation(); handleDelete(idx); }}
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      handleDelete(idx);
+                    }}
                     className="h-7 w-7 p-0 opacity-0 group-hover:opacity-100 text-destructive"
                   >
                     <Trash2 className="h-3 w-3" />
@@ -829,17 +990,24 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
                 {q.answer ? (
                   <div className="ml-7 text-sm">
                     <div className="bg-green-50 dark:bg-green-950 text-green-800 dark:text-green-200 rounded-lg p-3">
-                      <p className="font-medium mb-1">Answered by {q.answered_by?.slice(0, 12) ?? "Unknown"}</p>
+                      <p className="font-medium mb-1">
+                        Answered by {q.answered_by?.slice(0, 12) ?? "Unknown"}
+                      </p>
                       <p>{q.answer}</p>
                     </div>
                   </div>
                 ) : (
                   <div className="ml-7">
-                    <Badge variant="outline" className="text-yellow-600 border-yellow-300">Awaiting Answer</Badge>
+                    <Badge
+                      variant="outline"
+                      className="text-yellow-600 border-yellow-300"
+                    >
+                      Awaiting Answer
+                    </Badge>
                   </div>
                 )}
               </div>
-            )
+            ),
           )}
           {isAdding && (
             <div className="border rounded-lg p-4 space-y-3">
@@ -859,14 +1027,33 @@ function OpenQuestionsSection({ task, plan }: { task: Task; plan: TaskPlan }) {
               />
               <div className="flex items-center gap-2">
                 <div className="flex-1" />
-                <Button size="sm" variant="ghost" onClick={() => { setNewQuestion(""); setIsAdding(false); }}><X className="h-4 w-4" /></Button>
-                <Button size="sm" onClick={handleAdd} onMouseDown={(e) => e.preventDefault()} disabled={!newQuestion.trim()}><Check className="h-4 w-4" /></Button>
+                <Button
+                  size="sm"
+                  variant="ghost"
+                  onClick={() => {
+                    setNewQuestion("");
+                    setIsAdding(false);
+                  }}
+                >
+                  <X className="h-4 w-4" />
+                </Button>
+                <Button
+                  size="sm"
+                  onClick={handleAdd}
+                  onMouseDown={(e) => e.preventDefault()}
+                  disabled={!newQuestion.trim()}
+                >
+                  <Check className="h-4 w-4" />
+                </Button>
               </div>
             </div>
           )}
         </div>
         {questions.length === 0 && !isAdding && (
-          <p className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded" onClick={() => setIsAdding(true)}>
+          <p
+            className="text-muted-foreground italic cursor-pointer hover:bg-muted/30 p-2 rounded"
+            onClick={() => setIsAdding(true)}
+          >
             No open questions. Click to add one.
           </p>
         )}
@@ -909,7 +1096,8 @@ export function TabPlan({ task }: TabPlanProps) {
             <FileText className="h-12 w-12 mx-auto mb-4 opacity-50" />
             <p>No implementation plan has been created yet.</p>
             <p className="text-sm mt-2 mb-4">
-              A plan will be created once an agent claims and starts working on this task.
+              A plan will be created once an agent claims and starts working on
+              this task.
             </p>
             <Button onClick={createPlan} disabled={updateTask.isPending}>
               <Plus className="h-4 w-4 mr-2" />
diff --git a/panel/src/components/tasks/task-detail/tab-progress.tsx b/panel/src/components/tasks/task-detail/tab-progress.tsx
index d2767c32..728990ab 100644
--- a/panel/src/components/tasks/task-detail/tab-progress.tsx
+++ b/panel/src/components/tasks/task-detail/tab-progress.tsx
@@ -71,7 +71,7 @@ function ProgressUpdatesSection({ task }: { task: Task }) {
 
   // Sort by most recent first
   const sortedUpdates = [...updates].sort(
-    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),
   );
 
   const latestWithPercentage = sortedUpdates.find((u) => u.percentage !== null);
@@ -107,7 +107,7 @@ function ProgressUpdatesSection({ task }: { task: Task }) {
     // Find the actual index in unsorted array
     const update = sortedUpdates[idx];
     const actualIdx = updates.findIndex(
-      (u) => u.timestamp === update.timestamp && u.message === update.message
+      (u) => u.timestamp === update.timestamp && u.message === update.message,
     );
     if (actualIdx === -1) return;
 
@@ -133,8 +133,13 @@ function ProgressUpdatesSection({ task }: { task: Task }) {
               {updates.length} update{updates.length !== 1 ? "s" : ""}
             </span>
             {!isAdding && (
-              <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-                <Plus className="h-4 w-4 mr-1" />Add
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => setIsAdding(true)}
+              >
+                <Plus className="h-4 w-4 mr-1" />
+                Add
               </Button>
             )}
           </div>
@@ -171,11 +176,24 @@ function ProgressUpdatesSection({ task }: { task: Task }) {
                 max="100"
               />
               <div className="flex-1" />
-              <Button size="sm" variant="ghost" onClick={() => { setNewMessage(""); setNewPercentage(""); setIsAdding(false); }}>
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => {
+                  setNewMessage("");
+                  setNewPercentage("");
+                  setIsAdding(false);
+                }}
+              >
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={handleAdd} disabled={!newMessage.trim() || updateTask.isPending}>
-                <Check className="h-4 w-4 mr-1" />Add Update
+              <Button
+                size="sm"
+                onClick={handleAdd}
+                disabled={!newMessage.trim() || updateTask.isPending}
+              >
+                <Check className="h-4 w-4 mr-1" />
+                Add Update
               </Button>
             </div>
           </div>
@@ -225,7 +243,10 @@ function ProgressUpdatesSection({ task }: { task: Task }) {
                     {update.percentage !== null && (
                       <div className="mt-2">
                         <div className="flex items-center gap-2">
-                          <Progress value={update.percentage} className="h-1.5 flex-1" />
+                          <Progress
+                            value={update.percentage}
+                            className="h-1.5 flex-1"
+                          />
                           <span className="text-xs text-muted-foreground w-10 text-right">
                             {update.percentage}%
                           </span>
@@ -263,7 +284,7 @@ function CheckpointsSection({ task }: { task: Task }) {
 
   // Sort by timestamp (newest first)
   const sortedCheckpoints = [...checkpoints].sort(
-    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),
   );
 
   const handleAdd = async () => {
@@ -324,8 +345,13 @@ function CheckpointsSection({ task }: { task: Task }) {
               {checkpoints.length} saved
             </span>
             {!isAdding && (
-              <Button size="sm" variant="ghost" onClick={() => setIsAdding(true)}>
-                <Plus className="h-4 w-4 mr-1" />Add
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => setIsAdding(true)}
+              >
+                <Plus className="h-4 w-4 mr-1" />
+                Add
               </Button>
             )}
           </div>
@@ -336,7 +362,9 @@ function CheckpointsSection({ task }: { task: Task }) {
         {isAdding && (
           <div className="border rounded-lg p-4 mb-4 space-y-3">
             <div>
-              <label className="text-sm font-medium mb-1 block">State Summary</label>
+              <label className="text-sm font-medium mb-1 block">
+                State Summary
+              </label>
               <Textarea
                 ref={summaryRef}
                 value={newSummary}
@@ -346,7 +374,9 @@ function CheckpointsSection({ task }: { task: Task }) {
               />
             </div>
             <div>
-              <label className="text-sm font-medium mb-1 block">Remaining Work (one per line)</label>
+              <label className="text-sm font-medium mb-1 block">
+                Remaining Work (one per line)
+              </label>
               <Textarea
                 value={newRemaining}
                 onChange={(e) => setNewRemaining(e.target.value)}
@@ -355,7 +385,9 @@ function CheckpointsSection({ task }: { task: Task }) {
               />
             </div>
             <div>
-              <label className="text-sm font-medium mb-1 block">Notes (optional)</label>
+              <label className="text-sm font-medium mb-1 block">
+                Notes (optional)
+              </label>
               <Input
                 value={newNotes}
                 onChange={(e) => setNewNotes(e.target.value)}
@@ -365,11 +397,25 @@ function CheckpointsSection({ task }: { task: Task }) {
             </div>
             <div className="flex items-center gap-2">
               <div className="flex-1" />
-              <Button size="sm" variant="ghost" onClick={() => { setNewSummary(""); setNewRemaining(""); setNewNotes(""); setIsAdding(false); }}>
+              <Button
+                size="sm"
+                variant="ghost"
+                onClick={() => {
+                  setNewSummary("");
+                  setNewRemaining("");
+                  setNewNotes("");
+                  setIsAdding(false);
+                }}
+              >
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={handleAdd} disabled={!newSummary.trim() || updateTask.isPending}>
-                <Check className="h-4 w-4 mr-1" />Save Checkpoint
+              <Button
+                size="sm"
+                onClick={handleAdd}
+                disabled={!newSummary.trim() || updateTask.isPending}
+              >
+                <Check className="h-4 w-4 mr-1" />
+                Save Checkpoint
               </Button>
             </div>
           </div>
@@ -410,7 +456,9 @@ function CheckpointsSection({ task }: { task: Task }) {
                   {/* Agent */}
                   <div className="flex items-center gap-2 text-sm text-muted-foreground mb-3">
                     <User className="h-4 w-4" />
-                    <span>Saved by {getAgentDisplayName(checkpoint.agent_id)}</span>
+                    <span>
+                      Saved by {getAgentDisplayName(checkpoint.agent_id)}
+                    </span>
                   </div>
 
                   {/* State Summary */}
diff --git a/panel/src/components/tasks/task-detail/tab-sessions.tsx b/panel/src/components/tasks/task-detail/tab-sessions.tsx
index 7e17ea6f..afb1e572 100644
--- a/panel/src/components/tasks/task-detail/tab-sessions.tsx
+++ b/panel/src/components/tasks/task-detail/tab-sessions.tsx
@@ -1,7 +1,13 @@
 "use client";
 
 import { Task, TaskSessionLink, SessionScope } from "@/types";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { MessageSquare, ExternalLink, Star, Hash } from "lucide-react";
@@ -12,9 +18,12 @@ interface TabSessionsProps {
 }
 
 const scopeColors: Record<SessionScope, string> = {
-  [SessionScope.INITIATIVE]: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
-  [SessionScope.CELL]: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
-  [SessionScope.TASK]: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
+  [SessionScope.INITIATIVE]:
+    "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
+  [SessionScope.CELL]:
+    "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
+  [SessionScope.TASK]:
+    "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
 };
 
 const scopeLabels: Record<SessionScope, string> = {
@@ -54,7 +63,10 @@ function SessionCard({ session }: { session: TaskSessionLink }) {
           </Badge>
         </div>
         <CardDescription className="mt-1 flex items-center gap-2">
-          <span>{relationshipLabels[session.relationship_type] || session.relationship_type}</span>
+          <span>
+            {relationshipLabels[session.relationship_type] ||
+              session.relationship_type}
+          </span>
           <span className="text-muted-foreground">•</span>
           <span className="flex items-center gap-1">
             <Hash className="h-3 w-3" />
@@ -87,8 +99,8 @@ export function TabSessions({ task }: TabSessionsProps) {
             <MessageSquare className="h-12 w-12 mx-auto mb-4 text-muted-foreground/50" />
             <h3 className="text-lg font-medium mb-2">No Linked Sessions</h3>
             <p className="text-sm text-muted-foreground max-w-md mx-auto">
-              This task does not have any linked discussion sessions yet.
-              A PM will create a session when work begins.
+              This task does not have any linked discussion sessions yet. A PM
+              will create a session when work begins.
             </p>
           </div>
         </CardContent>
@@ -111,7 +123,9 @@ export function TabSessions({ task }: TabSessionsProps) {
             Discussion sessions related to this task
           </p>
         </div>
-        <Badge variant="outline">{sessions.length} session{sessions.length !== 1 ? 's' : ''}</Badge>
+        <Badge variant="outline">
+          {sessions.length} session{sessions.length !== 1 ? "s" : ""}
+        </Badge>
       </div>
 
       <div className="grid gap-4 md:grid-cols-2">
diff --git a/panel/src/components/tasks/task-detail/task-action-dialogs.tsx b/panel/src/components/tasks/task-detail/task-action-dialogs.tsx
index 7903e5ef..7ffee7a4 100644
--- a/panel/src/components/tasks/task-detail/task-action-dialogs.tsx
+++ b/panel/src/components/tasks/task-detail/task-action-dialogs.tsx
@@ -74,7 +74,10 @@ export function EscalateToCeoDialog({
           <Button variant="outline" onClick={() => handleOpenChange(false)}>
             Cancel
           </Button>
-          <Button onClick={handleConfirm} disabled={!reason.trim() || isPending}>
+          <Button
+            onClick={handleConfirm}
+            disabled={!reason.trim() || isPending}
+          >
             {isPending ? "Escalating..." : "Escalate"}
           </Button>
         </DialogFooter>
@@ -170,12 +173,16 @@ export function ApproveAndMergeDialog({
         <DialogHeader>
           <DialogTitle>Approve &amp; Merge</DialogTitle>
           <DialogDescription>
-            This will approve the completed work and merge the pull request into the
-            target branch. This action cannot be undone.
+            This will approve the completed work and merge the pull request into
+            the target branch. This action cannot be undone.
           </DialogDescription>
         </DialogHeader>
         <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isPending}>
+          <Button
+            variant="outline"
+            onClick={() => onOpenChange(false)}
+            disabled={isPending}
+          >
             Cancel
           </Button>
           <Button onClick={onConfirm} disabled={isPending}>
@@ -374,7 +381,8 @@ export function CreateBranchDialog({
         <DialogHeader>
           <DialogTitle>Create Branch</DialogTitle>
           <DialogDescription>
-            Create a new branch for this task. The branch name will be generated automatically.
+            Create a new branch for this task. The branch name will be generated
+            automatically.
           </DialogDescription>
         </DialogHeader>
         <div className="grid gap-4 py-4">
diff --git a/panel/src/components/tasks/task-detail/task-description.tsx b/panel/src/components/tasks/task-detail/task-description.tsx
index 42048468..2700c8d7 100644
--- a/panel/src/components/tasks/task-detail/task-description.tsx
+++ b/panel/src/components/tasks/task-detail/task-description.tsx
@@ -84,7 +84,10 @@ export function TaskDescription({ task }: TaskDescriptionProps) {
           <CardTitle className="text-lg">Description</CardTitle>
           {isEditing ? (
             <div className="flex items-center gap-2">
-              <Tabs value={editMode} onValueChange={(v) => setEditMode(v as "write" | "preview")}>
+              <Tabs
+                value={editMode}
+                onValueChange={(v) => setEditMode(v as "write" | "preview")}
+              >
                 <TabsList className="h-8">
                   <TabsTrigger value="write" className="text-xs px-2 h-6">
                     <Edit3 className="h-3 w-3 mr-1" />
@@ -114,11 +117,7 @@ export function TaskDescription({ task }: TaskDescriptionProps) {
               </Button>
             </div>
           ) : (
-            <Button
-              size="sm"
-              variant="ghost"
-              onClick={startEditing}
-            >
+            <Button size="sm" variant="ghost" onClick={startEditing}>
               <Edit3 className="h-4 w-4 mr-1" />
               Edit
             </Button>
@@ -143,12 +142,15 @@ export function TaskDescription({ task }: TaskDescriptionProps) {
                 {editValue ? (
                   <Markdown>{editValue}</Markdown>
                 ) : (
-                  <p className="text-muted-foreground text-sm italic">Nothing to preview</p>
+                  <p className="text-muted-foreground text-sm italic">
+                    Nothing to preview
+                  </p>
                 )}
               </div>
             )}
             <p className="text-xs text-muted-foreground">
-              Markdown supported. Press Ctrl/Cmd + Enter to save, Escape to cancel.
+              Markdown supported. Press Ctrl/Cmd + Enter to save, Escape to
+              cancel.
             </p>
           </div>
         ) : task.description ? (
diff --git a/panel/src/components/tasks/task-detail/work-session-card.tsx b/panel/src/components/tasks/task-detail/work-session-card.tsx
index 549bd81d..eb7b94d9 100644
--- a/panel/src/components/tasks/task-detail/work-session-card.tsx
+++ b/panel/src/components/tasks/task-detail/work-session-card.tsx
@@ -128,7 +128,9 @@ export function WorkSessionCard({ taskId }: WorkSessionCardProps) {
           <div className="text-center py-4 text-muted-foreground">
             <GitBranch className="h-8 w-8 mx-auto mb-2 opacity-50" />
             <p className="text-sm">No active work session</p>
-            <p className="text-xs mt-1">A work session will be created when development begins</p>
+            <p className="text-xs mt-1">
+              A work session will be created when development begins
+            </p>
           </div>
         </CardContent>
       </Card>
@@ -180,14 +182,21 @@ export function WorkSessionCard({ taskId }: WorkSessionCardProps) {
                 </div>
                 {session.pr_created_at && (
                   <p className="text-xs text-muted-foreground">
-                    Created {formatDistanceToNow(new Date(session.pr_created_at), { addSuffix: true })}
+                    Created{" "}
+                    {formatDistanceToNow(new Date(session.pr_created_at), {
+                      addSuffix: true,
+                    })}
                   </p>
                 )}
               </div>
             </div>
             {session.pr_url && (
               <Button variant="outline" size="sm" asChild>
-                <a href={session.pr_url} target="_blank" rel="noopener noreferrer">
+                <a
+                  href={session.pr_url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <ExternalLink className="h-4 w-4 mr-1" />
                   View PR
                 </a>
@@ -200,14 +209,23 @@ export function WorkSessionCard({ taskId }: WorkSessionCardProps) {
         <div className="flex items-center gap-4 pt-2">
           <div className="flex items-center gap-2">
             <GitCommit className="h-4 w-4 text-muted-foreground" />
-            <span className="text-sm">{session.commits.length} commit{session.commits.length !== 1 ? 's' : ''}</span>
+            <span className="text-sm">
+              {session.commits.length} commit
+              {session.commits.length !== 1 ? "s" : ""}
+            </span>
           </div>
           <div className="flex items-center gap-2">
             <FileCode className="h-4 w-4 text-muted-foreground" />
-            <span className="text-sm">{session.files_modified.length} file{session.files_modified.length !== 1 ? 's' : ''}</span>
+            <span className="text-sm">
+              {session.files_modified.length} file
+              {session.files_modified.length !== 1 ? "s" : ""}
+            </span>
           </div>
           <div className="text-sm text-muted-foreground ml-auto">
-            Started {formatDistanceToNow(new Date(session.started_at), { addSuffix: true })}
+            Started{" "}
+            {formatDistanceToNow(new Date(session.started_at), {
+              addSuffix: true,
+            })}
           </div>
         </div>
 
diff --git a/panel/src/components/tasks/task-filters.tsx b/panel/src/components/tasks/task-filters.tsx
index 124f8ca3..f869956e 100644
--- a/panel/src/components/tasks/task-filters.tsx
+++ b/panel/src/components/tasks/task-filters.tsx
@@ -114,7 +114,7 @@ export function TaskFilters({
     onProjectChange(
       projectFilter.includes(id)
         ? projectFilter.filter((p) => p !== id)
-        : [...projectFilter, id]
+        : [...projectFilter, id],
     );
   };
 
@@ -123,7 +123,7 @@ export function TaskFilters({
     onProductChange(
       productFilter.includes(id)
         ? productFilter.filter((p) => p !== id)
-        : [...productFilter, id]
+        : [...productFilter, id],
     );
   };
 
@@ -157,8 +157,8 @@ export function TaskFilters({
                     {statusFilter.length === 0
                       ? "All Statuses"
                       : statusFilter.length === 1
-                      ? STATUS_LABELS[statusFilter[0]]
-                      : `${statusFilter.length} statuses`}
+                        ? STATUS_LABELS[statusFilter[0]]
+                        : `${statusFilter.length} statuses`}
                   </span>
                   <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                 </Button>
@@ -202,8 +202,8 @@ export function TaskFilters({
                     {teamFilter.length === 0
                       ? "All Teams"
                       : teamFilter.length === 1
-                      ? TEAM_LABELS[teamFilter[0]]
-                      : `${teamFilter.length} teams`}
+                        ? TEAM_LABELS[teamFilter[0]]
+                        : `${teamFilter.length} teams`}
                   </span>
                   <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                 </Button>
@@ -243,13 +243,16 @@ export function TaskFilters({
             {onTaskTypeChange && (
               <Popover>
                 <PopoverTrigger asChild>
-                  <Button variant="outline" className="min-w-32 justify-between">
+                  <Button
+                    variant="outline"
+                    className="min-w-32 justify-between"
+                  >
                     <span className="truncate">
                       {taskTypeFilter.length === 0
                         ? "All Types"
                         : taskTypeFilter.length === 1
-                        ? TASK_TYPE_LABELS[taskTypeFilter[0]]
-                        : `${taskTypeFilter.length} types`}
+                          ? TASK_TYPE_LABELS[taskTypeFilter[0]]
+                          : `${taskTypeFilter.length} types`}
                     </span>
                     <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                   </Button>
@@ -278,7 +281,9 @@ export function TaskFilters({
                           checked={taskTypeFilter.includes(type)}
                           onCheckedChange={() => toggleTaskType(type)}
                         />
-                        <span className="text-sm">{TASK_TYPE_LABELS[type]}</span>
+                        <span className="text-sm">
+                          {TASK_TYPE_LABELS[type]}
+                        </span>
                       </label>
                     ))}
                   </div>
@@ -290,13 +295,16 @@ export function TaskFilters({
             {onProjectChange && projectOptions.length > 0 && (
               <Popover>
                 <PopoverTrigger asChild>
-                  <Button variant="outline" className="min-w-32 justify-between">
+                  <Button
+                    variant="outline"
+                    className="min-w-32 justify-between"
+                  >
                     <span className="truncate">
                       {projectFilter.length === 0
                         ? "All Projects"
                         : projectFilter.length === 1
-                        ? projectLabel(projectFilter[0])
-                        : `${projectFilter.length} projects`}
+                          ? projectLabel(projectFilter[0])
+                          : `${projectFilter.length} projects`}
                     </span>
                     <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                   </Button>
@@ -337,13 +345,16 @@ export function TaskFilters({
             {onProductChange && productOptions.length > 0 && (
               <Popover>
                 <PopoverTrigger asChild>
-                  <Button variant="outline" className="min-w-32 justify-between">
+                  <Button
+                    variant="outline"
+                    className="min-w-32 justify-between"
+                  >
                     <span className="truncate">
                       {productFilter.length === 0
                         ? "All Products"
                         : productFilter.length === 1
-                        ? productLabel(productFilter[0])
-                        : `${productFilter.length} products`}
+                          ? productLabel(productFilter[0])
+                          : `${productFilter.length} products`}
                     </span>
                     <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                   </Button>
@@ -383,7 +394,11 @@ export function TaskFilters({
         </div>
 
         {/* Active Filters */}
-        {(statusFilter.length > 0 || teamFilter.length > 0 || taskTypeFilter.length > 0 || projectFilter.length > 0 || productFilter.length > 0) && (
+        {(statusFilter.length > 0 ||
+          teamFilter.length > 0 ||
+          taskTypeFilter.length > 0 ||
+          projectFilter.length > 0 ||
+          productFilter.length > 0) && (
           <div className="flex flex-wrap gap-2 mt-3 pt-3 border-t">
             {statusFilter.map((status) => (
               <Badge key={status} variant="secondary" className="gap-1">
@@ -430,7 +445,11 @@ export function TaskFilters({
                 />
               </Badge>
             ))}
-            {(statusFilter.length > 0 || teamFilter.length > 0 || taskTypeFilter.length > 0 || projectFilter.length > 0 || productFilter.length > 0) && (
+            {(statusFilter.length > 0 ||
+              teamFilter.length > 0 ||
+              taskTypeFilter.length > 0 ||
+              projectFilter.length > 0 ||
+              productFilter.length > 0) && (
               <Button
                 variant="ghost"
                 size="sm"
diff --git a/panel/src/components/tasks/task-selector.tsx b/panel/src/components/tasks/task-selector.tsx
index 49108198..90ad447f 100644
--- a/panel/src/components/tasks/task-selector.tsx
+++ b/panel/src/components/tasks/task-selector.tsx
@@ -59,13 +59,12 @@ export function TaskSelector({
     }
 
     // Only show tasks that can be parents (not cancelled, not subtasks themselves deeply)
-    filtered = filtered.filter(
-      (t) => t.status !== TaskStatus.CANCELLED
-    );
+    filtered = filtered.filter((t) => t.status !== TaskStatus.CANCELLED);
 
     // Sort by recency
     return filtered.sort(
-      (a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime()
+      (a, b) =>
+        new Date(b.created_at).getTime() - new Date(a.created_at).getTime(),
     );
   }, [tasks, excludeTaskId, filterByTeam]);
 
@@ -131,7 +130,9 @@ export function TaskSelector({
           {selectedTask ? (
             <div className="flex items-center gap-2 overflow-hidden">
               <ListTree className="h-4 w-4 shrink-0" />
-              <span className="truncate">{truncateTitle(selectedTask.title)}</span>
+              <span className="truncate">
+                {truncateTitle(selectedTask.title)}
+              </span>
             </div>
           ) : (
             placeholder
@@ -155,7 +156,9 @@ export function TaskSelector({
             {groupedTasks.board.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
@@ -175,7 +178,9 @@ export function TaskSelector({
             {groupedTasks.main_pm.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
@@ -195,7 +200,9 @@ export function TaskSelector({
             {groupedTasks.backend.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
@@ -215,7 +222,9 @@ export function TaskSelector({
             {groupedTasks.frontend.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
@@ -235,7 +244,9 @@ export function TaskSelector({
             {groupedTasks.ux_ui.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
@@ -255,7 +266,9 @@ export function TaskSelector({
             {groupedTasks.marketing.slice(0, 10).map((task) => (
               <SelectItem key={task.id} value={task.id}>
                 <div className="flex items-center gap-2">
-                  <span className="truncate">{truncateTitle(task.title, 30)}</span>
+                  <span className="truncate">
+                    {truncateTitle(task.title, 30)}
+                  </span>
                   <Badge
                     variant="secondary"
                     className={`text-xs ${STATUS_COLORS[task.status] || ""}`}
diff --git a/panel/src/components/tasks/task-type-badge.tsx b/panel/src/components/tasks/task-type-badge.tsx
index ad7ee9bd..1066bc6f 100644
--- a/panel/src/components/tasks/task-type-badge.tsx
+++ b/panel/src/components/tasks/task-type-badge.tsx
@@ -15,11 +15,15 @@ interface TaskTypeBadgeProps {
   className?: string;
 }
 
-const TYPE_CONFIG: Record<TaskType, { label: string; icon: React.ReactNode; color: string }> = {
+const TYPE_CONFIG: Record<
+  TaskType,
+  { label: string; icon: React.ReactNode; color: string }
+> = {
   [TaskType.CODE]: {
     label: "Code",
     icon: <Code className="h-3 w-3" />,
-    color: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
+    color:
+      "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
   },
   [TaskType.DOCUMENTATION]: {
     label: "Docs",
@@ -34,7 +38,8 @@ const TYPE_CONFIG: Record<TaskType, { label: string; icon: React.ReactNode; colo
   [TaskType.PLANNING]: {
     label: "Planning",
     icon: <GitBranch className="h-3 w-3" />,
-    color: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
+    color:
+      "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
   },
   [TaskType.DESIGN]: {
     label: "Design",
@@ -48,7 +53,11 @@ const TYPE_CONFIG: Record<TaskType, { label: string; icon: React.ReactNode; colo
   },
 };
 
-export function TaskTypeBadge({ type, showLabel = true, className = "" }: TaskTypeBadgeProps) {
+export function TaskTypeBadge({
+  type,
+  showLabel = true,
+  className = "",
+}: TaskTypeBadgeProps) {
   if (!type) return null;
 
   const config = TYPE_CONFIG[type];
diff --git a/panel/src/components/ui/alert-dialog.tsx b/panel/src/components/ui/alert-dialog.tsx
index 0863e40d..c37e0cf2 100644
--- a/panel/src/components/ui/alert-dialog.tsx
+++ b/panel/src/components/ui/alert-dialog.tsx
@@ -1,15 +1,15 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
 
 function AlertDialog({
   ...props
 }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
 }
 
 function AlertDialogTrigger({
@@ -17,7 +17,7 @@ function AlertDialogTrigger({
 }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
   return (
     <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  )
+  );
 }
 
 function AlertDialogPortal({
@@ -25,7 +25,7 @@ function AlertDialogPortal({
 }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
   return (
     <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  )
+  );
 }
 
 function AlertDialogOverlay({
@@ -37,11 +37,11 @@ function AlertDialogOverlay({
       data-slot="alert-dialog-overlay"
       className={cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogContent({
@@ -55,12 +55,12 @@ function AlertDialogContent({
         data-slot="alert-dialog-content"
         className={cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
+          className,
         )}
         {...props}
       />
     </AlertDialogPortal>
-  )
+  );
 }
 
 function AlertDialogHeader({
@@ -73,7 +73,7 @@ function AlertDialogHeader({
       className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogFooter({
@@ -85,11 +85,11 @@ function AlertDialogFooter({
       data-slot="alert-dialog-footer"
       className={cn(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogTitle({
@@ -102,7 +102,7 @@ function AlertDialogTitle({
       className={cn("text-lg font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogDescription({
@@ -115,7 +115,7 @@ function AlertDialogDescription({
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogAction({
@@ -127,7 +127,7 @@ function AlertDialogAction({
       className={cn(buttonVariants(), className)}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogCancel({
@@ -139,7 +139,7 @@ function AlertDialogCancel({
       className={cn(buttonVariants({ variant: "outline" }), className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -154,4 +154,4 @@ export {
   AlertDialogDescription,
   AlertDialogAction,
   AlertDialogCancel,
-}
+};
diff --git a/panel/src/components/ui/avatar.tsx b/panel/src/components/ui/avatar.tsx
index 71e428b4..c4475c2e 100644
--- a/panel/src/components/ui/avatar.tsx
+++ b/panel/src/components/ui/avatar.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Avatar({
   className,
@@ -14,11 +14,11 @@ function Avatar({
       data-slot="avatar"
       className={cn(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AvatarImage({
@@ -31,7 +31,7 @@ function AvatarImage({
       className={cn("aspect-square size-full", className)}
       {...props}
     />
-  )
+  );
 }
 
 function AvatarFallback({
@@ -43,11 +43,11 @@ function AvatarFallback({
       data-slot="avatar-fallback"
       className={cn(
         "bg-muted flex size-full items-center justify-center rounded-full",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-export { Avatar, AvatarImage, AvatarFallback }
+export { Avatar, AvatarImage, AvatarFallback };
diff --git a/panel/src/components/ui/badge.tsx b/panel/src/components/ui/badge.tsx
index fd3a406b..55f8352b 100644
--- a/panel/src/components/ui/badge.tsx
+++ b/panel/src/components/ui/badge.tsx
@@ -1,8 +1,8 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
@@ -22,8 +22,8 @@ const badgeVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
-)
+  },
+);
 
 function Badge({
   className,
@@ -32,7 +32,7 @@ function Badge({
   ...props
 }: React.ComponentProps<"span"> &
   VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span"
+  const Comp = asChild ? Slot : "span";
 
   return (
     <Comp
@@ -40,7 +40,7 @@ function Badge({
       className={cn(badgeVariants({ variant }), className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Badge, badgeVariants }
+export { Badge, badgeVariants };
diff --git a/panel/src/components/ui/button.tsx b/panel/src/components/ui/button.tsx
index 37a7d4b9..46b3a48c 100644
--- a/panel/src/components/ui/button.tsx
+++ b/panel/src/components/ui/button.tsx
@@ -1,8 +1,8 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -33,8 +33,8 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
-)
+  },
+);
 
 function Button({
   className,
@@ -44,9 +44,9 @@ function Button({
   ...props
 }: React.ComponentProps<"button"> &
   VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
+    asChild?: boolean;
   }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot : "button";
 
   return (
     <Comp
@@ -56,7 +56,7 @@ function Button({
       className={cn(buttonVariants({ variant, size, className }))}
       {...props}
     />
-  )
+  );
 }
 
-export { Button, buttonVariants }
+export { Button, buttonVariants };
diff --git a/panel/src/components/ui/card.tsx b/panel/src/components/ui/card.tsx
index 681ad980..4f880247 100644
--- a/panel/src/components/ui/card.tsx
+++ b/panel/src/components/ui/card.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -8,11 +8,11 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="card"
       className={cn(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -21,11 +21,11 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="card-header"
       className={cn(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
@@ -35,7 +35,7 @@ function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("leading-none font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
@@ -45,7 +45,7 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardAction({ className, ...props }: React.ComponentProps<"div">) {
@@ -54,11 +54,11 @@ function CardAction({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="card-action"
       className={cn(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function CardContent({ className, ...props }: React.ComponentProps<"div">) {
@@ -68,7 +68,7 @@ function CardContent({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("px-6", className)}
       {...props}
     />
-  )
+  );
 }
 
 function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -78,7 +78,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -89,4 +89,4 @@ export {
   CardAction,
   CardDescription,
   CardContent,
-}
+};
diff --git a/panel/src/components/ui/checkbox.tsx b/panel/src/components/ui/checkbox.tsx
index cb0b07b4..2b4d53b9 100644
--- a/panel/src/components/ui/checkbox.tsx
+++ b/panel/src/components/ui/checkbox.tsx
@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { CheckIcon } from "lucide-react"
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Checkbox({
   className,
@@ -15,7 +15,7 @@ function Checkbox({
       data-slot="checkbox"
       className={cn(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     >
@@ -26,7 +26,7 @@ function Checkbox({
         <CheckIcon className="size-3.5" />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
-  )
+  );
 }
 
-export { Checkbox }
+export { Checkbox };
diff --git a/panel/src/components/ui/collapsible.tsx b/panel/src/components/ui/collapsible.tsx
index 9fa48946..cb003d17 100644
--- a/panel/src/components/ui/collapsible.tsx
+++ b/panel/src/components/ui/collapsible.tsx
@@ -1,11 +1,11 @@
-"use client"
+"use client";
 
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
-const Collapsible = CollapsiblePrimitive.Root
+const Collapsible = CollapsiblePrimitive.Root;
 
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
diff --git a/panel/src/components/ui/copy-button.tsx b/panel/src/components/ui/copy-button.tsx
index 7ed1b085..e58ab628 100644
--- a/panel/src/components/ui/copy-button.tsx
+++ b/panel/src/components/ui/copy-button.tsx
@@ -69,7 +69,7 @@ export function CopyButton({ value, label, className }: CopyButtonProps) {
       title={label ?? "Copy"}
       className={cn(
         "inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        className
+        className,
       )}
     >
       {copied ? (
diff --git a/panel/src/components/ui/dialog.tsx b/panel/src/components/ui/dialog.tsx
index 47cf4875..679f4bba 100644
--- a/panel/src/components/ui/dialog.tsx
+++ b/panel/src/components/ui/dialog.tsx
@@ -1,33 +1,33 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Dialog({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
 }
 
 function DialogTrigger({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
 }
 
 function DialogPortal({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
 }
 
 function DialogClose({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
 }
 
 function DialogOverlay({
@@ -39,11 +39,11 @@ function DialogOverlay({
       data-slot="dialog-overlay"
       className={cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DialogContent({
@@ -52,7 +52,7 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
+  showCloseButton?: boolean;
 }) {
   return (
     <DialogPortal data-slot="dialog-portal">
@@ -61,7 +61,7 @@ function DialogContent({
         data-slot="dialog-content"
         className={cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-h-[85vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          className
+          className,
         )}
         {...props}
       >
@@ -77,7 +77,7 @@ function DialogContent({
         )}
       </DialogPrimitive.Content>
     </DialogPortal>
-  )
+  );
 }
 
 function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -87,7 +87,7 @@ function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
       {...props}
     />
-  )
+  );
 }
 
 function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -96,11 +96,11 @@ function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="dialog-footer"
       className={cn(
         "bg-background sticky bottom-0 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DialogTitle({
@@ -113,7 +113,7 @@ function DialogTitle({
       className={cn("text-lg leading-none font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function DialogDescription({
@@ -126,7 +126,7 @@ function DialogDescription({
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -140,4 +140,4 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-}
+};
diff --git a/panel/src/components/ui/dropdown-menu.tsx b/panel/src/components/ui/dropdown-menu.tsx
index bbe6fb01..0329b9b0 100644
--- a/panel/src/components/ui/dropdown-menu.tsx
+++ b/panel/src/components/ui/dropdown-menu.tsx
@@ -1,15 +1,15 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function DropdownMenu({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
 }
 
 function DropdownMenuPortal({
@@ -17,7 +17,7 @@ function DropdownMenuPortal({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
   return (
     <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  )
+  );
 }
 
 function DropdownMenuTrigger({
@@ -28,7 +28,7 @@ function DropdownMenuTrigger({
       data-slot="dropdown-menu-trigger"
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuContent({
@@ -43,12 +43,12 @@ function DropdownMenuContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
+          className,
         )}
         {...props}
       />
     </DropdownMenuPrimitive.Portal>
-  )
+  );
 }
 
 function DropdownMenuGroup({
@@ -56,7 +56,7 @@ function DropdownMenuGroup({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
   return (
     <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  )
+  );
 }
 
 function DropdownMenuItem({
@@ -65,8 +65,8 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
+  inset?: boolean;
+  variant?: "default" | "destructive";
 }) {
   return (
     <DropdownMenuPrimitive.Item
@@ -75,11 +75,11 @@ function DropdownMenuItem({
       data-variant={variant}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuCheckboxItem({
@@ -93,7 +93,7 @@ function DropdownMenuCheckboxItem({
       data-slot="dropdown-menu-checkbox-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       checked={checked}
       {...props}
@@ -105,7 +105,7 @@ function DropdownMenuCheckboxItem({
       </span>
       {children}
     </DropdownMenuPrimitive.CheckboxItem>
-  )
+  );
 }
 
 function DropdownMenuRadioGroup({
@@ -116,7 +116,7 @@ function DropdownMenuRadioGroup({
       data-slot="dropdown-menu-radio-group"
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuRadioItem({
@@ -129,7 +129,7 @@ function DropdownMenuRadioItem({
       data-slot="dropdown-menu-radio-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     >
@@ -140,7 +140,7 @@ function DropdownMenuRadioItem({
       </span>
       {children}
     </DropdownMenuPrimitive.RadioItem>
-  )
+  );
 }
 
 function DropdownMenuLabel({
@@ -148,7 +148,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean
+  inset?: boolean;
 }) {
   return (
     <DropdownMenuPrimitive.Label
@@ -156,11 +156,11 @@ function DropdownMenuLabel({
       data-inset={inset}
       className={cn(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuSeparator({
@@ -173,7 +173,7 @@ function DropdownMenuSeparator({
       className={cn("bg-border -mx-1 my-1 h-px", className)}
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuShortcut({
@@ -185,17 +185,17 @@ function DropdownMenuShortcut({
       data-slot="dropdown-menu-shortcut"
       className={cn(
         "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DropdownMenuSub({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
 }
 
 function DropdownMenuSubTrigger({
@@ -204,7 +204,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean
+  inset?: boolean;
 }) {
   return (
     <DropdownMenuPrimitive.SubTrigger
@@ -212,14 +212,14 @@ function DropdownMenuSubTrigger({
       data-inset={inset}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     >
       {children}
       <ChevronRightIcon className="ml-auto size-4" />
     </DropdownMenuPrimitive.SubTrigger>
-  )
+  );
 }
 
 function DropdownMenuSubContent({
@@ -231,11 +231,11 @@ function DropdownMenuSubContent({
       data-slot="dropdown-menu-sub-content"
       className={cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -254,4 +254,4 @@ export {
   DropdownMenuSub,
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
-}
+};
diff --git a/panel/src/components/ui/form.tsx b/panel/src/components/ui/form.tsx
index 2b529e6e..b8a8499a 100644
--- a/panel/src/components/ui/form.tsx
+++ b/panel/src/components/ui/form.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import type * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
+import * as React from "react";
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
 import {
   Controller,
   FormProvider,
@@ -11,23 +11,23 @@ import {
   type ControllerProps,
   type FieldPath,
   type FieldValues,
-} from "react-hook-form"
+} from "react-hook-form";
 
-import { cn } from "@/lib/utils"
-import { Label } from "@/components/ui/label"
+import { cn } from "@/lib/utils";
+import { Label } from "@/components/ui/label";
 
-const Form = FormProvider
+const Form = FormProvider;
 
 type FormFieldContextValue<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
-  name: TName
-}
+  name: TName;
+};
 
 const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
-)
+  {} as FormFieldContextValue,
+);
 
 const FormField = <
   TFieldValues extends FieldValues = FieldValues,
@@ -39,21 +39,21 @@ const FormField = <
     <FormFieldContext.Provider value={{ name: props.name }}>
       <Controller {...props} />
     </FormFieldContext.Provider>
-  )
-}
+  );
+};
 
 const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext)
-  const itemContext = React.useContext(FormItemContext)
-  const { getFieldState } = useFormContext()
-  const formState = useFormState({ name: fieldContext.name })
-  const fieldState = getFieldState(fieldContext.name, formState)
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
 
   if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>")
+    throw new Error("useFormField should be used within <FormField>");
   }
 
-  const { id } = itemContext
+  const { id } = itemContext;
 
   return {
     id,
@@ -62,19 +62,19 @@ const useFormField = () => {
     formDescriptionId: `${id}-form-item-description`,
     formMessageId: `${id}-form-item-message`,
     ...fieldState,
-  }
-}
+  };
+};
 
 type FormItemContextValue = {
-  id: string
-}
+  id: string;
+};
 
 const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
-)
+  {} as FormItemContextValue,
+);
 
 function FormItem({ className, ...props }: React.ComponentProps<"div">) {
-  const id = React.useId()
+  const id = React.useId();
 
   return (
     <FormItemContext.Provider value={{ id }}>
@@ -84,14 +84,14 @@ function FormItem({ className, ...props }: React.ComponentProps<"div">) {
         {...props}
       />
     </FormItemContext.Provider>
-  )
+  );
 }
 
 function FormLabel({
   className,
   ...props
 }: React.ComponentProps<typeof LabelPrimitive.Root>) {
-  const { error, formItemId } = useFormField()
+  const { error, formItemId } = useFormField();
 
   return (
     <Label
@@ -101,11 +101,12 @@ function FormLabel({
       htmlFor={formItemId}
       {...props}
     />
-  )
+  );
 }
 
 function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+  const { error, formItemId, formDescriptionId, formMessageId } =
+    useFormField();
 
   return (
     <Slot
@@ -119,11 +120,11 @@ function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
       aria-invalid={!!error}
       {...props}
     />
-  )
+  );
 }
 
 function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
-  const { formDescriptionId } = useFormField()
+  const { formDescriptionId } = useFormField();
 
   return (
     <p
@@ -132,15 +133,15 @@ function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
-  const { error, formMessageId } = useFormField()
-  const body = error ? String(error?.message ?? "") : props.children
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
 
   if (!body) {
-    return null
+    return null;
   }
 
   return (
@@ -152,7 +153,7 @@ function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
     >
       {body}
     </p>
-  )
+  );
 }
 
 export {
@@ -164,4 +165,4 @@ export {
   FormDescription,
   FormMessage,
   FormField,
-}
+};
diff --git a/panel/src/components/ui/input.tsx b/panel/src/components/ui/input.tsx
index 89169058..f16c2c0e 100644
--- a/panel/src/components/ui/input.tsx
+++ b/panel/src/components/ui/input.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
@@ -11,11 +11,11 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-export { Input }
+export { Input };
diff --git a/panel/src/components/ui/label.tsx b/panel/src/components/ui/label.tsx
index fb5fbc3e..79d77b4b 100644
--- a/panel/src/components/ui/label.tsx
+++ b/panel/src/components/ui/label.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Label({
   className,
@@ -14,11 +14,11 @@ function Label({
       data-slot="label"
       className={cn(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-export { Label }
+export { Label };
diff --git a/panel/src/components/ui/markdown.tsx b/panel/src/components/ui/markdown.tsx
index 34dc653b..5b51a81f 100644
--- a/panel/src/components/ui/markdown.tsx
+++ b/panel/src/components/ui/markdown.tsx
@@ -22,7 +22,13 @@ interface MarkdownProps {
  * Uses Tailwind's prose classes for typography.
  * Supports GitHub Flavored Markdown (tables, checkboxes, strikethrough, autolinks).
  */
-export function Markdown({ children, className, onCheckboxChange, disabled, compact }: MarkdownProps) {
+export function Markdown({
+  children,
+  className,
+  onCheckboxChange,
+  disabled,
+  compact,
+}: MarkdownProps) {
   const checkboxIndexRef = useRef(0);
 
   // Reset checkbox index on each render
@@ -46,7 +52,7 @@ export function Markdown({ children, className, onCheckboxChange, disabled, comp
 
       onCheckboxChange(newContent);
     },
-    [children, onCheckboxChange]
+    [children, onCheckboxChange],
   );
 
   // Custom components for ReactMarkdown
@@ -59,7 +65,9 @@ export function Markdown({ children, className, onCheckboxChange, disabled, comp
               <Checkbox
                 checked={!!checked}
                 disabled={disabled}
-                onCheckedChange={(newChecked) => toggleCheckbox(index, !!newChecked)}
+                onCheckedChange={(newChecked) =>
+                  toggleCheckbox(index, !!newChecked)
+                }
                 className="mr-2 align-middle"
               />
             );
@@ -124,7 +132,7 @@ export function Markdown({ children, className, onCheckboxChange, disabled, comp
         "prose-table:border prose-table:border-border prose-th:border prose-th:border-border prose-th:bg-muted prose-td:border prose-td:border-border",
         // Strong/bold
         "prose-strong:font-semibold prose-strong:text-foreground",
-        className
+        className,
       )}
     >
       <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>
diff --git a/panel/src/components/ui/offline-state.tsx b/panel/src/components/ui/offline-state.tsx
index 8319ff40..7e8ba2ba 100644
--- a/panel/src/components/ui/offline-state.tsx
+++ b/panel/src/components/ui/offline-state.tsx
@@ -1,4 +1,10 @@
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 import { WifiOff, RefreshCw } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -8,7 +14,7 @@ interface OfflineStateProps {
   onRetry?: () => void;
 }
 
-export function OfflineState({ 
+export function OfflineState({
   title = "Backend Not Connected",
   description = "The orchestrator API is not available. Start the backend to see live data.",
   onRetry,
diff --git a/panel/src/components/ui/popover.tsx b/panel/src/components/ui/popover.tsx
index 01e468b6..5d6f78d3 100644
--- a/panel/src/components/ui/popover.tsx
+++ b/panel/src/components/ui/popover.tsx
@@ -1,20 +1,20 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Popover({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
-  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
 }
 
 function PopoverTrigger({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
-  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
 }
 
 function PopoverContent({
@@ -31,18 +31,18 @@ function PopoverContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
+          className,
         )}
         {...props}
       />
     </PopoverPrimitive.Portal>
-  )
+  );
 }
 
 function PopoverAnchor({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
-  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
 }
 
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
diff --git a/panel/src/components/ui/progress.tsx b/panel/src/components/ui/progress.tsx
index e7a416c3..e4356372 100644
--- a/panel/src/components/ui/progress.tsx
+++ b/panel/src/components/ui/progress.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Progress({
   className,
@@ -15,7 +15,7 @@ function Progress({
       data-slot="progress"
       className={cn(
         "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
-        className
+        className,
       )}
       {...props}
     >
@@ -25,7 +25,7 @@ function Progress({
         style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
       />
     </ProgressPrimitive.Root>
-  )
+  );
 }
 
-export { Progress }
+export { Progress };
diff --git a/panel/src/components/ui/required-notes-dialog.tsx b/panel/src/components/ui/required-notes-dialog.tsx
index 33e9c3e1..68c3afd6 100644
--- a/panel/src/components/ui/required-notes-dialog.tsx
+++ b/panel/src/components/ui/required-notes-dialog.tsx
@@ -70,9 +70,7 @@ function RequiredNotesDialogInner({
       <DialogContent>
         <DialogHeader>
           <DialogTitle>{title}</DialogTitle>
-          {description && (
-            <DialogDescription>{description}</DialogDescription>
-          )}
+          {description && <DialogDescription>{description}</DialogDescription>}
         </DialogHeader>
 
         <div className="space-y-2">
diff --git a/panel/src/components/ui/scroll-area.tsx b/panel/src/components/ui/scroll-area.tsx
index 8e4fa13f..5524f1ca 100644
--- a/panel/src/components/ui/scroll-area.tsx
+++ b/panel/src/components/ui/scroll-area.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function ScrollArea({
   className,
@@ -25,7 +25,7 @@ function ScrollArea({
       <ScrollBar />
       <ScrollAreaPrimitive.Corner />
     </ScrollAreaPrimitive.Root>
-  )
+  );
 }
 
 function ScrollBar({
@@ -43,7 +43,7 @@ function ScrollBar({
           "h-full w-2.5 border-l border-l-transparent",
         orientation === "horizontal" &&
           "h-2.5 flex-col border-t border-t-transparent",
-        className
+        className,
       )}
       {...props}
     >
@@ -52,7 +52,7 @@ function ScrollBar({
         className="bg-border relative flex-1 rounded-full"
       />
     </ScrollAreaPrimitive.ScrollAreaScrollbar>
-  )
+  );
 }
 
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar };
diff --git a/panel/src/components/ui/select.tsx b/panel/src/components/ui/select.tsx
index 88302a8d..c3f080d4 100644
--- a/panel/src/components/ui/select.tsx
+++ b/panel/src/components/ui/select.tsx
@@ -1,27 +1,27 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Select({
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Root>) {
-  return <SelectPrimitive.Root data-slot="select" {...props} />
+  return <SelectPrimitive.Root data-slot="select" {...props} />;
 }
 
 function SelectGroup({
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Group>) {
-  return <SelectPrimitive.Group data-slot="select-group" {...props} />
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />;
 }
 
 function SelectValue({
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Value>) {
-  return <SelectPrimitive.Value data-slot="select-value" {...props} />
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />;
 }
 
 function SelectTrigger({
@@ -30,7 +30,7 @@ function SelectTrigger({
   children,
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: "sm" | "default"
+  size?: "sm" | "default";
 }) {
   return (
     <SelectPrimitive.Trigger
@@ -38,7 +38,7 @@ function SelectTrigger({
       data-size={size}
       className={cn(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     >
@@ -47,7 +47,7 @@ function SelectTrigger({
         <ChevronDownIcon className="size-4 opacity-50" />
       </SelectPrimitive.Icon>
     </SelectPrimitive.Trigger>
-  )
+  );
 }
 
 function SelectContent({
@@ -65,7 +65,7 @@ function SelectContent({
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
           position === "popper" &&
             "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
+          className,
         )}
         position={position}
         align={align}
@@ -76,7 +76,7 @@ function SelectContent({
           className={cn(
             "p-1",
             position === "popper" &&
-              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1",
           )}
         >
           {children}
@@ -84,7 +84,7 @@ function SelectContent({
         <SelectScrollDownButton />
       </SelectPrimitive.Content>
     </SelectPrimitive.Portal>
-  )
+  );
 }
 
 function SelectLabel({
@@ -97,7 +97,7 @@ function SelectLabel({
       className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
       {...props}
     />
-  )
+  );
 }
 
 function SelectItem({
@@ -110,7 +110,7 @@ function SelectItem({
       data-slot="select-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
+        className,
       )}
       {...props}
     >
@@ -124,7 +124,7 @@ function SelectItem({
       </span>
       <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
     </SelectPrimitive.Item>
-  )
+  );
 }
 
 function SelectSeparator({
@@ -137,7 +137,7 @@ function SelectSeparator({
       className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
       {...props}
     />
-  )
+  );
 }
 
 function SelectScrollUpButton({
@@ -149,13 +149,13 @@ function SelectScrollUpButton({
       data-slot="select-scroll-up-button"
       className={cn(
         "flex cursor-default items-center justify-center py-1",
-        className
+        className,
       )}
       {...props}
     >
       <ChevronUpIcon className="size-4" />
     </SelectPrimitive.ScrollUpButton>
-  )
+  );
 }
 
 function SelectScrollDownButton({
@@ -167,13 +167,13 @@ function SelectScrollDownButton({
       data-slot="select-scroll-down-button"
       className={cn(
         "flex cursor-default items-center justify-center py-1",
-        className
+        className,
       )}
       {...props}
     >
       <ChevronDownIcon className="size-4" />
     </SelectPrimitive.ScrollDownButton>
-  )
+  );
 }
 
 export {
@@ -187,4 +187,4 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-}
+};
diff --git a/panel/src/components/ui/separator.tsx b/panel/src/components/ui/separator.tsx
index 275381ca..72c18e33 100644
--- a/panel/src/components/ui/separator.tsx
+++ b/panel/src/components/ui/separator.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Separator({
   className,
@@ -18,11 +18,11 @@ function Separator({
       orientation={orientation}
       className={cn(
         "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-export { Separator }
+export { Separator };
diff --git a/panel/src/components/ui/sheet.tsx b/panel/src/components/ui/sheet.tsx
index 84649ad0..d30779f4 100644
--- a/panel/src/components/ui/sheet.tsx
+++ b/panel/src/components/ui/sheet.tsx
@@ -1,31 +1,31 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
-  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
 }
 
 function SheetTrigger({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
-  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
 }
 
 function SheetClose({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Close>) {
-  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
 }
 
 function SheetPortal({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Portal>) {
-  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
 }
 
 function SheetOverlay({
@@ -37,11 +37,11 @@ function SheetOverlay({
       data-slot="sheet-overlay"
       className={cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function SheetContent({
@@ -50,7 +50,7 @@ function SheetContent({
   side = "right",
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
-  side?: "top" | "right" | "bottom" | "left"
+  side?: "top" | "right" | "bottom" | "left";
 }) {
   return (
     <SheetPortal>
@@ -67,7 +67,7 @@ function SheetContent({
             "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" &&
             "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          className
+          className,
         )}
         {...props}
       >
@@ -78,7 +78,7 @@ function SheetContent({
         </SheetPrimitive.Close>
       </SheetPrimitive.Content>
     </SheetPortal>
-  )
+  );
 }
 
 function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -88,7 +88,7 @@ function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex flex-col gap-1.5 p-4", className)}
       {...props}
     />
-  )
+  );
 }
 
 function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -98,7 +98,7 @@ function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("mt-auto flex flex-col gap-2 p-4", className)}
       {...props}
     />
-  )
+  );
 }
 
 function SheetTitle({
@@ -111,7 +111,7 @@ function SheetTitle({
       className={cn("text-foreground font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function SheetDescription({
@@ -124,7 +124,7 @@ function SheetDescription({
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -136,4 +136,4 @@ export {
   SheetFooter,
   SheetTitle,
   SheetDescription,
-}
+};
diff --git a/panel/src/components/ui/skeleton.tsx b/panel/src/components/ui/skeleton.tsx
index 32ea0ef7..01689981 100644
--- a/panel/src/components/ui/skeleton.tsx
+++ b/panel/src/components/ui/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (
@@ -7,7 +7,7 @@ function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("bg-accent animate-pulse rounded-md", className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Skeleton }
+export { Skeleton };
diff --git a/panel/src/components/ui/sonner.tsx b/panel/src/components/ui/sonner.tsx
index 9b20afe2..28c5ec35 100644
--- a/panel/src/components/ui/sonner.tsx
+++ b/panel/src/components/ui/sonner.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import {
   CircleCheckIcon,
@@ -6,12 +6,12 @@ import {
   Loader2Icon,
   OctagonXIcon,
   TriangleAlertIcon,
-} from "lucide-react"
-import { useTheme } from "next-themes"
-import { Toaster as Sonner, type ToasterProps } from "sonner"
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
+  const { theme = "system" } = useTheme();
 
   return (
     <Sonner
@@ -34,7 +34,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       }
       {...props}
     />
-  )
-}
+  );
+};
 
-export { Toaster }
+export { Toaster };
diff --git a/panel/src/components/ui/switch.tsx b/panel/src/components/ui/switch.tsx
index 6a2b5241..d63e4b77 100644
--- a/panel/src/components/ui/switch.tsx
+++ b/panel/src/components/ui/switch.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as SwitchPrimitive from "@radix-ui/react-switch"
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Switch({
   className,
@@ -14,18 +14,18 @@ function Switch({
       data-slot="switch"
       className={cn(
         "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     >
       <SwitchPrimitive.Thumb
         data-slot="switch-thumb"
         className={cn(
-          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
         )}
       />
     </SwitchPrimitive.Root>
-  )
+  );
 }
 
-export { Switch }
+export { Switch };
diff --git a/panel/src/components/ui/table.tsx b/panel/src/components/ui/table.tsx
index 51b74dd5..4b3c98ea 100644
--- a/panel/src/components/ui/table.tsx
+++ b/panel/src/components/ui/table.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (
@@ -16,7 +16,7 @@ function Table({ className, ...props }: React.ComponentProps<"table">) {
         {...props}
       />
     </div>
-  )
+  );
 }
 
 function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
@@ -26,7 +26,7 @@ function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
       className={cn("[&_tr]:border-b", className)}
       {...props}
     />
-  )
+  );
 }
 
 function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
@@ -36,7 +36,7 @@ function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
       className={cn("[&_tr:last-child]:border-0", className)}
       {...props}
     />
-  )
+  );
 }
 
 function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
@@ -45,11 +45,11 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
       data-slot="table-footer"
       className={cn(
         "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
@@ -58,11 +58,11 @@ function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
       data-slot="table-row"
       className={cn(
         "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TableHead({ className, ...props }: React.ComponentProps<"th">) {
@@ -71,11 +71,11 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
       data-slot="table-head"
       className={cn(
         "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TableCell({ className, ...props }: React.ComponentProps<"td">) {
@@ -84,11 +84,11 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
       data-slot="table-cell"
       className={cn(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TableCaption({
@@ -101,7 +101,7 @@ function TableCaption({
       className={cn("text-muted-foreground mt-4 text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -113,4 +113,4 @@ export {
   TableRow,
   TableCell,
   TableCaption,
-}
+};
diff --git a/panel/src/components/ui/tabs.tsx b/panel/src/components/ui/tabs.tsx
index 497ba5ea..469a958d 100644
--- a/panel/src/components/ui/tabs.tsx
+++ b/panel/src/components/ui/tabs.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Tabs({
   className,
@@ -15,7 +15,7 @@ function Tabs({
       className={cn("flex flex-col gap-2", className)}
       {...props}
     />
-  )
+  );
 }
 
 function TabsList({
@@ -27,11 +27,11 @@ function TabsList({
       data-slot="tabs-list"
       className={cn(
         "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TabsTrigger({
@@ -43,11 +43,11 @@ function TabsTrigger({
       data-slot="tabs-trigger"
       className={cn(
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function TabsContent({
@@ -60,7 +60,7 @@ function TabsContent({
       className={cn("flex-1 outline-none", className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent }
+export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/panel/src/components/ui/textarea.tsx b/panel/src/components/ui/textarea.tsx
index 7f21b5e7..0735a8ca 100644
--- a/panel/src/components/ui/textarea.tsx
+++ b/panel/src/components/ui/textarea.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (
@@ -8,11 +8,11 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
       data-slot="textarea"
       className={cn(
         "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-export { Textarea }
+export { Textarea };
diff --git a/panel/src/components/ui/tooltip.tsx b/panel/src/components/ui/tooltip.tsx
index a66b3f22..3e3f0be4 100644
--- a/panel/src/components/ui/tooltip.tsx
+++ b/panel/src/components/ui/tooltip.tsx
@@ -1,15 +1,15 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-const TooltipProvider = TooltipPrimitive.Provider
+const TooltipProvider = TooltipPrimitive.Provider;
 
-const Tooltip = TooltipPrimitive.Root
+const Tooltip = TooltipPrimitive.Root;
 
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
@@ -21,12 +21,12 @@ const TooltipContent = React.forwardRef<
       sideOffset={sideOffset}
       className={cn(
         "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
+        className,
       )}
       {...props}
     />
   </TooltipPrimitive.Portal>
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/panel/src/components/work-sessions/work-session-table.tsx b/panel/src/components/work-sessions/work-session-table.tsx
index 38026713..084a07f6 100644
--- a/panel/src/components/work-sessions/work-session-table.tsx
+++ b/panel/src/components/work-sessions/work-session-table.tsx
@@ -57,7 +57,10 @@ function getStatusBadge(status: WorkSessionStatus) {
   }
 }
 
-export function WorkSessionTable({ sessions, isLoading }: WorkSessionTableProps) {
+export function WorkSessionTable({
+  sessions,
+  isLoading,
+}: WorkSessionTableProps) {
   if (isLoading) {
     return (
       <div className="space-y-3">
@@ -73,7 +76,9 @@ export function WorkSessionTable({ sessions, isLoading }: WorkSessionTableProps)
       <div className="text-center py-12 text-muted-foreground">
         <GitCommit className="h-12 w-12 mx-auto mb-4 opacity-50" />
         <p className="text-lg font-medium">No work sessions found</p>
-        <p className="text-sm">Work sessions are created when agents start working on tasks</p>
+        <p className="text-sm">
+          Work sessions are created when agents start working on tasks
+        </p>
       </div>
     );
   }
@@ -125,7 +130,9 @@ export function WorkSessionTable({ sessions, isLoading }: WorkSessionTableProps)
                 )}
               </TableCell>
               <TableCell className="text-sm text-muted-foreground">
-                {formatDistanceToNow(new Date(session.started_at), { addSuffix: true })}
+                {formatDistanceToNow(new Date(session.started_at), {
+                  addSuffix: true,
+                })}
               </TableCell>
               <TableCell>
                 <Link href={`/work-sessions/${session.id}`}>
diff --git a/panel/src/hooks/use-agents.ts b/panel/src/hooks/use-agents.ts
index bb98d6d0..8fa2457f 100644
--- a/panel/src/hooks/use-agents.ts
+++ b/panel/src/hooks/use-agents.ts
@@ -1,6 +1,9 @@
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useEffect } from "react";
-import { orchestratorApi, type SpawnAgentRequest } from "@/lib/api/orchestrator";
+import {
+  orchestratorApi,
+  type SpawnAgentRequest,
+} from "@/lib/api/orchestrator";
 import { agentsApi, type AgentDefinition } from "@/lib/api/agents";
 import { registerAgentRoster } from "@/lib/agent-utils";
 import type { Agent, AgentRole, Team, AgentState } from "@/types";
@@ -12,32 +15,208 @@ export type { AgentDefinition } from "@/lib/api/agents";
 // agents, but it is not the source of truth and may lag the backend.
 const AGENT_ROSTER: Agent[] = [
   // Board / Management
-  { id: "1", agent_id: "main-pm", name: "Main PM", role: "main_pm" as AgentRole, team: null, cell: null, status: "idle" as AgentState },
-  { id: "2", agent_id: "product-owner", name: "Product Owner", role: "product_owner" as AgentRole, team: "board" as Team, cell: null, status: "idle" as AgentState },
-  { id: "3", agent_id: "head-marketing", name: "Head of Marketing", role: "head_marketing" as AgentRole, team: "board" as Team, cell: null, status: "idle" as AgentState },
-  { id: "4", agent_id: "auditor", name: "Auditor", role: "auditor" as AgentRole, team: null, cell: null, status: "idle" as AgentState },
+  {
+    id: "1",
+    agent_id: "main-pm",
+    name: "Main PM",
+    role: "main_pm" as AgentRole,
+    team: null,
+    cell: null,
+    status: "idle" as AgentState,
+  },
+  {
+    id: "2",
+    agent_id: "product-owner",
+    name: "Product Owner",
+    role: "product_owner" as AgentRole,
+    team: "board" as Team,
+    cell: null,
+    status: "idle" as AgentState,
+  },
+  {
+    id: "3",
+    agent_id: "head-marketing",
+    name: "Head of Marketing",
+    role: "head_marketing" as AgentRole,
+    team: "board" as Team,
+    cell: null,
+    status: "idle" as AgentState,
+  },
+  {
+    id: "4",
+    agent_id: "auditor",
+    name: "Auditor",
+    role: "auditor" as AgentRole,
+    team: null,
+    cell: null,
+    status: "idle" as AgentState,
+  },
   // Board-adjacent singletons
-  { id: "20", agent_id: "intake-1", name: "Intake", role: "prompter" as AgentRole, team: "board" as Team, cell: null, status: "idle" as AgentState },
-  { id: "21", agent_id: "secretary-1", name: "Secretary", role: "secretary" as AgentRole, team: "board" as Team, cell: null, status: "idle" as AgentState },
-  { id: "22", agent_id: "pr-reviewer-1", name: "PR Reviewer", role: "pr_reviewer" as AgentRole, team: "board" as Team, cell: null, status: "idle" as AgentState },
+  {
+    id: "20",
+    agent_id: "intake-1",
+    name: "Intake",
+    role: "prompter" as AgentRole,
+    team: "board" as Team,
+    cell: null,
+    status: "idle" as AgentState,
+  },
+  {
+    id: "21",
+    agent_id: "secretary-1",
+    name: "Secretary",
+    role: "secretary" as AgentRole,
+    team: "board" as Team,
+    cell: null,
+    status: "idle" as AgentState,
+  },
+  {
+    id: "22",
+    agent_id: "pr-reviewer-1",
+    name: "PR Reviewer",
+    role: "pr_reviewer" as AgentRole,
+    team: "board" as Team,
+    cell: null,
+    status: "idle" as AgentState,
+  },
   // Backend Cell
-  { id: "5", agent_id: "be-dev-1", name: "Backend Dev 1", role: "developer" as AgentRole, team: "backend" as Team, cell: "backend", status: "idle" as AgentState },
-  { id: "6", agent_id: "be-dev-2", name: "Backend Dev 2", role: "developer" as AgentRole, team: "backend" as Team, cell: "backend", status: "idle" as AgentState },
-  { id: "7", agent_id: "be-qa", name: "Backend QA", role: "qa" as AgentRole, team: "backend" as Team, cell: "backend", status: "idle" as AgentState },
-  { id: "8", agent_id: "be-pm", name: "Backend PM", role: "cell_pm" as AgentRole, team: "backend" as Team, cell: "backend", status: "idle" as AgentState },
-  { id: "9", agent_id: "be-doc", name: "Backend Documenter", role: "documenter" as AgentRole, team: "backend" as Team, cell: "backend", status: "idle" as AgentState },
+  {
+    id: "5",
+    agent_id: "be-dev-1",
+    name: "Backend Dev 1",
+    role: "developer" as AgentRole,
+    team: "backend" as Team,
+    cell: "backend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "6",
+    agent_id: "be-dev-2",
+    name: "Backend Dev 2",
+    role: "developer" as AgentRole,
+    team: "backend" as Team,
+    cell: "backend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "7",
+    agent_id: "be-qa",
+    name: "Backend QA",
+    role: "qa" as AgentRole,
+    team: "backend" as Team,
+    cell: "backend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "8",
+    agent_id: "be-pm",
+    name: "Backend PM",
+    role: "cell_pm" as AgentRole,
+    team: "backend" as Team,
+    cell: "backend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "9",
+    agent_id: "be-doc",
+    name: "Backend Documenter",
+    role: "documenter" as AgentRole,
+    team: "backend" as Team,
+    cell: "backend",
+    status: "idle" as AgentState,
+  },
   // Frontend Cell
-  { id: "10", agent_id: "fe-dev-1", name: "Frontend Dev 1", role: "developer" as AgentRole, team: "frontend" as Team, cell: "frontend", status: "idle" as AgentState },
-  { id: "11", agent_id: "fe-dev-2", name: "Frontend Dev 2", role: "developer" as AgentRole, team: "frontend" as Team, cell: "frontend", status: "idle" as AgentState },
-  { id: "12", agent_id: "fe-qa", name: "Frontend QA", role: "qa" as AgentRole, team: "frontend" as Team, cell: "frontend", status: "idle" as AgentState },
-  { id: "13", agent_id: "fe-pm", name: "Frontend PM", role: "cell_pm" as AgentRole, team: "frontend" as Team, cell: "frontend", status: "idle" as AgentState },
-  { id: "14", agent_id: "fe-doc", name: "Frontend Documenter", role: "documenter" as AgentRole, team: "frontend" as Team, cell: "frontend", status: "idle" as AgentState },
+  {
+    id: "10",
+    agent_id: "fe-dev-1",
+    name: "Frontend Dev 1",
+    role: "developer" as AgentRole,
+    team: "frontend" as Team,
+    cell: "frontend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "11",
+    agent_id: "fe-dev-2",
+    name: "Frontend Dev 2",
+    role: "developer" as AgentRole,
+    team: "frontend" as Team,
+    cell: "frontend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "12",
+    agent_id: "fe-qa",
+    name: "Frontend QA",
+    role: "qa" as AgentRole,
+    team: "frontend" as Team,
+    cell: "frontend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "13",
+    agent_id: "fe-pm",
+    name: "Frontend PM",
+    role: "cell_pm" as AgentRole,
+    team: "frontend" as Team,
+    cell: "frontend",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "14",
+    agent_id: "fe-doc",
+    name: "Frontend Documenter",
+    role: "documenter" as AgentRole,
+    team: "frontend" as Team,
+    cell: "frontend",
+    status: "idle" as AgentState,
+  },
   // UX/UI Cell
-  { id: "15", agent_id: "ux-dev-1", name: "UX/UI Dev 1", role: "developer" as AgentRole, team: "ux_ui" as Team, cell: "ux_ui", status: "idle" as AgentState },
-  { id: "16", agent_id: "ux-dev-2", name: "UX/UI Dev 2", role: "developer" as AgentRole, team: "ux_ui" as Team, cell: "ux_ui", status: "idle" as AgentState },
-  { id: "19", agent_id: "ux-qa", name: "UX/UI QA", role: "qa" as AgentRole, team: "ux_ui" as Team, cell: "ux_ui", status: "idle" as AgentState },
-  { id: "17", agent_id: "ux-pm", name: "UX/UI PM", role: "cell_pm" as AgentRole, team: "ux_ui" as Team, cell: "ux_ui", status: "idle" as AgentState },
-  { id: "18", agent_id: "ux-doc", name: "UX/UI Documenter", role: "documenter" as AgentRole, team: "ux_ui" as Team, cell: "ux_ui", status: "idle" as AgentState },
+  {
+    id: "15",
+    agent_id: "ux-dev-1",
+    name: "UX/UI Dev 1",
+    role: "developer" as AgentRole,
+    team: "ux_ui" as Team,
+    cell: "ux_ui",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "16",
+    agent_id: "ux-dev-2",
+    name: "UX/UI Dev 2",
+    role: "developer" as AgentRole,
+    team: "ux_ui" as Team,
+    cell: "ux_ui",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "19",
+    agent_id: "ux-qa",
+    name: "UX/UI QA",
+    role: "qa" as AgentRole,
+    team: "ux_ui" as Team,
+    cell: "ux_ui",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "17",
+    agent_id: "ux-pm",
+    name: "UX/UI PM",
+    role: "cell_pm" as AgentRole,
+    team: "ux_ui" as Team,
+    cell: "ux_ui",
+    status: "idle" as AgentState,
+  },
+  {
+    id: "18",
+    agent_id: "ux-doc",
+    name: "UX/UI Documenter",
+    role: "documenter" as AgentRole,
+    team: "ux_ui" as Team,
+    cell: "ux_ui",
+    status: "idle" as AgentState,
+  },
 ];
 
 // Query keys
@@ -78,7 +257,11 @@ export function useAgentRosterSync(): void {
 }
 
 // Map team → cell (cells carry a cell name; board/management agents have none).
-const TEAM_CELLS: ReadonlyArray<Team> = ["backend", "frontend", "ux_ui"] as Team[];
+const TEAM_CELLS: ReadonlyArray<Team> = [
+  "backend",
+  "frontend",
+  "ux_ui",
+] as Team[];
 
 function definitionToAgent(def: AgentDefinition): Agent {
   return {
@@ -163,8 +346,13 @@ export function useSpawnAgent() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ agentId, request }: { agentId: string; request?: SpawnAgentRequest }) =>
-      orchestratorApi.spawn(agentId, request),
+    mutationFn: ({
+      agentId,
+      request,
+    }: {
+      agentId: string;
+      request?: SpawnAgentRequest;
+    }) => orchestratorApi.spawn(agentId, request),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: agentKeys.orchestrator() });
     },
@@ -175,8 +363,13 @@ export function useStopAgent() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ agentId, graceful = true }: { agentId: string; graceful?: boolean }) =>
-      orchestratorApi.stop(agentId, graceful),
+    mutationFn: ({
+      agentId,
+      graceful = true,
+    }: {
+      agentId: string;
+      graceful?: boolean;
+    }) => orchestratorApi.stop(agentId, graceful),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: agentKeys.orchestrator() });
     },
@@ -187,8 +380,13 @@ export function useResolveWait() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ agentId, resolution }: { agentId: string; resolution: string }) =>
-      orchestratorApi.resolveWait(agentId, resolution),
+    mutationFn: ({
+      agentId,
+      resolution,
+    }: {
+      agentId: string;
+      resolution: string;
+    }) => orchestratorApi.resolveWait(agentId, resolution),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: agentKeys.orchestrator() });
     },
diff --git a/panel/src/hooks/use-channels.ts b/panel/src/hooks/use-channels.ts
index 1f1bb3ee..f9815569 100644
--- a/panel/src/hooks/use-channels.ts
+++ b/panel/src/hooks/use-channels.ts
@@ -22,9 +22,11 @@ function retryUnlessNotFound(failureCount: number, error: unknown): boolean {
 
 export const channelKeys = {
   all: ["channels"] as const,
-  list: (filters?: ChannelFilters) => [...channelKeys.all, "list", filters] as const,
+  list: (filters?: ChannelFilters) =>
+    [...channelKeys.all, "list", filters] as const,
   detail: (id: string) => [...channelKeys.all, "detail", id] as const,
-  groups: (channelId: string) => [...channelKeys.all, "groups", channelId] as const,
+  groups: (channelId: string) =>
+    [...channelKeys.all, "groups", channelId] as const,
 };
 
 export const sessionKeys = {
@@ -105,7 +107,7 @@ export function useSession(sessionId: string | null) {
                 relationship_type: link.relationship_type,
               };
             }
-          })
+          }),
         );
 
         return {
diff --git a/panel/src/hooks/use-dashboard.ts b/panel/src/hooks/use-dashboard.ts
index 9cf4e7c0..32cab371 100644
--- a/panel/src/hooks/use-dashboard.ts
+++ b/panel/src/hooks/use-dashboard.ts
@@ -62,12 +62,13 @@ export function useMetrics() {
     queryKey: dashboardKeys.metrics(),
     queryFn: async (): Promise<MetricsSummary> => {
       // Fetch all metrics in parallel, including real agent status
-      const [velocity, blockers, communication, agentStatus] = await Promise.all([
-        dashboardApi.getVelocityMetrics(),
-        dashboardApi.getBlockerMetrics(),
-        dashboardApi.getCommunicationMetrics(),
-        dashboardApi.getAgentStatus(),
-      ]);
+      const [velocity, blockers, communication, agentStatus] =
+        await Promise.all([
+          dashboardApi.getVelocityMetrics(),
+          dashboardApi.getBlockerMetrics(),
+          dashboardApi.getCommunicationMetrics(),
+          dashboardApi.getAgentStatus(),
+        ]);
       return {
         velocity,
         blockers,
@@ -255,7 +256,8 @@ export function useCreateAuditorFlag() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: (data: CreateFlagRequest) => dashboardApi.createAuditorFlag(data),
+    mutationFn: (data: CreateFlagRequest) =>
+      dashboardApi.createAuditorFlag(data),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: dashboardKeys.auditor() });
       queryClient.invalidateQueries({
diff --git a/panel/src/hooks/use-git.ts b/panel/src/hooks/use-git.ts
index 20e1df98..5edc7c8f 100644
--- a/panel/src/hooks/use-git.ts
+++ b/panel/src/hooks/use-git.ts
@@ -37,7 +37,8 @@ import type {
 
 export const gitKeys = {
   all: ["git"] as const,
-  status: (projectSlug: string) => [...gitKeys.all, "status", projectSlug] as const,
+  status: (projectSlug: string) =>
+    [...gitKeys.all, "status", projectSlug] as const,
   log: (projectSlug: string, limit?: number, branch?: string) =>
     [...gitKeys.all, "log", projectSlug, { limit, branch }] as const,
   branches: (projectSlug: string, includeRemote?: boolean) =>
@@ -53,7 +54,11 @@ export const gitKeys = {
 /**
  * Get git status for a project
  */
-export function useGitStatus(projectSlug: string, taskId?: string, enabled: boolean = true) {
+export function useGitStatus(
+  projectSlug: string,
+  taskId?: string,
+  enabled: boolean = true,
+) {
   return useQuery<GitStatusResponse>({
     queryKey: gitKeys.status(projectSlug),
     queryFn: () => gitApi.getStatus(projectSlug, taskId),
@@ -70,7 +75,7 @@ export function useGitLog(
   projectSlug: string,
   limit: number = 10,
   branch?: string,
-  enabled: boolean = true
+  enabled: boolean = true,
 ) {
   return useQuery<GitLogResponse>({
     queryKey: gitKeys.log(projectSlug, limit, branch),
@@ -86,7 +91,7 @@ export function useGitLog(
 export function useGitBranches(
   projectSlug: string,
   includeRemote: boolean = false,
-  enabled: boolean = true
+  enabled: boolean = true,
 ) {
   return useQuery<GitBranchListResponse>({
     queryKey: gitKeys.branches(projectSlug, includeRemote),
@@ -103,7 +108,7 @@ export function useGitDiff(
   projectSlug: string,
   staged: boolean = false,
   filePath?: string,
-  enabled: boolean = true
+  enabled: boolean = true,
 ) {
   return useQuery<GitDiffResponse>({
     queryKey: gitKeys.diff(projectSlug, staged, filePath),
@@ -127,7 +132,9 @@ export function useGitCommit() {
     mutationFn: (request) => gitApi.commit(request),
     onSuccess: (_, variables) => {
       // Invalidate status and log after commit
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "log", variables.project_slug],
       });
@@ -148,7 +155,9 @@ export function useGitPush() {
     mutationFn: (request) => gitApi.push(request),
     onSuccess: (_, variables) => {
       // Invalidate status after push
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
     },
   });
 }
@@ -166,7 +175,9 @@ export function useCreateBranch() {
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "branches", variables.project_slug],
       });
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
     },
   });
 }
@@ -181,7 +192,9 @@ export function useCheckout() {
     mutationFn: (request) => gitApi.checkout(request),
     onSuccess: (_, variables) => {
       // Invalidate everything for this project after checkout
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "log", variables.project_slug],
       });
@@ -205,7 +218,9 @@ export function useCreatePR() {
     mutationFn: (request) => gitApi.createPR(request),
     onSuccess: (_, variables) => {
       // Invalidate status after PR creation
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       // Also invalidate tasks since PR creation updates task state
       queryClient.invalidateQueries({ queryKey: ["tasks"] });
     },
@@ -225,7 +240,9 @@ export function useMergePR() {
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "branches", variables.project_slug],
       });
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       // Also invalidate tasks since merge updates task state
       queryClient.invalidateQueries({ queryKey: ["tasks"] });
     },
@@ -242,7 +259,9 @@ export function useGitPull() {
     mutationFn: (request) => gitApi.pull(request),
     onSuccess: (_, variables) => {
       // Invalidate status and log after pull
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "log", variables.project_slug],
       });
@@ -260,7 +279,9 @@ export function useGitFetch() {
     mutationFn: (request) => gitApi.fetch(request),
     onSuccess: (_, variables) => {
       // Invalidate status after fetch
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
     },
   });
 }
@@ -275,7 +296,9 @@ export function useGitRebase() {
     mutationFn: (request) => gitApi.rebase(request),
     onSuccess: (_, variables) => {
       // Invalidate everything after rebase since history has changed
-      queryClient.invalidateQueries({ queryKey: gitKeys.status(variables.project_slug) });
+      queryClient.invalidateQueries({
+        queryKey: gitKeys.status(variables.project_slug),
+      });
       queryClient.invalidateQueries({
         queryKey: [...gitKeys.all, "log", variables.project_slug],
       });
diff --git a/panel/src/hooks/use-journals.ts b/panel/src/hooks/use-journals.ts
index 2e4a4c1e..8e9ed549 100644
--- a/panel/src/hooks/use-journals.ts
+++ b/panel/src/hooks/use-journals.ts
@@ -71,7 +71,7 @@ export function useAgentJournalEntries(
     task_id?: string;
     limit?: number;
     offset?: number;
-  }
+  },
 ) {
   return useQuery<JournalEntry[]>({
     queryKey: [...journalKeys.entries(), "agent", agentIdOrSlug, params],
diff --git a/panel/src/hooks/use-knowledge-base.ts b/panel/src/hooks/use-knowledge-base.ts
index fb817c4e..4f82cc9c 100644
--- a/panel/src/hooks/use-knowledge-base.ts
+++ b/panel/src/hooks/use-knowledge-base.ts
@@ -54,13 +54,18 @@ import type {
 export const kbKeys = {
   all: ["knowledge-base"] as const,
   stats: () => [...kbKeys.all, "stats"] as const,
-  indexStats: (indexType: KBIndexType) => [...kbKeys.all, "stats", indexType] as const,
+  indexStats: (indexType: KBIndexType) =>
+    [...kbKeys.all, "stats", indexType] as const,
   health: () => [...kbKeys.all, "health"] as const,
   staleness: () => [...kbKeys.all, "staleness"] as const,
-  search: (query: string, filters?: string) => [...kbKeys.all, "search", query, filters] as const,
-  documents: (indexType: KBIndexType, params?: string) => [...kbKeys.all, "documents", indexType, params] as const,
-  learnings: (query: string, filters?: string) => [...kbKeys.all, "learnings", query, filters] as const,
-  proactiveContext: (taskId: string) => [...kbKeys.all, "proactive-context", taskId] as const,
+  search: (query: string, filters?: string) =>
+    [...kbKeys.all, "search", query, filters] as const,
+  documents: (indexType: KBIndexType, params?: string) =>
+    [...kbKeys.all, "documents", indexType, params] as const,
+  learnings: (query: string, filters?: string) =>
+    [...kbKeys.all, "learnings", query, filters] as const,
+  proactiveContext: (taskId: string) =>
+    [...kbKeys.all, "proactive-context", taskId] as const,
 };
 
 // =============================================================================
@@ -116,7 +121,7 @@ export function useKBSearch(params: KBSearchRequest, enabled = true) {
 export function useKBDocuments(
   indexType: KBIndexType,
   params?: { limit?: number; offset?: number },
-  enabled = true
+  enabled = true,
 ) {
   return useQuery({
     queryKey: kbKeys.documents(indexType, JSON.stringify(params)),
@@ -144,7 +149,8 @@ export function useRAGQuery() {
  */
 export function useRAGContext() {
   return useMutation({
-    mutationFn: (params: RAGQueryRequest) => knowledgeBaseApi.getContext(params),
+    mutationFn: (params: RAGQueryRequest) =>
+      knowledgeBaseApi.getContext(params),
   });
 }
 
@@ -338,9 +344,15 @@ export function useRecordLearning() {
 /**
  * Search learnings (as query for persistent results)
  */
-export function useSearchLearnings(request: LearningSearchRequest, enabled = true) {
+export function useSearchLearnings(
+  request: LearningSearchRequest,
+  enabled = true,
+) {
   return useQuery<KBSearchResponse>({
-    queryKey: kbKeys.learnings(request.query, JSON.stringify({ category: request.category, team: request.team })),
+    queryKey: kbKeys.learnings(
+      request.query,
+      JSON.stringify({ category: request.category, team: request.team }),
+    ),
     queryFn: () => knowledgeBaseApi.searchLearnings(request),
     enabled: enabled && request.query.length >= 3,
     staleTime: 1000 * 60 * 2, // 2 minutes
diff --git a/panel/src/hooks/use-notifications.ts b/panel/src/hooks/use-notifications.ts
index bde78640..da63fc6e 100644
--- a/panel/src/hooks/use-notifications.ts
+++ b/panel/src/hooks/use-notifications.ts
@@ -1,11 +1,15 @@
 "use client";
 
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { notificationsApi, type NotificationFilters } from "@/lib/api/notifications";
+import {
+  notificationsApi,
+  type NotificationFilters,
+} from "@/lib/api/notifications";
 
 export const notificationKeys = {
   all: ["notifications"] as const,
-  list: (filters?: NotificationFilters) => [...notificationKeys.all, "list", filters] as const,
+  list: (filters?: NotificationFilters) =>
+    [...notificationKeys.all, "list", filters] as const,
   detail: (id: string) => [...notificationKeys.all, "detail", id] as const,
 };
 
@@ -29,7 +33,8 @@ export function useMarkNotificationRead() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: (notificationId: string) => notificationsApi.markRead(notificationId),
+    mutationFn: (notificationId: string) =>
+      notificationsApi.markRead(notificationId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: notificationKeys.all });
     },
@@ -40,7 +45,8 @@ export function useAcknowledgeNotification() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: (notificationId: string) => notificationsApi.acknowledge(notificationId),
+    mutationFn: (notificationId: string) =>
+      notificationsApi.acknowledge(notificationId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: notificationKeys.all });
     },
diff --git a/panel/src/hooks/use-products.ts b/panel/src/hooks/use-products.ts
index 063c0c7c..dcc90411 100644
--- a/panel/src/hooks/use-products.ts
+++ b/panel/src/hooks/use-products.ts
@@ -10,11 +10,19 @@ export const productKeys = {
 };
 
 export function useProducts() {
-  return useQuery({ queryKey: productKeys.lists(), queryFn: () => productsApi.list(), staleTime: 60000 });
+  return useQuery({
+    queryKey: productKeys.lists(),
+    queryFn: () => productsApi.list(),
+    staleTime: 60000,
+  });
 }
 
 export function useProduct(id: string) {
-  return useQuery({ queryKey: productKeys.detail(id), queryFn: () => productsApi.get(id), enabled: !!id });
+  return useQuery({
+    queryKey: productKeys.detail(id),
+    queryFn: () => productsApi.get(id),
+    enabled: !!id,
+  });
 }
 
 export function useCreateProduct() {
@@ -28,7 +36,8 @@ export function useCreateProduct() {
 export function useUpdateProduct() {
   const qc = useQueryClient();
   return useMutation({
-    mutationFn: ({ id, patch }: { id: string; patch: ProductUpdate }) => productsApi.update(id, patch),
+    mutationFn: ({ id, patch }: { id: string; patch: ProductUpdate }) =>
+      productsApi.update(id, patch),
     onSuccess: (_d, v) => {
       qc.invalidateQueries({ queryKey: productKeys.lists() });
       qc.invalidateQueries({ queryKey: productKeys.detail(v.id) });
diff --git a/panel/src/hooks/use-projects.ts b/panel/src/hooks/use-projects.ts
index 3aad33e4..b8d5c281 100644
--- a/panel/src/hooks/use-projects.ts
+++ b/panel/src/hooks/use-projects.ts
@@ -6,7 +6,8 @@ import type { ProjectCreate, ProjectUpdate } from "@/types";
 export const projectKeys = {
   all: ["projects"] as const,
   lists: () => [...projectKeys.all, "list"] as const,
-  list: (filters?: ProjectFilters) => [...projectKeys.lists(), filters] as const,
+  list: (filters?: ProjectFilters) =>
+    [...projectKeys.lists(), filters] as const,
   details: () => [...projectKeys.all, "detail"] as const,
   detail: (id: string) => [...projectKeys.details(), id] as const,
 };
@@ -43,8 +44,13 @@ export function useUpdateProject() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ projectId, updates }: { projectId: string; updates: ProjectUpdate }) =>
-      projectsApi.update(projectId, updates),
+    mutationFn: ({
+      projectId,
+      updates,
+    }: {
+      projectId: string;
+      updates: ProjectUpdate;
+    }) => projectsApi.update(projectId, updates),
     onSuccess: (project) => {
       queryClient.invalidateQueries({ queryKey: projectKeys.lists() });
       queryClient.setQueryData(projectKeys.detail(project.id), project);
@@ -56,8 +62,13 @@ export function useSetWorkspace() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ projectId, localPath }: { projectId: string; localPath: string }) =>
-      projectsApi.setWorkspace(projectId, localPath),
+    mutationFn: ({
+      projectId,
+      localPath,
+    }: {
+      projectId: string;
+      localPath: string;
+    }) => projectsApi.setWorkspace(projectId, localPath),
     onSuccess: (project) => {
       queryClient.invalidateQueries({ queryKey: projectKeys.lists() });
       queryClient.setQueryData(projectKeys.detail(project.id), project);
diff --git a/panel/src/hooks/use-rate-limit-sync.ts b/panel/src/hooks/use-rate-limit-sync.ts
index 2aae3104..be013490 100644
--- a/panel/src/hooks/use-rate-limit-sync.ts
+++ b/panel/src/hooks/use-rate-limit-sync.ts
@@ -18,11 +18,17 @@ export function useRateLimitSync() {
       syncFromApi(response);
     } catch (err) {
       // Endpoint unavailable — treat as no-op per acceptance criteria
-      const status = (err as { response?: { status?: number } })?.response?.status;
+      const status = (err as { response?: { status?: number } })?.response
+        ?.status;
       if (status === 404) {
-        console.warn("[rate-limits] GET /api/system/rate-limits returned 404 — endpoint not available");
+        console.warn(
+          "[rate-limits] GET /api/system/rate-limits returned 404 — endpoint not available",
+        );
       } else {
-        console.warn("[rate-limits] GET /api/system/rate-limits unavailable:", err);
+        console.warn(
+          "[rate-limits] GET /api/system/rate-limits unavailable:",
+          err,
+        );
       }
     }
   }, [syncFromApi]);
diff --git a/panel/src/hooks/use-rate-limit-websocket.ts b/panel/src/hooks/use-rate-limit-websocket.ts
index 5a7e45a1..6a376423 100644
--- a/panel/src/hooks/use-rate-limit-websocket.ts
+++ b/panel/src/hooks/use-rate-limit-websocket.ts
@@ -4,7 +4,10 @@ import { useEffect, useRef } from "react";
 import { useWebSocket } from "./use-websocket";
 import { useRateLimitStore } from "@/store/rate-limit-store";
 import { useUsageStore } from "@/store/usage-store";
-import type { RateLimitHitEvent, RateLimitLiftedEvent } from "@/types/rate-limits";
+import type {
+  RateLimitHitEvent,
+  RateLimitLiftedEvent,
+} from "@/types/rate-limits";
 
 /**
  * Unified shape for all messages arriving on the /ws/system endpoint.
@@ -43,7 +46,9 @@ interface UseRateLimitWebSocketOptions {
  * Accepts an optional onReconnect callback that fires when the connection
  * recovers from a reconnecting state.
  */
-export function useRateLimitWebSocket(options: UseRateLimitWebSocketOptions = {}) {
+export function useRateLimitWebSocket(
+  options: UseRateLimitWebSocketOptions = {},
+) {
   const { onReconnect } = options;
   const prevStateRef = useRef<string | null>(null);
 
@@ -53,7 +58,7 @@ export function useRateLimitWebSocket(options: UseRateLimitWebSocketOptions = {}
   const { state, lastMessage } = useWebSocket<SystemWsMessage>(
     "/system",
     undefined,
-    true
+    true,
   );
 
   // Sync WS connection state into useUsageStore for cross-component visibility.
diff --git a/panel/src/hooks/use-scroll-restoration.ts b/panel/src/hooks/use-scroll-restoration.ts
index dbc1b916..64e56a22 100644
--- a/panel/src/hooks/use-scroll-restoration.ts
+++ b/panel/src/hooks/use-scroll-restoration.ts
@@ -10,7 +10,9 @@ import { useEffect, useRef } from "react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { useUIStore } from "@/lib/stores/ui-store";
 
-export function useScrollRestoration(scrollContainerRef?: React.RefObject<HTMLElement>) {
+export function useScrollRestoration(
+  scrollContainerRef?: React.RefObject<HTMLElement>,
+) {
   const pathname = usePathname();
   const searchParams = useSearchParams();
   const { setScrollPosition, getScrollPosition } = useUIStore();
@@ -27,7 +29,10 @@ export function useScrollRestoration(scrollContainerRef?: React.RefObject<HTMLEl
     const handleScroll = () => {
       const position = isWindow
         ? { x: window.scrollX, y: window.scrollY }
-        : { x: (container as HTMLElement).scrollLeft, y: (container as HTMLElement).scrollTop };
+        : {
+            x: (container as HTMLElement).scrollLeft,
+            y: (container as HTMLElement).scrollTop,
+          };
 
       setScrollPosition(routeKey, position);
     };
diff --git a/panel/src/hooks/use-secretary.ts b/panel/src/hooks/use-secretary.ts
index e69d628e..22207cbe 100644
--- a/panel/src/hooks/use-secretary.ts
+++ b/panel/src/hooks/use-secretary.ts
@@ -70,10 +70,10 @@ export function useSecretary() {
       esRef.current = source;
       const listener = (e: MessageEvent) => handleEvent(e.data);
       LIVE_EVENT_KINDS.forEach((kind) =>
-        source.addEventListener(kind, listener as EventListener)
+        source.addEventListener(kind, listener as EventListener),
       );
     },
-    [closeStream, handleEvent]
+    [closeStream, handleEvent],
   );
 
   const start = useCallback(
@@ -81,11 +81,13 @@ export function useSecretary() {
       const { session_id } = await secretaryApi.startLive(initialMessage);
       setSessionId(session_id);
       bufRef.current = "";
-      setMessages(initialMessage ? [{ role: "user", text: initialMessage }] : []);
+      setMessages(
+        initialMessage ? [{ role: "user", text: initialMessage }] : [],
+      );
       openStream(session_id);
       return session_id;
     },
-    [openStream]
+    [openStream],
   );
 
   const send = useCallback(
@@ -95,7 +97,7 @@ export function useSecretary() {
       setMessages((prev) => [...prev, { role: "user", text }]);
       await secretaryApi.sendMessage(sessionId, text);
     },
-    [sessionId]
+    [sessionId],
   );
 
   const stop = useCallback(async (): Promise<void> => {
diff --git a/panel/src/hooks/use-tasks.ts b/panel/src/hooks/use-tasks.ts
index d2218065..307f1cb5 100644
--- a/panel/src/hooks/use-tasks.ts
+++ b/panel/src/hooks/use-tasks.ts
@@ -22,7 +22,8 @@ export const taskKeys = {
   list: (filters?: TaskFilters) => [...taskKeys.lists(), filters] as const,
   details: () => [...taskKeys.all, "detail"] as const,
   detail: (id: string) => [...taskKeys.details(), id] as const,
-  subtasks: (parentId: string) => [...taskKeys.all, "subtasks", parentId] as const,
+  subtasks: (parentId: string) =>
+    [...taskKeys.all, "subtasks", parentId] as const,
   boardReview: (id: string) => [...taskKeys.all, "board-review", id] as const,
   stats: () => [...taskKeys.all, "stats"] as const,
   statsByTeam: () => [...taskKeys.all, "stats-by-team"] as const,
@@ -110,7 +111,7 @@ export function useTaskStatsByTeam() {
 
 export function useCreateTask() {
   const queryClient = useQueryClient();
-  
+
   return useMutation({
     mutationFn: (task: TaskCreate) => tasksApi.create(task),
     onSuccess: () => {
@@ -123,8 +124,13 @@ export function useUpdateTask() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ taskId, updates }: { taskId: string; updates: TaskUpdate }) =>
-      tasksApi.update(taskId, updates),
+    mutationFn: ({
+      taskId,
+      updates,
+    }: {
+      taskId: string;
+      updates: TaskUpdate;
+    }) => tasksApi.update(taskId, updates),
     onSuccess: (task) => {
       queryClient.invalidateQueries({ queryKey: taskKeys.lists() });
       queryClient.setQueryData(taskKeys.detail(task.id), task);
@@ -134,7 +140,7 @@ export function useUpdateTask() {
 
 export function useDeleteTask() {
   const queryClient = useQueryClient();
-  
+
   return useMutation({
     mutationFn: (taskId: string) => tasksApi.delete(taskId),
     onSuccess: () => {
@@ -146,7 +152,7 @@ export function useDeleteTask() {
 // Lifecycle action hooks
 export function useTaskLifecycle() {
   const queryClient = useQueryClient();
-  
+
   const invalidateTask = (task: Task) => {
     queryClient.invalidateQueries({ queryKey: taskKeys.lists() });
     queryClient.setQueryData(taskKeys.detail(task.id), task);
@@ -163,8 +169,13 @@ export function useTaskLifecycle() {
   });
 
   const block = useMutation({
-    mutationFn: ({ taskId, blockerId }: { taskId: string; blockerId?: string }) =>
-      tasksApi.block(taskId, blockerId),
+    mutationFn: ({
+      taskId,
+      blockerId,
+    }: {
+      taskId: string;
+      blockerId?: string;
+    }) => tasksApi.block(taskId, blockerId),
     onSuccess: invalidateTask,
   });
 
@@ -207,8 +218,13 @@ export function useTaskLifecycle() {
   });
 
   const complete = useMutation({
-    mutationFn: ({ taskId, justification }: { taskId: string; justification: string }) =>
-      tasksApi.complete(taskId, justification),
+    mutationFn: ({
+      taskId,
+      justification,
+    }: {
+      taskId: string;
+      justification: string;
+    }) => tasksApi.complete(taskId, justification),
     onSuccess: invalidateTask,
   });
 
@@ -242,33 +258,58 @@ export function useTaskLifecycle() {
 
   // Progress tracking
   const addProgress = useMutation({
-    mutationFn: ({ taskId, request }: { taskId: string; request: ProgressRequest }) =>
-      tasksApi.addProgress(taskId, request),
+    mutationFn: ({
+      taskId,
+      request,
+    }: {
+      taskId: string;
+      request: ProgressRequest;
+    }) => tasksApi.addProgress(taskId, request),
     onSuccess: invalidateTask,
   });
 
   const addCheckpoint = useMutation({
-    mutationFn: ({ taskId, request }: { taskId: string; request: CheckpointRequest }) =>
-      tasksApi.addCheckpoint(taskId, request),
+    mutationFn: ({
+      taskId,
+      request,
+    }: {
+      taskId: string;
+      request: CheckpointRequest;
+    }) => tasksApi.addCheckpoint(taskId, request),
     onSuccess: invalidateTask,
   });
 
   const addCommit = useMutation({
-    mutationFn: ({ taskId, request }: { taskId: string; request: CommitRequest }) =>
-      tasksApi.addCommit(taskId, request),
+    mutationFn: ({
+      taskId,
+      request,
+    }: {
+      taskId: string;
+      request: CommitRequest;
+    }) => tasksApi.addCommit(taskId, request),
     onSuccess: invalidateTask,
   });
 
   // Soft block and escalation
   const softBlock = useMutation({
-    mutationFn: ({ taskId, request }: { taskId: string; request: SoftBlockRequest }) =>
-      tasksApi.softBlock(taskId, request),
+    mutationFn: ({
+      taskId,
+      request,
+    }: {
+      taskId: string;
+      request: SoftBlockRequest;
+    }) => tasksApi.softBlock(taskId, request),
     onSuccess: invalidateTask,
   });
 
   const escalate = useMutation({
-    mutationFn: ({ taskId, request }: { taskId: string; request: EscalateRequest }) =>
-      tasksApi.escalate(taskId, request),
+    mutationFn: ({
+      taskId,
+      request,
+    }: {
+      taskId: string;
+      request: EscalateRequest;
+    }) => tasksApi.escalate(taskId, request),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: taskKeys.lists() });
     },
diff --git a/panel/src/hooks/use-usage.ts b/panel/src/hooks/use-usage.ts
index c0e85fac..28aab588 100644
--- a/panel/src/hooks/use-usage.ts
+++ b/panel/src/hooks/use-usage.ts
@@ -20,13 +20,19 @@ import type {
 
 export const usageKeys = {
   all: ["usage"] as const,
-  summary: (period: UsagePeriod) => [...usageKeys.all, "summary", period] as const,
-  timeSeries: (period: UsagePeriod) => [...usageKeys.all, "time-series", period] as const,
-  agentUsage: (period: UsagePeriod) => [...usageKeys.all, "by-agent", period] as const,
-  teamUsage: (period: UsagePeriod) => [...usageKeys.all, "by-team", period] as const,
-  modelUsage: (period: UsagePeriod) => [...usageKeys.all, "by-model", period] as const,
+  summary: (period: UsagePeriod) =>
+    [...usageKeys.all, "summary", period] as const,
+  timeSeries: (period: UsagePeriod) =>
+    [...usageKeys.all, "time-series", period] as const,
+  agentUsage: (period: UsagePeriod) =>
+    [...usageKeys.all, "by-agent", period] as const,
+  teamUsage: (period: UsagePeriod) =>
+    [...usageKeys.all, "by-team", period] as const,
+  modelUsage: (period: UsagePeriod) =>
+    [...usageKeys.all, "by-model", period] as const,
   projection: () => [...usageKeys.all, "projection"] as const,
-  cacheEfficiency: (period: UsagePeriod) => [...usageKeys.all, "cache-efficiency", period] as const,
+  cacheEfficiency: (period: UsagePeriod) =>
+    [...usageKeys.all, "cache-efficiency", period] as const,
   sessions: (limit: number) => [...usageKeys.all, "sessions", limit] as const,
 };
 
diff --git a/panel/src/hooks/use-websocket.ts b/panel/src/hooks/use-websocket.ts
index 00fae1eb..82e151aa 100644
--- a/panel/src/hooks/use-websocket.ts
+++ b/panel/src/hooks/use-websocket.ts
@@ -1,9 +1,9 @@
 "use client";
 
 import { useEffect, useRef, useState, useCallback, useMemo } from "react";
-import { 
-  WebSocketConnection, 
-  getWebSocketUrl 
+import {
+  WebSocketConnection,
+  getWebSocketUrl,
 } from "@/lib/websocket/connection";
 import { CEO_AGENT_ID, STREAM_MAX_MESSAGES } from "@/lib/constants";
 
@@ -51,7 +51,7 @@ export interface NotificationMessage {
 export function useWebSocket<T>(
   endpoint: string,
   queryParams?: Record<string, string>,
-  enabled: boolean = true
+  enabled: boolean = true,
 ) {
   const [state, setState] = useState<ConnectionState>("disconnected");
   const [lastMessage, setLastMessage] = useState<T | null>(null);
@@ -59,7 +59,9 @@ export function useWebSocket<T>(
   const connectionRef = useRef<WebSocketConnection | null>(null);
 
   // Memoize queryParams string to prevent unnecessary reconnects
-  const queryString = queryParams ? new URLSearchParams(queryParams).toString() : "";
+  const queryString = queryParams
+    ? new URLSearchParams(queryParams).toString()
+    : "";
 
   useEffect(() => {
     // Don't connect if disabled or no endpoint
@@ -77,7 +79,10 @@ export function useWebSocket<T>(
       onMessage: (data) => {
         const message = data as T;
         setLastMessage(message);
-        setMessages((prev) => [...prev.slice(-(STREAM_MAX_MESSAGES - 1)), message]);
+        setMessages((prev) => [
+          ...prev.slice(-(STREAM_MAX_MESSAGES - 1)),
+          message,
+        ]);
       },
       onStateChange: setState,
     });
@@ -122,12 +127,18 @@ export function useWebSocket<T>(
  * Subscribe to an agent's output stream
  */
 export function useAgentStream(agentId: string | null) {
-  const { state, lastMessage, messages, clearMessages, isConnected, isConnecting } = 
-    useWebSocket<AgentStreamMessage>(
-      agentId ? "/agents/" + agentId : "",
-      { viewer_id: CEO_AGENT_ID },
-      !!agentId
-    );
+  const {
+    state,
+    lastMessage,
+    messages,
+    clearMessages,
+    isConnected,
+    isConnecting,
+  } = useWebSocket<AgentStreamMessage>(
+    agentId ? "/agents/" + agentId : "",
+    { viewer_id: CEO_AGENT_ID },
+    !!agentId,
+  );
 
   // Extract stream chunks
   const streamChunks = messages
@@ -153,12 +164,18 @@ export function useAgentStream(agentId: string | null) {
  * Subscribe to a channel's message stream
  */
 export function useChannelStream(channelId: string | null) {
-  const { state, lastMessage, messages, clearMessages, isConnected, isConnecting } = 
-    useWebSocket<ChannelMessage>(
-      channelId ? "/channels/" + channelId : "",
-      { agent_id: CEO_AGENT_ID },
-      !!channelId
-    );
+  const {
+    state,
+    lastMessage,
+    messages,
+    clearMessages,
+    isConnected,
+    isConnecting,
+  } = useWebSocket<ChannelMessage>(
+    channelId ? "/channels/" + channelId : "",
+    { agent_id: CEO_AGENT_ID },
+    !!channelId,
+  );
 
   // Filter to only actual messages
   const channelMessages = messages.filter((m) => m.type === "message.new");
@@ -178,12 +195,18 @@ export function useChannelStream(channelId: string | null) {
  * Subscribe to notifications for the CEO
  */
 export function useNotificationStream() {
-  const { state, lastMessage, messages, clearMessages, isConnected, isConnecting } = 
-    useWebSocket<NotificationMessage>(
-      "/notifications/" + CEO_AGENT_ID,
-      undefined,
-      true
-    );
+  const {
+    state,
+    lastMessage,
+    messages,
+    clearMessages,
+    isConnected,
+    isConnecting,
+  } = useWebSocket<NotificationMessage>(
+    "/notifications/" + CEO_AGENT_ID,
+    undefined,
+    true,
+  );
 
   // Filter to notification events, de-duplicated by notification_id so a
   // stream replay (e.g. after a websocket reconnect) does not surface — or
@@ -223,7 +246,9 @@ export function useNotificationStream() {
 // =============================================================================
 
 export function useConnectionStatus() {
-  const [connections, setConnections] = useState<Record<string, ConnectionState>>({});
+  const [connections, setConnections] = useState<
+    Record<string, ConnectionState>
+  >({});
 
   const updateConnection = useCallback((id: string, state: ConnectionState) => {
     setConnections((prev) => ({ ...prev, [id]: state }));
@@ -238,10 +263,12 @@ export function useConnectionStatus() {
   }, []);
 
   const hasActiveConnections = Object.values(connections).some(
-    (s) => s === "connected" || s === "connecting" || s === "reconnecting"
+    (s) => s === "connected" || s === "connecting" || s === "reconnecting",
   );
 
-  const allConnected = Object.values(connections).every((s) => s === "connected");
+  const allConnected = Object.values(connections).every(
+    (s) => s === "connected",
+  );
 
   return {
     connections,
diff --git a/panel/src/hooks/use-work-sessions.ts b/panel/src/hooks/use-work-sessions.ts
index 0492c1f6..32c98a9d 100644
--- a/panel/src/hooks/use-work-sessions.ts
+++ b/panel/src/hooks/use-work-sessions.ts
@@ -1,15 +1,20 @@
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { workSessionsApi, type WorkSessionFilters } from "@/lib/api/work-sessions";
+import {
+  workSessionsApi,
+  type WorkSessionFilters,
+} from "@/lib/api/work-sessions";
 import type { WorkSession, WorkSessionCreate } from "@/types";
 
 // Query keys
 export const workSessionKeys = {
   all: ["work-sessions"] as const,
   lists: () => [...workSessionKeys.all, "list"] as const,
-  list: (filters?: WorkSessionFilters) => [...workSessionKeys.lists(), filters] as const,
+  list: (filters?: WorkSessionFilters) =>
+    [...workSessionKeys.lists(), filters] as const,
   details: () => [...workSessionKeys.all, "detail"] as const,
   detail: (id: string) => [...workSessionKeys.details(), id] as const,
-  forTask: (taskId: string) => [...workSessionKeys.all, "task", taskId] as const,
+  forTask: (taskId: string) =>
+    [...workSessionKeys.all, "task", taskId] as const,
 };
 
 // Hooks
@@ -56,19 +61,31 @@ export function useWorkSessionActions() {
     queryClient.invalidateQueries({ queryKey: workSessionKeys.lists() });
     queryClient.setQueryData(workSessionKeys.detail(session.id), session);
     if (session.task_id) {
-      queryClient.invalidateQueries({ queryKey: workSessionKeys.forTask(session.task_id) });
+      queryClient.invalidateQueries({
+        queryKey: workSessionKeys.forTask(session.task_id),
+      });
     }
   };
 
   const addCommit = useMutation({
-    mutationFn: ({ sessionId, commitSha }: { sessionId: string; commitSha: string }) =>
-      workSessionsApi.addCommit(sessionId, commitSha),
+    mutationFn: ({
+      sessionId,
+      commitSha,
+    }: {
+      sessionId: string;
+      commitSha: string;
+    }) => workSessionsApi.addCommit(sessionId, commitSha),
     onSuccess: invalidateSession,
   });
 
   const addFiles = useMutation({
-    mutationFn: ({ sessionId, filePaths }: { sessionId: string; filePaths: string[] }) =>
-      workSessionsApi.addFiles(sessionId, filePaths),
+    mutationFn: ({
+      sessionId,
+      filePaths,
+    }: {
+      sessionId: string;
+      filePaths: string[];
+    }) => workSessionsApi.addFiles(sessionId, filePaths),
     onSuccess: invalidateSession,
   });
 
@@ -86,14 +103,24 @@ export function useWorkSessionActions() {
   });
 
   const updatePRStatus = useMutation({
-    mutationFn: ({ sessionId, prStatus }: { sessionId: string; prStatus: string }) =>
-      workSessionsApi.updatePRStatus(sessionId, prStatus),
+    mutationFn: ({
+      sessionId,
+      prStatus,
+    }: {
+      sessionId: string;
+      prStatus: string;
+    }) => workSessionsApi.updatePRStatus(sessionId, prStatus),
     onSuccess: invalidateSession,
   });
 
   const mergePR = useMutation({
-    mutationFn: ({ sessionId, mergedBy }: { sessionId: string; mergedBy: string }) =>
-      workSessionsApi.mergePR(sessionId, mergedBy),
+    mutationFn: ({
+      sessionId,
+      mergedBy,
+    }: {
+      sessionId: string;
+      mergedBy: string;
+    }) => workSessionsApi.mergePR(sessionId, mergedBy),
     onSuccess: invalidateSession,
   });
 
@@ -103,8 +130,13 @@ export function useWorkSessionActions() {
   });
 
   const abandon = useMutation({
-    mutationFn: ({ sessionId, reason }: { sessionId: string; reason?: string }) =>
-      workSessionsApi.abandon(sessionId, reason),
+    mutationFn: ({
+      sessionId,
+      reason,
+    }: {
+      sessionId: string;
+      reason?: string;
+    }) => workSessionsApi.abandon(sessionId, reason),
     onSuccess: invalidateSession,
   });
 
diff --git a/panel/src/lib/__tests__/agent-definitions.test.ts b/panel/src/lib/__tests__/agent-definitions.test.ts
index b818a75d..c3963ef9 100644
--- a/panel/src/lib/__tests__/agent-definitions.test.ts
+++ b/panel/src/lib/__tests__/agent-definitions.test.ts
@@ -18,7 +18,7 @@ import { AgentRole, Team } from "@/types";
 const makeAgent = (
   id: string,
   role: AgentRole | null,
-  team: Team | null
+  team: Team | null,
 ): AgentDefinition => ({ id, name: id, role, team });
 
 // ---------------------------------------------------------------------------
@@ -279,7 +279,7 @@ describe("getSupportAgents", () => {
         AgentRole.PROMPTER,
         AgentRole.SECRETARY,
         AgentRole.PR_REVIEWER,
-      ])
+      ]),
     );
   });
 
diff --git a/panel/src/lib/__tests__/client.test.ts b/panel/src/lib/__tests__/client.test.ts
index 1f88110c..3b7a1887 100644
--- a/panel/src/lib/__tests__/client.test.ts
+++ b/panel/src/lib/__tests__/client.test.ts
@@ -51,15 +51,16 @@ function makeAxiosError(opts: {
     isAxiosError: true as const,
     code: opts.code,
     message: opts.message ?? "axios error",
-    response: opts.status !== undefined
-      ? {
-          status: opts.status,
-          data: { detail: opts.detail } as { detail?: unknown },
-          headers: {} as Record<string, string>,
-          config: {} as never,
-          statusText: "",
-        }
-      : undefined,
+    response:
+      opts.status !== undefined
+        ? {
+            status: opts.status,
+            data: { detail: opts.detail } as { detail?: unknown },
+            headers: {} as Record<string, string>,
+            config: {} as never,
+            statusText: "",
+          }
+        : undefined,
     config: {} as never,
     name: "AxiosError" as const,
     toJSON: () => ({}),
@@ -78,14 +79,14 @@ describe("getErrorMessage — error codes", () => {
   it("returns timeout message for ECONNABORTED", () => {
     const err = makeAxiosError({ code: "ECONNABORTED" });
     expect(getErrorMessage(err)).toBe(
-      "Request timed out. The server may be busy."
+      "Request timed out. The server may be busy.",
     );
   });
 
   it("returns network message for ERR_NETWORK", () => {
     const err = makeAxiosError({ code: "ERR_NETWORK" });
     expect(getErrorMessage(err)).toBe(
-      "Cannot connect to server. Check if the backend is running."
+      "Cannot connect to server. Check if the backend is running.",
     );
   });
 });
@@ -153,7 +154,7 @@ describe("getErrorMessage — HTTP status codes", () => {
   it("returns auth message for 401", () => {
     const err = makeAxiosError({ status: 401 });
     expect(getErrorMessage(err)).toBe(
-      "Authentication required. Please refresh the page."
+      "Authentication required. Please refresh the page.",
     );
   });
 
@@ -164,9 +165,7 @@ describe("getErrorMessage — HTTP status codes", () => {
 
   it("returns not-found message for 404", () => {
     const err = makeAxiosError({ status: 404 });
-    expect(getErrorMessage(err)).toBe(
-      "The requested resource was not found."
-    );
+    expect(getErrorMessage(err)).toBe("The requested resource was not found.");
   });
 
   it("returns validation message for 422 without detail", () => {
@@ -209,7 +208,7 @@ describe("getErrorMessage — non-Axios fallbacks", () => {
 
   it("returns generic message for a plain object without isAxiosError", () => {
     expect(getErrorMessage({ code: "SOME_CODE" })).toBe(
-      "An unexpected error occurred"
+      "An unexpected error occurred",
     );
   });
 });
diff --git a/panel/src/lib/agent-definitions.ts b/panel/src/lib/agent-definitions.ts
index de15e23a..7aeeb6ce 100644
--- a/panel/src/lib/agent-definitions.ts
+++ b/panel/src/lib/agent-definitions.ts
@@ -27,32 +27,37 @@ export const getBoardAgents = (agents: AgentDefinition[] | undefined | null) =>
       // (Intake, Secretary, root PR Reviewer) — those are grouped as Support.
       a.role === AgentRole.PRODUCT_OWNER ||
       a.role === AgentRole.HEAD_MARKETING ||
-      a.role === AgentRole.AUDITOR
+      a.role === AgentRole.AUDITOR,
   );
 
 export const getMainPm = (agents: AgentDefinition[] | undefined | null) =>
   (agents ?? []).filter((a) => a.role === AgentRole.MAIN_PM);
 
-export const getBackendAgents = (agents: AgentDefinition[] | undefined | null) =>
-  (agents ?? []).filter((a) => a.team === Team.BACKEND);
+export const getBackendAgents = (
+  agents: AgentDefinition[] | undefined | null,
+) => (agents ?? []).filter((a) => a.team === Team.BACKEND);
 
-export const getFrontendAgents = (agents: AgentDefinition[] | undefined | null) =>
-  (agents ?? []).filter((a) => a.team === Team.FRONTEND);
+export const getFrontendAgents = (
+  agents: AgentDefinition[] | undefined | null,
+) => (agents ?? []).filter((a) => a.team === Team.FRONTEND);
 
 export const getUxAgents = (agents: AgentDefinition[] | undefined | null) =>
   (agents ?? []).filter((a) => a.team === Team.UX_UI);
 
-export const getMarketingAgents = (agents: AgentDefinition[] | undefined | null) =>
-  (agents ?? []).filter((a) => a.team === Team.MARKETING);
+export const getMarketingAgents = (
+  agents: AgentDefinition[] | undefined | null,
+) => (agents ?? []).filter((a) => a.team === Team.MARKETING);
 
 // CEO-direct support roles — Intake (Prompter), Secretary, and the root PR
 // Reviewer. Board-adjacent and spawned on demand, but NOT Board members. Cell
 // PR reviewers carry their cell's team and stay grouped under that cell; only
 // the root reviewer carries team=board, which is how it is distinguished here.
-export const getSupportAgents = (agents: AgentDefinition[] | undefined | null) =>
+export const getSupportAgents = (
+  agents: AgentDefinition[] | undefined | null,
+) =>
   (agents ?? []).filter(
     (a) =>
       a.role === AgentRole.PROMPTER ||
       a.role === AgentRole.SECRETARY ||
-      (a.role === AgentRole.PR_REVIEWER && a.team === Team.BOARD)
+      (a.role === AgentRole.PR_REVIEWER && a.team === Team.BOARD),
   );
diff --git a/panel/src/lib/agent-utils.ts b/panel/src/lib/agent-utils.ts
index 2c2ce4e8..abe606e6 100644
--- a/panel/src/lib/agent-utils.ts
+++ b/panel/src/lib/agent-utils.ts
@@ -85,7 +85,7 @@ const AGENT_NAMES: Record<string, string> = {
   "main-pm": "Main PM",
   "product-owner": "Product Owner",
   "head-marketing": "Head Marketing",
-  "auditor": "Auditor",
+  auditor: "Auditor",
   // Backend Cell
   "be-pm": "Backend PM",
   "be-dev-1": "Backend Dev 1",
@@ -105,8 +105,8 @@ const AGENT_NAMES: Record<string, string> = {
   "ux-qa": "UX/UI QA",
   "ux-doc": "UX/UI Doc",
   // CEO (human)
-  "ceo": "CEO",
-  "CEO": "CEO",
+  ceo: "CEO",
+  CEO: "CEO",
   // Board-adjacent singletons
   "intake-1": "Intake",
   "secretary-1": "Secretary",
@@ -136,7 +136,9 @@ export function resolveToSlug(agentId: string | null | undefined): string {
  * @param agentId - The agent identifier (slug or UUID)
  * @returns The human-readable name, or the slug, or "Unknown Agent" for unrecognized UUIDs
  */
-export function getAgentDisplayName(agentId: string | null | undefined): string {
+export function getAgentDisplayName(
+  agentId: string | null | undefined,
+): string {
   if (!agentId) return "Unassigned";
 
   // Live roster first — keyed by both UUID and slug, so a direct hit gives the
@@ -170,7 +172,7 @@ const AGENT_CODES: Record<string, string> = {
   "main-pm": "MPM",
   "product-owner": "PO",
   "head-marketing": "MKT",
-  "auditor": "AUD",
+  auditor: "AUD",
   // Backend Cell
   "be-pm": "BPM",
   "be-dev-1": "BD1",
@@ -190,8 +192,8 @@ const AGENT_CODES: Record<string, string> = {
   "ux-qa": "UQA",
   "ux-doc": "UDC",
   // CEO
-  "ceo": "CEO",
-  "CEO": "CEO",
+  ceo: "CEO",
+  CEO: "CEO",
   // Board-adjacent singletons
   "intake-1": "INT",
   "secretary-1": "SEC",
diff --git a/panel/src/lib/api/a2a.ts b/panel/src/lib/api/a2a.ts
index 2437bafc..57c99f81 100644
--- a/panel/src/lib/api/a2a.ts
+++ b/panel/src/lib/api/a2a.ts
@@ -70,7 +70,9 @@ export const a2aApi = {
   /**
    * Send a message to another agent
    */
-  sendMessage: async (request: A2AMessageSendRequest): Promise<A2AMessageResponse> => {
+  sendMessage: async (
+    request: A2AMessageSendRequest,
+  ): Promise<A2AMessageResponse> => {
     if (isMockMode()) {
       return {
         message_id: `msg-${Date.now()}`,
@@ -78,21 +80,29 @@ export const a2aApi = {
         delivered_at: new Date().toISOString(),
       };
     }
-    const { data } = await api.post<A2AMessageResponse>("/a2a/message/send", request);
+    const { data } = await api.post<A2AMessageResponse>(
+      "/a2a/message/send",
+      request,
+    );
     return data;
   },
 
   /**
    * Stream a message to another agent (for long content)
    */
-  streamMessage: async (request: A2AMessageSendRequest): Promise<A2AMessageResponse> => {
+  streamMessage: async (
+    request: A2AMessageSendRequest,
+  ): Promise<A2AMessageResponse> => {
     if (isMockMode()) {
       return {
         message_id: `msg-${Date.now()}`,
         status: "streaming",
       };
     }
-    const { data } = await api.post<A2AMessageResponse>("/a2a/message/stream", request);
+    const { data } = await api.post<A2AMessageResponse>(
+      "/a2a/message/stream",
+      request,
+    );
     return data;
   },
 
@@ -140,14 +150,18 @@ export const a2aApi = {
   /**
    * Cancel a task via A2A protocol
    */
-  cancelTask: async (taskId: string): Promise<{ status: string; task_id: string }> => {
+  cancelTask: async (
+    taskId: string,
+  ): Promise<{ status: string; task_id: string }> => {
     if (isMockMode()) {
       return {
         status: "cancelled",
         task_id: taskId,
       };
     }
-    const { data } = await api.post<{ status: string; task_id: string }>(`/a2a/tasks/${taskId}/cancel`);
+    const { data } = await api.post<{ status: string; task_id: string }>(
+      `/a2a/tasks/${taskId}/cancel`,
+    );
     return data;
   },
 
diff --git a/panel/src/lib/api/channels.ts b/panel/src/lib/api/channels.ts
index 2919eb75..c0bf3666 100644
--- a/panel/src/lib/api/channels.ts
+++ b/panel/src/lib/api/channels.ts
@@ -37,7 +37,9 @@ export const channelsApi = {
       }
       return channels;
     }
-    const { data } = await api.get<PaginatedResponse<Channel>>("/channels", { params: filters });
+    const { data } = await api.get<PaginatedResponse<Channel>>("/channels", {
+      params: filters,
+    });
     return data.items;
   },
 
@@ -74,7 +76,9 @@ export const channelsApi = {
     if (isMockMode()) {
       return mockGroups as Group[];
     }
-    const { data } = await api.get<Group[]>("/channels/" + channelId + "/groups");
+    const { data } = await api.get<Group[]>(
+      "/channels/" + channelId + "/groups",
+    );
     return data;
   },
 
@@ -103,7 +107,10 @@ export const channelsApi = {
   },
 
   // Update a channel (PM/CEO only)
-  update: async (channelId: string, updates: ChannelUpdate): Promise<Channel> => {
+  update: async (
+    channelId: string,
+    updates: ChannelUpdate,
+  ): Promise<Channel> => {
     if (isMockMode()) {
       const idx = mockChannels.findIndex((c) => c.id === channelId);
       if (idx === -1) throw new Error("Channel not found");
@@ -111,7 +118,10 @@ export const channelsApi = {
       (mockChannels as Channel[])[idx] = updated;
       return updated;
     }
-    const { data } = await api.patch<Channel>("/channels/" + channelId, updates);
+    const { data } = await api.patch<Channel>(
+      "/channels/" + channelId,
+      updates,
+    );
     return data;
   },
 
@@ -120,7 +130,9 @@ export const channelsApi = {
     if (isMockMode()) {
       return;
     }
-    await api.post("/channels/" + channelId + "/add-member", { agent_id: agentId });
+    await api.post("/channels/" + channelId + "/add-member", {
+      agent_id: agentId,
+    });
   },
 
   // Remove a member from a channel (PM/CEO only)
diff --git a/panel/src/lib/api/client.ts b/panel/src/lib/api/client.ts
index 0e187738..ba1e3821 100644
--- a/panel/src/lib/api/client.ts
+++ b/panel/src/lib/api/client.ts
@@ -39,7 +39,7 @@ api.interceptors.request.use(
   (error) => {
     console.error("[API] Request setup error:", error);
     return Promise.reject(error);
-  }
+  },
 );
 
 // Response interceptor for comprehensive error handling
@@ -47,7 +47,9 @@ api.interceptors.response.use(
   (response) => {
     // Log successful responses in development
     if (process.env.NODE_ENV === "development") {
-      console.log(`[API] ✓ ${response.config.method?.toUpperCase()} ${response.config.url}`);
+      console.log(
+        `[API] ✓ ${response.config.method?.toUpperCase()} ${response.config.url}`,
+      );
     }
     return response;
   },
@@ -56,7 +58,9 @@ api.interceptors.response.use(
     const status = error.response?.status;
     const url = error.config?.url;
     const method = error.config?.method?.toUpperCase();
-    const errorData = error.response?.data as Record<string, unknown> | undefined;
+    const errorData = error.response?.data as
+      | Record<string, unknown>
+      | undefined;
     const errorDetail = errorData?.detail || error.message;
 
     // -------------------------------------------------------------------------
@@ -64,13 +68,16 @@ api.interceptors.response.use(
     // -------------------------------------------------------------------------
     if (status === 429) {
       const retryAfterHeader = error.response?.headers?.["retry-after"];
-      const retryAfterSeconds = retryAfterHeader ? parseInt(String(retryAfterHeader), 10) : 60;
+      const retryAfterSeconds = retryAfterHeader
+        ? parseInt(String(retryAfterHeader), 10)
+        : 60;
       const safeRetryAfter = isNaN(retryAfterSeconds) ? 60 : retryAfterSeconds;
 
       // Extract provider from custom header or fall back to URL path heuristics
       const providerHeader = error.response?.headers?.["x-provider"];
       const urlProvider = url
-        ? (["anthropic", "openai", "ollama"].find((p) => url.includes(p)) ?? "unknown")
+        ? (["anthropic", "openai", "ollama"].find((p) => url.includes(p)) ??
+          "unknown")
         : "unknown";
       const provider = (providerHeader as string | undefined) ?? urlProvider;
 
@@ -91,14 +98,14 @@ api.interceptors.response.use(
         if (retryCount < RATE_LIMIT_MAX_RETRIES) {
           // Wait retryAfterSeconds before retrying — interceptor re-runs on each subsequent 429
           const delayMs = safeRetryAfter * 1000;
-          return new Promise<void>((resolve) => setTimeout(resolve, delayMs)).then(
-            () => api(error.config!)
-          );
+          return new Promise<void>((resolve) =>
+            setTimeout(resolve, delayMs),
+          ).then(() => api(error.config!));
         }
       }
       // Retries exhausted — notify the user via Sonner toast
       toast.warning(
-        `Rate limited by ${provider}. The system has paused operations and will resume automatically in ~${safeRetryAfter}s.`
+        `Rate limited by ${provider}. The system has paused operations and will resume automatically in ~${safeRetryAfter}s.`,
       );
     }
 
@@ -111,23 +118,35 @@ api.interceptors.response.use(
 
     // Specific error handling with helpful messages
     if (error.code === "ECONNABORTED") {
-      console.error("[API] Request timed out - backend may be overloaded or unavailable");
+      console.error(
+        "[API] Request timed out - backend may be overloaded or unavailable",
+      );
     } else if (error.code === "ERR_NETWORK") {
-      console.error("[API] Network error - check if backend is running at", API_URL);
+      console.error(
+        "[API] Network error - check if backend is running at",
+        API_URL,
+      );
     } else if (status === 401) {
       console.error("[API] Unauthorized - check API authentication headers");
     } else if (status === 403) {
-      console.error("[API] Forbidden - insufficient permissions for this action");
+      console.error(
+        "[API] Forbidden - insufficient permissions for this action",
+      );
     } else if (status === 404) {
       console.error("[API] Not found - endpoint may not exist:", url);
     } else if (status === 422) {
-      console.error("[API] Validation error - request data is invalid:", errorDetail);
+      console.error(
+        "[API] Validation error - request data is invalid:",
+        errorDetail,
+      );
     } else if (status && status >= 500) {
-      console.error("[API] Server error - backend encountered an internal error");
+      console.error(
+        "[API] Server error - backend encountered an internal error",
+      );
     }
 
     return Promise.reject(error);
-  }
+  },
 );
 
 /**
@@ -187,7 +206,8 @@ export function getErrorMessage(error: unknown): string {
 
     // Check for HTTP status
     const status = axiosError.response?.status;
-    if (status === 401) return "Authentication required. Please refresh the page.";
+    if (status === 401)
+      return "Authentication required. Please refresh the page.";
     if (status === 403) return "Permission denied for this action.";
     if (status === 404) return "The requested resource was not found.";
     if (status === 422) return "Invalid request data.";
@@ -195,7 +215,9 @@ export function getErrorMessage(error: unknown): string {
   }
 
   // Generic error
-  return error instanceof Error ? error.message : "An unexpected error occurred";
+  return error instanceof Error
+    ? error.message
+    : "An unexpected error occurred";
 }
 
 export { api, API_URL };
diff --git a/panel/src/lib/api/cockpit.ts b/panel/src/lib/api/cockpit.ts
index b20d5906..1b6812f9 100644
--- a/panel/src/lib/api/cockpit.ts
+++ b/panel/src/lib/api/cockpit.ts
@@ -39,7 +39,7 @@ export const cockpitApi = {
   // lighter than /summary, which runs the full goals/usage/counts/pitches fan-out.
   signals: async (): Promise<CockpitSignal[]> => {
     const { data } = await api.get<{ signals: CockpitSignal[] }>(
-      "/cockpit/signals"
+      "/cockpit/signals",
     );
     return data.signals;
   },
diff --git a/panel/src/lib/api/dashboard.ts b/panel/src/lib/api/dashboard.ts
index ca793bdc..6a96cdf3 100644
--- a/panel/src/lib/api/dashboard.ts
+++ b/panel/src/lib/api/dashboard.ts
@@ -88,11 +88,21 @@ export interface CreateReportRequest {
 // Helper to create mock kanban board from tasks
 function createMockKanbanBoard(tasks: Task[], team?: Team): KanbanBoard {
   const filteredTasks = team ? tasks.filter((t) => t.team === team) : tasks;
-  const pendingTasks = filteredTasks.filter((t) => t.status === TaskStatus.PENDING);
-  const inProgressTasks = filteredTasks.filter((t) => t.status === TaskStatus.IN_PROGRESS);
-  const blockedTasks = filteredTasks.filter((t) => t.status === TaskStatus.BLOCKED);
-  const awaitingQaTasks = filteredTasks.filter((t) => t.status === TaskStatus.AWAITING_QA);
-  const completedTasks = filteredTasks.filter((t) => t.status === TaskStatus.COMPLETED);
+  const pendingTasks = filteredTasks.filter(
+    (t) => t.status === TaskStatus.PENDING,
+  );
+  const inProgressTasks = filteredTasks.filter(
+    (t) => t.status === TaskStatus.IN_PROGRESS,
+  );
+  const blockedTasks = filteredTasks.filter(
+    (t) => t.status === TaskStatus.BLOCKED,
+  );
+  const awaitingQaTasks = filteredTasks.filter(
+    (t) => t.status === TaskStatus.AWAITING_QA,
+  );
+  const completedTasks = filteredTasks.filter(
+    (t) => t.status === TaskStatus.COMPLETED,
+  );
 
   return {
     columns: [
@@ -170,25 +180,32 @@ export const dashboardApi = {
         average_completion_time_hours: 4.5,
       };
     }
-    const { data } = await api.get<VelocityMetric>("/dashboard/metrics/velocity");
+    const { data } = await api.get<VelocityMetric>(
+      "/dashboard/metrics/velocity",
+    );
     return data;
   },
 
   getBlockerMetrics: async (): Promise<BlockerMetric> => {
     if (isMockMode()) {
-      const blockedTasks = mockTasks.filter((t) => t.status === TaskStatus.BLOCKED);
+      const blockedTasks = mockTasks.filter(
+        (t) => t.status === TaskStatus.BLOCKED,
+      );
       return {
         total_blocked: blockedTasks.length,
         blocked_by_team: {
           backend: blockedTasks.filter((t) => t.team === Team.BACKEND).length,
           frontend: blockedTasks.filter((t) => t.team === Team.FRONTEND).length,
           ux_ui: blockedTasks.filter((t) => t.team === Team.UX_UI).length,
-          marketing: blockedTasks.filter((t) => t.team === Team.MARKETING).length,
+          marketing: blockedTasks.filter((t) => t.team === Team.MARKETING)
+            .length,
         },
         longest_blocked_hours: 24,
       };
     }
-    const { data } = await api.get<BlockerMetric>("/dashboard/metrics/blockers");
+    const { data } = await api.get<BlockerMetric>(
+      "/dashboard/metrics/blockers",
+    );
     return data;
   },
 
@@ -200,7 +217,9 @@ export const dashboardApi = {
         notifications_pending: 3,
       };
     }
-    const { data } = await api.get<CommunicationMetric>("/dashboard/metrics/communication");
+    const { data } = await api.get<CommunicationMetric>(
+      "/dashboard/metrics/communication",
+    );
     return data;
   },
 
@@ -253,7 +272,10 @@ export const dashboardApi = {
     if (isMockMode()) {
       return getMockRecentActivity().slice(0, limit);
     }
-    const { data } = await api.get<{ period_hours: number; activity: unknown[] }>("/dashboard/activity/recent", {
+    const { data } = await api.get<{
+      period_hours: number;
+      activity: unknown[];
+    }>("/dashboard/activity/recent", {
       params: { hours, limit },
     });
     // Backend returns { period_hours, activity }, extract the activity array
@@ -284,7 +306,9 @@ export const dashboardApi = {
         flags = flags.filter((f) => f.severity === params.severity);
       }
       if (params?.resolved !== undefined) {
-        flags = flags.filter((f) => (params.resolved ? f.resolved_at : !f.resolved_at));
+        flags = flags.filter((f) =>
+          params.resolved ? f.resolved_at : !f.resolved_at,
+        );
       }
       return flags;
     }
@@ -296,7 +320,7 @@ export const dashboardApi = {
 
   // Create an auditor flag
   createAuditorFlag: async (
-    request: CreateFlagRequest
+    request: CreateFlagRequest,
   ): Promise<AuditorFlag> => {
     if (isMockMode()) {
       const newFlag: AuditorFlag = {
@@ -316,7 +340,7 @@ export const dashboardApi = {
     }
     const { data } = await api.post<AuditorFlag>(
       "/dashboard/auditor/flags",
-      request
+      request,
     );
     return data;
   },
@@ -324,7 +348,7 @@ export const dashboardApi = {
   // Resolve an auditor flag
   resolveAuditorFlag: async (
     flagId: string,
-    notes?: string
+    notes?: string,
   ): Promise<{ status: string; flag_id: string }> => {
     if (isMockMode()) {
       const flags = mockAuditorFlags as AuditorFlag[];
@@ -339,9 +363,13 @@ export const dashboardApi = {
       }
       throw new Error("Flag not found");
     }
-    const { data } = await api.put(`/dashboard/auditor/flags/${flagId}/resolve`, null, {
-      params: { notes },
-    });
+    const { data } = await api.put(
+      `/dashboard/auditor/flags/${flagId}/resolve`,
+      null,
+      {
+        params: { notes },
+      },
+    );
     return data;
   },
 
@@ -362,14 +390,14 @@ export const dashboardApi = {
     }
     const { data } = await api.get<AuditorReport[]>(
       "/dashboard/auditor/reports",
-      { params }
+      { params },
     );
     return data;
   },
 
   // Create an auditor report
   createAuditorReport: async (
-    request: CreateReportRequest
+    request: CreateReportRequest,
   ): Promise<AuditorReport> => {
     if (isMockMode()) {
       const newReport: AuditorReport = {
@@ -386,14 +414,14 @@ export const dashboardApi = {
     }
     const { data } = await api.post<AuditorReport>(
       "/dashboard/auditor/reports",
-      request
+      request,
     );
     return data;
   },
 
   // Send a report to CEO
   sendAuditorReport: async (
-    reportId: string
+    reportId: string,
   ): Promise<{ status: string; report_id: string }> => {
     if (isMockMode()) {
       const reports = mockAuditorReports as AuditorReport[];
@@ -408,7 +436,7 @@ export const dashboardApi = {
       throw new Error("Report not found");
     }
     const { data } = await api.post(
-      `/dashboard/auditor/reports/${reportId}/send`
+      `/dashboard/auditor/reports/${reportId}/send`,
     );
     return data;
   },
@@ -434,7 +462,9 @@ export const dashboardApi = {
   // Get blocker details for CEO
   getCeoBlockerDetails: async () => {
     if (isMockMode()) {
-      const blockedTasks = mockTasks.filter((t) => t.status === TaskStatus.BLOCKED);
+      const blockedTasks = mockTasks.filter(
+        (t) => t.status === TaskStatus.BLOCKED,
+      );
       return {
         total_blocked: blockedTasks.length,
         blockers: blockedTasks.map((t) => ({
@@ -463,7 +493,9 @@ export const dashboardApi = {
           marketing: 0,
         },
         daily_breakdown: Array.from({ length: days }, (_, i) => ({
-          date: new Date(Date.now() - i * 24 * 60 * 60 * 1000).toISOString().split("T")[0],
+          date: new Date(Date.now() - i * 24 * 60 * 60 * 1000)
+            .toISOString()
+            .split("T")[0],
           completed: Math.floor(Math.random() * 5) + 1,
         })),
       };
@@ -513,10 +545,13 @@ export const dashboardApi = {
         total: tasks.length,
         by_status: {
           pending: tasks.filter((t) => t.status === TaskStatus.PENDING).length,
-          in_progress: tasks.filter((t) => t.status === TaskStatus.IN_PROGRESS).length,
+          in_progress: tasks.filter((t) => t.status === TaskStatus.IN_PROGRESS)
+            .length,
           blocked: tasks.filter((t) => t.status === TaskStatus.BLOCKED).length,
-          awaiting_qa: tasks.filter((t) => t.status === TaskStatus.AWAITING_QA).length,
-          completed: tasks.filter((t) => t.status === TaskStatus.COMPLETED).length,
+          awaiting_qa: tasks.filter((t) => t.status === TaskStatus.AWAITING_QA)
+            .length,
+          completed: tasks.filter((t) => t.status === TaskStatus.COMPLETED)
+            .length,
         },
       };
     }
diff --git a/panel/src/lib/api/git.ts b/panel/src/lib/api/git.ts
index 392ea872..9a390f5e 100644
--- a/panel/src/lib/api/git.ts
+++ b/panel/src/lib/api/git.ts
@@ -64,8 +64,18 @@ const mockBranches: GitBranchListResponse = {
   project_slug: "roboco",
   current_branch: "feature/backend/abc12345",
   branches: [
-    { name: "main", is_current: false, is_remote: false, last_commit: "def456" },
-    { name: "feature/backend/abc12345", is_current: true, is_remote: false, last_commit: "abc123" },
+    {
+      name: "main",
+      is_current: false,
+      is_remote: false,
+      last_commit: "def456",
+    },
+    {
+      name: "feature/backend/abc12345",
+      is_current: true,
+      is_remote: false,
+      last_commit: "abc123",
+    },
   ],
 };
 
@@ -81,7 +91,10 @@ export const gitApi = {
   /**
    * Get git status for a project
    */
-  getStatus: async (projectSlug: string, taskId?: string): Promise<GitStatusResponse> => {
+  getStatus: async (
+    projectSlug: string,
+    taskId?: string,
+  ): Promise<GitStatusResponse> => {
     if (isMockMode()) {
       return { ...mockGitStatus, project_slug: projectSlug };
     }
@@ -97,7 +110,7 @@ export const gitApi = {
   getLog: async (
     projectSlug: string,
     limit: number = 10,
-    branch?: string
+    branch?: string,
   ): Promise<GitLogResponse> => {
     if (isMockMode()) {
       return { ...mockGitLog, project_slug: projectSlug };
@@ -113,7 +126,7 @@ export const gitApi = {
    */
   getBranches: async (
     projectSlug: string,
-    includeRemote: boolean = false
+    includeRemote: boolean = false,
   ): Promise<GitBranchListResponse> => {
     if (isMockMode()) {
       return { ...mockBranches, project_slug: projectSlug };
@@ -130,7 +143,7 @@ export const gitApi = {
   getDiff: async (
     projectSlug: string,
     staged: boolean = false,
-    filePath?: string
+    filePath?: string,
   ): Promise<GitDiffResponse> => {
     if (isMockMode()) {
       return {
@@ -187,7 +200,9 @@ export const gitApi = {
   /**
    * Create a task branch (PM only)
    */
-  createBranch: async (request: GitCreateBranchRequest): Promise<GitCreateBranchResponse> => {
+  createBranch: async (
+    request: GitCreateBranchRequest,
+  ): Promise<GitCreateBranchResponse> => {
     if (isMockMode()) {
       return {
         branch_name: `${request.branch_type}/backend/${request.task_id.slice(0, 8)}`,
@@ -195,28 +210,38 @@ export const gitApi = {
         project_slug: request.project_slug,
       };
     }
-    const { data } = await api.post<GitCreateBranchResponse>("/git/branch/create", request);
+    const { data } = await api.post<GitCreateBranchResponse>(
+      "/git/branch/create",
+      request,
+    );
     return data;
   },
 
   /**
    * Checkout a branch
    */
-  checkout: async (request: GitCheckoutRequest): Promise<GitCheckoutResponse> => {
+  checkout: async (
+    request: GitCheckoutRequest,
+  ): Promise<GitCheckoutResponse> => {
     if (isMockMode()) {
       return {
         branch: request.branch,
         project_slug: request.project_slug,
       };
     }
-    const { data } = await api.post<GitCheckoutResponse>("/git/checkout", request);
+    const { data } = await api.post<GitCheckoutResponse>(
+      "/git/checkout",
+      request,
+    );
     return data;
   },
 
   /**
    * Create a pull request
    */
-  createPR: async (request: GitCreatePRRequest): Promise<GitCreatePRResponse> => {
+  createPR: async (
+    request: GitCreatePRRequest,
+  ): Promise<GitCreatePRResponse> => {
     if (isMockMode()) {
       return {
         pr_number: 42,
@@ -226,7 +251,10 @@ export const gitApi = {
         target_branch: "main",
       };
     }
-    const { data } = await api.post<GitCreatePRResponse>("/git/pr/create", request);
+    const { data } = await api.post<GitCreatePRResponse>(
+      "/git/pr/create",
+      request,
+    );
     return data;
   },
 
@@ -242,7 +270,10 @@ export const gitApi = {
         target_branch: "main",
       };
     }
-    const { data } = await api.post<GitMergePRResponse>("/git/pr/merge", request);
+    const { data } = await api.post<GitMergePRResponse>(
+      "/git/pr/merge",
+      request,
+    );
     return data;
   },
 
diff --git a/panel/src/lib/api/journals.ts b/panel/src/lib/api/journals.ts
index 85108503..38d3bd98 100644
--- a/panel/src/lib/api/journals.ts
+++ b/panel/src/lib/api/journals.ts
@@ -14,11 +14,7 @@ import {
   JournalStats,
   GrowthMetrics,
 } from "@/types";
-import {
-  isMockMode,
-  mockJournals,
-  mockJournalEntries,
-} from "@/lib/mock-data";
+import { isMockMode, mockJournals, mockJournalEntries } from "@/lib/mock-data";
 
 // =============================================================================
 // JOURNAL ENDPOINTS
@@ -59,7 +55,7 @@ async function listAgentEntries(
     task_id?: string;
     limit?: number;
     offset?: number;
-  }
+  },
 ): Promise<JournalEntry[]> {
   if (isMockMode()) {
     let entries = [...mockJournalEntries] as JournalEntry[];
@@ -75,7 +71,7 @@ async function listAgentEntries(
   }
   const response = await api.get<JournalEntry[]>(
     `/journals/${agentIdOrSlug}/entries`,
-    { params }
+    { params },
   );
   return response.data;
 }
@@ -195,7 +191,7 @@ async function addTaskReflection(data: {
   }
   const response = await api.post<JournalEntry>(
     "/journals/me/reflections",
-    data
+    data,
   );
   return response.data;
 }
@@ -329,11 +325,18 @@ async function getMyStats(): Promise<JournalStats> {
     return {
       total_entries: entries.length,
       entries_by_type: {
-        task_reflection: entries.filter((e) => e.type === JournalEntryType.TASK_REFLECTION).length,
-        decision_log: entries.filter((e) => e.type === JournalEntryType.DECISION_LOG).length,
-        learning: entries.filter((e) => e.type === JournalEntryType.LEARNING).length,
-        struggle: entries.filter((e) => e.type === JournalEntryType.STRUGGLE).length,
-        general: entries.filter((e) => e.type === JournalEntryType.GENERAL).length,
+        task_reflection: entries.filter(
+          (e) => e.type === JournalEntryType.TASK_REFLECTION,
+        ).length,
+        decision_log: entries.filter(
+          (e) => e.type === JournalEntryType.DECISION_LOG,
+        ).length,
+        learning: entries.filter((e) => e.type === JournalEntryType.LEARNING)
+          .length,
+        struggle: entries.filter((e) => e.type === JournalEntryType.STRUGGLE)
+          .length,
+        general: entries.filter((e) => e.type === JournalEntryType.GENERAL)
+          .length,
       },
       last_entry_at: entries[0]?.created_at ?? null,
       has_summary: false,
@@ -350,10 +353,18 @@ async function getMyGrowthMetrics(): Promise<GrowthMetrics> {
   if (isMockMode()) {
     const entries = mockJournalEntries as JournalEntry[];
     return {
-      total_reflections: entries.filter((e) => e.type === JournalEntryType.TASK_REFLECTION).length,
-      total_learnings: entries.filter((e) => e.type === JournalEntryType.LEARNING).length,
-      total_struggles: entries.filter((e) => e.type === JournalEntryType.STRUGGLE).length,
-      total_decisions: entries.filter((e) => e.type === JournalEntryType.DECISION_LOG).length,
+      total_reflections: entries.filter(
+        (e) => e.type === JournalEntryType.TASK_REFLECTION,
+      ).length,
+      total_learnings: entries.filter(
+        (e) => e.type === JournalEntryType.LEARNING,
+      ).length,
+      total_struggles: entries.filter(
+        (e) => e.type === JournalEntryType.STRUGGLE,
+      ).length,
+      total_decisions: entries.filter(
+        (e) => e.type === JournalEntryType.DECISION_LOG,
+      ).length,
       struggle_resolution_rate: 0.7,
       learning_frequency: 3.5,
       sentiment_trend: "improving",
@@ -372,7 +383,7 @@ async function getMyGrowthMetrics(): Promise<GrowthMetrics> {
  */
 async function searchEntries(
   query: string,
-  topK: number = 10
+  topK: number = 10,
 ): Promise<JournalEntry[]> {
   if (isMockMode()) {
     // Simple text search for mock mode
@@ -381,7 +392,7 @@ async function searchEntries(
       .filter(
         (e) =>
           e.title.toLowerCase().includes(queryLower) ||
-          e.content.toLowerCase().includes(queryLower)
+          e.content.toLowerCase().includes(queryLower),
       )
       .slice(0, topK);
   }
diff --git a/panel/src/lib/api/knowledge-base.ts b/panel/src/lib/api/knowledge-base.ts
index 57fcb6f8..f0bab314 100644
--- a/panel/src/lib/api/knowledge-base.ts
+++ b/panel/src/lib/api/knowledge-base.ts
@@ -54,21 +54,24 @@ import { isMockMode } from "@/lib/mock-data";
 
 const mockSearchResults: KBSearchResult[] = [
   {
-    content: "## Task Lifecycle\n\nTasks follow a strict state machine from PENDING through IN_PROGRESS to COMPLETED. Each transition requires specific conditions...",
+    content:
+      "## Task Lifecycle\n\nTasks follow a strict state machine from PENDING through IN_PROGRESS to COMPLETED. Each transition requires specific conditions...",
     source: "docs/architecture/task-lifecycle.md",
     score: 0.88,
     index_type: KBIndexType.DOCUMENTATION,
     metadata: { section: "Architecture" },
   },
   {
-    content: "BE-DEV-1: I've completed the task validation logic. The acceptance criteria now require at least one item before a task can be created.",
+    content:
+      "BE-DEV-1: I've completed the task validation logic. The acceptance criteria now require at least one item before a task can be created.",
     source: "channel:backend/session:abc123",
     score: 0.75,
     index_type: KBIndexType.CONVERSATIONS,
     metadata: { agent: "be-dev-1", timestamp: "2024-01-15T10:30:00Z" },
   },
   {
-    content: "Learned that proper error boundaries in the task form prevent cascading failures. Applied this pattern to all form components.",
+    content:
+      "Learned that proper error boundaries in the task form prevent cascading failures. Applied this pattern to all form components.",
     source: "journal:be-dev-1/entry:xyz789",
     score: 0.71,
     index_type: KBIndexType.JOURNALS,
@@ -78,14 +81,54 @@ const mockSearchResults: KBSearchResult[] = [
 
 const mockStats: KBStats = {
   indexes: [
-    { index_type: KBIndexType.DOCUMENTATION, document_count: 45, chunk_count: 320, last_updated: "2024-01-15T11:30:00Z" },
-    { index_type: KBIndexType.CONVERSATIONS, document_count: 890, chunk_count: 4200, last_updated: "2024-01-15T12:15:00Z" },
-    { index_type: KBIndexType.JOURNALS, document_count: 156, chunk_count: 780, last_updated: "2024-01-15T10:00:00Z" },
-    { index_type: KBIndexType.ERRORS, document_count: 45, chunk_count: 180, last_updated: "2024-01-15T10:00:00Z" },
-    { index_type: KBIndexType.STANDARDS, document_count: 12, chunk_count: 60, last_updated: "2024-01-15T10:00:00Z" },
-    { index_type: KBIndexType.DECISIONS, document_count: 78, chunk_count: 390, last_updated: "2024-01-15T10:00:00Z" },
-    { index_type: KBIndexType.REVIEWS, document_count: 234, chunk_count: 1170, last_updated: "2024-01-15T10:00:00Z" },
-    { index_type: KBIndexType.LEARNINGS, document_count: 89, chunk_count: 445, last_updated: "2024-01-15T10:00:00Z" },
+    {
+      index_type: KBIndexType.DOCUMENTATION,
+      document_count: 45,
+      chunk_count: 320,
+      last_updated: "2024-01-15T11:30:00Z",
+    },
+    {
+      index_type: KBIndexType.CONVERSATIONS,
+      document_count: 890,
+      chunk_count: 4200,
+      last_updated: "2024-01-15T12:15:00Z",
+    },
+    {
+      index_type: KBIndexType.JOURNALS,
+      document_count: 156,
+      chunk_count: 780,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
+    {
+      index_type: KBIndexType.ERRORS,
+      document_count: 45,
+      chunk_count: 180,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
+    {
+      index_type: KBIndexType.STANDARDS,
+      document_count: 12,
+      chunk_count: 60,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
+    {
+      index_type: KBIndexType.DECISIONS,
+      document_count: 78,
+      chunk_count: 390,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
+    {
+      index_type: KBIndexType.REVIEWS,
+      document_count: 234,
+      chunk_count: 1170,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
+    {
+      index_type: KBIndexType.LEARNINGS,
+      document_count: 89,
+      chunk_count: 445,
+      last_updated: "2024-01-15T10:00:00Z",
+    },
   ],
   total_documents: 1549,
   total_chunks: 6745,
@@ -94,18 +137,26 @@ const mockStats: KBStats = {
 // Backend returns stats as dict, we need to transform to array
 interface BackendIndexStats {
   initialized: boolean;
-  indexes: Record<string, { document_count: number; chunk_count: number; last_updated: string | null }>;
+  indexes: Record<
+    string,
+    { document_count: number; chunk_count: number; last_updated: string | null }
+  >;
 }
 
 function transformStatsResponse(backendStats: BackendIndexStats): KBStats {
-  const indexes: KBIndexStats[] = Object.entries(backendStats.indexes || {}).map(([indexType, stats]) => ({
+  const indexes: KBIndexStats[] = Object.entries(
+    backendStats.indexes || {},
+  ).map(([indexType, stats]) => ({
     index_type: indexType as KBIndexType,
     document_count: stats.document_count ?? 0,
     chunk_count: stats.chunk_count ?? 0,
     last_updated: stats.last_updated ?? null,
   }));
 
-  const total_documents = indexes.reduce((sum, idx) => sum + idx.document_count, 0);
+  const total_documents = indexes.reduce(
+    (sum, idx) => sum + idx.document_count,
+    0,
+  );
   const total_chunks = indexes.reduce((sum, idx) => sum + idx.chunk_count, 0);
 
   return { indexes, total_documents, total_chunks };
@@ -123,7 +174,9 @@ async function search(params: KBSearchRequest): Promise<KBSearchResponse> {
     // Filter by index types if specified
     let results = [...mockSearchResults];
     if (params.index_types && params.index_types.length > 0) {
-      results = results.filter((r) => params.index_types!.includes(r.index_type));
+      results = results.filter((r) =>
+        params.index_types!.includes(r.index_type),
+      );
     }
     // Filter by min score
     if (params.min_score) {
@@ -140,7 +193,10 @@ async function search(params: KBSearchRequest): Promise<KBSearchResponse> {
     };
   }
 
-  const response = await api.post<KBSearchResponse>("/optimal/kb/search", params);
+  const response = await api.post<KBSearchResponse>(
+    "/optimal/kb/search",
+    params,
+  );
   return response.data;
 }
 
@@ -175,7 +231,10 @@ async function ragQuery(params: RAGQueryRequest): Promise<RAGQueryResponse> {
     top_k: params.max_context_chunks ?? 5,
   };
 
-  const response = await api.post<RAGQueryResponse>("/optimal/rag/query", backendParams);
+  const response = await api.post<RAGQueryResponse>(
+    "/optimal/rag/query",
+    backendParams,
+  );
   return response.data;
 }
 
@@ -194,7 +253,10 @@ async function getContext(params: RAGQueryRequest): Promise<KBSearchResult[]> {
     top_k: params.max_context_chunks ?? 5,
   };
 
-  const response = await api.post<KBSearchResponse>("/optimal/rag/context", backendParams);
+  const response = await api.post<KBSearchResponse>(
+    "/optimal/rag/context",
+    backendParams,
+  );
   return response.data.results;
 }
 
@@ -242,8 +304,16 @@ async function getIndexStats(indexType: KBIndexType): Promise<KBIndexStats> {
  */
 async function listDocuments(
   indexType: KBIndexType,
-  params?: { limit?: number; offset?: number }
-): Promise<{ documents: Array<{ id: string; source: string; indexed_at: string; metadata?: Record<string, unknown> }>; total: number }> {
+  params?: { limit?: number; offset?: number },
+): Promise<{
+  documents: Array<{
+    id: string;
+    source: string;
+    indexed_at: string;
+    metadata?: Record<string, unknown>;
+  }>;
+  total: number;
+}> {
   if (isMockMode()) {
     // Generate mock document list
     const docs = mockSearchResults
@@ -256,10 +326,16 @@ async function listDocuments(
     return { documents: docs, total: docs.length };
   }
 
-  const response = await api.get<{ documents: Array<{ id: string; source: string; indexed_at: string; metadata?: Record<string, unknown> }>; total: number; index_type: string }>(
-    `/optimal/kb/${indexType}/documents`,
-    { params }
-  );
+  const response = await api.get<{
+    documents: Array<{
+      id: string;
+      source: string;
+      indexed_at: string;
+      metadata?: Record<string, unknown>;
+    }>;
+    total: number;
+    index_type: string;
+  }>(`/optimal/kb/${indexType}/documents`, { params });
   return { documents: response.data.documents, total: response.data.total };
 }
 
@@ -291,22 +367,35 @@ async function getHealth(): Promise<RAGHealthResponse> {
 /**
  * Delete/clear an index
  */
-async function deleteIndex(indexType: KBIndexType): Promise<ClearIndexResponse> {
+async function deleteIndex(
+  indexType: KBIndexType,
+): Promise<ClearIndexResponse> {
   if (isMockMode()) {
     return { status: "cleared", index_type: indexType };
   }
-  const response = await api.delete<ClearIndexResponse>(`/optimal/kb/${indexType}`);
+  const response = await api.delete<ClearIndexResponse>(
+    `/optimal/kb/${indexType}`,
+  );
   return response.data;
 }
 
 /**
  * Refresh an index with updated sources
  */
-async function refreshIndex(request: RefreshIndexRequest): Promise<RefreshIndexResponse> {
+async function refreshIndex(
+  request: RefreshIndexRequest,
+): Promise<RefreshIndexResponse> {
   if (isMockMode()) {
-    return { status: "refreshed", index_type: request.index_type, sources: request.sources };
+    return {
+      status: "refreshed",
+      index_type: request.index_type,
+      sources: request.sources,
+    };
   }
-  const response = await api.post<RefreshIndexResponse>("/optimal/kb/refresh", request);
+  const response = await api.post<RefreshIndexResponse>(
+    "/optimal/kb/refresh",
+    request,
+  );
   return response.data;
 }
 
@@ -354,12 +443,16 @@ async function reindexAll(request?: ReindexRequest): Promise<ReindexResponse> {
       docs_count: 50,
     };
   }
-  const response = await api.post<ReindexResponse>("/optimal/kb/reindex", null, {
-    params: {
-      force: request?.force ?? false,
-      timeout_seconds: request?.timeout_seconds ?? 300,
+  const response = await api.post<ReindexResponse>(
+    "/optimal/kb/reindex",
+    null,
+    {
+      params: {
+        force: request?.force ?? false,
+        timeout_seconds: request?.timeout_seconds ?? 300,
+      },
     },
-  });
+  );
   return response.data;
 }
 
@@ -393,7 +486,7 @@ async function checkStaleness(): Promise<IndexStalenessResponse> {
     };
   }
   const response = await api.get<IndexStalenessResponse>(
-    "/optimal/stats/staleness"
+    "/optimal/stats/staleness",
   );
   return response.data;
 }
@@ -405,7 +498,9 @@ async function checkStaleness(): Promise<IndexStalenessResponse> {
 /**
  * Ask the mentor for help
  */
-async function askMentor(request: MentorAskRequest): Promise<MentorAskResponse> {
+async function askMentor(
+  request: MentorAskRequest,
+): Promise<MentorAskResponse> {
   if (isMockMode()) {
     return {
       answer: `Here's what I found about "${request.question}":\n\nBased on our organizational knowledge, I recommend following the established patterns and consulting the relevant documentation.`,
@@ -414,7 +509,10 @@ async function askMentor(request: MentorAskRequest): Promise<MentorAskResponse>
       suggested_followups: ["Can you elaborate?", "What are the alternatives?"],
     };
   }
-  const response = await api.post<MentorAskResponse>("/optimal/mentor/ask", request);
+  const response = await api.post<MentorAskResponse>(
+    "/optimal/mentor/ask",
+    request,
+  );
   return response.data;
 }
 
@@ -425,22 +523,32 @@ async function askMentor(request: MentorAskRequest): Promise<MentorAskResponse>
 /**
  * Search for known error solutions
  */
-async function searchErrors(request: ErrorSearchRequest): Promise<ErrorSearchResponse> {
+async function searchErrors(
+  request: ErrorSearchRequest,
+): Promise<ErrorSearchResponse> {
   if (isMockMode()) {
     return { results: [], total: 0 };
   }
-  const response = await api.post<ErrorSearchResponse>("/optimal/errors/search", request);
+  const response = await api.post<ErrorSearchResponse>(
+    "/optimal/errors/search",
+    request,
+  );
   return response.data;
 }
 
 /**
  * Record an error solution
  */
-async function recordError(request: ErrorRecordRequest): Promise<ErrorRecordResponse> {
+async function recordError(
+  request: ErrorRecordRequest,
+): Promise<ErrorRecordResponse> {
   if (isMockMode()) {
     return { error_id: "err-" + Date.now(), status: "recorded" };
   }
-  const response = await api.post<ErrorRecordResponse>("/optimal/errors/record", request);
+  const response = await api.post<ErrorRecordResponse>(
+    "/optimal/errors/record",
+    request,
+  );
   return response.data;
 }
 
@@ -451,22 +559,36 @@ async function recordError(request: ErrorRecordRequest): Promise<ErrorRecordResp
 /**
  * Check if a similar decision was made before
  */
-async function checkDecision(request: DecisionCheckRequest): Promise<DecisionCheckResponse> {
+async function checkDecision(
+  request: DecisionCheckRequest,
+): Promise<DecisionCheckResponse> {
   if (isMockMode()) {
-    return { has_precedent: false, decisions: [], recommendation: "No similar decisions found" };
+    return {
+      has_precedent: false,
+      decisions: [],
+      recommendation: "No similar decisions found",
+    };
   }
-  const response = await api.post<DecisionCheckResponse>("/optimal/decisions/check", request);
+  const response = await api.post<DecisionCheckResponse>(
+    "/optimal/decisions/check",
+    request,
+  );
   return response.data;
 }
 
 /**
  * Record a decision for future reference
  */
-async function recordDecision(request: DecisionRecordRequest): Promise<DecisionRecordResponse> {
+async function recordDecision(
+  request: DecisionRecordRequest,
+): Promise<DecisionRecordResponse> {
   if (isMockMode()) {
     return { decision_id: "dec-" + Date.now(), status: "recorded" };
   }
-  const response = await api.post<DecisionRecordResponse>("/optimal/decisions/record", request);
+  const response = await api.post<DecisionRecordResponse>(
+    "/optimal/decisions/record",
+    request,
+  );
   return response.data;
 }
 
@@ -477,22 +599,37 @@ async function recordDecision(request: DecisionRecordRequest): Promise<DecisionR
 /**
  * Get standards for a domain
  */
-async function getStandards(request: StandardsGetRequest): Promise<StandardsGetResponse> {
+async function getStandards(
+  request: StandardsGetRequest,
+): Promise<StandardsGetResponse> {
   if (isMockMode()) {
     return { standards: [], total: 0 };
   }
-  const response = await api.post<StandardsGetResponse>("/optimal/standards/get", request);
+  const response = await api.post<StandardsGetResponse>(
+    "/optimal/standards/get",
+    request,
+  );
   return response.data;
 }
 
 /**
  * Validate an action against standards
  */
-async function validateAction(request: ValidateActionRequest): Promise<ValidateActionResponse> {
+async function validateAction(
+  request: ValidateActionRequest,
+): Promise<ValidateActionResponse> {
   if (isMockMode()) {
-    return { allowed: true, violations: [], warnings: [], relevant_standards: [] };
+    return {
+      allowed: true,
+      violations: [],
+      warnings: [],
+      relevant_standards: [],
+    };
   }
-  const response = await api.post<ValidateActionResponse>("/optimal/standards/validate", request);
+  const response = await api.post<ValidateActionResponse>(
+    "/optimal/standards/validate",
+    request,
+  );
   return response.data;
 }
 
@@ -503,7 +640,9 @@ async function validateAction(request: ValidateActionRequest): Promise<ValidateA
 /**
  * Review code against standards
  */
-async function reviewCode(request: CodeReviewRequest): Promise<CodeReviewResponse> {
+async function reviewCode(
+  request: CodeReviewRequest,
+): Promise<CodeReviewResponse> {
   if (isMockMode()) {
     return {
       file_path: request.file_path,
@@ -514,7 +653,10 @@ async function reviewCode(request: CodeReviewRequest): Promise<CodeReviewRespons
       similar_reviews: [],
     };
   }
-  const response = await api.post<CodeReviewResponse>("/optimal/review/code", request);
+  const response = await api.post<CodeReviewResponse>(
+    "/optimal/review/code",
+    request,
+  );
   return response.data;
 }
 
@@ -525,22 +667,32 @@ async function reviewCode(request: CodeReviewRequest): Promise<CodeReviewRespons
 /**
  * Record a learning for knowledge sharing
  */
-async function recordLearning(request: LearningRecordRequest): Promise<LearningRecordResponse> {
+async function recordLearning(
+  request: LearningRecordRequest,
+): Promise<LearningRecordResponse> {
   if (isMockMode()) {
     return { learning_id: "learn-" + Date.now(), status: "recorded" };
   }
-  const response = await api.post<LearningRecordResponse>("/optimal/learnings/record", request);
+  const response = await api.post<LearningRecordResponse>(
+    "/optimal/learnings/record",
+    request,
+  );
   return response.data;
 }
 
 /**
  * Search for relevant learnings
  */
-async function searchLearnings(request: LearningSearchRequest): Promise<KBSearchResponse> {
+async function searchLearnings(
+  request: LearningSearchRequest,
+): Promise<KBSearchResponse> {
   if (isMockMode()) {
     return { results: [], total: 0, query: request.query };
   }
-  const response = await api.post<KBSearchResponse>("/optimal/learnings/search", request);
+  const response = await api.post<KBSearchResponse>(
+    "/optimal/learnings/search",
+    request,
+  );
   return response.data;
 }
 
@@ -551,7 +703,9 @@ async function searchLearnings(request: LearningSearchRequest): Promise<KBSearch
 /**
  * Get proactive context for a task
  */
-async function getProactiveContext(request: ProactiveContextRequest): Promise<ProactiveContextResponse> {
+async function getProactiveContext(
+  request: ProactiveContextRequest,
+): Promise<ProactiveContextResponse> {
   if (isMockMode()) {
     return {
       task_id: request.task_id,
@@ -564,7 +718,10 @@ async function getProactiveContext(request: ProactiveContextRequest): Promise<Pr
       summary: "No relevant context found for this task.",
     };
   }
-  const response = await api.post<ProactiveContextResponse>("/optimal/context/proactive", request);
+  const response = await api.post<ProactiveContextResponse>(
+    "/optimal/context/proactive",
+    request,
+  );
   return response.data;
 }
 
@@ -575,7 +732,9 @@ async function getProactiveContext(request: ProactiveContextRequest): Promise<Pr
 /**
  * Estimate token count for content
  */
-async function estimateTokens(request: TokenEstimateRequest): Promise<TokenEstimateResponse> {
+async function estimateTokens(
+  request: TokenEstimateRequest,
+): Promise<TokenEstimateResponse> {
   if (isMockMode()) {
     return {
       token_count: Math.ceil(request.content.length / 4),
@@ -583,7 +742,10 @@ async function estimateTokens(request: TokenEstimateRequest): Promise<TokenEstim
       content_length: request.content.length,
     };
   }
-  const response = await api.post<TokenEstimateResponse>("/optimal/tokens/estimate", request);
+  const response = await api.post<TokenEstimateResponse>(
+    "/optimal/tokens/estimate",
+    request,
+  );
   return response.data;
 }
 
diff --git a/panel/src/lib/api/messages.ts b/panel/src/lib/api/messages.ts
index ca935724..2db6f5d9 100644
--- a/panel/src/lib/api/messages.ts
+++ b/panel/src/lib/api/messages.ts
@@ -1,6 +1,11 @@
 import api from "./client";
 import type { Message, MessageType } from "@/types";
-import { isMockMode, getMockMessages, AGENT_IDS, CHANNEL_IDS } from "@/lib/mock-data";
+import {
+  isMockMode,
+  getMockMessages,
+  AGENT_IDS,
+  CHANNEL_IDS,
+} from "@/lib/mock-data";
 
 // Store for mock messages (persists during session)
 let mockMessagesStore: Message[] | null = null;
@@ -17,20 +22,18 @@ export const messagesApi = {
     sessionId: string,
     limit: number = 50,
     before?: string,
-    after?: string
+    after?: string,
   ): Promise<{ items: Message[]; has_more: boolean }> => {
     if (isMockMode()) {
-      let messages = getMessages().filter(
-        (m) => m.session_id === sessionId
-      );
+      let messages = getMessages().filter((m) => m.session_id === sessionId);
       if (before) {
         messages = messages.filter(
-          (m) => new Date(m.timestamp) < new Date(before)
+          (m) => new Date(m.timestamp) < new Date(before),
         );
       }
       if (after) {
         messages = messages.filter(
-          (m) => new Date(m.timestamp) > new Date(after)
+          (m) => new Date(m.timestamp) > new Date(after),
         );
       }
       return {
@@ -38,9 +41,12 @@ export const messagesApi = {
         has_more: messages.length > limit,
       };
     }
-    const { data } = await api.get<{ items: Message[]; has_more: boolean }>("/messages", {
-      params: { session_id: sessionId, limit, before, after },
-    });
+    const { data } = await api.get<{ items: Message[]; has_more: boolean }>(
+      "/messages",
+      {
+        params: { session_id: sessionId, limit, before, after },
+      },
+    );
     return data;
   },
 
@@ -56,7 +62,11 @@ export const messagesApi = {
   },
 
   // Send a message
-  send: async (sessionId: string, content: string, type: string = "dialogue"): Promise<Message> => {
+  send: async (
+    sessionId: string,
+    content: string,
+    type: string = "dialogue",
+  ): Promise<Message> => {
     if (isMockMode()) {
       const newMessage: Message = {
         id: `msg-${Date.now()}`,
@@ -106,7 +116,9 @@ export const messagesApi = {
       }
       throw new Error("Message not found");
     }
-    const { data } = await api.patch<Message>("/messages/" + messageId, { content });
+    const { data } = await api.patch<Message>("/messages/" + messageId, {
+      content,
+    });
     return data;
   },
 
diff --git a/panel/src/lib/api/notifications.ts b/panel/src/lib/api/notifications.ts
index efeb35b0..fcc670fb 100644
--- a/panel/src/lib/api/notifications.ts
+++ b/panel/src/lib/api/notifications.ts
@@ -1,5 +1,10 @@
 import api from "./client";
-import type { Notification, NotificationListResponse, NotificationType, NotificationPriority } from "@/types";
+import type {
+  Notification,
+  NotificationListResponse,
+  NotificationType,
+  NotificationPriority,
+} from "@/types";
 import { isMockMode, mockNotifications } from "@/lib/mock-data";
 
 export interface NotificationFilters {
@@ -11,26 +16,34 @@ export interface NotificationFilters {
 
 export const notificationsApi = {
   // List notifications for CEO
-  list: async (filters?: NotificationFilters): Promise<NotificationListResponse> => {
+  list: async (
+    filters?: NotificationFilters,
+  ): Promise<NotificationListResponse> => {
     if (isMockMode()) {
       let notifications = [...mockNotifications] as Notification[];
       if (filters?.type) {
         notifications = notifications.filter((n) => n.type === filters.type);
       }
       if (filters?.priority) {
-        notifications = notifications.filter((n) => n.priority === filters.priority);
+        notifications = notifications.filter(
+          (n) => n.priority === filters.priority,
+        );
       }
       if (filters?.unread_only) {
         notifications = notifications.filter((n) => !n.is_read);
       }
       if (filters?.pending_ack_only) {
-        notifications = notifications.filter((n) => n.requires_ack && !n.is_acknowledged);
+        notifications = notifications.filter(
+          (n) => n.requires_ack && !n.is_acknowledged,
+        );
       }
       return {
         items: notifications,
         total: notifications.length,
         unread_count: notifications.filter((n) => !n.is_read).length,
-        pending_ack_count: notifications.filter((n) => n.requires_ack && !n.is_acknowledged).length,
+        pending_ack_count: notifications.filter(
+          (n) => n.requires_ack && !n.is_acknowledged,
+        ).length,
       };
     }
     // Backend uses type_filter, priority_filter parameter names
@@ -38,20 +51,27 @@ export const notificationsApi = {
     if (filters?.type) params.type_filter = filters.type;
     if (filters?.priority) params.priority_filter = filters.priority;
     if (filters?.unread_only) params.unread_only = filters.unread_only;
-    if (filters?.pending_ack_only) params.pending_ack_only = filters.pending_ack_only;
+    if (filters?.pending_ack_only)
+      params.pending_ack_only = filters.pending_ack_only;
 
-    const { data } = await api.get<NotificationListResponse>("/notifications", { params });
+    const { data } = await api.get<NotificationListResponse>("/notifications", {
+      params,
+    });
     return data;
   },
 
   // Get notification by ID
   get: async (notificationId: string): Promise<Notification> => {
     if (isMockMode()) {
-      const notification = mockNotifications.find((n) => n.id === notificationId);
+      const notification = mockNotifications.find(
+        (n) => n.id === notificationId,
+      );
       if (notification) return notification as Notification;
       throw new Error("Notification not found");
     }
-    const { data } = await api.get<Notification>("/notifications/" + notificationId);
+    const { data } = await api.get<Notification>(
+      "/notifications/" + notificationId,
+    );
     return data;
   },
 
@@ -85,7 +105,7 @@ export const notificationsApi = {
       throw new Error("Notification not found");
     }
     const { data } = await api.post<Notification>(
-      "/notifications/" + notificationId + "/ack"
+      "/notifications/" + notificationId + "/ack",
     );
     return data;
   },
@@ -99,16 +119,19 @@ export const notificationsApi = {
       return;
     }
     // Get all unread notifications
-    const { data } = await api.get<{ items: Notification[] }>("/notifications", {
-      params: { unread_only: true },
-    });
+    const { data } = await api.get<{ items: Notification[] }>(
+      "/notifications",
+      {
+        params: { unread_only: true },
+      },
+    );
     // Mark each as read
     await Promise.all(
       data.items.map((n) =>
         api.post("/notifications/" + n.id + "/read").catch(() => {
           // Ignore individual failures
-        })
-      )
+        }),
+      ),
     );
   },
 };
diff --git a/panel/src/lib/api/observability.ts b/panel/src/lib/api/observability.ts
index 90dc60c0..5471f5a9 100644
--- a/panel/src/lib/api/observability.ts
+++ b/panel/src/lib/api/observability.ts
@@ -47,9 +47,12 @@ export const observabilityApi = {
   /** Per-stage cycle time — GET /dashboard/metrics/cycle-time?days&team */
   getCycleTime: async (days = 30, team?: string): Promise<StageTiming[]> => {
     if (isMockMode()) return [];
-    const { data } = await api.get<StageTiming[]>("/dashboard/metrics/cycle-time", {
-      params: { days, ...(team ? { team } : {}) },
-    });
+    const { data } = await api.get<StageTiming[]>(
+      "/dashboard/metrics/cycle-time",
+      {
+        params: { days, ...(team ? { team } : {}) },
+      },
+    );
     return data;
   },
 
diff --git a/panel/src/lib/api/orchestrator.ts b/panel/src/lib/api/orchestrator.ts
index 1653b838..2d79070d 100644
--- a/panel/src/lib/api/orchestrator.ts
+++ b/panel/src/lib/api/orchestrator.ts
@@ -1,6 +1,14 @@
 import api from "./client";
-import type { OrchestratorStatus, AgentStatusResponse, WaitingAgent } from "@/types";
-import { isMockMode, mockOrchestratorStatus, mockWaitingAgents } from "@/lib/mock-data";
+import type {
+  OrchestratorStatus,
+  AgentStatusResponse,
+  WaitingAgent,
+} from "@/types";
+import {
+  isMockMode,
+  mockOrchestratorStatus,
+  mockWaitingAgents,
+} from "@/lib/mock-data";
 
 export interface SpawnAgentRequest {
   task_id?: string;
@@ -20,11 +28,15 @@ export const orchestratorApi = {
   // Get specific agent status
   getAgentStatus: async (agentId: string): Promise<AgentStatusResponse> => {
     if (isMockMode()) {
-      const found = mockOrchestratorStatus.agents.find(a => a.agent_id === agentId);
+      const found = mockOrchestratorStatus.agents.find(
+        (a) => a.agent_id === agentId,
+      );
       if (found) return found as AgentStatusResponse;
       throw new Error("Agent not found");
     }
-    const { data } = await api.get<AgentStatusResponse>("/orchestrator/agents/" + agentId);
+    const { data } = await api.get<AgentStatusResponse>(
+      "/orchestrator/agents/" + agentId,
+    );
     return data;
   },
 
@@ -38,10 +50,15 @@ export const orchestratorApi = {
   },
 
   // Spawn an agent
-  spawn: async (agentId: string, request?: SpawnAgentRequest): Promise<AgentStatusResponse> => {
+  spawn: async (
+    agentId: string,
+    request?: SpawnAgentRequest,
+  ): Promise<AgentStatusResponse> => {
     if (isMockMode()) {
       // Find or create agent in mock status
-      const existing = mockOrchestratorStatus.agents.find(a => a.agent_id === agentId);
+      const existing = mockOrchestratorStatus.agents.find(
+        (a) => a.agent_id === agentId,
+      );
       if (existing) {
         existing.state = "running";
         // Mock data uses string, so use empty string for no task
@@ -61,7 +78,7 @@ export const orchestratorApi = {
     }
     const { data } = await api.post<AgentStatusResponse>(
       "/orchestrator/agents/" + agentId + "/spawn",
-      { agent_id: agentId, ...request }
+      { agent_id: agentId, ...request },
     );
     return data;
   },
@@ -69,7 +86,9 @@ export const orchestratorApi = {
   // Stop an agent
   stop: async (agentId: string, graceful: boolean = true): Promise<void> => {
     if (isMockMode()) {
-      const agent = mockOrchestratorStatus.agents.find(a => a.agent_id === agentId);
+      const agent = mockOrchestratorStatus.agents.find(
+        (a) => a.agent_id === agentId,
+      );
       if (agent) {
         agent.state = "idle";
         (agent as { task_id: string }).task_id = "";
@@ -82,13 +101,18 @@ export const orchestratorApi = {
   },
 
   // Resolve a waiting agent
-  resolveWait: async (agentId: string, resolution: string): Promise<AgentStatusResponse> => {
+  resolveWait: async (
+    agentId: string,
+    resolution: string,
+  ): Promise<AgentStatusResponse> => {
     if (isMockMode()) {
       // Remove from waiting agents
-      const idx = mockWaitingAgents.findIndex(a => a.agent_id === agentId);
+      const idx = mockWaitingAgents.findIndex((a) => a.agent_id === agentId);
       if (idx !== -1) mockWaitingAgents.splice(idx, 1);
       // Update agent status
-      const agent = mockOrchestratorStatus.agents.find(a => a.agent_id === agentId);
+      const agent = mockOrchestratorStatus.agents.find(
+        (a) => a.agent_id === agentId,
+      );
       if (agent) {
         agent.state = "running";
         return agent as AgentStatusResponse;
@@ -97,7 +121,7 @@ export const orchestratorApi = {
     }
     const { data } = await api.post<AgentStatusResponse>(
       "/orchestrator/agents/" + agentId + "/resolve-wait",
-      { resolution }
+      { resolution },
     );
     return data;
   },
diff --git a/panel/src/lib/api/playbooks.ts b/panel/src/lib/api/playbooks.ts
index 2dd9ae2b..cb2d1792 100644
--- a/panel/src/lib/api/playbooks.ts
+++ b/panel/src/lib/api/playbooks.ts
@@ -31,7 +31,9 @@ export const playbooksApi = {
     return data;
   },
   reject: async (id: string, reason: string): Promise<Playbook> => {
-    const { data } = await api.post<Playbook>(`/playbooks/${id}/reject`, { reason });
+    const { data } = await api.post<Playbook>(`/playbooks/${id}/reject`, {
+      reason,
+    });
     return data;
   },
 };
diff --git a/panel/src/lib/api/products.ts b/panel/src/lib/api/products.ts
index 716e699c..78afa9b9 100644
--- a/panel/src/lib/api/products.ts
+++ b/panel/src/lib/api/products.ts
@@ -1,6 +1,11 @@
 import api from "./client";
 import { isMockMode } from "@/lib/mock-data";
-import type { Product, ProductCreate, ProductSummary, ProductUpdate } from "@/types";
+import type {
+  Product,
+  ProductCreate,
+  ProductSummary,
+  ProductUpdate,
+} from "@/types";
 
 export const productsApi = {
   list: async (): Promise<ProductSummary[]> => {
diff --git a/panel/src/lib/api/projects.ts b/panel/src/lib/api/projects.ts
index 2bfe9634..0598a6a7 100644
--- a/panel/src/lib/api/projects.ts
+++ b/panel/src/lib/api/projects.ts
@@ -24,7 +24,9 @@ export const projectsApi = {
     if (isMockMode()) {
       let projects = [...mockProjects];
       if (filters?.assigned_cell) {
-        projects = projects.filter((p) => p.assigned_cell === filters.assigned_cell);
+        projects = projects.filter(
+          (p) => p.assigned_cell === filters.assigned_cell,
+        );
       }
       if (filters?.active_only) {
         projects = projects.filter((p) => p.is_active);
@@ -37,13 +39,15 @@ export const projectsApi = {
         assigned_cell: p.assigned_cell,
         is_active: p.is_active,
         has_workspace: !!p.workspace_path,
-        has_git_token: false,  // Mock mode has no tokens
+        has_git_token: false, // Mock mode has no tokens
       }));
     }
 
     const params = new URLSearchParams();
-    if (filters?.assigned_cell) params.append("assigned_cell", filters.assigned_cell);
-    if (filters?.active_only !== undefined) params.append("active_only", String(filters.active_only));
+    if (filters?.assigned_cell)
+      params.append("assigned_cell", filters.assigned_cell);
+    if (filters?.active_only !== undefined)
+      params.append("active_only", String(filters.active_only));
     if (filters?.limit) params.append("limit", String(filters.limit));
     if (filters?.offset) params.append("offset", String(filters.offset));
 
@@ -76,7 +80,7 @@ export const projectsApi = {
         default_branch: project.default_branch ?? "main",
         protected_branches: project.protected_branches ?? ["main", "master"],
         assigned_cell: project.assigned_cell,
-        has_git_token: !!project.git_token,  // Mock token status
+        has_git_token: !!project.git_token, // Mock token status
         is_active: true,
         test_command: project.test_command ?? null,
         lint_command: project.lint_command ?? null,
@@ -103,7 +107,10 @@ export const projectsApi = {
   },
 
   // Update project (PM only)
-  update: async (projectId: string, updates: ProjectUpdate): Promise<Project> => {
+  update: async (
+    projectId: string,
+    updates: ProjectUpdate,
+  ): Promise<Project> => {
     if (isMockMode()) {
       const idx = mockProjects.findIndex((p) => p.id === projectId);
       if (idx === -1) throw new Error("Project not found");
@@ -111,27 +118,40 @@ export const projectsApi = {
       mockProjects[idx] = { ...mockProjects[idx], ...updates, updated_at: now };
       return mockProjects[idx];
     }
-    const { data } = await api.patch<Project>("/projects/" + projectId, updates);
+    const { data } = await api.patch<Project>(
+      "/projects/" + projectId,
+      updates,
+    );
     return data;
   },
 
   // Set workspace path for local development
-  setWorkspace: async (projectId: string, workspacePath: string): Promise<Project> => {
+  setWorkspace: async (
+    projectId: string,
+    workspacePath: string,
+  ): Promise<Project> => {
     if (isMockMode()) {
       const idx = mockProjects.findIndex((p) => p.id === projectId);
       if (idx === -1) throw new Error("Project not found");
       const now = new Date().toISOString();
-      mockProjects[idx] = { ...mockProjects[idx], workspace_path: workspacePath, updated_at: now };
+      mockProjects[idx] = {
+        ...mockProjects[idx],
+        workspace_path: workspacePath,
+        updated_at: now,
+      };
       return mockProjects[idx];
     }
-    const { data } = await api.post<Project>("/projects/" + projectId + "/workspace", { workspace_path: workspacePath });
+    const { data } = await api.post<Project>(
+      "/projects/" + projectId + "/workspace",
+      { workspace_path: workspacePath },
+    );
     return data;
   },
 
   // Update sync state (for tracking git status)
   updateSyncState: async (
     projectId: string,
-    headCommit: string
+    headCommit: string,
   ): Promise<Project> => {
     if (isMockMode()) {
       const idx = mockProjects.findIndex((p) => p.id === projectId);
@@ -145,9 +165,12 @@ export const projectsApi = {
       };
       return mockProjects[idx];
     }
-    const { data } = await api.post<Project>("/projects/" + projectId + "/sync-state", {
-      head_commit: headCommit,
-    });
+    const { data } = await api.post<Project>(
+      "/projects/" + projectId + "/sync-state",
+      {
+        head_commit: headCommit,
+      },
+    );
     return data;
   },
 
@@ -157,10 +180,16 @@ export const projectsApi = {
       const idx = mockProjects.findIndex((p) => p.id === projectId);
       if (idx === -1) throw new Error("Project not found");
       const now = new Date().toISOString();
-      mockProjects[idx] = { ...mockProjects[idx], is_active: false, updated_at: now };
+      mockProjects[idx] = {
+        ...mockProjects[idx],
+        is_active: false,
+        updated_at: now,
+      };
       return mockProjects[idx];
     }
-    const { data } = await api.patch<Project>("/projects/" + projectId, { is_active: false });
+    const { data } = await api.patch<Project>("/projects/" + projectId, {
+      is_active: false,
+    });
     return data;
   },
 
@@ -203,7 +232,9 @@ export const projectsApi = {
       };
       return mockProjects[idx];
     }
-    const { data } = await api.post<Project>("/projects/" + projectId + "/sync");
+    const { data } = await api.post<Project>(
+      "/projects/" + projectId + "/sync",
+    );
     return data;
   },
 };
diff --git a/panel/src/lib/api/providers.ts b/panel/src/lib/api/providers.ts
index 272f9898..59fbbf92 100644
--- a/panel/src/lib/api/providers.ts
+++ b/panel/src/lib/api/providers.ts
@@ -1,8 +1,5 @@
 import api from "./client";
-import type {
-  AssignmentScope,
-  ModelProvider,
-} from "@/types";
+import type { AssignmentScope, ModelProvider } from "@/types";
 
 // Matches the backend's CatalogEntryResponse.
 export interface CatalogEntry {
diff --git a/panel/src/lib/api/rate-limits.ts b/panel/src/lib/api/rate-limits.ts
index 549872e3..f1af9fe0 100644
--- a/panel/src/lib/api/rate-limits.ts
+++ b/panel/src/lib/api/rate-limits.ts
@@ -9,7 +9,9 @@ export const rateLimitsApi = {
    */
   getRateLimits: async (): Promise<RateLimitApiResponse> => {
     if (isMockMode()) {
-      console.warn("[rate-limits] isMockMode: skipping GET /api/system/rate-limits");
+      console.warn(
+        "[rate-limits] isMockMode: skipping GET /api/system/rate-limits",
+      );
       return { entries: [] };
     }
     const { data } = await api.get<RateLimitApiResponse>("/system/rate-limits");
diff --git a/panel/src/lib/api/release.ts b/panel/src/lib/api/release.ts
index 43acf582..3aa41f36 100644
--- a/panel/src/lib/api/release.ts
+++ b/panel/src/lib/api/release.ts
@@ -60,9 +60,12 @@ export const releaseApi = {
     return data;
   },
   reject: async (requiredChanges: string): Promise<ReleaseProposal> => {
-    const { data } = await api.post<ReleaseProposal>("/release/proposal/reject", {
-      required_changes: requiredChanges,
-    });
+    const { data } = await api.post<ReleaseProposal>(
+      "/release/proposal/reject",
+      {
+        required_changes: requiredChanges,
+      },
+    );
     return data;
   },
 };
diff --git a/panel/src/lib/api/secretary.ts b/panel/src/lib/api/secretary.ts
index c6f4f085..6b7ebb4b 100644
--- a/panel/src/lib/api/secretary.ts
+++ b/panel/src/lib/api/secretary.ts
@@ -55,10 +55,12 @@ export const LIVE_EVENT_KINDS: LiveEventKind[] = [
 
 export const secretaryApi = {
   /** Spawn the Secretary agent for a new chat. */
-  startLive: async (initialMessage?: string): Promise<{ session_id: string }> => {
+  startLive: async (
+    initialMessage?: string,
+  ): Promise<{ session_id: string }> => {
     const { data } = await api.post<{ session_id: string }>(
       "/secretary/live/start",
-      { initial_message: initialMessage }
+      { initial_message: initialMessage },
     );
     return data;
   },
@@ -70,7 +72,7 @@ export const secretaryApi = {
   /** Is this session still running? */
   status: async (sessionId: string): Promise<{ alive: boolean }> => {
     const { data } = await api.get<{ alive: boolean }>(
-      `/secretary/live/${sessionId}/status`
+      `/secretary/live/${sessionId}/status`,
     );
     return data;
   },
@@ -87,18 +89,21 @@ export const secretaryApi = {
 
   /** List directives (CEO only); defaults to the pending queue. */
   listDirectives: async (
-    statusFilter = "pending"
+    statusFilter = "pending",
   ): Promise<SecretaryDirective[]> => {
-    const { data } = await api.get<SecretaryDirective[]>("/secretary/directives", {
-      params: { status_filter: statusFilter },
-    });
+    const { data } = await api.get<SecretaryDirective[]>(
+      "/secretary/directives",
+      {
+        params: { status_filter: statusFilter },
+      },
+    );
     return data;
   },
 
   /** Confirm a pending directive — it executes with CEO authority. */
   confirmDirective: async (id: string): Promise<SecretaryDirective> => {
     const { data } = await api.post<SecretaryDirective>(
-      `/secretary/directives/${id}/confirm`
+      `/secretary/directives/${id}/confirm`,
     );
     return data;
   },
@@ -106,11 +111,11 @@ export const secretaryApi = {
   /** Reject a pending directive. */
   rejectDirective: async (
     id: string,
-    reason?: string
+    reason?: string,
   ): Promise<SecretaryDirective> => {
     const { data } = await api.post<SecretaryDirective>(
       `/secretary/directives/${id}/reject`,
-      { reason }
+      { reason },
     );
     return data;
   },
diff --git a/panel/src/lib/api/sessions.ts b/panel/src/lib/api/sessions.ts
index dc8c495c..65654e2c 100644
--- a/panel/src/lib/api/sessions.ts
+++ b/panel/src/lib/api/sessions.ts
@@ -21,13 +21,19 @@ export interface SessionCreate {
 
 export const sessionsApi = {
   // List sessions for a group
-  listByGroup: async (groupId: string, limit: number = 50): Promise<Session[]> => {
+  listByGroup: async (
+    groupId: string,
+    limit: number = 50,
+  ): Promise<Session[]> => {
     if (isMockMode()) {
       return (mockSessions as Session[]).slice(0, limit);
     }
-    const { data } = await api.get<{ items: Session[]; total: number }>("/sessions", {
-      params: { group_id: groupId, limit },
-    });
+    const { data } = await api.get<{ items: Session[]; total: number }>(
+      "/sessions",
+      {
+        params: { group_id: groupId, limit },
+      },
+    );
     return data.items;
   },
 
@@ -47,7 +53,9 @@ export const sessionsApi = {
     if (isMockMode()) {
       return []; // No mock session-task links
     }
-    const { data } = await api.get<SessionTaskLinkResponse[]>("/sessions/for-task/" + taskId);
+    const { data } = await api.get<SessionTaskLinkResponse[]>(
+      "/sessions/for-task/" + taskId,
+    );
     return data;
   },
 
@@ -67,7 +75,9 @@ export const sessionsApi = {
       }
       throw new Error("Session not found");
     }
-    const { data } = await api.post<Session>("/sessions/" + sessionId + "/close");
+    const { data } = await api.post<Session>(
+      "/sessions/" + sessionId + "/close",
+    );
     return data;
   },
 
@@ -76,7 +86,7 @@ export const sessionsApi = {
     sessionId: string,
     taskId: string,
     isPrimary: boolean = false,
-    relationshipType: string = "discussion"
+    relationshipType: string = "discussion",
   ): Promise<SessionTaskLinkResponse> => {
     const { data } = await api.post<SessionTaskLinkResponse>(
       "/sessions/" + sessionId + "/add-task",
@@ -84,7 +94,7 @@ export const sessionsApi = {
         task_id: taskId,
         is_primary: isPrimary,
         relationship_type: relationshipType,
-      }
+      },
     );
     return data;
   },
@@ -97,28 +107,33 @@ export const sessionsApi = {
   },
 
   // Get tasks linked to a session
-  getTasksForSession: async (sessionId: string): Promise<SessionTaskLinkResponse[]> => {
+  getTasksForSession: async (
+    sessionId: string,
+  ): Promise<SessionTaskLinkResponse[]> => {
     // Note: Backend doesn't have a dedicated GET endpoint for session tasks
     // Task links are returned with session detail via get()
     const session = await sessionsApi.get(sessionId);
     // Return empty array if session doesn't have task_links
-    return (session as Session & { task_links?: SessionTaskLinkResponse[] }).task_links || [];
+    return (
+      (session as Session & { task_links?: SessionTaskLinkResponse[] })
+        .task_links || []
+    );
   },
 
   // Create a session for tasks (PM only)
   createForTasks: async (
     taskIds: string[],
     channelSlug: string,
-    relationshipType: string = "discussion"
+    relationshipType: string = "discussion",
   ): Promise<{ session: Session; links: SessionTaskLinkResponse[] }> => {
-    const { data } = await api.post<{ session: Session; links: SessionTaskLinkResponse[] }>(
-      "/sessions/for-tasks",
-      {
-        task_ids: taskIds,
-        channel_slug: channelSlug,
-        relationship_type: relationshipType,
-      }
-    );
+    const { data } = await api.post<{
+      session: Session;
+      links: SessionTaskLinkResponse[];
+    }>("/sessions/for-tasks", {
+      task_ids: taskIds,
+      channel_slug: channelSlug,
+      relationship_type: relationshipType,
+    });
     return data;
   },
 
@@ -149,7 +164,7 @@ export const sessionsApi = {
   updateTaskLink: async (
     sessionId: string,
     taskId: string,
-    updates: { is_primary?: boolean; relationship_type?: string }
+    updates: { is_primary?: boolean; relationship_type?: string },
   ): Promise<SessionTaskLinkResponse> => {
     if (isMockMode()) {
       return {
@@ -164,7 +179,7 @@ export const sessionsApi = {
     }
     const { data } = await api.post<SessionTaskLinkResponse>(
       "/sessions/" + sessionId + "/update-task",
-      { task_id: taskId, ...updates }
+      { task_id: taskId, ...updates },
     );
     return data;
   },
diff --git a/panel/src/lib/api/settings.ts b/panel/src/lib/api/settings.ts
index d93ec841..44385732 100644
--- a/panel/src/lib/api/settings.ts
+++ b/panel/src/lib/api/settings.ts
@@ -22,17 +22,26 @@ export const settingsApi = {
     return data.settings;
   },
   // PUT /api/settings/{key} — persist one setting; returns the full updated map.
-  update: async (key: string, value: string): Promise<Record<string, string>> => {
-    const { data } = await api.put<SettingsResponse>(`/settings/${key}`, { value });
+  update: async (
+    key: string,
+    value: string,
+  ): Promise<Record<string, string>> => {
+    const { data } = await api.put<SettingsResponse>(`/settings/${key}`, {
+      value,
+    });
     return data.settings;
   },
   // GET /api/settings/feature-flags — effective flag values (override, else env).
   getFeatureFlags: async (): Promise<FeatureFlagsResponse> => {
-    const { data } = await api.get<FeatureFlagsResponse>("/settings/feature-flags");
+    const { data } = await api.get<FeatureFlagsResponse>(
+      "/settings/feature-flags",
+    );
     return data;
   },
   // PUT /api/settings/{key} — persist a feature flag as "true"/"false".
   setFeatureFlag: async (key: string, enabled: boolean): Promise<void> => {
-    await api.put<SettingsResponse>(`/settings/${key}`, { value: enabled ? "true" : "false" });
+    await api.put<SettingsResponse>(`/settings/${key}`, {
+      value: enabled ? "true" : "false",
+    });
   },
 };
diff --git a/panel/src/lib/api/stream.ts b/panel/src/lib/api/stream.ts
index 8c99fc9f..ef47417c 100644
--- a/panel/src/lib/api/stream.ts
+++ b/panel/src/lib/api/stream.ts
@@ -74,7 +74,9 @@ export const streamApi = {
   /**
    * Submit an audio chunk for transcription
    */
-  submitChunk: async (request: StreamChunkRequest): Promise<StreamChunkResponse> => {
+  submitChunk: async (
+    request: StreamChunkRequest,
+  ): Promise<StreamChunkResponse> => {
     if (isMockMode()) {
       return {
         status: "queued",
@@ -82,14 +84,19 @@ export const streamApi = {
         queued: true,
       };
     }
-    const { data } = await api.post<StreamChunkResponse>("/stream/chunk", request);
+    const { data } = await api.post<StreamChunkResponse>(
+      "/stream/chunk",
+      request,
+    );
     return data;
   },
 
   /**
    * Complete a transcription session
    */
-  complete: async (request: StreamCompleteRequest): Promise<StreamCompleteResponse> => {
+  complete: async (
+    request: StreamCompleteRequest,
+  ): Promise<StreamCompleteResponse> => {
     if (isMockMode()) {
       return {
         status: "completed",
@@ -98,7 +105,10 @@ export const streamApi = {
         transcription_id: `trans-${Date.now()}`,
       };
     }
-    const { data } = await api.post<StreamCompleteResponse>("/stream/complete", request);
+    const { data } = await api.post<StreamCompleteResponse>(
+      "/stream/complete",
+      request,
+    );
     return data;
   },
 
@@ -117,7 +127,10 @@ export const streamApi = {
         confidence: 0.85,
       };
     }
-    const { data } = await api.post<ExtractionResponse>("/stream/extract", request);
+    const { data } = await api.post<ExtractionResponse>(
+      "/stream/extract",
+      request,
+    );
     return data;
   },
 
@@ -155,7 +168,9 @@ export const streamApi = {
   /**
    * Get permissions for a specific channel
    */
-  getChannelPermissions: async (channelName: string): Promise<ChannelPermissions> => {
+  getChannelPermissions: async (
+    channelName: string,
+  ): Promise<ChannelPermissions> => {
     if (isMockMode()) {
       return {
         channel_name: channelName,
@@ -163,7 +178,9 @@ export const streamApi = {
         can_extract: true,
       };
     }
-    const { data } = await api.get<ChannelPermissions>(`/stream/permissions/channel/${channelName}`);
+    const { data } = await api.get<ChannelPermissions>(
+      `/stream/permissions/channel/${channelName}`,
+    );
     return data;
   },
 };
diff --git a/panel/src/lib/api/tasks.ts b/panel/src/lib/api/tasks.ts
index cc6dd2b7..77bcc808 100644
--- a/panel/src/lib/api/tasks.ts
+++ b/panel/src/lib/api/tasks.ts
@@ -136,7 +136,11 @@ export const tasksApi = {
     if (isMockMode()) {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
-      mockTasks[idx] = { ...mockTasks[idx], ...updates, updated_at: new Date().toISOString() };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        ...updates,
+        updated_at: new Date().toISOString(),
+      };
       return mockTasks[idx];
     }
     const { data } = await api.patch<Task>("/tasks/" + taskId, updates);
@@ -162,7 +166,12 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.CLAIMED, claimed_at: now, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.CLAIMED,
+        claimed_at: now,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/claim");
@@ -174,7 +183,12 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.IN_PROGRESS, started_at: now, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.IN_PROGRESS,
+        started_at: now,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/start");
@@ -186,11 +200,20 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      const blockerIds = blockerId ? [...mockTasks[idx].blocker_ids, blockerId] : mockTasks[idx].blocker_ids;
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.BLOCKED, blocker_ids: blockerIds, updated_at: now };
+      const blockerIds = blockerId
+        ? [...mockTasks[idx].blocker_ids, blockerId]
+        : mockTasks[idx].blocker_ids;
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.BLOCKED,
+        blocker_ids: blockerIds,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/block", { blocker_id: blockerId });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/block", {
+      blocker_id: blockerId,
+    });
     return data;
   },
 
@@ -199,7 +222,12 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.IN_PROGRESS, blocker_ids: [], updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.IN_PROGRESS,
+        blocker_ids: [],
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/unblock");
@@ -211,7 +239,11 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.PAUSED, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.PAUSED,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/pause");
@@ -223,7 +255,11 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.IN_PROGRESS, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.IN_PROGRESS,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/resume");
@@ -235,7 +271,12 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.VERIFYING, self_verified: true, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.VERIFYING,
+        self_verified: true,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/verify");
@@ -247,10 +288,17 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.AWAITING_QA, dev_notes: devNotes ?? null, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.AWAITING_QA,
+        dev_notes: devNotes ?? null,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/submit-qa", { dev_notes: devNotes });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/submit-qa", {
+      dev_notes: devNotes,
+    });
     return data;
   },
 
@@ -259,10 +307,18 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.AWAITING_DOCUMENTATION, qa_verified: true, qa_notes: qaNotes ?? null, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.AWAITING_DOCUMENTATION,
+        qa_verified: true,
+        qa_notes: qaNotes ?? null,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/pass-qa", { notes: qaNotes });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/pass-qa", {
+      notes: qaNotes,
+    });
     return data;
   },
 
@@ -271,10 +327,18 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.NEEDS_REVISION, qa_verified: false, qa_notes: qaNotes ?? null, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.NEEDS_REVISION,
+        qa_verified: false,
+        qa_notes: qaNotes ?? null,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/fail-qa", { notes: qaNotes });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/fail-qa", {
+      notes: qaNotes,
+    });
     return data;
   },
 
@@ -283,10 +347,17 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.COMPLETED, completed_at: now, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.COMPLETED,
+        completed_at: now,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/complete", { justification });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/complete", {
+      justification,
+    });
     return data;
   },
 
@@ -295,10 +366,16 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.CANCELLED, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.CANCELLED,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/cancel", { reason });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/cancel", {
+      reason,
+    });
     return data;
   },
 
@@ -308,11 +385,18 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.PENDING, completed_at: null, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.PENDING,
+        completed_at: null,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     // Backend doesn't have /reopen endpoint - use update instead
-    const { data } = await api.put<Task>("/tasks/" + taskId, { status: TaskStatus.PENDING });
+    const { data } = await api.put<Task>("/tasks/" + taskId, {
+      status: TaskStatus.PENDING,
+    });
     return data;
   },
 
@@ -322,7 +406,11 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.PENDING, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.PENDING,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
     const { data } = await api.post<Task>("/tasks/" + taskId + "/activate");
@@ -335,10 +423,17 @@ export const tasksApi = {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
       const now = new Date().toISOString();
-      mockTasks[idx] = { ...mockTasks[idx], status: TaskStatus.AWAITING_PM_REVIEW, updated_at: now };
+      mockTasks[idx] = {
+        ...mockTasks[idx],
+        status: TaskStatus.AWAITING_PM_REVIEW,
+        updated_at: now,
+      };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/docs-complete", { notes: docNotes });
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/docs-complete",
+      { notes: docNotes },
+    );
     return data;
   },
 
@@ -389,7 +484,9 @@ export const tasksApi = {
 
   getAwaitingDocs: async (): Promise<Task[]> => {
     if (isMockMode()) {
-      return mockTasks.filter((t) => t.status === TaskStatus.AWAITING_DOCUMENTATION);
+      return mockTasks.filter(
+        (t) => t.status === TaskStatus.AWAITING_DOCUMENTATION,
+      );
     }
     const { data } = await api.get<Task[]>("/tasks/awaiting-docs");
     return data;
@@ -410,7 +507,7 @@ export const tasksApi = {
       return [];
     }
     const { data } = await api.get<{ valid_statuses: TaskStatus[] }>(
-      "/tasks/" + taskId + "/valid-transitions"
+      "/tasks/" + taskId + "/valid-transitions",
     );
     return data.valid_statuses;
   },
@@ -447,7 +544,10 @@ export const tasksApi = {
   // PROGRESS TRACKING
   // =========================================================================
 
-  addProgress: async (taskId: string, request: ProgressRequest): Promise<Task> => {
+  addProgress: async (
+    taskId: string,
+    request: ProgressRequest,
+  ): Promise<Task> => {
     if (isMockMode()) {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
@@ -465,11 +565,17 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/progress", request);
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/progress",
+      request,
+    );
     return data;
   },
 
-  addCheckpoint: async (taskId: string, request: CheckpointRequest): Promise<Task> => {
+  addCheckpoint: async (
+    taskId: string,
+    request: CheckpointRequest,
+  ): Promise<Task> => {
     if (isMockMode()) {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
@@ -489,7 +595,10 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/checkpoint", request);
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/checkpoint",
+      request,
+    );
     return data;
   },
 
@@ -511,7 +620,10 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/commit", request);
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/commit",
+      request,
+    );
     return data;
   },
 
@@ -519,7 +631,10 @@ export const tasksApi = {
   // SOFT BLOCK & ESCALATION
   // =========================================================================
 
-  softBlock: async (taskId: string, request: SoftBlockRequest): Promise<Task> => {
+  softBlock: async (
+    taskId: string,
+    request: SoftBlockRequest,
+  ): Promise<Task> => {
     if (isMockMode()) {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
@@ -531,11 +646,17 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/soft-block", request);
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/soft-block",
+      request,
+    );
     return data;
   },
 
-  escalate: async (taskId: string, request: EscalateRequest): Promise<EscalateResponse> => {
+  escalate: async (
+    taskId: string,
+    request: EscalateRequest,
+  ): Promise<EscalateResponse> => {
     if (isMockMode()) {
       return {
         status: "escalated",
@@ -545,7 +666,10 @@ export const tasksApi = {
         message: "Task escalated successfully (mock)",
       };
     }
-    const { data } = await api.post<EscalateResponse>("/tasks/" + taskId + "/escalate", request);
+    const { data } = await api.post<EscalateResponse>(
+      "/tasks/" + taskId + "/escalate",
+      request,
+    );
     return data;
   },
 
@@ -561,7 +685,10 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/submit-pm-review", { notes });
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/submit-pm-review",
+      { notes },
+    );
     return data;
   },
 
@@ -572,7 +699,9 @@ export const tasksApi = {
   // Get tasks awaiting CEO approval
   getAwaitingCeoApproval: async (): Promise<Task[]> => {
     if (isMockMode()) {
-      return mockTasks.filter((t) => t.status === TaskStatus.AWAITING_CEO_APPROVAL);
+      return mockTasks.filter(
+        (t) => t.status === TaskStatus.AWAITING_CEO_APPROVAL,
+      );
     }
     const { data } = await api.get<Task[]>("/tasks/awaiting-ceo-approval");
     return data;
@@ -592,7 +721,9 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/ceo-approve", { notes });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/ceo-approve", {
+      notes,
+    });
     return data;
   },
 
@@ -609,7 +740,9 @@ export const tasksApi = {
   // No request body — the backend endpoint accepts no notes parameter.
   // May throw HTTP 400 with detail starting 'NO_PR' or 'Merge failed'.
   approveAndMerge: async (taskId: string): Promise<Task> => {
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/approve-and-merge");
+    const { data } = await api.post<Task>(
+      "/tasks/" + taskId + "/approve-and-merge",
+    );
     return data;
   },
 
@@ -626,7 +759,9 @@ export const tasksApi = {
       };
       return mockTasks[idx];
     }
-    const { data } = await api.post<Task>("/tasks/" + taskId + "/ceo-reject", { notes });
+    const { data } = await api.post<Task>("/tasks/" + taskId + "/ceo-reject", {
+      notes,
+    });
     return data;
   },
 
@@ -637,7 +772,9 @@ export const tasksApi = {
   // Get tasks awaiting PM review
   getAwaitingPmReview: async (): Promise<Task[]> => {
     if (isMockMode()) {
-      return mockTasks.filter((t) => t.status === TaskStatus.AWAITING_PM_REVIEW);
+      return mockTasks.filter(
+        (t) => t.status === TaskStatus.AWAITING_PM_REVIEW,
+      );
     }
     const { data } = await api.get<Task[]>("/tasks/awaiting-pm-review");
     return data;
@@ -654,18 +791,25 @@ export const tasksApi = {
   },
 
   // Get sessions linked to a task
-  getSessions: async (taskId: string): Promise<{ session_id: string; is_primary: boolean; relationship_type: string }[]> => {
+  getSessions: async (
+    taskId: string,
+  ): Promise<
+    { session_id: string; is_primary: boolean; relationship_type: string }[]
+  > => {
     if (isMockMode()) {
       return [];
     }
-    const { data } = await api.get<{ session_id: string; is_primary: boolean; relationship_type: string }[]>(
-      "/tasks/" + taskId + "/sessions"
-    );
+    const { data } = await api.get<
+      { session_id: string; is_primary: boolean; relationship_type: string }[]
+    >("/tasks/" + taskId + "/sessions");
     return data;
   },
 
   // Escalate task directly to CEO
-  escalateToCeo: async (taskId: string, reason: string): Promise<EscalateResponse> => {
+  escalateToCeo: async (
+    taskId: string,
+    reason: string,
+  ): Promise<EscalateResponse> => {
     if (isMockMode()) {
       return {
         status: "escalated",
@@ -675,12 +819,18 @@ export const tasksApi = {
         message: "Task escalated to CEO (mock)",
       };
     }
-    const { data } = await api.post<EscalateResponse>("/tasks/" + taskId + "/escalate-to-ceo", { notes: reason });
+    const { data } = await api.post<EscalateResponse>(
+      "/tasks/" + taskId + "/escalate-to-ceo",
+      { notes: reason },
+    );
     return data;
   },
 
   // Substitute a task with another (create replacement)
-  substitute: async (taskId: string, replacementTaskId: string): Promise<Task> => {
+  substitute: async (
+    taskId: string,
+    replacementTaskId: string,
+  ): Promise<Task> => {
     if (isMockMode()) {
       const idx = mockTasks.findIndex((t) => t.id === taskId);
       if (idx === -1) throw new Error("Task not found");
diff --git a/panel/src/lib/api/usage.ts b/panel/src/lib/api/usage.ts
index c5701db2..cad6da2a 100644
--- a/panel/src/lib/api/usage.ts
+++ b/panel/src/lib/api/usage.ts
@@ -24,7 +24,7 @@ function mockSummary(period: UsagePeriod = "24h"): UsageSummary {
     tokens_input: Math.round(base * 0.55),
     tokens_output: Math.round(base * 0.35),
     total_tokens: base,
-    total_cost_usd: parseFloat((base * 0.000030).toFixed(6)),
+    total_cost_usd: parseFloat((base * 0.00003).toFixed(6)),
     trend_pct: 12.5,
     period,
   };
@@ -51,7 +51,7 @@ function mockTimeSeries(period: UsagePeriod = "24h"): UsageTimePoint[] {
       tokens_input,
       tokens_output,
       total_tokens,
-      cost_usd: parseFloat((total_tokens * 0.000030).toFixed(6)),
+      cost_usd: parseFloat((total_tokens * 0.00003).toFixed(6)),
     };
   });
 }
@@ -78,7 +78,7 @@ function mockAgentUsage(period: UsagePeriod = "24h"): AgentUsageRow[] {
       tokens_input: ti,
       tokens_output: to_,
       total_tokens: total,
-      cost_usd: parseFloat((total * 0.000030).toFixed(6)),
+      cost_usd: parseFloat((total * 0.00003).toFixed(6)),
       pct_of_total: parseFloat(((total / grand) * 100).toFixed(2)),
     };
   });
@@ -97,7 +97,7 @@ function mockTeamUsage(period: UsagePeriod = "24h"): TeamUsageRow[] {
       tokens_input: ti,
       tokens_output: to_,
       total_tokens: total,
-      cost_usd: parseFloat((total * 0.000030).toFixed(6)),
+      cost_usd: parseFloat((total * 0.00003).toFixed(6)),
       pct_of_total: parseFloat(((total / grand) * 100).toFixed(2)),
     };
   });
@@ -120,29 +120,35 @@ function mockModelUsage(period: UsagePeriod = "24h"): ModelUsageSlice[] {
       tokens_input: ti,
       tokens_output: to_,
       total_tokens: total,
-      cost_usd: parseFloat((total * 0.000030).toFixed(6)),
+      cost_usd: parseFloat((total * 0.00003).toFixed(6)),
       pct_of_total: parseFloat((m.share * 100).toFixed(1)),
     };
   });
 }
 
 function mockProjection(): UsageProjection {
-  const total_cost_7d = parseFloat((124_800 * 7 * 0.000030).toFixed(6));
+  const total_cost_7d = parseFloat((124_800 * 7 * 0.00003).toFixed(6));
   return {
     total_cost_7d,
     avg_daily_cost_usd: parseFloat((total_cost_7d / 7).toFixed(6)),
-    projected_monthly_cost_usd: parseFloat((total_cost_7d / 7 * 30).toFixed(4)),
+    projected_monthly_cost_usd: parseFloat(
+      ((total_cost_7d / 7) * 30).toFixed(4),
+    ),
     basis_days: 7,
   };
 }
 
-function mockCacheEfficiency(period: UsagePeriod = "24h"): CacheEfficiencyResponse {
+function mockCacheEfficiency(
+  period: UsagePeriod = "24h",
+): CacheEfficiencyResponse {
   return {
     cache_hit_rate: 0.3142,
     tokens_cache_read: 39_168,
     tokens_cache_write: 12_480,
     tokens_input: 85_632,
-    cost_saved_by_cache_usd: parseFloat((39_168 * (3.00 - 0.30) / 1_000_000).toFixed(6)),
+    cost_saved_by_cache_usd: parseFloat(
+      ((39_168 * (3.0 - 0.3)) / 1_000_000).toFixed(6),
+    ),
     period,
   };
 }
@@ -157,7 +163,12 @@ function mockSessions(): UsageSession[] {
     const output = Math.round(500 + Math.random() * 3_000);
     const cache = Math.round(100 + Math.random() * 1_000);
     const started = new Date(Date.now() - (i + 1) * 12 * 60_000);
-    const ended = i < 3 ? null : new Date(started.getTime() + Math.round(5 + Math.random() * 55) * 60_000);
+    const ended =
+      i < 3
+        ? null
+        : new Date(
+            started.getTime() + Math.round(5 + Math.random() * 55) * 60_000,
+          );
     return {
       id: `session-mock-${i + 1}`,
       agent_slug,
@@ -167,7 +178,9 @@ function mockSessions(): UsageSession[] {
       tokens_output: output,
       tokens_cache: cache,
       total_tokens: input + output + cache,
-      cost: parseFloat(((input + output) * 0.00003 + cache * 0.000003).toFixed(4)),
+      cost: parseFloat(
+        ((input + output) * 0.00003 + cache * 0.000003).toFixed(4),
+      ),
       model,
     };
   });
@@ -179,7 +192,9 @@ function mockSessions(): UsageSession[] {
 
 export const usageApi = {
   /** Aggregated token usage summary — GET /usage/summary?period= */
-  getUsageSummary: async (period: UsagePeriod = "24h"): Promise<UsageSummary> => {
+  getUsageSummary: async (
+    period: UsagePeriod = "24h",
+  ): Promise<UsageSummary> => {
     if (isMockMode()) return mockSummary(period);
     const { data } = await api.get<UsageSummary>("/usage/summary", {
       params: { period },
@@ -188,7 +203,9 @@ export const usageApi = {
   },
 
   /** Bucketed time-series — GET /usage/time-series?period= */
-  getUsageTimeSeries: async (period: UsagePeriod = "24h"): Promise<UsageTimePoint[]> => {
+  getUsageTimeSeries: async (
+    period: UsagePeriod = "24h",
+  ): Promise<UsageTimePoint[]> => {
     if (isMockMode()) return mockTimeSeries(period);
     const { data } = await api.get<UsageTimePoint[]>("/usage/time-series", {
       params: { period },
@@ -197,7 +214,9 @@ export const usageApi = {
   },
 
   /** Per-agent usage rows — GET /usage/by-agent?period= */
-  getAgentUsage: async (period: UsagePeriod = "24h"): Promise<AgentUsageRow[]> => {
+  getAgentUsage: async (
+    period: UsagePeriod = "24h",
+  ): Promise<AgentUsageRow[]> => {
     if (isMockMode()) return mockAgentUsage(period);
     const { data } = await api.get<AgentUsageRow[]>("/usage/by-agent", {
       params: { period },
@@ -206,7 +225,9 @@ export const usageApi = {
   },
 
   /** Per-team usage rows — GET /usage/by-team?period= */
-  getTeamUsage: async (period: UsagePeriod = "24h"): Promise<TeamUsageRow[]> => {
+  getTeamUsage: async (
+    period: UsagePeriod = "24h",
+  ): Promise<TeamUsageRow[]> => {
     if (isMockMode()) return mockTeamUsage(period);
     const { data } = await api.get<TeamUsageRow[]>("/usage/by-team", {
       params: { period },
@@ -215,7 +236,9 @@ export const usageApi = {
   },
 
   /** Per-model usage slices — GET /usage/by-model?period= */
-  getModelUsage: async (period: UsagePeriod = "24h"): Promise<ModelUsageSlice[]> => {
+  getModelUsage: async (
+    period: UsagePeriod = "24h",
+  ): Promise<ModelUsageSlice[]> => {
     if (isMockMode()) return mockModelUsage(period);
     const { data } = await api.get<ModelUsageSlice[]>("/usage/by-model", {
       params: { period },
@@ -231,11 +254,16 @@ export const usageApi = {
   },
 
   /** Cache efficiency stats — GET /usage/cache-efficiency?period= */
-  getCacheEfficiency: async (period: UsagePeriod = "24h"): Promise<CacheEfficiencyResponse> => {
+  getCacheEfficiency: async (
+    period: UsagePeriod = "24h",
+  ): Promise<CacheEfficiencyResponse> => {
     if (isMockMode()) return mockCacheEfficiency(period);
-    const { data } = await api.get<CacheEfficiencyResponse>("/usage/cache-efficiency", {
-      params: { period },
-    });
+    const { data } = await api.get<CacheEfficiencyResponse>(
+      "/usage/cache-efficiency",
+      {
+        params: { period },
+      },
+    );
     return data;
   },
 
diff --git a/panel/src/lib/api/work-sessions.ts b/panel/src/lib/api/work-sessions.ts
index 41841fbc..830e17fe 100644
--- a/panel/src/lib/api/work-sessions.ts
+++ b/panel/src/lib/api/work-sessions.ts
@@ -71,13 +71,15 @@ export const workSessionsApi = {
   getForTask: async (taskId: string): Promise<WorkSession | null> => {
     if (isMockMode()) {
       const session = mockWorkSessions.find(
-        (s) => s.task_id === taskId && s.status === "active"
+        (s) => s.task_id === taskId && s.status === "active",
       );
       return session ?? null;
     }
 
     try {
-      const { data } = await api.get<WorkSession | null>("/work-sessions/task/" + taskId);
+      const { data } = await api.get<WorkSession | null>(
+        "/work-sessions/task/" + taskId,
+      );
       return data;
     } catch {
       return null;
@@ -118,7 +120,10 @@ export const workSessionsApi = {
   },
 
   // Add a commit to the work session
-  addCommit: async (sessionId: string, commitSha: string): Promise<WorkSession> => {
+  addCommit: async (
+    sessionId: string,
+    commitSha: string,
+  ): Promise<WorkSession> => {
     if (isMockMode()) {
       const idx = mockWorkSessions.findIndex((s) => s.id === sessionId);
       if (idx === -1) throw new Error("Work session not found");
@@ -130,14 +135,20 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/commits", {
-      commit_sha: commitSha,
-    });
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/commits",
+      {
+        commit_sha: commitSha,
+      },
+    );
     return data;
   },
 
   // Add modified files to the work session
-  addFiles: async (sessionId: string, filePaths: string[]): Promise<WorkSession> => {
+  addFiles: async (
+    sessionId: string,
+    filePaths: string[],
+  ): Promise<WorkSession> => {
     if (isMockMode()) {
       const idx = mockWorkSessions.findIndex((s) => s.id === sessionId);
       if (idx === -1) throw new Error("Work session not found");
@@ -151,14 +162,21 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/files", {
-      file_paths: filePaths,
-    });
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/files",
+      {
+        file_paths: filePaths,
+      },
+    );
     return data;
   },
 
   // Record PR creation
-  createPR: async (sessionId: string, prNumber: number, prUrl: string): Promise<WorkSession> => {
+  createPR: async (
+    sessionId: string,
+    prNumber: number,
+    prUrl: string,
+  ): Promise<WorkSession> => {
     if (isMockMode()) {
       const idx = mockWorkSessions.findIndex((s) => s.id === sessionId);
       if (idx === -1) throw new Error("Work session not found");
@@ -173,15 +191,21 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/pr", {
-      pr_number: prNumber,
-      pr_url: prUrl,
-    });
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/pr",
+      {
+        pr_number: prNumber,
+        pr_url: prUrl,
+      },
+    );
     return data;
   },
 
   // Update PR status
-  updatePRStatus: async (sessionId: string, prStatus: string): Promise<WorkSession> => {
+  updatePRStatus: async (
+    sessionId: string,
+    prStatus: string,
+  ): Promise<WorkSession> => {
     if (isMockMode()) {
       const idx = mockWorkSessions.findIndex((s) => s.id === sessionId);
       if (idx === -1) throw new Error("Work session not found");
@@ -193,14 +217,20 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.patch<WorkSession>("/work-sessions/" + sessionId + "/pr", {
-      pr_status: prStatus,
-    });
+    const { data } = await api.patch<WorkSession>(
+      "/work-sessions/" + sessionId + "/pr",
+      {
+        pr_status: prStatus,
+      },
+    );
     return data;
   },
 
   // Record PR merge (PM only)
-  mergePR: async (sessionId: string, mergedBy: string): Promise<WorkSession> => {
+  mergePR: async (
+    sessionId: string,
+    mergedBy: string,
+  ): Promise<WorkSession> => {
     if (isMockMode()) {
       const idx = mockWorkSessions.findIndex((s) => s.id === sessionId);
       if (idx === -1) throw new Error("Work session not found");
@@ -216,9 +246,12 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/pr/merge", {
-      merged_by: mergedBy,
-    });
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/pr/merge",
+      {
+        merged_by: mergedBy,
+      },
+    );
     return data;
   },
 
@@ -236,7 +269,9 @@ export const workSessionsApi = {
       };
       return mockWorkSessions[idx];
     }
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/complete");
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/complete",
+    );
     return data;
   },
 
@@ -255,7 +290,9 @@ export const workSessionsApi = {
       return mockWorkSessions[idx];
     }
     const params = reason ? `?reason=${encodeURIComponent(reason)}` : "";
-    const { data } = await api.post<WorkSession>("/work-sessions/" + sessionId + "/abandon" + params);
+    const { data } = await api.post<WorkSession>(
+      "/work-sessions/" + sessionId + "/abandon" + params,
+    );
     return data;
   },
 };
diff --git a/panel/src/lib/constants.ts b/panel/src/lib/constants.ts
index 8219ff81..0f0ed231 100644
--- a/panel/src/lib/constants.ts
+++ b/panel/src/lib/constants.ts
@@ -1,6 +1,6 @@
 /**
  * Application Constants
- * 
+ *
  * Centralized configuration values used across the application.
  */
 
@@ -18,7 +18,7 @@ export const DEFAULT_PAGE_SIZE = 20;
 export const MAX_PAGE_SIZE = 100;
 
 // WebSocket settings
-export const WS_RECONNECT_INTERVAL = 5000;  // Start at 5s, exponential backoff from there
+export const WS_RECONNECT_INTERVAL = 5000; // Start at 5s, exponential backoff from there
 export const WS_MAX_RECONNECT_ATTEMPTS = 3; // Give up after 3 attempts
 export const WS_HEARTBEAT_INTERVAL = 30000;
 
diff --git a/panel/src/lib/mock-data.ts b/panel/src/lib/mock-data.ts
index b70cbdf2..9d66ab3d 100644
--- a/panel/src/lib/mock-data.ts
+++ b/panel/src/lib/mock-data.ts
@@ -78,8 +78,10 @@ export const CHANNEL_IDS = {
 // Timestamps - computed dynamically to stay relative
 const getNow = () => new Date();
 const getMinutesAgo = (mins: number) => new Date(Date.now() - mins * 60 * 1000);
-const getHoursAgo = (hours: number) => new Date(Date.now() - hours * 60 * 60 * 1000);
-const getDaysAgo = (days: number) => new Date(Date.now() - days * 24 * 60 * 60 * 1000);
+const getHoursAgo = (hours: number) =>
+  new Date(Date.now() - hours * 60 * 60 * 1000);
+const getDaysAgo = (days: number) =>
+  new Date(Date.now() - days * 24 * 60 * 60 * 1000);
 
 // Static references for initial data (these get stale but are used for tasks/etc)
 const now = getNow();
@@ -101,30 +103,150 @@ interface MockAgent {
 
 export const mockAgents: MockAgent[] = [
   // Backend Cell
-  { id: AGENT_IDS.beDev1, name: "Backend Developer 1", slug: "be-dev-1", role: AgentRole.DEVELOPER, team: Team.BACKEND },
-  { id: AGENT_IDS.beDev2, name: "Backend Developer 2", slug: "be-dev-2", role: AgentRole.DEVELOPER, team: Team.BACKEND },
-  { id: AGENT_IDS.beQa, name: "Backend QA", slug: "be-qa", role: AgentRole.QA, team: Team.BACKEND },
-  { id: AGENT_IDS.bePm, name: "Backend PM", slug: "be-pm", role: AgentRole.CELL_PM, team: Team.BACKEND },
-  { id: AGENT_IDS.beDoc, name: "Backend Documenter", slug: "be-doc", role: AgentRole.DOCUMENTER, team: Team.BACKEND },
+  {
+    id: AGENT_IDS.beDev1,
+    name: "Backend Developer 1",
+    slug: "be-dev-1",
+    role: AgentRole.DEVELOPER,
+    team: Team.BACKEND,
+  },
+  {
+    id: AGENT_IDS.beDev2,
+    name: "Backend Developer 2",
+    slug: "be-dev-2",
+    role: AgentRole.DEVELOPER,
+    team: Team.BACKEND,
+  },
+  {
+    id: AGENT_IDS.beQa,
+    name: "Backend QA",
+    slug: "be-qa",
+    role: AgentRole.QA,
+    team: Team.BACKEND,
+  },
+  {
+    id: AGENT_IDS.bePm,
+    name: "Backend PM",
+    slug: "be-pm",
+    role: AgentRole.CELL_PM,
+    team: Team.BACKEND,
+  },
+  {
+    id: AGENT_IDS.beDoc,
+    name: "Backend Documenter",
+    slug: "be-doc",
+    role: AgentRole.DOCUMENTER,
+    team: Team.BACKEND,
+  },
   // Frontend Cell
-  { id: AGENT_IDS.feDev1, name: "Frontend Developer 1", slug: "fe-dev-1", role: AgentRole.DEVELOPER, team: Team.FRONTEND },
-  { id: AGENT_IDS.feDev2, name: "Frontend Developer 2", slug: "fe-dev-2", role: AgentRole.DEVELOPER, team: Team.FRONTEND },
-  { id: AGENT_IDS.feQa, name: "Frontend QA", slug: "fe-qa", role: AgentRole.QA, team: Team.FRONTEND },
-  { id: AGENT_IDS.fePm, name: "Frontend PM", slug: "fe-pm", role: AgentRole.CELL_PM, team: Team.FRONTEND },
-  { id: AGENT_IDS.feDoc, name: "Frontend Documenter", slug: "fe-doc", role: AgentRole.DOCUMENTER, team: Team.FRONTEND },
+  {
+    id: AGENT_IDS.feDev1,
+    name: "Frontend Developer 1",
+    slug: "fe-dev-1",
+    role: AgentRole.DEVELOPER,
+    team: Team.FRONTEND,
+  },
+  {
+    id: AGENT_IDS.feDev2,
+    name: "Frontend Developer 2",
+    slug: "fe-dev-2",
+    role: AgentRole.DEVELOPER,
+    team: Team.FRONTEND,
+  },
+  {
+    id: AGENT_IDS.feQa,
+    name: "Frontend QA",
+    slug: "fe-qa",
+    role: AgentRole.QA,
+    team: Team.FRONTEND,
+  },
+  {
+    id: AGENT_IDS.fePm,
+    name: "Frontend PM",
+    slug: "fe-pm",
+    role: AgentRole.CELL_PM,
+    team: Team.FRONTEND,
+  },
+  {
+    id: AGENT_IDS.feDoc,
+    name: "Frontend Documenter",
+    slug: "fe-doc",
+    role: AgentRole.DOCUMENTER,
+    team: Team.FRONTEND,
+  },
   // UX/UI Cell (only 1 dev per seed data)
-  { id: AGENT_IDS.uxDev1, name: "UX/UI Developer 1", slug: "ux-dev-1", role: AgentRole.DEVELOPER, team: Team.UX_UI },
-  { id: AGENT_IDS.uxDev2, name: "UX/UI Developer 2", slug: "ux-dev-2", role: AgentRole.DEVELOPER, team: Team.UX_UI },
-  { id: AGENT_IDS.uxQa, name: "UX/UI QA", slug: "ux-qa", role: AgentRole.QA, team: Team.UX_UI },
-  { id: AGENT_IDS.uxPm, name: "UX/UI PM", slug: "ux-pm", role: AgentRole.CELL_PM, team: Team.UX_UI },
-  { id: AGENT_IDS.uxDoc, name: "UX/UI Documenter", slug: "ux-doc", role: AgentRole.DOCUMENTER, team: Team.UX_UI },
+  {
+    id: AGENT_IDS.uxDev1,
+    name: "UX/UI Developer 1",
+    slug: "ux-dev-1",
+    role: AgentRole.DEVELOPER,
+    team: Team.UX_UI,
+  },
+  {
+    id: AGENT_IDS.uxDev2,
+    name: "UX/UI Developer 2",
+    slug: "ux-dev-2",
+    role: AgentRole.DEVELOPER,
+    team: Team.UX_UI,
+  },
+  {
+    id: AGENT_IDS.uxQa,
+    name: "UX/UI QA",
+    slug: "ux-qa",
+    role: AgentRole.QA,
+    team: Team.UX_UI,
+  },
+  {
+    id: AGENT_IDS.uxPm,
+    name: "UX/UI PM",
+    slug: "ux-pm",
+    role: AgentRole.CELL_PM,
+    team: Team.UX_UI,
+  },
+  {
+    id: AGENT_IDS.uxDoc,
+    name: "UX/UI Documenter",
+    slug: "ux-doc",
+    role: AgentRole.DOCUMENTER,
+    team: Team.UX_UI,
+  },
   // Board/Management (team=null per seed data)
-  { id: AGENT_IDS.mainPm, name: "Main PM", slug: "main-pm", role: AgentRole.MAIN_PM, team: null },
-  { id: AGENT_IDS.productOwner, name: "Product Owner", slug: "product-owner", role: AgentRole.PRODUCT_OWNER, team: null },
-  { id: AGENT_IDS.headMarketing, name: "Head of Marketing", slug: "head-marketing", role: AgentRole.HEAD_MARKETING, team: null },
-  { id: AGENT_IDS.auditor, name: "Auditor", slug: "auditor", role: AgentRole.AUDITOR, team: null },
+  {
+    id: AGENT_IDS.mainPm,
+    name: "Main PM",
+    slug: "main-pm",
+    role: AgentRole.MAIN_PM,
+    team: null,
+  },
+  {
+    id: AGENT_IDS.productOwner,
+    name: "Product Owner",
+    slug: "product-owner",
+    role: AgentRole.PRODUCT_OWNER,
+    team: null,
+  },
+  {
+    id: AGENT_IDS.headMarketing,
+    name: "Head of Marketing",
+    slug: "head-marketing",
+    role: AgentRole.HEAD_MARKETING,
+    team: null,
+  },
+  {
+    id: AGENT_IDS.auditor,
+    name: "Auditor",
+    slug: "auditor",
+    role: AgentRole.AUDITOR,
+    team: null,
+  },
   // CEO (Human - Renzo)
-  { id: AGENT_IDS.ceo, name: "Renzo", slug: "ceo", role: AgentRole.CEO, team: null },
+  {
+    id: AGENT_IDS.ceo,
+    name: "Renzo",
+    slug: "ceo",
+    role: AgentRole.CEO,
+    team: null,
+  },
 ];
 
 // =============================================================================
@@ -190,29 +312,96 @@ Implement a complete user authentication system including:
 4. **OAuth Integration**: Add Google/GitHub providers
 5. **Testing**: Write comprehensive tests`,
       sub_tasks: [
-        { id: mockId(), title: "Create database migrations", description: null, order: 1, completed: true, estimated_hours: 2, notes: null },
-        { id: mockId(), title: "Implement auth service", description: null, order: 2, completed: true, estimated_hours: 4, notes: null },
-        { id: mockId(), title: "Build API endpoints", description: null, order: 3, completed: false, estimated_hours: 4, notes: null },
-        { id: mockId(), title: "Add OAuth providers", description: null, order: 4, completed: false, estimated_hours: 3, notes: null },
-        { id: mockId(), title: "Write tests", description: null, order: 5, completed: false, estimated_hours: 3, notes: null },
+        {
+          id: mockId(),
+          title: "Create database migrations",
+          description: null,
+          order: 1,
+          completed: true,
+          estimated_hours: 2,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Implement auth service",
+          description: null,
+          order: 2,
+          completed: true,
+          estimated_hours: 4,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Build API endpoints",
+          description: null,
+          order: 3,
+          completed: false,
+          estimated_hours: 4,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Add OAuth providers",
+          description: null,
+          order: 4,
+          completed: false,
+          estimated_hours: 3,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Write tests",
+          description: null,
+          order: 5,
+          completed: false,
+          estimated_hours: 3,
+          notes: null,
+        },
       ],
       technical_considerations: [
         "Consider using Redis for session storage",
         "Implement proper error handling",
         "Add request logging for audit trail",
       ],
-      risks: [{ description: "OAuth provider API changes", severity: "medium", mitigation: "Use official SDKs and monitor changelogs" }],
-      open_questions: [{ question: "Should we support 2FA in this iteration?", answer: "No, defer to Phase 2", answered_by: AGENT_IDS.productOwner, answered_at: dayAgo.toISOString() }],
+      risks: [
+        {
+          description: "OAuth provider API changes",
+          severity: "medium",
+          mitigation: "Use official SDKs and monitor changelogs",
+        },
+      ],
+      open_questions: [
+        {
+          question: "Should we support 2FA in this iteration?",
+          answer: "No, defer to Phase 2",
+          answered_by: AGENT_IDS.productOwner,
+          answered_at: dayAgo.toISOString(),
+        },
+      ],
     },
     progress_updates: [
-      { timestamp: hourAgo.toISOString(), message: "Completed database migrations and auth service implementation", agent_id: AGENT_IDS.beDev1, percentage: 40 },
+      {
+        timestamp: hourAgo.toISOString(),
+        message:
+          "Completed database migrations and auth service implementation",
+        agent_id: AGENT_IDS.beDev1,
+        percentage: 40,
+      },
     ],
     checkpoints: [],
-    commits: [{ hash: "abc123def456", message: "feat: add user authentication schema", timestamp: dayAgo.toISOString(), author_agent_id: AGENT_IDS.beDev1 }],
+    commits: [
+      {
+        hash: "abc123def456",
+        message: "feat: add user authentication schema",
+        timestamp: dayAgo.toISOString(),
+        author_agent_id: AGENT_IDS.beDev1,
+      },
+    ],
     dev_notes: "Using bcrypt with 12 rounds for password hashing.",
     qa_notes: null,
     auditor_notes: null,
-    quick_context: "Currently implementing API endpoints. Auth service is ready.",
+    quick_context:
+      "Currently implementing API endpoints. Auth service is ready.",
   },
   {
     id: TASK_IDS.task2,
@@ -235,7 +424,11 @@ Implement a complete user authentication system including:
     docs_complete: false,
     pr_created: false,
     pm_approvals: {},
-    acceptance_criteria: ["All components are responsive", "Components follow design system", "Unit tests cover 80%+ of code"],
+    acceptance_criteria: [
+      "All components are responsive",
+      "Components follow design system",
+      "Unit tests cover 80%+ of code",
+    ],
     dependency_ids: [],
     blocker_ids: [],
     parent_task_id: TASK_IDS.task1, // Child of "Implement user authentication flow"
@@ -286,7 +479,11 @@ Pagination should maintain filter state.`,
     docs_complete: false,
     pr_created: false,
     pm_approvals: {},
-    acceptance_criteria: ["Pagination maintains filter state", "URL params reflect current filters", "No regression in existing functionality"],
+    acceptance_criteria: [
+      "Pagination maintains filter state",
+      "URL params reflect current filters",
+      "No regression in existing functionality",
+    ],
     dependency_ids: [],
     blocker_ids: [],
     parent_task_id: TASK_IDS.task1, // Child of "Implement user authentication flow"
@@ -333,7 +530,11 @@ The flow should guide new users through:
     docs_complete: false,
     pr_created: false,
     pm_approvals: {},
-    acceptance_criteria: ["Wireframes for all screens", "Interactive prototype", "User flow documentation"],
+    acceptance_criteria: [
+      "Wireframes for all screens",
+      "Interactive prototype",
+      "User flow documentation",
+    ],
     dependency_ids: [],
     blocker_ids: [],
     parent_task_id: null,
@@ -352,24 +553,68 @@ The flow should guide new users through:
     pr_number: 42,
     pr_url: "https://github.com/roboco/roboco/pull/42",
     plan: {
-      approach: "Create lo-fi wireframes first, then hi-fi mockups after stakeholder approval.",
+      approach:
+        "Create lo-fi wireframes first, then hi-fi mockups after stakeholder approval.",
       sub_tasks: [
-        { id: mockId(), title: "User research", description: null, order: 1, completed: true, estimated_hours: 2, notes: null },
-        { id: mockId(), title: "Lo-fi wireframes", description: null, order: 2, completed: true, estimated_hours: 2, notes: null },
-        { id: mockId(), title: "Hi-fi mockups", description: null, order: 3, completed: true, estimated_hours: 3, notes: null },
-        { id: mockId(), title: "Interactive prototype", description: null, order: 4, completed: true, estimated_hours: 1, notes: null },
+        {
+          id: mockId(),
+          title: "User research",
+          description: null,
+          order: 1,
+          completed: true,
+          estimated_hours: 2,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Lo-fi wireframes",
+          description: null,
+          order: 2,
+          completed: true,
+          estimated_hours: 2,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Hi-fi mockups",
+          description: null,
+          order: 3,
+          completed: true,
+          estimated_hours: 3,
+          notes: null,
+        },
+        {
+          id: mockId(),
+          title: "Interactive prototype",
+          description: null,
+          order: 4,
+          completed: true,
+          estimated_hours: 1,
+          notes: null,
+        },
       ],
       technical_considerations: [],
       risks: [],
       open_questions: [],
     },
     progress_updates: [
-      { timestamp: dayAgo.toISOString(), message: "Completed user research and started wireframes", agent_id: AGENT_IDS.uxDev1, percentage: 30 },
-      { timestamp: hourAgo.toISOString(), message: "Finished all mockups and prototype, submitting for QA", agent_id: AGENT_IDS.uxDev1, percentage: 100 },
+      {
+        timestamp: dayAgo.toISOString(),
+        message: "Completed user research and started wireframes",
+        agent_id: AGENT_IDS.uxDev1,
+        percentage: 30,
+      },
+      {
+        timestamp: hourAgo.toISOString(),
+        message: "Finished all mockups and prototype, submitting for QA",
+        agent_id: AGENT_IDS.uxDev1,
+        percentage: 100,
+      },
     ],
     checkpoints: [],
     commits: [],
-    dev_notes: "Used Figma for all designs. Prototype link in the team channel.",
+    dev_notes:
+      "Used Figma for all designs. Prototype link in the team channel.",
     qa_notes: null,
     auditor_notes: null,
     quick_context: "Ready for QA review. All deliverables complete.",
@@ -396,7 +641,11 @@ Reduce response time to < 100ms for all endpoints.`,
     docs_complete: false,
     pr_created: false,
     pm_approvals: {},
-    acceptance_criteria: ["All listed endpoints respond in < 100ms", "Query execution plans are documented", "No N+1 queries remain"],
+    acceptance_criteria: [
+      "All listed endpoints respond in < 100ms",
+      "Query execution plans are documented",
+      "No N+1 queries remain",
+    ],
     dependency_ids: [],
     blocker_ids: [TASK_IDS.task1],
     parent_task_id: null,
@@ -415,7 +664,14 @@ Reduce response time to < 100ms for all endpoints.`,
     pr_number: null,
     pr_url: null,
     plan: null,
-    progress_updates: [{ timestamp: hourAgo.toISOString(), message: "Blocked waiting for auth changes to merge", agent_id: AGENT_IDS.beDev2, percentage: 10 }],
+    progress_updates: [
+      {
+        timestamp: hourAgo.toISOString(),
+        message: "Blocked waiting for auth changes to merge",
+        agent_id: AGENT_IDS.beDev2,
+        percentage: 10,
+      },
+    ],
     checkpoints: [],
     commits: [],
     dev_notes: "Need to wait for task #1 to complete before proceeding.",
@@ -444,7 +700,11 @@ Include:
     docs_complete: true,
     pr_created: true,
     pm_approvals: { main_pm: true },
-    acceptance_criteria: ["All endpoints documented", "Swagger UI accessible at /docs", "Examples for each endpoint"],
+    acceptance_criteria: [
+      "All endpoints documented",
+      "Swagger UI accessible at /docs",
+      "Examples for each endpoint",
+    ],
     dependency_ids: [],
     blocker_ids: [],
     parent_task_id: null,
@@ -465,7 +725,14 @@ Include:
     plan: null,
     progress_updates: [],
     checkpoints: [],
-    commits: [{ hash: "def456789abc", message: "docs: add OpenAPI documentation", timestamp: hourAgo.toISOString(), author_agent_id: AGENT_IDS.beDoc }],
+    commits: [
+      {
+        hash: "def456789abc",
+        message: "docs: add OpenAPI documentation",
+        timestamp: hourAgo.toISOString(),
+        author_agent_id: AGENT_IDS.beDoc,
+      },
+    ],
     dev_notes: "Used FastAPI's built-in OpenAPI support.",
     qa_notes: "Documentation is complete and accurate.",
     auditor_notes: null,
@@ -479,29 +746,112 @@ Include:
 
 export const mockDashboardStats = {
   total_tasks: mockTasks.length,
-  tasks_in_progress: mockTasks.filter((t) => t.status === TaskStatus.IN_PROGRESS).length,
-  tasks_blocked: mockTasks.filter((t) => t.status === TaskStatus.BLOCKED).length,
+  tasks_in_progress: mockTasks.filter(
+    (t) => t.status === TaskStatus.IN_PROGRESS,
+  ).length,
+  tasks_blocked: mockTasks.filter((t) => t.status === TaskStatus.BLOCKED)
+    .length,
   tasks_completed_today: 1,
   active_agents: 3,
 };
 
 // Team health - matches backend: [BACKEND, FRONTEND, UX_UI, MARKETING, BOARD]
 export const mockTeamHealth = [
-  { team: Team.BACKEND, status: "ok" as const, active_tasks: 3, blocked_tasks: 1, blocked_ratio: 0.33, completed_this_week: 2 },
-  { team: Team.FRONTEND, status: "ok" as const, active_tasks: 2, blocked_tasks: 0, blocked_ratio: 0, completed_this_week: 1 },
-  { team: Team.UX_UI, status: "slow" as const, active_tasks: 1, blocked_tasks: 0, blocked_ratio: 0, completed_this_week: 0 },
-  { team: Team.MARKETING, status: "ok" as const, active_tasks: 0, blocked_tasks: 0, blocked_ratio: 0, completed_this_week: 0 },
-  { team: Team.BOARD, status: "ok" as const, active_tasks: 2, blocked_tasks: 0, blocked_ratio: 0, completed_this_week: 1 },
+  {
+    team: Team.BACKEND,
+    status: "ok" as const,
+    active_tasks: 3,
+    blocked_tasks: 1,
+    blocked_ratio: 0.33,
+    completed_this_week: 2,
+  },
+  {
+    team: Team.FRONTEND,
+    status: "ok" as const,
+    active_tasks: 2,
+    blocked_tasks: 0,
+    blocked_ratio: 0,
+    completed_this_week: 1,
+  },
+  {
+    team: Team.UX_UI,
+    status: "slow" as const,
+    active_tasks: 1,
+    blocked_tasks: 0,
+    blocked_ratio: 0,
+    completed_this_week: 0,
+  },
+  {
+    team: Team.MARKETING,
+    status: "ok" as const,
+    active_tasks: 0,
+    blocked_tasks: 0,
+    blocked_ratio: 0,
+    completed_this_week: 0,
+  },
+  {
+    team: Team.BOARD,
+    status: "ok" as const,
+    active_tasks: 2,
+    blocked_tasks: 0,
+    blocked_ratio: 0,
+    completed_this_week: 1,
+  },
 ];
 
 // Recent activity - matching /dashboard/activity/recent response
 // Use getter to ensure fresh timestamps on each access
 export const getMockRecentActivity = () => [
-  { id: mockId(), type: "task_update", timestamp: getMinutesAgo(5).toISOString(), agent_id: AGENT_IDS.beDev1, task_id: TASK_IDS.task1, title: "Implement user authentication flow", status: "in_progress", action: "started" },
-  { id: mockId(), type: "task_update", timestamp: getMinutesAgo(15).toISOString(), agent_id: AGENT_IDS.feDev1, task_id: TASK_IDS.task3, title: "Fix pagination bug in task list", status: "claimed", action: "claimed" },
-  { id: mockId(), type: "task_update", timestamp: getMinutesAgo(30).toISOString(), agent_id: AGENT_IDS.uxDev1, task_id: TASK_IDS.task4, title: "Design new onboarding flow", status: "awaiting_qa", action: "completed" },
-  { id: mockId(), type: "task_update", timestamp: getMinutesAgo(45).toISOString(), agent_id: AGENT_IDS.beDev2, task_id: TASK_IDS.task5, title: "Optimize database queries", status: "blocked", action: "blocked" },
-  { id: mockId(), type: "task_update", timestamp: getHoursAgo(2).toISOString(), agent_id: AGENT_IDS.beDoc, task_id: TASK_IDS.task6, title: "Write API documentation", status: "completed", action: "passed_qa" },
+  {
+    id: mockId(),
+    type: "task_update",
+    timestamp: getMinutesAgo(5).toISOString(),
+    agent_id: AGENT_IDS.beDev1,
+    task_id: TASK_IDS.task1,
+    title: "Implement user authentication flow",
+    status: "in_progress",
+    action: "started",
+  },
+  {
+    id: mockId(),
+    type: "task_update",
+    timestamp: getMinutesAgo(15).toISOString(),
+    agent_id: AGENT_IDS.feDev1,
+    task_id: TASK_IDS.task3,
+    title: "Fix pagination bug in task list",
+    status: "claimed",
+    action: "claimed",
+  },
+  {
+    id: mockId(),
+    type: "task_update",
+    timestamp: getMinutesAgo(30).toISOString(),
+    agent_id: AGENT_IDS.uxDev1,
+    task_id: TASK_IDS.task4,
+    title: "Design new onboarding flow",
+    status: "awaiting_qa",
+    action: "completed",
+  },
+  {
+    id: mockId(),
+    type: "task_update",
+    timestamp: getMinutesAgo(45).toISOString(),
+    agent_id: AGENT_IDS.beDev2,
+    task_id: TASK_IDS.task5,
+    title: "Optimize database queries",
+    status: "blocked",
+    action: "blocked",
+  },
+  {
+    id: mockId(),
+    type: "task_update",
+    timestamp: getHoursAgo(2).toISOString(),
+    agent_id: AGENT_IDS.beDoc,
+    task_id: TASK_IDS.task6,
+    title: "Write API documentation",
+    status: "completed",
+    action: "passed_qa",
+  },
 ];
 // Legacy export for backwards compatibility
 export const mockRecentActivity = getMockRecentActivity();
@@ -571,7 +921,13 @@ export const mockOrchestratorStatus = {
 };
 
 export const mockWaitingAgents = [
-  { agent_id: AGENT_IDS.beDev2, task_id: TASK_IDS.task5, waiting_for: "Waiting for task #1 auth implementation", waiting_since: hourAgo.toISOString(), context: { blocker_task_id: TASK_IDS.task1 } },
+  {
+    agent_id: AGENT_IDS.beDev2,
+    task_id: TASK_IDS.task5,
+    waiting_for: "Waiting for task #1 auth implementation",
+    waiting_since: hourAgo.toISOString(),
+    context: { blocker_task_id: TASK_IDS.task1 },
+  },
 ];
 
 // =============================================================================
@@ -579,11 +935,76 @@ export const mockWaitingAgents = [
 // =============================================================================
 
 export const mockChannels = [
-  { id: CHANNEL_IDS.backendCell, name: "Backend Cell", slug: "backend-cell", type: ChannelType.CELL, description: "Backend development team channel", topic: null, member_count: 6, message_count: 150, group_count: 3, is_archived: false, is_private: false, can_write: true },
-  { id: CHANNEL_IDS.frontendCell, name: "Frontend Cell", slug: "frontend-cell", type: ChannelType.CELL, description: "Frontend development team channel", topic: null, member_count: 6, message_count: 120, group_count: 2, is_archived: false, is_private: false, can_write: true },
-  { id: CHANNEL_IDS.uxuiCell, name: "UX/UI Cell", slug: "uxui-cell", type: ChannelType.CELL, description: "UX/UI design team channel", topic: null, member_count: 5, message_count: 80, group_count: 2, is_archived: false, is_private: false, can_write: true },
-  { id: CHANNEL_IDS.devAll, name: "All Developers", slug: "dev-all", type: ChannelType.CROSS_CELL, description: "Cross-cell developer discussion", topic: null, member_count: 10, message_count: 200, group_count: 5, is_archived: false, is_private: false, can_write: true },
-  { id: CHANNEL_IDS.announcements, name: "Announcements", slug: "announcements", type: ChannelType.SPECIAL, description: "Company-wide announcements", topic: null, member_count: 19, message_count: 25, group_count: 1, is_archived: false, is_private: false, can_write: false },
+  {
+    id: CHANNEL_IDS.backendCell,
+    name: "Backend Cell",
+    slug: "backend-cell",
+    type: ChannelType.CELL,
+    description: "Backend development team channel",
+    topic: null,
+    member_count: 6,
+    message_count: 150,
+    group_count: 3,
+    is_archived: false,
+    is_private: false,
+    can_write: true,
+  },
+  {
+    id: CHANNEL_IDS.frontendCell,
+    name: "Frontend Cell",
+    slug: "frontend-cell",
+    type: ChannelType.CELL,
+    description: "Frontend development team channel",
+    topic: null,
+    member_count: 6,
+    message_count: 120,
+    group_count: 2,
+    is_archived: false,
+    is_private: false,
+    can_write: true,
+  },
+  {
+    id: CHANNEL_IDS.uxuiCell,
+    name: "UX/UI Cell",
+    slug: "uxui-cell",
+    type: ChannelType.CELL,
+    description: "UX/UI design team channel",
+    topic: null,
+    member_count: 5,
+    message_count: 80,
+    group_count: 2,
+    is_archived: false,
+    is_private: false,
+    can_write: true,
+  },
+  {
+    id: CHANNEL_IDS.devAll,
+    name: "All Developers",
+    slug: "dev-all",
+    type: ChannelType.CROSS_CELL,
+    description: "Cross-cell developer discussion",
+    topic: null,
+    member_count: 10,
+    message_count: 200,
+    group_count: 5,
+    is_archived: false,
+    is_private: false,
+    can_write: true,
+  },
+  {
+    id: CHANNEL_IDS.announcements,
+    name: "Announcements",
+    slug: "announcements",
+    type: ChannelType.SPECIAL,
+    description: "Company-wide announcements",
+    topic: null,
+    member_count: 19,
+    message_count: 25,
+    group_count: 1,
+    is_archived: false,
+    is_private: false,
+    can_write: false,
+  },
 ];
 
 // =============================================================================
@@ -644,7 +1065,7 @@ export const mockNotifications = [
     type: NotificationType.BROADCAST,
     priority: NotificationPriority.NORMAL,
     from_agent: AGENT_IDS.mainPm,
-    to_agents: mockAgents.map(a => a.id),
+    to_agents: mockAgents.map((a) => a.id),
     subject: "Weekly Standup Tomorrow",
     body: "Reminder: Weekly standup meeting tomorrow at 10:00 AM.",
     requires_ack: false,
@@ -667,9 +1088,14 @@ export const mockJournals = [
     agent_id: AGENT_IDS.beDev1,
     total_entries: 5,
     last_entry_at: hourAgo.toISOString(),
-    latest_summary: "Working on auth implementation. Good progress on database schema and service layer.",
+    latest_summary:
+      "Working on auth implementation. Good progress on database schema and service layer.",
     summary_updated_at: hourAgo.toISOString(),
-    entries_by_type: { [JournalEntryType.TASK_REFLECTION]: 2, [JournalEntryType.DECISION_LOG]: 1, [JournalEntryType.LEARNING]: 2 },
+    entries_by_type: {
+      [JournalEntryType.TASK_REFLECTION]: 2,
+      [JournalEntryType.DECISION_LOG]: 1,
+      [JournalEntryType.LEARNING]: 2,
+    },
     created_at: weekAgo.toISOString(),
     updated_at: hourAgo.toISOString(),
   },
@@ -681,7 +1107,8 @@ export const mockJournalEntries = [
     journal_id: mockJournals[0].id,
     type: JournalEntryType.TASK_REFLECTION,
     title: "Auth Implementation Progress",
-    content: "Completed the database migrations and basic auth service. JWT implementation is clean and follows best practices.",
+    content:
+      "Completed the database migrations and basic auth service. JWT implementation is clean and follows best practices.",
     task_id: TASK_IDS.task1,
     session_id: null,
     timestamp: hourAgo.toISOString(),
@@ -696,7 +1123,8 @@ export const mockJournalEntries = [
     journal_id: mockJournals[0].id,
     type: JournalEntryType.DECISION_LOG,
     title: "Chose bcrypt over argon2",
-    content: "Decided to use bcrypt for password hashing. While argon2 is newer, bcrypt is more widely supported and battle-tested.",
+    content:
+      "Decided to use bcrypt for password hashing. While argon2 is newer, bcrypt is more widely supported and battle-tested.",
     task_id: TASK_IDS.task1,
     session_id: null,
     timestamp: dayAgo.toISOString(),
@@ -718,10 +1146,70 @@ export const mockKanbanDevBoard = {
   board_type: "dev",
   team: Team.BACKEND,
   columns: [
-    { id: mockId(), title: "Backlog", status: TaskStatus.PENDING, cards: [{ id: TASK_IDS.task2, title: "Build dashboard components", priority: 2, status: TaskStatus.PENDING, assignee_name: null, is_blocked: false }], card_count: 1 },
-    { id: mockId(), title: "In Progress", status: TaskStatus.IN_PROGRESS, cards: [{ id: TASK_IDS.task1, title: "Implement user authentication flow", priority: 1, status: TaskStatus.IN_PROGRESS, assignee_name: "Backend Developer 1", is_blocked: false }], card_count: 1 },
-    { id: mockId(), title: "Blocked", status: TaskStatus.BLOCKED, cards: [{ id: TASK_IDS.task5, title: "Optimize database queries", priority: 1, status: TaskStatus.BLOCKED, assignee_name: "Backend Developer 2", is_blocked: true }], card_count: 1 },
-    { id: mockId(), title: "Done", status: TaskStatus.COMPLETED, cards: [{ id: TASK_IDS.task6, title: "Write API documentation", priority: 3, status: TaskStatus.COMPLETED, assignee_name: "Backend Documenter", is_blocked: false }], card_count: 1 },
+    {
+      id: mockId(),
+      title: "Backlog",
+      status: TaskStatus.PENDING,
+      cards: [
+        {
+          id: TASK_IDS.task2,
+          title: "Build dashboard components",
+          priority: 2,
+          status: TaskStatus.PENDING,
+          assignee_name: null,
+          is_blocked: false,
+        },
+      ],
+      card_count: 1,
+    },
+    {
+      id: mockId(),
+      title: "In Progress",
+      status: TaskStatus.IN_PROGRESS,
+      cards: [
+        {
+          id: TASK_IDS.task1,
+          title: "Implement user authentication flow",
+          priority: 1,
+          status: TaskStatus.IN_PROGRESS,
+          assignee_name: "Backend Developer 1",
+          is_blocked: false,
+        },
+      ],
+      card_count: 1,
+    },
+    {
+      id: mockId(),
+      title: "Blocked",
+      status: TaskStatus.BLOCKED,
+      cards: [
+        {
+          id: TASK_IDS.task5,
+          title: "Optimize database queries",
+          priority: 1,
+          status: TaskStatus.BLOCKED,
+          assignee_name: "Backend Developer 2",
+          is_blocked: true,
+        },
+      ],
+      card_count: 1,
+    },
+    {
+      id: mockId(),
+      title: "Done",
+      status: TaskStatus.COMPLETED,
+      cards: [
+        {
+          id: TASK_IDS.task6,
+          title: "Write API documentation",
+          priority: 3,
+          status: TaskStatus.COMPLETED,
+          assignee_name: "Backend Documenter",
+          is_blocked: false,
+        },
+      ],
+      card_count: 1,
+    },
   ],
   total_cards: 4,
   blocked_count: 1,
@@ -751,7 +1239,9 @@ export const mockSessions = [
     message_count: 50,
     total_content_length: 12000,
     started_at: dayAgo.toISOString(),
-    last_activity_at: new Date(now.getTime() - 2 * 60 * 60 * 1000).toISOString(),
+    last_activity_at: new Date(
+      now.getTime() - 2 * 60 * 60 * 1000,
+    ).toISOString(),
     closed_at: new Date(now.getTime() - 2 * 60 * 60 * 1000).toISOString(),
   },
 ];
@@ -771,7 +1261,8 @@ export const getMockMessages = () => [
     group_id: messageGroupId,
     session_id: mockSessions[0].id,
     type: MessageType.DIALOGUE,
-    content: "Just finished the auth service implementation. Ready to start on the API endpoints.",
+    content:
+      "Just finished the auth service implementation. Ready to start on the API endpoints.",
     content_length: 78,
     is_reply: false,
     reply_to: null,
@@ -807,7 +1298,8 @@ export const getMockMessages = () => [
     group_id: messageGroupId,
     session_id: mockSessions[0].id,
     type: MessageType.BLOCKER,
-    content: "I'm blocked on the database optimization task. Need the auth changes to merge first.",
+    content:
+      "I'm blocked on the database optimization task. Need the auth changes to merge first.",
     content_length: 82,
     is_reply: false,
     reply_to: null,
@@ -873,7 +1365,8 @@ export const mockAuditorFlags = [
     severity: FlagSeverity.WARNING,
     category: "blocked",
     title: "Task blocked for extended period",
-    description: "Task 'Optimize database queries' has been blocked for over 24 hours.",
+    description:
+      "Task 'Optimize database queries' has been blocked for over 24 hours.",
     related_task_id: TASK_IDS.task5,
     related_agent_id: AGENT_IDS.beDev2,
     created_at: hourAgo.toISOString(),
@@ -885,7 +1378,8 @@ export const mockAuditorFlags = [
     severity: FlagSeverity.INFO,
     category: "process",
     title: "QA queue growing",
-    description: "Multiple tasks awaiting QA review. Consider allocating additional QA resources.",
+    description:
+      "Multiple tasks awaiting QA review. Consider allocating additional QA resources.",
     related_task_id: null,
     related_agent_id: null,
     created_at: dayAgo.toISOString(),
@@ -899,9 +1393,13 @@ export const mockAuditorReports = [
     id: mockId(),
     report_type: "daily",
     title: "Daily Status Report - " + now.toLocaleDateString(),
-    summary: "Overall team productivity is good. One blocker identified in backend team.",
+    summary:
+      "Overall team productivity is good. One blocker identified in backend team.",
     sections: [
-      { title: "Completed Tasks", content: "1 task completed (API documentation)" },
+      {
+        title: "Completed Tasks",
+        content: "1 task completed (API documentation)",
+      },
       { title: "In Progress", content: "2 tasks in progress (auth, bug fix)" },
       { title: "Blockers", content: "1 task blocked (database optimization)" },
     ],
@@ -912,9 +1410,27 @@ export const mockAuditorReports = [
 
 export const mockAuditorDashboard = {
   live_feeds: [
-    { id: CHANNEL_IDS.backendCell, name: "Backend Cell", status: "streaming", last_activity: now.toISOString(), message_count_24h: 25 },
-    { id: CHANNEL_IDS.frontendCell, name: "Frontend Cell", status: "idle", last_activity: hourAgo.toISOString(), message_count_24h: 15 },
-    { id: CHANNEL_IDS.uxuiCell, name: "UX/UI Cell", status: "idle", last_activity: dayAgo.toISOString(), message_count_24h: 5 },
+    {
+      id: CHANNEL_IDS.backendCell,
+      name: "Backend Cell",
+      status: "streaming",
+      last_activity: now.toISOString(),
+      message_count_24h: 25,
+    },
+    {
+      id: CHANNEL_IDS.frontendCell,
+      name: "Frontend Cell",
+      status: "idle",
+      last_activity: hourAgo.toISOString(),
+      message_count_24h: 15,
+    },
+    {
+      id: CHANNEL_IDS.uxuiCell,
+      name: "UX/UI Cell",
+      status: "idle",
+      last_activity: dayAgo.toISOString(),
+      message_count_24h: 5,
+    },
   ],
   flagged_items: mockAuditorFlags,
   metrics: {
@@ -924,7 +1440,12 @@ export const mockAuditorDashboard = {
     avg_review_time_hours: 2.5,
   },
   audit_queue: [
-    { type: "qa_review", title: "Design new onboarding flow", task_id: TASK_IDS.task4, team: Team.UX_UI },
+    {
+      type: "qa_review",
+      title: "Design new onboarding flow",
+      task_id: TASK_IDS.task4,
+      team: Team.UX_UI,
+    },
   ],
   recent_reports: mockAuditorReports,
 };
diff --git a/panel/src/lib/stores/ui-store.ts b/panel/src/lib/stores/ui-store.ts
index b92aa1d5..01333846 100644
--- a/panel/src/lib/stores/ui-store.ts
+++ b/panel/src/lib/stores/ui-store.ts
@@ -69,10 +69,14 @@ export const useUIStore = create<UIState>()(
 
       setSectionExpanded: (sectionId, expanded) =>
         set((state) => ({
-          expandedSections: { ...state.expandedSections, [sectionId]: expanded },
+          expandedSections: {
+            ...state.expandedSections,
+            [sectionId]: expanded,
+          },
         })),
 
-      isSectionExpanded: (sectionId) => get().expandedSections[sectionId] ?? true,
+      isSectionExpanded: (sectionId) =>
+        get().expandedSections[sectionId] ?? true,
 
       // Selected items management
       setSelectedItems: (key, items) =>
@@ -107,6 +111,6 @@ export const useUIStore = create<UIState>()(
         lastVisited: state.lastVisited,
         // Don't persist selectedItems - they're temporary
       }),
-    }
-  )
+    },
+  ),
 );
diff --git a/panel/src/lib/utils.ts b/panel/src/lib/utils.ts
index bd0c391d..a5ef1935 100644
--- a/panel/src/lib/utils.ts
+++ b/panel/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
diff --git a/panel/src/lib/websocket/connection.ts b/panel/src/lib/websocket/connection.ts
index 7f255189..15eccf2a 100644
--- a/panel/src/lib/websocket/connection.ts
+++ b/panel/src/lib/websocket/connection.ts
@@ -1,6 +1,6 @@
 /**
  * WebSocket Connection Manager
- * 
+ *
  * Handles WebSocket connections with auto-reconnect, heartbeat,
  * and event-based message handling.
  */
@@ -13,7 +13,11 @@ import {
 } from "@/lib/constants";
 
 export type MessageHandler = (data: unknown) => void;
-export type ConnectionState = "connecting" | "connected" | "disconnected" | "reconnecting";
+export type ConnectionState =
+  | "connecting"
+  | "connected"
+  | "disconnected"
+  | "reconnecting";
 
 export interface WebSocketOptions {
   url: string;
@@ -43,7 +47,8 @@ export class WebSocketConnection {
     this.onMessage = options.onMessage;
     this.onStateChange = options.onStateChange;
     this.reconnectInterval = options.reconnectInterval || WS_RECONNECT_INTERVAL;
-    this.maxReconnectAttempts = options.maxReconnectAttempts || WS_MAX_RECONNECT_ATTEMPTS;
+    this.maxReconnectAttempts =
+      options.maxReconnectAttempts || WS_MAX_RECONNECT_ATTEMPTS;
     this.heartbeatInterval = options.heartbeatInterval || WS_HEARTBEAT_INTERVAL;
   }
 
@@ -88,10 +93,11 @@ export class WebSocketConnection {
 
         // Don't reconnect if manually closed or max attempts reached
         // Also stop if we're getting resource errors (code 1006 with no clean close)
-        const shouldReconnect = !this.manualClose &&
+        const shouldReconnect =
+          !this.manualClose &&
           this.reconnectAttempts < this.maxReconnectAttempts &&
           event.code !== 1008 && // Policy violation
-          event.code !== 1011;   // Server error
+          event.code !== 1011; // Server error
 
         if (shouldReconnect) {
           this.setState("reconnecting");
@@ -117,12 +123,12 @@ export class WebSocketConnection {
     this.manualClose = true;
     this.stopHeartbeat();
     this.clearReconnectTimeout();
-    
+
     if (this.ws) {
       this.ws.close();
       this.ws = null;
     }
-    
+
     this.setState("disconnected");
   }
 
@@ -153,8 +159,9 @@ export class WebSocketConnection {
 
   private scheduleReconnect(): void {
     this.clearReconnectTimeout();
-    
-    const delay = this.reconnectInterval * Math.pow(1.5, this.reconnectAttempts);
+
+    const delay =
+      this.reconnectInterval * Math.pow(1.5, this.reconnectAttempts);
     this.reconnectAttempts++;
 
     this.reconnectTimeout = setTimeout(() => {
diff --git a/panel/src/store/__tests__/notifications-store.test.ts b/panel/src/store/__tests__/notifications-store.test.ts
index 75c13928..8b85dac8 100644
--- a/panel/src/store/__tests__/notifications-store.test.ts
+++ b/panel/src/store/__tests__/notifications-store.test.ts
@@ -9,9 +9,7 @@ import type { Notification } from "@/types";
 
 let _idCounter = 0;
 
-function makeNotification(
-  overrides: Partial<Notification> = {}
-): Notification {
+function makeNotification(overrides: Partial<Notification> = {}): Notification {
   _idCounter += 1;
   return {
     id: `notif-${_idCounter}`,
@@ -60,12 +58,16 @@ describe("useNotificationStore — addNotification", () => {
   });
 
   it("increments unreadCount when the notification is unread", () => {
-    useNotificationStore.getState().addNotification(makeNotification({ is_read: false }));
+    useNotificationStore
+      .getState()
+      .addNotification(makeNotification({ is_read: false }));
     expect(useNotificationStore.getState().unreadCount).toBe(1);
   });
 
   it("does NOT increment unreadCount when the notification is already read", () => {
-    useNotificationStore.getState().addNotification(makeNotification({ is_read: true }));
+    useNotificationStore
+      .getState()
+      .addNotification(makeNotification({ is_read: true }));
     expect(useNotificationStore.getState().unreadCount).toBe(0);
   });
 
@@ -73,7 +75,7 @@ describe("useNotificationStore — addNotification", () => {
     useNotificationStore
       .getState()
       .addNotification(
-        makeNotification({ requires_ack: true, is_acknowledged: false })
+        makeNotification({ requires_ack: true, is_acknowledged: false }),
       );
     expect(useNotificationStore.getState().pendingAckCount).toBe(1);
   });
@@ -89,7 +91,7 @@ describe("useNotificationStore — addNotification", () => {
     useNotificationStore
       .getState()
       .addNotification(
-        makeNotification({ requires_ack: true, is_acknowledged: true })
+        makeNotification({ requires_ack: true, is_acknowledged: true }),
       );
     expect(useNotificationStore.getState().pendingAckCount).toBe(0);
   });
@@ -113,7 +115,7 @@ describe("useNotificationStore — addNotification", () => {
     expect(useNotificationStore.getState().notifications).toHaveLength(1);
     // The entry was updated in place
     expect(useNotificationStore.getState().notifications[0].subject).toBe(
-      "Updated subject"
+      "Updated subject",
     );
   });
 
@@ -154,7 +156,9 @@ describe("useNotificationStore — markAsRead", () => {
     // markAsRead on an empty store shouldn't produce negative count
     useNotificationStore.setState({ unreadCount: 0 });
     useNotificationStore.getState().markAsRead("non-existent-id");
-    expect(useNotificationStore.getState().unreadCount).toBeGreaterThanOrEqual(0);
+    expect(useNotificationStore.getState().unreadCount).toBeGreaterThanOrEqual(
+      0,
+    );
   });
 
   it("does not affect other notifications", () => {
@@ -202,7 +206,9 @@ describe("useNotificationStore — markAsAcknowledged", () => {
   it("pendingAckCount never drops below 0", () => {
     useNotificationStore.setState({ pendingAckCount: 0 });
     useNotificationStore.getState().markAsAcknowledged("non-existent-id");
-    expect(useNotificationStore.getState().pendingAckCount).toBeGreaterThanOrEqual(0);
+    expect(
+      useNotificationStore.getState().pendingAckCount,
+    ).toBeGreaterThanOrEqual(0);
   });
 });
 
@@ -245,7 +251,9 @@ describe("useNotificationStore — clearAll", () => {
   });
 
   it("resets unreadCount to 0", () => {
-    useNotificationStore.getState().addNotification(makeNotification({ is_read: false }));
+    useNotificationStore
+      .getState()
+      .addNotification(makeNotification({ is_read: false }));
     useNotificationStore.getState().clearAll();
     expect(useNotificationStore.getState().unreadCount).toBe(0);
   });
@@ -254,7 +262,7 @@ describe("useNotificationStore — clearAll", () => {
     useNotificationStore
       .getState()
       .addNotification(
-        makeNotification({ requires_ack: true, is_acknowledged: false })
+        makeNotification({ requires_ack: true, is_acknowledged: false }),
       );
     useNotificationStore.getState().clearAll();
     expect(useNotificationStore.getState().pendingAckCount).toBe(0);
diff --git a/panel/src/store/__tests__/rate-limit-store.test.ts b/panel/src/store/__tests__/rate-limit-store.test.ts
index e2d6642d..0499178c 100644
--- a/panel/src/store/__tests__/rate-limit-store.test.ts
+++ b/panel/src/store/__tests__/rate-limit-store.test.ts
@@ -16,7 +16,7 @@ const TIMESTAMP = "2026-06-20T12:00:00.000Z";
 function makeHitEvent(
   provider = "anthropic",
   retryAfterSeconds = 60,
-  affectedAgents: string[] = []
+  affectedAgents: string[] = [],
 ): RateLimitHitEvent {
   return {
     type: "RATE_LIMIT_HIT",
@@ -38,14 +38,14 @@ function makeLiftedEvent(provider = "anthropic"): RateLimitLiftedEvent {
 function makeApiEntry(
   provider: string,
   hitAt = TIMESTAMP,
-  retryAfterSeconds = 30
+  retryAfterSeconds = 30,
 ): RateLimitEntry {
   return {
     provider,
     affectedAgents: [],
     hitAt,
     resumeAt: new Date(
-      new Date(hitAt).getTime() + retryAfterSeconds * 1000
+      new Date(hitAt).getTime() + retryAfterSeconds * 1000,
     ).toISOString(),
     retryAfterSeconds,
   };
@@ -105,7 +105,7 @@ describe("useRateLimitStore — hitRateLimit", () => {
     const entry = useRateLimitStore.getState().limits.get("anthropic");
 
     const expectedResumeAt = new Date(
-      new Date(TIMESTAMP).getTime() + retryAfterSeconds * 1000
+      new Date(TIMESTAMP).getTime() + retryAfterSeconds * 1000,
     ).toISOString();
     expect(entry?.resumeAt).toBe(expectedResumeAt);
   });
@@ -155,7 +155,7 @@ describe("useRateLimitStore — liftRateLimit", () => {
     expect(() =>
       useRateLimitStore
         .getState()
-        .liftRateLimit(makeLiftedEvent("non-existent"))
+        .liftRateLimit(makeLiftedEvent("non-existent")),
     ).not.toThrow();
     expect(useRateLimitStore.getState().limits.size).toBe(0);
   });
diff --git a/panel/src/store/notifications-store.ts b/panel/src/store/notifications-store.ts
index 5cd96d6b..b00feb6b 100644
--- a/panel/src/store/notifications-store.ts
+++ b/panel/src/store/notifications-store.ts
@@ -5,7 +5,7 @@ interface NotificationState {
   notifications: Notification[];
   unreadCount: number;
   pendingAckCount: number;
-  
+
   // Actions
   addNotification: (notification: Notification) => void;
   markAsRead: (id: string) => void;
@@ -29,7 +29,7 @@ export const useNotificationStore = create<NotificationState>((set) => ({
       if (state.notifications.some((n) => n.id === notification.id)) {
         return {
           notifications: state.notifications.map((n) =>
-            n.id === notification.id ? notification : n
+            n.id === notification.id ? notification : n,
           ),
         };
       }
@@ -45,7 +45,7 @@ export const useNotificationStore = create<NotificationState>((set) => ({
   markAsRead: (id) =>
     set((state) => ({
       notifications: state.notifications.map((n) =>
-        n.id === id ? { ...n, is_read: true } : n
+        n.id === id ? { ...n, is_read: true } : n,
       ),
       unreadCount: Math.max(0, state.unreadCount - 1),
     })),
@@ -53,7 +53,7 @@ export const useNotificationStore = create<NotificationState>((set) => ({
   markAsAcknowledged: (id) =>
     set((state) => ({
       notifications: state.notifications.map((n) =>
-        n.id === id ? { ...n, is_acknowledged: true } : n
+        n.id === id ? { ...n, is_acknowledged: true } : n,
       ),
       pendingAckCount: Math.max(0, state.pendingAckCount - 1),
     })),
@@ -63,5 +63,6 @@ export const useNotificationStore = create<NotificationState>((set) => ({
   setCounts: (unread, pendingAck) =>
     set({ unreadCount: unread, pendingAckCount: pendingAck }),
 
-  clearAll: () => set({ notifications: [], unreadCount: 0, pendingAckCount: 0 }),
+  clearAll: () =>
+    set({ notifications: [], unreadCount: 0, pendingAckCount: 0 }),
 }));
diff --git a/panel/src/store/rate-limit-store.ts b/panel/src/store/rate-limit-store.ts
index aeed29e7..8ebf2eb2 100644
--- a/panel/src/store/rate-limit-store.ts
+++ b/panel/src/store/rate-limit-store.ts
@@ -27,7 +27,7 @@ export const useRateLimitStore = create<RateLimitState>((set) => ({
         affectedAgents: event.affectedAgents,
         hitAt: event.timestamp,
         resumeAt: new Date(
-          new Date(event.timestamp).getTime() + event.retryAfterSeconds * 1000
+          new Date(event.timestamp).getTime() + event.retryAfterSeconds * 1000,
         ).toISOString(),
         retryAfterSeconds: event.retryAfterSeconds,
       };
diff --git a/panel/src/store/ui-store.ts b/panel/src/store/ui-store.ts
index 0a377cf8..9fe354a4 100644
--- a/panel/src/store/ui-store.ts
+++ b/panel/src/store/ui-store.ts
@@ -6,13 +6,13 @@ interface UIState {
   // Sidebar
   sidebarOpen: boolean;
   sidebarCollapsed: boolean;
-  
+
   // Theme
   theme: "light" | "dark" | "system";
-  
+
   // Current context
   currentTeam: Team | null;
-  
+
   // Actions
   toggleSidebar: () => void;
   setSidebarCollapsed: (collapsed: boolean) => void;
@@ -28,7 +28,8 @@ export const useUIStore = create<UIState>()(
       theme: "system",
       currentTeam: null,
 
-      toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
+      toggleSidebar: () =>
+        set((state) => ({ sidebarOpen: !state.sidebarOpen })),
       setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
       setTheme: (theme) => set({ theme }),
       setCurrentTeam: (team) => set({ currentTeam: team }),
@@ -40,6 +41,6 @@ export const useUIStore = create<UIState>()(
         theme: state.theme,
         currentTeam: state.currentTeam,
       }),
-    }
-  )
+    },
+  ),
 );
diff --git a/panel/vitest.config.ts b/panel/vitest.config.ts
index 2c242589..e13a08e3 100644
--- a/panel/vitest.config.ts
+++ b/panel/vitest.config.ts
@@ -8,11 +8,7 @@ export default defineConfig({
     setupFiles: ["./src/test/setup.ts"],
     coverage: {
       provider: "v8",
-      include: [
-        "src/lib/**",
-        "src/store/**",
-        "src/components/**",
-      ],
+      include: ["src/lib/**", "src/store/**", "src/components/**"],
       reporter: ["text", "lcov", "json-summary"],
     },
   },