@wrongstack/webui 0.256.1 → 0.257.2

package/dist/index.js

@@ -888,6 +888,8 @@ var useUIStore = create4()(
       dockSection: null,
       fleetMonitorOpen: false,
       agentsMonitorOpen: false,
+      inspectorOpen: false,
+      inspectorTab: "fleet",
       selectActivity: (activity) => set({ activeActivity: activity }),
       toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
       setSidebarOpen: (open) => set({ sidebarOpen: open }),
@@ -935,20 +937,30 @@ var useUIStore = create4()(
       setDockSection: (section) => set({ dockSection: section }),
       toggleDockSection: (section) => set((s) => ({ dockSection: s.dockSection === section ? null : section })),
       setFleetMonitorOpen: (open) => set({ fleetMonitorOpen: open }),
-      setAgentsMonitorOpen: (open) => set({ agentsMonitorOpen: open })
+      setAgentsMonitorOpen: (open) => set({ agentsMonitorOpen: open }),
+      setInspectorOpen: (open) => set({ inspectorOpen: open }),
+      setInspectorTab: (tab) => set({ inspectorTab: tab }),
+      toggleInspector: () => set((s) => ({ inspectorOpen: !s.inspectorOpen }))
     }),
     {
       name: "wrongstack-ui",
-      version: 1,
+      version: 2,
       // v0 → v1: 'context'/'sessions' activities were removed and the
       // sidebar width bounds changed — coerce persisted values so a stale
       // localStorage entry can't select a panel that no longer exists.
-      migrate: (persisted) => {
+      // v1 → v2: the modal FleetDrawer/AgentsDrawer were replaced by a
+      // single docked InspectorPanel; drop the stale drawer booleans so
+      // they can't force the (removed) fields back into state.
+      migrate: (persisted, version) => {
         const p = persisted ?? {};
         p.activeActivity = coerceActivity(p.activeActivity);
         if (typeof p.sidebarWidth === "number") {
           p.sidebarWidth = Math.max(SIDEBAR_MIN_WIDTH, Math.min(SIDEBAR_MAX_WIDTH, p.sidebarWidth));
         }
+        if (version < 2) {
+          delete p.fleetDrawerOpen;
+          delete p.agentsDrawerOpen;
+        }
         return p;
       },
       partialize: (s) => ({
@@ -961,7 +973,9 @@ var useUIStore = create4()(
         favoriteSessionIds: s.favoriteSessionIds,
         sessionNicknames: s.sessionNicknames,
         fileExplorerWidth: s.fileExplorerWidth,
-        refineEnabled: s.refineEnabled
+        refineEnabled: s.refineEnabled,
+        inspectorOpen: s.inspectorOpen,
+        inspectorTab: s.inspectorTab
       })
     }
   )
@@ -2916,7 +2930,7 @@ function useWebSocket() {
 }
 
 // src/App.tsx
-import { useEffect as useEffect44 } from "react";
+import { useEffect as useEffect45 } from "react";
 
 // src/components/ActivityBar.tsx
 import {
@@ -3105,8 +3119,16 @@ function ActivityBar() {
         {
           icon: /* @__PURE__ */ jsx3(LayoutGrid, { size: 16 }),
           label: "Fleet Monitor (Ctrl+Shift+M)",
-          active: useUIStore.getState().fleetMonitorOpen,
-          onClick: () => useUIStore.getState().setFleetMonitorOpen(!useUIStore.getState().fleetMonitorOpen)
+          active: useUIStore.getState().inspectorOpen && useUIStore.getState().inspectorTab === "fleet",
+          onClick: () => {
+            const ui = useUIStore.getState();
+            if (ui.inspectorOpen && ui.inspectorTab === "fleet") {
+              ui.setInspectorOpen(false);
+            } else {
+              ui.setInspectorTab("fleet");
+              ui.setInspectorOpen(true);
+            }
+          }
         }
       ),
       /* @__PURE__ */ jsx3(
@@ -3114,8 +3136,16 @@ function ActivityBar() {
         {
           icon: /* @__PURE__ */ jsx3(ActivityIconSvg, { size: 16 }),
           label: "Agents Monitor (Ctrl+Shift+A)",
-          active: useUIStore.getState().agentsMonitorOpen,
-          onClick: () => useUIStore.getState().setAgentsMonitorOpen(!useUIStore.getState().agentsMonitorOpen)
+          active: useUIStore.getState().inspectorOpen && useUIStore.getState().inspectorTab === "agents",
+          onClick: () => {
+            const ui = useUIStore.getState();
+            if (ui.inspectorOpen && ui.inspectorTab === "agents") {
+              ui.setInspectorOpen(false);
+            } else {
+              ui.setInspectorTab("agents");
+              ui.setInspectorOpen(true);
+            }
+          }
         }
       )
     ] }),
@@ -5029,7 +5059,7 @@ import {
   Terminal as Terminal4,
   Zap as Zap5
 } from "lucide-react";
-import { memo as memo5, useCallback as useCallback10, useEffect as useEffect18, useMemo as useMemo8, useRef as useRef14, useState as useState24 } from "react";
+import { memo as memo5, useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo7, useRef as useRef14, useState as useState25 } from "react";
 import { VList } from "virtua";
 
 // src/components/AutonomyPicker.tsx
@@ -7744,7 +7774,7 @@ import {
   User,
   XCircle as XCircle5
 } from "lucide-react";
-import { memo as memo3, useState as useState18 } from "react";
+import { memo as memo3, useState as useState19 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
@@ -8096,20 +8126,28 @@ function JsonResult({
 }
 
 // src/components/NextStepsBar.tsx
-import { ArrowRight as ArrowRight2, Lightbulb, MousePointerClick } from "lucide-react";
-import { useMemo as useMemo5 } from "react";
+import { ArrowRight as ArrowRight2, Lightbulb, MousePointerClick, Timer as Timer2 } from "lucide-react";
+import { useEffect as useEffect14, useState as useState14 } from "react";
 import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-var NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+\n?)+)/i;
+var NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+(?:\s+auto="true")?\n?)+)/i;
+var ITEM_RE = /^(\d+)\.\s+(.+?)(?:\s+auto="true")?$/;
 function parseNextSteps(content) {
   const match = NEXT_STEPS_RE.exec(content);
-  if (!match?.[1]) return [];
-  const block = match[1];
+  if (match?.[1]) {
+    const block = match[1];
+    return parseStepLines(block);
+  }
+  return parseStepLines(content);
+}
+function parseStepLines(block) {
   const lines = block.split("\n").filter(Boolean);
   const steps = [];
   for (const line of lines) {
-    const m = /^(\d+)\.\s+(.+)$/.exec(line.trim());
+    const m = ITEM_RE.exec(line.trim());
     if (m) {
-      steps.push({ index: Number.parseInt(m[1], 10), text: m[2].trim() });
+      const text = m[2].trim();
+      const hasAuto = line.trim().endsWith('auto="true"');
+      steps.push({ index: Number.parseInt(m[1], 10), text, auto: hasAuto });
     }
   }
   return steps.slice(0, 6);
@@ -8125,42 +8163,100 @@ function fillInput(text) {
   ta.dispatchEvent(new Event("input", { bubbles: true }));
   ta.focus();
 }
+function AutoCountdown({
+  delayMs,
+  onComplete
+}) {
+  const [remaining, setRemaining] = useState14(Math.ceil(delayMs / 1e3));
+  useEffect14(() => {
+    if (remaining <= 0) {
+      onComplete();
+      return;
+    }
+    const timer = setTimeout(() => setRemaining((r) => r - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [remaining, onComplete]);
+  return /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1 text-xs text-primary font-medium", children: [
+    /* @__PURE__ */ jsx23(Timer2, { className: "h-3 w-3" }),
+    remaining,
+    "s"
+  ] });
+}
 function NextStepsBar({
-  steps
+  steps,
+  yoloMode = false,
+  autoMode = false,
+  autoDelayMs = 3e4,
+  onAutoSubmit
 }) {
   if (steps.length === 0) return null;
+  const showAutoCountdown = yoloMode && autoMode;
+  const autoStep = showAutoCountdown ? steps.find((s) => s.auto) : void 0;
   return /* @__PURE__ */ jsxs21("div", { className: "mt-4 rounded-xl border border-primary/20 bg-primary/[0.03] overflow-hidden animate-message", children: [
     /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 px-3.5 py-2 border-b border-primary/10 bg-primary/[0.04]", children: [
       /* @__PURE__ */ jsx23("span", { className: "flex items-center justify-center w-5 h-5 rounded-md bg-primary/15 text-primary", children: /* @__PURE__ */ jsx23(Lightbulb, { className: "h-3 w-3" }) }),
       /* @__PURE__ */ jsx23("span", { className: "text-xs font-semibold text-foreground/90", children: "Next steps" }),
-      /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-muted-foreground ml-auto", children: "click to fill input" })
+      showAutoCountdown && autoStep ? /* @__PURE__ */ jsxs21("span", { className: "ml-auto flex items-center gap-1 text-xs text-primary", children: [
+        /* @__PURE__ */ jsx23(Timer2, { className: "h-3 w-3" }),
+        "auto-submitting in ",
+        /* @__PURE__ */ jsx23(AutoCountdown, { delayMs: autoDelayMs, onComplete: () => onAutoSubmit?.(autoStep.text) })
+      ] }) : /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-muted-foreground ml-auto", children: "click to fill input" })
     ] }),
-    /* @__PURE__ */ jsx23("div", { className: "flex flex-col p-2 gap-1", children: steps.map((s) => /* @__PURE__ */ jsxs21(
-      "button",
-      {
-        type: "button",
-        onClick: () => fillInput(s.text),
-        className: "group flex items-center gap-2.5 w-full text-left px-3 py-2 rounded-lg transition-all\n                       hover:bg-primary/[0.08] hover:shadow-sm\n                       border border-transparent hover:border-primary/20",
-        title: `Click to fill: ${s.text}`,
-        children: [
-          /* @__PURE__ */ jsx23("span", { className: "flex items-center justify-center w-5 h-5 rounded-md bg-muted/80 group-hover:bg-primary/20\n                             text-[11px] font-mono font-semibold tabular-nums shrink-0\n                             text-muted-foreground group-hover:text-primary transition-colors", children: s.index }),
-          /* @__PURE__ */ jsx23(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground/60 group-hover:text-primary group-hover:translate-x-0.5 transition-all shrink-0" }),
-          /* @__PURE__ */ jsx23("span", { className: "text-sm leading-snug text-foreground/80 group-hover:text-foreground transition-colors flex-1 min-w-0", children: s.text }),
-          /* @__PURE__ */ jsx23(MousePointerClick, { className: "h-3.5 w-3.5 opacity-0 group-hover:opacity-100 text-primary/60 transition-all shrink-0" })
-        ]
-      },
-      s.index
-    )) })
+    /* @__PURE__ */ jsx23("div", { className: "flex flex-col p-2 gap-1", children: steps.map((s) => {
+      const isAutoSelected = showAutoCountdown && s.auto;
+      return /* @__PURE__ */ jsxs21(
+        "button",
+        {
+          type: "button",
+          onClick: () => fillInput(s.text),
+          className: `group flex items-center gap-2.5 w-full text-left px-3 py-2 rounded-lg transition-all border ${isAutoSelected ? "bg-primary/10 border-primary/30 ring-1 ring-primary/20" : "border-transparent hover:bg-primary/[0.08] hover:shadow-sm hover:border-primary/20"}`,
+          title: `Click to fill: ${s.text}`,
+          children: [
+            /* @__PURE__ */ jsx23(
+              "span",
+              {
+                className: `flex items-center justify-center w-5 h-5 rounded-md text-[11px] font-mono font-semibold tabular-nums shrink-0 transition-colors ${isAutoSelected ? "bg-primary/30 text-primary" : "bg-muted/80 group-hover:bg-primary/20 text-muted-foreground group-hover:text-primary"}`,
+                children: s.index
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              ArrowRight2,
+              {
+                className: `h-3.5 w-3.5 shrink-0 transition-all ${isAutoSelected ? "text-primary" : "text-muted-foreground/60 group-hover:text-primary group-hover:translate-x-0.5"}`
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              "span",
+              {
+                className: `text-sm leading-snug flex-1 min-w-0 transition-colors ${isAutoSelected ? "text-foreground font-medium" : "text-foreground/80 group-hover:text-foreground"}`,
+                children: s.text
+              }
+            ),
+            s.auto && /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1 text-[10px] text-primary/70", children: [
+              /* @__PURE__ */ jsx23(Timer2, { className: "h-3 w-3" }),
+              "auto"
+            ] }),
+            /* @__PURE__ */ jsx23(
+              MousePointerClick,
+              {
+                className: `h-3.5 w-3.5 shrink-0 transition-all ${isAutoSelected ? "opacity-100 text-primary/60" : "opacity-0 group-hover:opacity-100 text-primary/60"}`
+              }
+            )
+          ]
+        },
+        s.index
+      );
+    }) })
   ] });
 }
 
 // src/components/MessageBubble/CopyButton.tsx
 import { Copy as Copy3, Check as Check4 } from "lucide-react";
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/components/MessageBubble/utils.tsx
 import { Check as Check3, Copy as Copy2, FileCode2 } from "lucide-react";
-import { useCallback as useCallback8, useMemo as useMemo6, useState as useState14 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo5, useState as useState15 } from "react";
 import rehypeHighlight from "rehype-highlight";
 import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 async function copyToClipboard(text) {
@@ -8212,7 +8308,7 @@ function formatToolDuration(ms) {
 }
 var rehypePlugins = [rehypeHighlight];
 function CodeCopyButton({ text }) {
-  const [copied, setCopied] = useState14(false);
+  const [copied, setCopied] = useState15(false);
   const handleCopy = useCallback8(async () => {
     const ok = await copyToClipboard(text);
     if (ok) {
@@ -8239,6 +8335,25 @@ function CodeCopyButton({ text }) {
   );
 }
 var markdownComponents = {
+  next_steps({ children }) {
+    const rawText = typeof children === "string" ? children.trim() : "";
+    if (!rawText) return null;
+    const steps = parseNextSteps(rawText);
+    if (steps.length === 0) return null;
+    return /* @__PURE__ */ jsx24(
+      NextStepsBar,
+      {
+        steps,
+        onAutoSubmit: (text) => {
+          fillInput(text);
+          const form = document.querySelector('form[class*="flex items-end gap-2"]');
+          if (form) {
+            form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
+          }
+        }
+      }
+    );
+  },
   code({
     inline,
     className,
@@ -8250,7 +8365,7 @@ var markdownComponents = {
     if (inline || !match) {
       return /* @__PURE__ */ jsx24("code", { className: cn("rounded border border-border/60 px-1.5 py-0.5 text-[0.85em] font-mono", className), ...props, children });
     }
-    const lines = useMemo6(() => codeText.split("\n"), [codeText]);
+    const lines = useMemo5(() => codeText.split("\n"), [codeText]);
     const hasLineNumbers = lines.length > 1;
     return /* @__PURE__ */ jsxs22("div", { className: "not-prose relative my-3 rounded-lg border border-border overflow-hidden group/codeblock", children: [
       /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-3 py-1 border-b border-border text-xs", children: [
@@ -8288,7 +8403,7 @@ function CopyButton({
   className,
   label = "Copy"
 }) {
-  const [copied, setCopied] = useState15(false);
+  const [copied, setCopied] = useState16(false);
   return /* @__PURE__ */ jsx25(
     "button",
     {
@@ -8319,7 +8434,7 @@ function CopyButton({
 
 // src/components/MessageBubble/ErrorBody.tsx
 import { expectDefined as expectDefined10 } from "@wrongstack/core";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 function detectStackBoundary(text) {
   const lines = text.split("\n");
@@ -8333,7 +8448,7 @@ function detectStackBoundary(text) {
 }
 function ErrorBodyWithStack({ text }) {
   const idx = detectStackBoundary(text);
-  const [open, setOpen] = useState16(false);
+  const [open, setOpen] = useState17(false);
   if (idx === -1) {
     return /* @__PURE__ */ jsx26("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed", children: text });
   }
@@ -8366,10 +8481,10 @@ function ErrorBodyWithStack({ text }) {
 }
 
 // src/components/MessageBubble/ToolInputView.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 function ToolInputView({ input }) {
-  const [openKeys, setOpenKeys] = useState17({});
+  const [openKeys, setOpenKeys] = useState18({});
   if (input === null || input === void 0 || typeof input !== "object" || Array.isArray(input)) {
     return /* @__PURE__ */ jsx27("pre", { className: "whitespace-pre-wrap break-all text-xs font-mono", children: JSON.stringify(input, null, 2) });
   }
@@ -8432,10 +8547,10 @@ var MessageBubble = memo3(function MessageBubble2({
   isFirst = false,
   isContinuation = false
 }) {
-  const [expandedTools, setExpandedTools] = useState18({});
-  const [editing, setEditing] = useState18(false);
-  const [editValue, setEditValue] = useState18("");
-  const [showRaw, setShowRaw] = useState18(false);
+  const [expandedTools, setExpandedTools] = useState19({});
+  const [editing, setEditing] = useState19(false);
+  const [editValue, setEditValue] = useState19("");
+  const [showRaw, setShowRaw] = useState19(false);
   const isUser = message.role === "user";
   const isTool = message.role === "tool";
   void message.role;
@@ -8451,6 +8566,15 @@ var MessageBubble = memo3(function MessageBubble2({
   const inputCost = useSessionStore((s) => s.inputCost);
   const outputCost = useSessionStore((s) => s.outputCost);
   const cacheReadCost = useSessionStore((s) => s.cacheReadCost);
+  const localPrefs = useLocalPrefs();
+  const { autonomy, yolo } = localPrefs;
+  const handleAutoSubmit = (text) => {
+    addMessage({ role: "user", content: text });
+    setLoading(true);
+    const client2 = getWSClient(wsUrl);
+    client2.sendMessage(text);
+    fillInput("");
+  };
   const isLatestAssistant = (() => {
     if (message.role !== "assistant" || isLoading) return false;
     const all = useChatStore.getState().messages;
@@ -8623,7 +8747,16 @@ var MessageBubble = memo3(function MessageBubble2({
           isLatestAssistant && message.content && (() => {
             const steps = parseNextSteps(message.content);
             if (steps.length === 0) return null;
-            return /* @__PURE__ */ jsx28(NextStepsBar, { steps });
+            return /* @__PURE__ */ jsx28(
+              NextStepsBar,
+              {
+                steps,
+                yoloMode: yolo,
+                autoMode: autonomy === "auto",
+                autoDelayMs: localPrefs.autonomyDelayMs,
+                onAutoSubmit: handleAutoSubmit
+              }
+            );
           })(),
           /* @__PURE__ */ jsxs26("div", { className: cn("flex items-center gap-2 px-1", isUser ? "flex-row-reverse" : "flex-row"), children: [
             /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground/50", children: new Date(message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }),
@@ -8700,18 +8833,18 @@ var MessageBubble = memo3(function MessageBubble2({
 
 // src/components/ModePicker.tsx
 import { Check as Check5, ChevronDown as ChevronDown6 } from "lucide-react";
-import { useEffect as useEffect14, useRef as useRef11, useState as useState19 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState20 } from "react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function ModePicker() {
   const mode = useSessionStore((s) => s.mode);
   const modes = useSessionStore((s) => s.modes);
   const { listModes, switchMode } = useWebSocket();
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const rootRef = useRef11(null);
-  useEffect14(() => {
+  useEffect15(() => {
     if (open) listModes();
   }, [open, listModes]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -8783,18 +8916,18 @@ function ModePicker() {
 
 // src/components/ProcessMonitor.tsx
 import { Shield, Square as Square3, Terminal as Terminal2, X as X6 } from "lucide-react";
-import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef12, useState as useState20 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef12, useState as useState21 } from "react";
 import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 function ProcessMonitor({
   open,
   onClose,
   className
 }) {
-  const [processes, setProcesses] = useState20([]);
+  const [processes, setProcesses] = useState21([]);
   const ws = useWebSocket();
   const offRef = useRef12(null);
   const pollRef = useRef12(null);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!open || !ws.client?.isConnected) return;
     ws.client.send?.({ type: "process.list" });
     offRef.current = ws.client.on?.("process.list", (msg) => {
@@ -8941,8 +9074,12 @@ function ProcessMonitor({
 
 // src/components/SearchOverlay.tsx
 import { ArrowDown as ArrowDown2, ArrowUp as ArrowUp2, Search as Search2, X as X7 } from "lucide-react";
-import { useEffect as useEffect16, useMemo as useMemo7, useRef as useRef13, useState as useState21 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo6, useRef as useRef13, useState as useState22 } from "react";
 import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+var HIGHLIGHT_STYLES = `
+::highlight(chat-search) { background-color: hsl(var(--primary) / 0.3); color: inherit; }
+::highlight(chat-search-active) { background-color: hsl(var(--primary) / 0.85); color: hsl(var(--primary-foreground)); }
+`;
 function SearchOverlay() {
   const open = useUIStore((s) => s.searchOpen);
   const setOpen = useUIStore((s) => s.setSearchOpen);
@@ -8951,12 +9088,20 @@ function SearchOverlay() {
   const messages = useChatStore((s) => s.messages);
   const requestScrollToMessage = useUIStore((s) => s.requestScrollToMessage);
   const inputRef = useRef13(null);
-  const [activeHit, setActiveHit] = useState21(0);
-  const [repaintNonce, setRepaintNonce] = useState21(0);
-  useEffect16(() => {
+  const [activeHit, setActiveHit] = useState22(0);
+  const [repaintNonce, setRepaintNonce] = useState22(0);
+  useEffect17(() => {
     if (open) requestAnimationFrame(() => inputRef.current?.focus());
   }, [open]);
-  const hits = useMemo7(() => {
+  useEffect17(() => {
+    const style = document.createElement("style");
+    style.textContent = HIGHLIGHT_STYLES;
+    document.head.appendChild(style);
+    return () => {
+      document.head.removeChild(style);
+    };
+  }, []);
+  const hits = useMemo6(() => {
     const q = query.trim().toLowerCase();
     if (!q) return [];
     return messages.filter((m) => {
@@ -8966,10 +9111,10 @@ function SearchOverlay() {
       return m.content.toLowerCase().includes(q);
     }).map((m) => m.id);
   }, [messages, query]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (activeHit >= hits.length) setActiveHit(0);
   }, [hits, activeHit]);
-  useEffect16(() => {
+  useEffect17(() => {
     const win = window;
     const highlights = win.CSS?.highlights;
     const HighlightCtor = win.Highlight;
@@ -9023,7 +9168,7 @@ function SearchOverlay() {
     }
     return clear;
   }, [query, hits, activeHit, open, repaintNonce]);
-  useEffect16(() => {
+  useEffect17(() => {
     const id = hits[activeHit];
     if (!id) return;
     requestScrollToMessage(id);
@@ -9109,7 +9254,7 @@ function SearchOverlay() {
 // src/components/ToolGroup.tsx
 import { expectDefined as expectDefined12 } from "@wrongstack/core";
 import { CheckCircle2 as CheckCircle26, ChevronDown as ChevronDown7, ChevronRight as ChevronRight5, Loader2 as Loader22, Terminal as Terminal3, XCircle as XCircle6 } from "lucide-react";
-import { memo as memo4, useState as useState22 } from "react";
+import { memo as memo4, useState as useState23 } from "react";
 import { jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
 function formatDuration2(ms) {
   if (ms < 1e3) return `${ms}ms`;
@@ -9123,7 +9268,7 @@ var ToolGroup = memo4(function ToolGroup2({
   defaultOpen = false,
   isContinuation = false
 }) {
-  const [open, setOpen] = useState22(defaultOpen);
+  const [open, setOpen] = useState23(defaultOpen);
   if (tools.length === 1) {
     return /* @__PURE__ */ jsx32(MessageBubble, { message: expectDefined12(tools[0]), isFirst: true, isContinuation });
   }
@@ -9182,7 +9327,7 @@ import {
   Sparkles as Sparkles4,
   Zap as Zap4
 } from "lucide-react";
-import { useEffect as useEffect17, useState as useState23 } from "react";
+import { useEffect as useEffect18, useState as useState24 } from "react";
 import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
 var CARDS = [
   {
@@ -9257,8 +9402,8 @@ function WelcomeScreen() {
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
-  const [savedCount, setSavedCount] = useState23(void 0);
-  useEffect17(() => {
+  const [savedCount, setSavedCount] = useState24(void 0);
+  useEffect18(() => {
     if (!wsConnected) return;
     const client2 = getWSClient(wsUrl);
     const off = client2.on("providers.saved", (msg) => {
@@ -9274,7 +9419,7 @@ function WelcomeScreen() {
   const recentPrompts = promptHistory.slice(0, 6);
   const { listSessions, resumeSession } = useWebSocket();
   const historyEntries = useHistoryStore((s) => s.entries);
-  useEffect17(() => {
+  useEffect18(() => {
     if (wsConnected && historyEntries.length === 0) listSessions(10);
   }, [wsConnected]);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
@@ -9518,12 +9663,12 @@ function ChatView() {
   const nickname = useUIStore((s) => sessionId ? s.sessionNicknames[sessionId] : void 0);
   const setSessionNickname = useUIStore((s) => s.setSessionNickname);
   const sessionTitle = session?.title;
-  const [renamingTitle, setRenamingTitle] = useState24(false);
-  const [titleDraft, setTitleDraft] = useState24("");
+  const [renamingTitle, setRenamingTitle] = useState25(false);
+  const [titleDraft, setTitleDraft] = useState25("");
   const historyEntries = useHistoryStore((s) => s.entries);
-  const [switcherOpen, setSwitcherOpen] = useState24(false);
+  const [switcherOpen, setSwitcherOpen] = useState25(false);
   const switcherRef = useRef14(null);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!switcherOpen) return;
     const onClick = (e) => {
       if (!switcherRef.current?.contains(e.target)) setSwitcherOpen(false);
@@ -9540,10 +9685,10 @@ function ChatView() {
   }, [switcherOpen]);
   const { provider, model } = useConfigStore();
   const vlistRef = useRef14(null);
-  const rows = useMemo8(() => buildChatRows(messages), [messages]);
+  const rows = useMemo7(() => buildChatRows(messages), [messages]);
   const childCountRef = useRef14(0);
   childCountRef.current = rows.length + 1;
-  const rowIndexById = useMemo8(() => {
+  const rowIndexById = useMemo7(() => {
     const map = /* @__PURE__ */ new Map();
     rows.forEach((row, i) => {
       if (row.kind === "user") map.set(row.message.id, i);
@@ -9563,19 +9708,19 @@ function ChatView() {
     const ws = getWSClient();
     ws?.send?.({ type: "autonomy.switch", payload: { mode } });
   }, []);
-  const [processOpen, setProcessOpen] = useState24(false);
-  const [checkpointOpen, setCheckpointOpen] = useState24(false);
-  const [breakdownOpen, setBreakdownOpen] = useState24(false);
-  useEffect18(() => {
+  const [processOpen, setProcessOpen] = useState25(false);
+  const [checkpointOpen, setCheckpointOpen] = useState25(false);
+  const [breakdownOpen, setBreakdownOpen] = useState25(false);
+  useEffect19(() => {
     const handler = () => setBreakdownOpen(true);
     document.addEventListener("open:context-breakdown", handler);
     return () => document.removeEventListener("open:context-breakdown", handler);
   }, []);
   const ctxPct = maxContext > 0 && lastInputTokens > 0 ? Math.round(lastInputTokens / maxContext * 100) : 0;
   const ctxTone = ctxPct >= 85 ? "bg-red-500/15 text-red-600 dark:text-red-400" : ctxPct >= 70 ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "bg-muted text-muted-foreground";
-  const [pinnedToBottom, setPinnedToBottom] = useState24(true);
-  const [unreadCount, setUnreadCount] = useState24(0);
-  const [scrolledDeep, setScrolledDeep] = useState24(false);
+  const [pinnedToBottom, setPinnedToBottom] = useState25(true);
+  const [unreadCount, setUnreadCount] = useState25(0);
+  const [scrolledDeep, setScrolledDeep] = useState25(false);
   const lastSeenCount = useRef14(messages.length);
   const handleScroll = useCallback10(() => {
     const h = vlistRef.current;
@@ -9589,7 +9734,15 @@ function ChatView() {
     }
     setScrolledDeep(h.scrollOffset > h.viewportSize && h.scrollSize > h.viewportSize * 2.5);
   }, []);
-  useEffect18(() => {
+  const handleHistorySelect = useCallback10(
+    (sessionId2) => {
+      const ws = getWSClient();
+      ws?.resumeSession?.(sessionId2);
+      setSwitcherOpen(false);
+    },
+    []
+  );
+  useEffect19(() => {
     const h = vlistRef.current;
     if (!h) return;
     if (pinnedToBottom) {
@@ -9600,7 +9753,7 @@ function ChatView() {
       if (delta > 0) setUnreadCount(delta);
     }
   }, [messages, pinnedToBottom]);
-  useEffect18(() => {
+  useEffect19(() => {
     setPinnedToBottom(true);
     setUnreadCount(0);
     lastSeenCount.current = useChatStore.getState().messages.length;
@@ -9608,7 +9761,7 @@ function ChatView() {
       vlistRef.current?.scrollToIndex(childCountRef.current - 1, { align: "end" });
     });
   }, [sessionId]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!scrollTarget) return;
     const idx = rowIndexById.get(scrollTarget.id);
     if (idx === void 0) return;
@@ -9623,14 +9776,49 @@ function ChatView() {
   const scrollToTop = useCallback10(() => {
     vlistRef.current?.scrollToIndex(0, { align: "start", smooth: true });
   }, []);
-  const [runStartedAt, setRunStartedAt] = useState24(null);
-  const [nowTick, setNowTick] = useState24(() => Date.now());
+  const [runStartedAt, setRunStartedAt] = useState25(null);
+  const [nowTick, setNowTick] = useState25(() => Date.now());
   const streamAnchor = useRef14(null);
-  useEffect18(() => {
+  const runningStatus = useMemo7(() => {
+    const last = messages[messages.length - 1];
+    const runningTools = messages.filter((m) => m.role === "tool" && m.toolResult === void 0);
+    let label = "Thinking\u2026";
+    if (runningTools.length > 0) {
+      const names = Array.from(new Set(runningTools.map((t) => t.toolName).filter(Boolean)));
+      const preview = names.slice(0, 2).join(", ");
+      const more = names.length > 2 ? ` +${names.length - 2}` : "";
+      label = runningTools.length === 1 ? `Running ${preview || "tool"}\u2026` : `Running ${runningTools.length} tools (${preview}${more})\u2026`;
+    } else if (last?.role === "assistant" && last.content) {
+      label = "Writing reply\u2026";
+    } else if (last?.role === "tool" && last.toolResult !== void 0) {
+      label = "Thinking about the next step\u2026";
+    }
+    const elapsedSec = runStartedAt ? Math.max(0, Math.floor((nowTick - runStartedAt) / 1e3)) : 0;
+    const elapsed = elapsedSec < 60 ? `${elapsedSec}s` : `${Math.floor(elapsedSec / 60)}m ${elapsedSec % 60}s`;
+    let speedLabel = "";
+    const streamingBubble = last?.role === "assistant" && last.streaming && last.content ? last : null;
+    if (streamingBubble) {
+      const anchor = streamAnchor.current;
+      if (!anchor || anchor.id !== streamingBubble.id) {
+        streamAnchor.current = { id: streamingBubble.id, at: Date.now(), len: streamingBubble.content.length };
+      } else {
+        const dt = Math.max(1, nowTick - anchor.at);
+        const dl = Math.max(0, streamingBubble.content.length - anchor.len);
+        if (dt > 500 && dl > 0) {
+          const cps = dl * 1e3 / dt;
+          speedLabel = cps >= 1e3 ? `${(cps / 1e3).toFixed(1)}k ch/s` : `${Math.round(cps)} ch/s`;
+        }
+      }
+    } else if (streamAnchor.current) {
+      streamAnchor.current = null;
+    }
+    return { label, elapsed, speedLabel };
+  }, [messages, nowTick, runStartedAt]);
+  useEffect19(() => {
     if (isLoading && runStartedAt === null) setRunStartedAt(Date.now());
     if (!isLoading && runStartedAt !== null) setRunStartedAt(null);
   }, [isLoading, runStartedAt]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isLoading) return;
     const t = setInterval(() => setNowTick(Date.now()), 500);
     return () => clearInterval(t);
@@ -9740,11 +9928,7 @@ function ChatView() {
               "button",
               {
                 type: "button",
-                onClick: () => {
-                  const ws = getWSClient();
-                  ws?.resumeSession?.(e.id);
-                  setSwitcherOpen(false);
-                },
+                onClick: () => handleHistorySelect(e.id),
                 className: cn(
                   "w-full text-left px-2 py-1.5 rounded text-xs hover:bg-accent transition-colors",
                   e.isCurrent && "bg-primary/10"
@@ -9933,69 +10117,27 @@ function ChatView() {
             className: cn("mx-auto max-w-5xl w-full px-4", compactMode ? "pb-3" : "pb-8"),
             children: [
               /* @__PURE__ */ jsx35(ThinkingBubble, {}),
-              isLoading && (() => {
-                const last = messages[messages.length - 1];
-                const runningTools = messages.filter(
-                  (m) => m.role === "tool" && m.toolResult === void 0
-                );
-                let label = "Thinking\u2026";
-                if (runningTools.length > 0) {
-                  const names = Array.from(
-                    new Set(runningTools.map((t) => t.toolName).filter(Boolean))
-                  );
-                  const preview = names.slice(0, 2).join(", ");
-                  const more = names.length > 2 ? ` +${names.length - 2}` : "";
-                  label = runningTools.length === 1 ? `Running ${preview || "tool"}\u2026` : `Running ${runningTools.length} tools (${preview}${more})\u2026`;
-                } else if (last?.role === "assistant" && last.content) {
-                  label = "Writing reply\u2026";
-                } else if (last?.role === "tool" && last.toolResult !== void 0) {
-                  label = "Thinking about the next step\u2026";
-                }
-                const elapsedSec = runStartedAt ? Math.max(0, Math.floor((nowTick - runStartedAt) / 1e3)) : 0;
-                const elapsed = elapsedSec < 60 ? `${elapsedSec}s` : `${Math.floor(elapsedSec / 60)}m ${elapsedSec % 60}s`;
-                let speedLabel = "";
-                const streamingBubble = last?.role === "assistant" && last.streaming && last.content ? last : null;
-                if (streamingBubble) {
-                  const anchor = streamAnchor.current;
-                  if (!anchor || anchor.id !== streamingBubble.id) {
-                    streamAnchor.current = {
-                      id: streamingBubble.id,
-                      at: Date.now(),
-                      len: streamingBubble.content.length
-                    };
-                  } else {
-                    const dt = Math.max(1, nowTick - anchor.at);
-                    const dl = Math.max(0, streamingBubble.content.length - anchor.len);
-                    if (dt > 500 && dl > 0) {
-                      const cps = dl * 1e3 / dt;
-                      speedLabel = cps >= 1e3 ? `${(cps / 1e3).toFixed(1)}k ch/s` : `${Math.round(cps)} ch/s`;
-                    }
-                  }
-                } else if (streamAnchor.current) {
-                  streamAnchor.current = null;
-                }
-                return /* @__PURE__ */ jsxs33("div", { className: "flex gap-3 animate-message", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-accent text-accent-foreground ring-2 ring-offset-2 ring-offset-background ring-accent/20", children: /* @__PURE__ */ jsx35(Bot4, { className: "h-4 w-4" }) }),
-                  /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsx35("div", { className: "rounded-2xl px-4 py-3 bg-card border text-foreground", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 text-sm", children: [
-                    /* @__PURE__ */ jsxs33("span", { className: "flex gap-1", children: [
-                      /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.3s]" }),
-                      /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.15s]" }),
-                      /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce" })
-                    ] }),
-                    /* @__PURE__ */ jsx35("span", { className: "text-foreground/90", children: label }),
-                    /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground tabular-nums", children: elapsed }),
-                    iteration && /* @__PURE__ */ jsxs33("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
-                      "\xB7 iter ",
-                      iteration.index,
-                      iteration.max > 0 ? `/${iteration.max}` : ""
-                    ] }),
-                    speedLabel && /* @__PURE__ */ jsxs33("span", { className: "text-xs text-muted-foreground/80 tabular-nums", children: [
-                      "\xB7 ",
-                      speedLabel
-                    ] })
-                  ] }) }) })
-                ] });
-              })()
+              isLoading && /* @__PURE__ */ jsxs33("div", { className: "flex gap-3 animate-message", children: [
+                /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-accent text-accent-foreground ring-2 ring-offset-2 ring-offset-background ring-accent/20", children: /* @__PURE__ */ jsx35(Bot4, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsx35("div", { className: "rounded-2xl px-4 py-3 bg-card border text-foreground", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 text-sm", children: [
+                  /* @__PURE__ */ jsxs33("span", { className: "flex gap-1", children: [
+                    /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.3s]" }),
+                    /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.15s]" }),
+                    /* @__PURE__ */ jsx35("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce" })
+                  ] }),
+                  /* @__PURE__ */ jsx35("span", { className: "text-foreground/90", children: runningStatus.label }),
+                  /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground tabular-nums", children: runningStatus.elapsed }),
+                  iteration && /* @__PURE__ */ jsxs33("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+                    "\xB7 iter ",
+                    iteration.index,
+                    iteration.max > 0 ? `/${iteration.max}` : ""
+                  ] }),
+                  runningStatus.speedLabel && /* @__PURE__ */ jsxs33("span", { className: "text-xs text-muted-foreground/80 tabular-nums", children: [
+                    "\xB7 ",
+                    runningStatus.speedLabel
+                  ] })
+                ] }) }) })
+              ] })
             ]
           },
           "__live"
@@ -10062,7 +10204,7 @@ function ChatView() {
 
 // src/components/CodeEditor.tsx
 import { X as X8, Circle as Circle3 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect19, useMemo as useMemo9, useRef as useRef15 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo8, useRef as useRef15 } from "react";
 import Editor, { loader } from "@monaco-editor/react";
 import * as monaco2 from "monaco-editor";
 
@@ -10509,13 +10651,13 @@ function CodeEditor() {
   const updateContent = useFileStore((s) => s.updateContent);
   const { theme: appTheme } = useTheme();
   const editorRef = useRef15(null);
-  const activeFile = useMemo9(
+  const activeFile = useMemo8(
     () => openFiles.find((f) => f.path === activeFilePath) ?? null,
     [openFiles, activeFilePath]
   );
   const language = activeFilePath ? getLanguage(activeFilePath) : "plaintext";
   const monacoTheme = getMonacoTheme();
-  useEffect19(() => {
+  useEffect20(() => {
     const resolved = getMonacoTheme();
     monaco2.editor.setTheme(resolved);
   }, [appTheme]);
@@ -10531,7 +10673,7 @@ function CodeEditor() {
     },
     [activeFilePath, updateContent]
   );
-  useEffect19(() => {
+  useEffect20(() => {
     const onKeyDown = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       const tag = e.target?.tagName?.toLowerCase();
@@ -10597,7 +10739,7 @@ function CodeEditor() {
 
 // src/components/ConfirmDialog.tsx
 import { AlertTriangle as AlertTriangle3, FileEdit, Globe as Globe2, ShieldAlert, Terminal as Terminal5, Wrench as Wrench5 } from "lucide-react";
-import { useEffect as useEffect20, useRef as useRef16 } from "react";
+import { useEffect as useEffect21, useRef as useRef16 } from "react";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -10733,7 +10875,7 @@ function ConfirmDialog() {
     }
     hideConfirm();
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (!showConfirmDialog) return;
     const onKey = (e) => {
       const target = e.target;
@@ -10857,7 +10999,7 @@ function ConfirmDialog() {
 }
 
 // src/components/ConfirmModal.tsx
-import { useEffect as useEffect21 } from "react";
+import { useEffect as useEffect22 } from "react";
 import { create as create15 } from "zustand";
 import { jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
 var useConfirmModalStore = create15()((set, get) => ({
@@ -10879,7 +11021,7 @@ function confirmModal(options) {
 function ConfirmModalHost() {
   const request = useConfirmModalStore((s) => s.request);
   const settle = useConfirmModalStore((s) => s.settle);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!request) return;
     const onKey = (e) => {
       if (e.key === "Enter") {
@@ -10922,19 +11064,19 @@ function ConfirmModalHost() {
 
 // src/components/ConnectionBanner.tsx
 import { Loader2 as Loader23, RotateCcw as RotateCcw4, WifiOff, X as X10 } from "lucide-react";
-import { useEffect as useEffect22, useState as useState25 } from "react";
+import { useEffect as useEffect23, useState as useState26 } from "react";
 import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
 function ConnectionBanner() {
   const wsStatus = useConfigStore((s) => s.wsStatus);
   const wsUrl = useConfigStore((s) => s.wsUrl);
-  const [dismissed, setDismissed] = useState25(false);
-  const [now, setNow] = useState25(Date.now());
-  useEffect22(() => {
+  const [dismissed, setDismissed] = useState26(false);
+  const [now, setNow] = useState26(Date.now());
+  useEffect23(() => {
     if (wsStatus.state !== "reconnecting") return;
     const id = setInterval(() => setNow(Date.now()), 500);
     return () => clearInterval(id);
   }, [wsStatus.state]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (wsStatus.state === "open") setDismissed(false);
   }, [wsStatus.state]);
   if (wsStatus.state === "open" || wsStatus.state === "connecting") return null;
@@ -11026,7 +11168,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/QuickModelSwitcher.tsx
 import { ArrowRight as ArrowRight4, Cpu as Cpu6, Search as Search4 } from "lucide-react";
-import { useEffect as useEffect23, useMemo as useMemo10, useRef as useRef17, useState as useState26 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo9, useRef as useRef17, useState as useState27 } from "react";
 
 // src/components/QuickModelSwitcher.filter.ts
 function buildModelCandidates(saved, modelsByProvider, query, currentProvider, currentModel) {
@@ -11058,17 +11200,17 @@ import { jsx as jsx42, jsxs as jsxs40 } from "react/jsx-runtime";
 function QuickModelSwitcher() {
   const open = useUIStore((s) => s.modelSwitcherOpen);
   const setOpen = useUIStore((s) => s.setModelSwitcherOpen);
-  const [query, setQuery] = useState26("");
-  const [selected, setSelected] = useState26(0);
-  const [saved, setSaved] = useState26([]);
-  const [modelsByProvider, setModelsByProvider] = useState26({});
+  const [query, setQuery] = useState27("");
+  const [selected, setSelected] = useState27(0);
+  const [saved, setSaved] = useState27([]);
+  const [modelsByProvider, setModelsByProvider] = useState27({});
   const inputRef = useRef17(null);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const currentProvider = useConfigStore((s) => s.provider);
   const currentModel = useConfigStore((s) => s.model);
   const paletteOpen = useUIStore((s) => s.paletteOpen);
   const { listSavedProviders, listProviderModels, switchModel } = useWebSocket();
-  useEffect23(() => {
+  useEffect24(() => {
     const onKey = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       if (mod && e.key.toLowerCase() === "m" && !e.shiftKey && !e.altKey) {
@@ -11085,7 +11227,7 @@ function QuickModelSwitcher() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [open, paletteOpen]);
-  useEffect23(() => {
+  useEffect24(() => {
     const client2 = getWSClient(wsUrl);
     const offSaved = client2.on("providers.saved", (msg) => {
       const p = msg.payload;
@@ -11100,14 +11242,14 @@ function QuickModelSwitcher() {
       offModels();
     };
   }, [wsUrl]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) return;
     setQuery("");
     setSelected(0);
     listSavedProviders();
     requestAnimationFrame(() => inputRef.current?.focus());
   }, [open, listSavedProviders]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) return;
     for (const sp of saved) {
       if (!modelsByProvider[sp.id]) {
@@ -11115,7 +11257,7 @@ function QuickModelSwitcher() {
       }
     }
   }, [open, saved, modelsByProvider, listProviderModels]);
-  const candidates = useMemo10(
+  const candidates = useMemo9(
     () => buildModelCandidates(
       saved,
       modelsByProvider,
@@ -11125,7 +11267,7 @@ function QuickModelSwitcher() {
     ),
     [saved, modelsByProvider, query, currentProvider, currentModel]
   );
-  useEffect23(() => {
+  useEffect24(() => {
     if (selected >= candidates.length) setSelected(0);
   }, [candidates.length, selected]);
   const commit = (idx) => {
@@ -11238,7 +11380,7 @@ import {
   X as X11,
   Zap as Zap6
 } from "lucide-react";
-import { useState as useState28, useEffect as useEffect24, useCallback as useCallback13 } from "react";
+import { useState as useState29, useEffect as useEffect25, useCallback as useCallback13 } from "react";
 
 // src/components/ui/input.tsx
 import * as React3 from "react";
@@ -11467,7 +11609,7 @@ import {
   Plus,
   Trash2 as Trash22
 } from "lucide-react";
-import { useState as useState27, useCallback as useCallback12 } from "react";
+import { useState as useState28, useCallback as useCallback12 } from "react";
 import { Fragment as Fragment10, jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
 var PROVIDER_FAMILIES = ["anthropic", "openai", "google", "openai-compatible"];
 function ProviderSection({
@@ -11487,15 +11629,15 @@ function ProviderSection({
   catalogQuery,
   setCatalogQuery
 }) {
-  const [showAddKeyForm, setShowAddKeyForm] = useState27(null);
-  const [newKeyLabel, setNewKeyLabel] = useState27("");
-  const [newKeyValue, setNewKeyValue] = useState27("");
-  const [showNewKeyValue, setShowNewKeyValue] = useState27(false);
-  const [showAddProviderForm, setShowAddProviderForm] = useState27(false);
-  const [newProviderId, setNewProviderId] = useState27("");
-  const [newProviderFamily, setNewProviderFamily] = useState27("openai-compatible");
-  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState27("");
-  const [newProviderApiKey, setNewProviderApiKey] = useState27("");
+  const [showAddKeyForm, setShowAddKeyForm] = useState28(null);
+  const [newKeyLabel, setNewKeyLabel] = useState28("");
+  const [newKeyValue, setNewKeyValue] = useState28("");
+  const [showNewKeyValue, setShowNewKeyValue] = useState28(false);
+  const [showAddProviderForm, setShowAddProviderForm] = useState28(false);
+  const [newProviderId, setNewProviderId] = useState28("");
+  const [newProviderFamily, setNewProviderFamily] = useState28("openai-compatible");
+  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState28("");
+  const [newProviderApiKey, setNewProviderApiKey] = useState28("");
   const handleAddKey = useCallback12(
     (providerId) => {
       if (!newKeyLabel.trim() || !newKeyValue.trim()) return;
@@ -11879,16 +12021,16 @@ function SettingsPanel() {
     },
     [localPrefs, updatePrefs]
   );
-  const [catalogProviders, setCatalogProviders] = useState28([]);
-  const [catalogModels, setCatalogModels] = useState28({});
-  const [savedProviders, setSavedProviders] = useState28([]);
-  const [isLoadingCatalog, setIsLoadingCatalog] = useState28(false);
-  const [isLoadingModels, setIsLoadingModels] = useState28(false);
-  const [isLoadingSaved, setIsLoadingSaved] = useState28(false);
-  const [providerTab, setProviderTab] = useState28("catalog");
-  const [catalogQuery, setCatalogQuery] = useState28("");
+  const [catalogProviders, setCatalogProviders] = useState29([]);
+  const [catalogModels, setCatalogModels] = useState29({});
+  const [savedProviders, setSavedProviders] = useState29([]);
+  const [isLoadingCatalog, setIsLoadingCatalog] = useState29(false);
+  const [isLoadingModels, setIsLoadingModels] = useState29(false);
+  const [isLoadingSaved, setIsLoadingSaved] = useState29(false);
+  const [providerTab, setProviderTab] = useState29("catalog");
+  const [catalogQuery, setCatalogQuery] = useState29("");
   const currentCatalogProvider = catalogProviders.find((p) => p.id === provider);
-  useEffect24(() => {
+  useEffect25(() => {
     const handleProviderCatalog = (msg) => {
       if (msg.type === "provider.catalog") {
         const payload = msg.payload;
@@ -12447,7 +12589,7 @@ import {
   Network as Network2,
   Zap as Zap7
 } from "lucide-react";
-import { useCallback as useCallback14, useEffect as useEffect25, useState as useState29 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect26, useState as useState30 } from "react";
 import { jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
 function ProviderCard({
   provider,
@@ -12532,9 +12674,9 @@ function ApiKeyInput({
   providerId,
   onSave
 }) {
-  const [key, setKey] = useState29("");
-  const [label, setLabel] = useState29("default");
-  const [isLoading, setIsLoading] = useState29(false);
+  const [key, setKey] = useState30("");
+  const [label, setLabel] = useState30("default");
+  const [isLoading, setIsLoading] = useState30(false);
   const handleSave = async () => {
     if (!key.trim()) return;
     setIsLoading(true);
@@ -12588,15 +12730,15 @@ function SetupScreen() {
   const { setCurrentView } = useUIStore();
   const { provider, model, setProvider, setModel, wsConnected, wsUrl } = useConfigStore();
   const ws = useWebSocket();
-  const [step, setStep] = useState29("provider");
-  const [catalogProviders, setCatalogProviders] = useState29([]);
-  const [catalogModels, setCatalogModels] = useState29({});
-  const [savedProviders, setSavedProviders] = useState29([]);
-  const [isLoadingCatalog, setIsLoadingCatalog] = useState29(false);
-  const [isLoadingModels, setIsLoadingModels] = useState29(false);
-  const [selectedProvider, setSelectedProvider] = useState29(null);
-  const [selectedModel, setSelectedModel] = useState29(null);
-  useEffect25(() => {
+  const [step, setStep] = useState30("provider");
+  const [catalogProviders, setCatalogProviders] = useState30([]);
+  const [catalogModels, setCatalogModels] = useState30({});
+  const [savedProviders, setSavedProviders] = useState30([]);
+  const [isLoadingCatalog, setIsLoadingCatalog] = useState30(false);
+  const [isLoadingModels, setIsLoadingModels] = useState30(false);
+  const [selectedProvider, setSelectedProvider] = useState30(null);
+  const [selectedModel, setSelectedModel] = useState30(null);
+  useEffect26(() => {
     if (!wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     const off1 = wsClient.on("provider.catalog", (msg) => {
@@ -12638,7 +12780,7 @@ function SetupScreen() {
       off3?.();
     };
   }, [wsConnected, wsUrl, provider, model]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!selectedProvider || !wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     if (!catalogModels[selectedProvider]) {
@@ -12844,7 +12986,7 @@ function SetupScreen() {
 
 // src/components/SessionsDashboard.tsx
 import { Clock as Clock9, Cpu as Cpu10, FolderGit2, Wifi, WifiOff as WifiOff2, Loader2 as Loader27 } from "lucide-react";
-import { useCallback as useCallback15, useEffect as useEffect26, useState as useState30 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useState as useState31 } from "react";
 import { jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
 function agentIcon(status) {
   switch (status) {
@@ -12907,9 +13049,9 @@ function fmtTimeAgo(iso) {
   return `${Math.floor(min / 60)}h ago`;
 }
 function SessionsDashboard() {
-  const [sessions, setSessions] = useState30([]);
-  const [loading, setLoading] = useState30(true);
-  const [error, setError] = useState30(null);
+  const [sessions, setSessions] = useState31([]);
+  const [loading, setLoading] = useState31(true);
+  const [error, setError] = useState31(null);
   const fetchSessions = useCallback15(async () => {
     try {
       const res = await fetch("/api/sessions");
@@ -12930,7 +13072,7 @@ function SessionsDashboard() {
       setLoading(false);
     }
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     void fetchSessions();
     const t = setInterval(fetchSessions, 5e3);
     return () => clearInterval(t);
@@ -13023,7 +13165,7 @@ function SessionsDashboard() {
 
 // src/components/ShortcutsOverlay.tsx
 import { Keyboard as Keyboard3, X as X12 } from "lucide-react";
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect28 } from "react";
 import { jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
 var SHORTCUTS = [
   {
@@ -13085,7 +13227,7 @@ var SHORTCUTS = [
 function ShortcutsOverlay() {
   const open = useUIStore((s) => s.shortcutsOpen);
   const setOpen = useUIStore((s) => s.setShortcutsOpen);
-  useEffect27(() => {
+  useEffect28(() => {
     const onKey = (e) => {
       const target = e.target;
       const tag = target?.tagName?.toLowerCase();
@@ -13179,7 +13321,7 @@ import {
   ReactFlowProvider
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { useCallback as useCallback16, useEffect as useEffect28, useState as useState31 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect29, useState as useState32 } from "react";
 import {
   Bot as Bot8,
   Cpu as Cpu11,
@@ -13525,8 +13667,8 @@ function AgentFlowCanvas({ containerRef }) {
   const counters = useVizStore((s) => s.counters);
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  const [selectedNode, setSelectedNode] = useState31(null);
-  useEffect28(() => {
+  const [selectedNode, setSelectedNode] = useState32(null);
+  useEffect29(() => {
     const rfNodes = [];
     const rfEdges = [];
     rfNodes.push({
@@ -13700,7 +13842,7 @@ function AgentFlowCanvas({ containerRef }) {
     setEdges(rfEdges);
     setTimeout(() => fitView({ padding: 0.2, duration: 300 }), 50);
   }, [session, projectName, iteration, fleetAgents, cost, lastInputTokens, maxContext, setNodes, setEdges, fitView]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (vizEvents.length === 0) return;
     const latestEvent = vizEvents[0];
     if (!latestEvent) return;
@@ -13906,7 +14048,7 @@ function AgentFlowCanvasWithProvider(props) {
 
 // src/components/SidePanel/index.tsx
 import { PanelLeftClose } from "lucide-react";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 
 // src/components/FileExplorer.tsx
 import {
@@ -13927,7 +14069,7 @@ import {
   Loader2 as Loader28,
   Minimize2
 } from "lucide-react";
-import { useCallback as useCallback17, useEffect as useEffect29, useMemo as useMemo12, useRef as useRef19, useState as useState32 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect30, useMemo as useMemo11, useRef as useRef19, useState as useState33 } from "react";
 import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
 var EXT_ICONS = {
   // ── Code ──
@@ -14048,10 +14190,10 @@ function TreeNodeItem({
   onSelect,
   onOpen
 }) {
-  const [expanded, setExpanded] = useState32(depth < 1);
+  const [expanded, setExpanded] = useState33(depth < 1);
   const activeFilePath = useFileStore((s) => s.activeFilePath);
   const isActive = node.type === "file" && node.path === activeFilePath;
-  useEffect29(() => {
+  useEffect30(() => {
     if (forceExpand !== null) setExpanded(forceExpand);
   }, [forceExpand]);
   if (node.type === "directory") {
@@ -14153,7 +14295,7 @@ function FileExplorer() {
     const segments = cwd.replace(/\\/g, "/").split("/").filter(Boolean);
     return (segments[segments.length - 1] ?? "") === projectName;
   })();
-  const breadcrumbs = useMemo12(() => {
+  const breadcrumbs = useMemo11(() => {
     if (!cwd || !projectName) return [];
     const norm = cwd.replace(/\\/g, "/");
     const segments = norm.split("/").filter(Boolean);
@@ -14180,7 +14322,7 @@ function FileExplorer() {
     }));
   }, [cwd, projectName]);
   const bcRef = useRef19(null);
-  useEffect29(() => {
+  useEffect30(() => {
     const el = bcRef.current;
     if (el && breadcrumbs.length > 1) {
       el.scrollLeft = el.scrollWidth;
@@ -14189,8 +14331,8 @@ function FileExplorer() {
   const handleBreadcrumbClick = useCallback17((crumbPath) => {
     getWSClient().send({ type: "working_dir.set", payload: { path: crumbPath } });
   }, []);
-  const [contextMenu, setContextMenu] = useState32(null);
-  useEffect29(() => {
+  const [contextMenu, setContextMenu] = useState33(null);
+  useEffect30(() => {
     if (!contextMenu) return;
     const close = () => setContextMenu(null);
     const onKey = (e) => {
@@ -14231,9 +14373,9 @@ function FileExplorer() {
     const parent = norm.split("/").slice(0, -1).join("/") || norm;
     getWSClient().send({ type: "working_dir.set", payload: { path: parent } });
   }, [cwd]);
-  const [showSpinner, setShowSpinner] = useState32(false);
+  const [showSpinner, setShowSpinner] = useState33(false);
   const spinnerTimer = useRef19(null);
-  useEffect29(() => {
+  useEffect30(() => {
     if (treeLoading) {
       spinnerTimer.current = setTimeout(() => setShowSpinner(true), 150);
     } else {
@@ -14244,9 +14386,9 @@ function FileExplorer() {
       if (spinnerTimer.current) clearTimeout(spinnerTimer.current);
     };
   }, [treeLoading]);
-  const [selectedPath, setSelectedPath] = useState32(null);
-  const [globalExpand, setGlobalExpand] = useState32(null);
-  const dirCount = useMemo12(() => {
+  const [selectedPath, setSelectedPath] = useState33(null);
+  const [globalExpand, setGlobalExpand] = useState33(null);
+  const dirCount = useMemo11(() => {
     let count = 0;
     const walk = (nodes) => {
       for (const n of nodes) {
@@ -14257,7 +14399,7 @@ function FileExplorer() {
     walk(tree);
     return count;
   }, [tree]);
-  const cwdStats = useMemo12(() => {
+  const cwdStats = useMemo11(() => {
     let files = 0;
     let dirs = 0;
     for (const n of tree) {
@@ -14298,7 +14440,7 @@ function FileExplorer() {
     );
     setSelectedPath(null);
   }, []);
-  useEffect29(() => {
+  useEffect30(() => {
     if (activeFilePath) setSelectedPath(null);
   }, [activeFilePath]);
   if (showSpinner) {
@@ -14512,7 +14654,7 @@ import {
   UserCheck,
   Trash2 as Trash23
 } from "lucide-react";
-import { useEffect as useEffect30, useState as useState33 } from "react";
+import { useEffect as useEffect31, useState as useState34 } from "react";
 import { jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
 var TYPE_ICONS = {
   note: FileText5,
@@ -14536,12 +14678,15 @@ function fmtTime(iso) {
 function MailboxPanel({ className }) {
   const messages = useMailboxStore((s) => s.messages);
   const agents = useMailboxStore((s) => s.agents);
-  const [collapsed, setCollapsed] = useState33(false);
-  const [deleting, setDeleting] = useState33(false);
+  const [collapsed, setCollapsed] = useState34(false);
+  const [deleting, setDeleting] = useState34(false);
   const { client: client2 } = useWebSocket();
-  const [ready, setReady] = useState33(client2.status.state === "open");
-  useEffect30(() => client2.onStatus((s) => setReady(s.state === "open")), [client2]);
-  useEffect30(() => {
+  const [ready, setReady] = useState34(client2.status.state === "open");
+  useEffect31(() => {
+    const off = client2.onStatus((s) => setReady(s.state === "open"));
+    return () => off();
+  }, [client2]);
+  useEffect31(() => {
     if (!ready) return;
     client2.send({ type: "mailbox.messages", payload: { limit: 30 } });
     client2.send({ type: "mailbox.agents", payload: {} });
@@ -14560,7 +14705,7 @@ function MailboxPanel({ className }) {
     setDeleting(true);
     client2.send({ type: "mailbox.clear" });
   }
-  useEffect30(() => {
+  useEffect31(() => {
     if (deleting && messages.length === 0) setDeleting(false);
   }, [deleting, messages.length]);
   return /* @__PURE__ */ jsxs52("div", { className: cn("rounded-lg border border-border bg-card/60 backdrop-blur-sm", className), children: [
@@ -14669,22 +14814,22 @@ function MailboxPanel({ className }) {
 
 // src/components/ProjectsPanel.tsx
 import { ExternalLink, Folder as Folder3, FolderPlus, History as History3, Loader2 as Loader29 } from "lucide-react";
-import { useCallback as useCallback18, useEffect as useEffect31, useRef as useRef20, useState as useState34 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect32, useRef as useRef20, useState as useState35 } from "react";
 import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
 function ProjectsPanel({ fullView }) {
-  const [projects, setProjects] = useState34([]);
-  const [loading, setLoading] = useState34(true);
-  const [adding, setAdding] = useState34(false);
-  const [folderPath, setFolderPath] = useState34("");
-  const [projectName, setProjectName] = useState34("");
-  const [dialogOpen, setDialogOpen] = useState34(false);
+  const [projects, setProjects] = useState35([]);
+  const [loading, setLoading] = useState35(true);
+  const [adding, setAdding] = useState35(false);
+  const [folderPath, setFolderPath] = useState35("");
+  const [projectName, setProjectName] = useState35("");
+  const [dialogOpen, setDialogOpen] = useState35(false);
   const projectNameRef = useRef20(null);
-  const [confirmSwitch, setConfirmSwitch] = useState34({ open: false, project: null, agentCount: 0 });
+  const [confirmSwitch, setConfirmSwitch] = useState35({ open: false, project: null, agentCount: 0 });
   const fetchProjects = useCallback18(() => {
     const ws = getWSClient();
     ws.send({ type: "projects.list" });
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     setLoading(true);
     const ws = getWSClient();
     const offList = ws.on("projects.list", (msg) => {
@@ -14958,11 +15103,11 @@ function ProjectsPanel({ fullView }) {
 
 // src/components/SidePanel/AgentsPanel.tsx
 import { Bot as Bot10, LayoutGrid as LayoutGrid2, Wrench as Wrench8 } from "lucide-react";
-import { useMemo as useMemo14, useState as useState36 } from "react";
+import { useMemo as useMemo13, useState as useState37 } from "react";
 
 // src/components/FleetPanel.tsx
 import { Bot as Bot9, Check as Check7, ChevronDown as ChevronDown9, ChevronRight as ChevronRight8, Clock as Clock11, Copy as Copy4, Cpu as Cpu12, Crown, Wrench as Wrench7, X as X14, Zap as Zap9 } from "lucide-react";
-import { useCallback as useCallback19, useMemo as useMemo13, useState as useState35 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo12, useState as useState36 } from "react";
 
 // src/components/ui/sparkline.tsx
 import { jsx as jsx59 } from "react/jsx-runtime";
@@ -15038,7 +15183,7 @@ function AgentDetail({
   const active = agent.status === "running";
   const tool = agent.currentTool ?? agent.lastTool;
   const elapsed = Date.now() - agent.startedAt;
-  const [copied, setCopied] = useState35(false);
+  const [copied, setCopied] = useState36(false);
   const leaderId = useFleetStore((s) => s.leaderId);
   const isLeader = agent.id === leaderId;
   const handleCopy = useCallback19(async (text) => {
@@ -15339,9 +15484,9 @@ function FleetPanel({
   className
 }) {
   const agents = useFleetStore((s) => s.agents);
-  const [collapsed, setCollapsed] = useState35(true);
-  const [selectedId, setSelectedId] = useState35(null);
-  const list = useMemo13(() => {
+  const [collapsed, setCollapsed] = useState36(true);
+  const [selectedId, setSelectedId] = useState36(null);
+  const list = useMemo12(() => {
     const arr = Array.from(agents.values());
     arr.sort((x, y) => {
       const xa = x.status === "running" ? 0 : 1;
@@ -15454,8 +15599,8 @@ function AgentRow2({ agent, onClick }) {
 function AgentsPanel() {
   const fleetAgents = useFleetStore((s) => s.agents);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
-  const [selectedAgentId, setSelectedAgentId] = useState36(null);
-  const fleetList = useMemo14(() => {
+  const [selectedAgentId, setSelectedAgentId] = useState37(null);
+  const fleetList = useMemo13(() => {
     const arr = Array.from(fleetAgents.values());
     arr.sort((x, y) => {
       const xa = x.status === "running" ? 0 : 1;
@@ -15502,7 +15647,7 @@ function AgentsPanel() {
 
 // src/components/SidePanel/HistoryPanel.tsx
 import { LayoutGrid as LayoutGrid3 } from "lucide-react";
-import { useEffect as useEffect33, useState as useState38 } from "react";
+import { useEffect as useEffect34, useState as useState39 } from "react";
 
 // src/components/SidePanel/SessionList.tsx
 import {
@@ -15514,7 +15659,7 @@ import {
   Trash2 as Trash24,
   X as X15
 } from "lucide-react";
-import { useCallback as useCallback20, useEffect as useEffect32, useMemo as useMemo15, useState as useState37 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect33, useMemo as useMemo14, useState as useState38 } from "react";
 import { Fragment as Fragment15, jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
 var formatRelative = (iso) => {
   const ts = Date.parse(iso);
@@ -15545,10 +15690,10 @@ function SessionList({
   const toggleFavoriteSession = useUIStore((s) => s.toggleFavoriteSession);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
   const setSessionNickname = useUIStore((s) => s.setSessionNickname);
-  const [renamingId, setRenamingId] = useState37(null);
-  const [renameDraft, setRenameDraft] = useState37("");
-  const [resumingId, setResumingId] = useState37(null);
-  useEffect32(() => {
+  const [renamingId, setRenamingId] = useState38(null);
+  const [renameDraft, setRenameDraft] = useState38("");
+  const [resumingId, setResumingId] = useState38(null);
+  useEffect33(() => {
     if (resumingId && historyEntries.some((e) => e.id === resumingId && e.isCurrent)) {
       setResumingId(null);
     }
@@ -15561,7 +15706,7 @@ function SessionList({
     },
     [resumeSession]
   );
-  const emptySessionIds = useMemo15(
+  const emptySessionIds = useMemo14(
     () => getEmptySessionIds(historyEntries),
     [historyEntries]
   );
@@ -15775,8 +15920,8 @@ function HistoryPanel() {
   const { listSessions, resumeSession, deleteSession } = useWebSocket();
   const setCurrentView = useUIStore((s) => s.setCurrentView);
   const activeSessionId = useSessionStore((s) => s.session?.id);
-  const [query, setQuery] = useState38("");
-  useEffect33(() => {
+  const [query, setQuery] = useState39("");
+  useEffect34(() => {
     void activeSessionId;
     if (wsConnected) listSessions(50);
   }, [wsConnected, activeSessionId, listSessions]);
@@ -15827,7 +15972,7 @@ import {
   Wifi as Wifi2,
   WifiOff as WifiOff3
 } from "lucide-react";
-import { useCallback as useCallback21, useEffect as useEffect34, useMemo as useMemo16, useState as useState39 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect35, useMemo as useMemo15, useState as useState40 } from "react";
 import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function fmtCost4(v) {
   if (v <= 0) return "$0.000";
@@ -15954,15 +16099,15 @@ function SessionPanel() {
     },
     [localPrefs, updatePrefs]
   );
-  const [breakdownOpen, setBreakdownOpen] = useState39(false);
+  const [breakdownOpen, setBreakdownOpen] = useState40(false);
   const startedAt = session?.startedAt ?? null;
-  const [now, setNow] = useState39(() => Date.now());
-  useEffect34(() => {
+  const [now, setNow] = useState40(() => Date.now());
+  useEffect35(() => {
     if (!startedAt) return;
     const t = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(t);
   }, [startedAt]);
-  const runningAgents = useMemo16(
+  const runningAgents = useMemo15(
     () => Array.from(fleetAgents.values()).filter((a) => a.status === "running").length,
     [fleetAgents]
   );
@@ -16331,7 +16476,7 @@ function SidePanel() {
   const setSidebarWidth = useUIStore((s) => s.setSidebarWidth);
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const { client: client2 } = useWebSocket();
-  useEffect35(() => {
+  useEffect36(() => {
     if (activeActivity !== "files" || !wsConnected) return;
     useFileStore.getState().setTreeLoading(true);
     const cwd = useSessionStore.getState().cwd;
@@ -16398,22 +16543,22 @@ function SidePanel() {
 
 // src/components/WorkspaceDock.tsx
 import { Bot as Bot11, GitBranch as GitBranch3, ListTodo as ListTodo2, Maximize2 as Maximize22, Rocket as Rocket4, Target as Target3, Users as Users3 } from "lucide-react";
-import { useCallback as useCallback26, useEffect as useEffect41, useMemo as useMemo17, useRef as useRef24, useState as useState46 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect42, useMemo as useMemo16, useRef as useRef24, useState as useState47 } from "react";
 
 // src/components/CollabPanel.tsx
 import { Eye as Eye2, LogIn, LogOut, MessageSquareWarning, Pause as Pause5, Play as Play6, Users as Users2 } from "lucide-react";
-import { useEffect as useEffect36, useState as useState40 } from "react";
+import { useEffect as useEffect37, useState as useState41 } from "react";
 import { jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 function CollabPanel({ sessionId, className }) {
-  const [participants, setParticipants] = useState40([]);
-  const [joined, setJoined] = useState40(false);
-  const [joinedRole, setJoinedRole] = useState40(null);
-  const [error, setError] = useState40(null);
-  const [openAnnotationCount, setOpenAnnotationCount] = useState40(0);
-  const [paused, setPaused] = useState40(false);
+  const [participants, setParticipants] = useState41([]);
+  const [joined, setJoined] = useState41(false);
+  const [joinedRole, setJoinedRole] = useState41(null);
+  const [error, setError] = useState41(null);
+  const [openAnnotationCount, setOpenAnnotationCount] = useState41(0);
+  const [paused, setPaused] = useState41(false);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const client2 = getWSClient(wsUrl);
-  useEffect36(() => {
+  useEffect37(() => {
     const offs = [];
     offs.push(
       client2.on("collab.state", (msg) => {
@@ -16701,7 +16846,7 @@ import {
   TrendingUp,
   Minus
 } from "lucide-react";
-import { useEffect as useEffect37, useState as useState41 } from "react";
+import { useEffect as useEffect38, useState as useState42 } from "react";
 import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 var TREND_ICON = {
   up: /* @__PURE__ */ jsx67(TrendingUp, { className: "h-3.5 w-3.5 text-emerald-500" }),
@@ -16736,8 +16881,8 @@ var STATE_CONFIG = {
   }
 };
 function GoalPanel({ goal, className }) {
-  const [collapsed, setCollapsed] = useState41(false);
-  useEffect37(() => {
+  const [collapsed, setCollapsed] = useState42(false);
+  useEffect38(() => {
     const ws = getWSClient();
     ws?.send?.({ type: "goal.get" });
     const timer = setInterval(() => {
@@ -16745,7 +16890,7 @@ function GoalPanel({ goal, className }) {
     }, 1e4);
     return () => clearInterval(timer);
   }, []);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!goal || goal.goalState === "completed" || goal.goalState === "failed" || goal.goalState === "abandoned") {
       setCollapsed(true);
     }
@@ -16865,11 +17010,11 @@ function GoalPanel({ goal, className }) {
 }
 
 // src/components/WorkDashboard.tsx
-import { useState as useState45 } from "react";
+import { useState as useState46 } from "react";
 
 // src/components/TodosPanel.tsx
 import { CheckCircle2 as CheckCircle214, Circle as Circle7, Clock as Clock13, Trash2 as Trash25 } from "lucide-react";
-import { useCallback as useCallback23, useEffect as useEffect38, useRef as useRef21, useState as useState42 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect39, useRef as useRef21, useState as useState43 } from "react";
 import { jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 var STATUS_ORDER = {
   in_progress: 0,
@@ -16877,11 +17022,11 @@ var STATUS_ORDER = {
   completed: 2
 };
 function TodosPanel() {
-  const [todos, setTodos] = useState42([]);
-  const [collapsedSections, setCollapsedSections] = useState42(/* @__PURE__ */ new Set());
+  const [todos, setTodos] = useState43([]);
+  const [collapsedSections, setCollapsedSections] = useState43(/* @__PURE__ */ new Set());
   const ws = getWSClient();
   const offRef = useRef21(null);
-  useEffect38(() => {
+  useEffect39(() => {
     ws.send({ type: "todos.get" });
     offRef.current = ws.on("todos.updated", (msg) => {
       const payload = msg?.payload;
@@ -17014,7 +17159,7 @@ function TodosPanel() {
 
 // src/components/TasksPanel.tsx
 import { CheckCircle2 as CheckCircle215, Circle as Circle8, Clock as Clock14, Pause as Pause6, XCircle as XCircle8, RotateCcw as RotateCcw5 } from "lucide-react";
-import { useCallback as useCallback24, useEffect as useEffect39, useRef as useRef22, useState as useState43 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect40, useRef as useRef22, useState as useState44 } from "react";
 import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
 var STATUS_CONFIG2 = {
   pending: { icon: /* @__PURE__ */ jsx69(Circle8, { className: "w-3.5 h-3.5" }), label: "Pending", color: "text-muted-foreground/50" },
@@ -17039,11 +17184,11 @@ var TYPE_ICON = {
   chore: "\u{1F527}"
 };
 function TasksPanel() {
-  const [tasks, setTasks] = useState43([]);
-  const [collapsed, setCollapsed] = useState43(/* @__PURE__ */ new Set());
+  const [tasks, setTasks] = useState44([]);
+  const [collapsed, setCollapsed] = useState44(/* @__PURE__ */ new Set());
   const ws = getWSClient();
   const offRef = useRef22(null);
-  useEffect39(() => {
+  useEffect40(() => {
     ws.getTasks();
     offRef.current = ws.on("tasks.updated", (msg) => {
       const payload = msg?.payload;
@@ -17183,7 +17328,7 @@ function TasksPanel() {
 
 // src/components/PlanPanel.tsx
 import { CheckCircle2 as CheckCircle216, Circle as Circle9, Clock as Clock15 } from "lucide-react";
-import { useCallback as useCallback25, useEffect as useEffect40, useRef as useRef23, useState as useState44 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect41, useRef as useRef23, useState as useState45 } from "react";
 import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 var STATUS_CONFIG3 = {
   open: { icon: /* @__PURE__ */ jsx70(Circle9, { className: "w-3.5 h-3.5" }), label: "Open", color: "text-muted-foreground/50" },
@@ -17191,11 +17336,11 @@ var STATUS_CONFIG3 = {
   done: { icon: /* @__PURE__ */ jsx70(CheckCircle216, { className: "w-3.5 h-3.5" }), label: "Done", color: "text-emerald-500" }
 };
 function PlanPanel() {
-  const [items, setItems] = useState44([]);
-  const [collapsed, setCollapsed] = useState44(/* @__PURE__ */ new Set());
+  const [items, setItems] = useState45([]);
+  const [collapsed, setCollapsed] = useState45(/* @__PURE__ */ new Set());
   const ws = getWSClient();
   const offRef = useRef23(null);
-  useEffect40(() => {
+  useEffect41(() => {
     ws.getPlan();
     offRef.current = ws.on("plan.updated", (msg) => {
       const payload = msg?.payload;
@@ -17329,7 +17474,7 @@ var TABS = [
   { id: "plan", label: "Plan", icon: "\u{1F5FA}\uFE0F" }
 ];
 function WorkDashboard() {
-  const [activeTab, setActiveTab] = useState45("todos");
+  const [activeTab, setActiveTab] = useState46("todos");
   return /* @__PURE__ */ jsxs65("div", { className: "rounded-lg border border-border bg-card/50 backdrop-blur-sm overflow-hidden", children: [
     /* @__PURE__ */ jsx71("div", { className: "flex border-b border-border/50 bg-muted/30", children: TABS.map((tab) => /* @__PURE__ */ jsxs65(
       "button",
@@ -17429,9 +17574,9 @@ function WorkspaceDock({ sessionId }) {
     () => toggleAutoPhaseAutonomous(!autoPhase.autonomous),
     [toggleAutoPhaseAutonomous, autoPhase.autonomous]
   );
-  const [worktreeView, setWorktreeView] = useState46("graph");
+  const [worktreeView, setWorktreeView] = useState47("graph");
   const fleetTotal = fleetAgents.size;
-  const fleetRunning = useMemo17(
+  const fleetRunning = useMemo16(
     () => Array.from(fleetAgents.values()).filter((a) => a.status === "running").length,
     [fleetAgents]
   );
@@ -17439,7 +17584,7 @@ function WorkspaceDock({ sessionId }) {
   const todosActive = todos.some((t) => t.status === "in_progress");
   const phasesActive = autoPhase.phases.length > 0;
   const prevPhaseCount = useRef24(autoPhase.phases.length);
-  useEffect41(() => {
+  useEffect42(() => {
     const ui = useUIStore.getState();
     if (prevPhaseCount.current === 0 && autoPhase.phases.length > 0 && ui.dockSection === null) {
       ui.setDockSection("autophase");
@@ -17580,285 +17725,33 @@ function WorkspaceDock({ sessionId }) {
   ] });
 }
 
-// src/components/AgentsMonitor.tsx
-import { Bot as Bot12, ChevronLeft, ChevronRight as ChevronRight10, Cpu as Cpu14, Crown as Crown2, Loader2 as Loader211, Wrench as Wrench9, X as X16, Zap as Zap10 } from "lucide-react";
-import { useCallback as useCallback27, useEffect as useEffect42, useMemo as useMemo18, useState as useState47 } from "react";
+// src/components/FleetMonitor.tsx
+import {
+  Activity as Activity5,
+  ArrowRight as ArrowRight6,
+  Bot as Bot12,
+  ChevronRight as ChevronRight11,
+  Clock as Clock16,
+  Cpu as Cpu14,
+  Crown as Crown2,
+  Database as Database4,
+  DollarSign as DollarSign2,
+  FolderOpen as FolderOpen5,
+  Loader2 as Loader211,
+  Timer as Timer3,
+  Users as Users4,
+  Wrench as Wrench9,
+  XCircle as XCircle9,
+  Zap as Zap10
+} from "lucide-react";
+import { useCallback as useCallback27, useEffect as useEffect43, useMemo as useMemo17, useState as useState48 } from "react";
+
+// src/components/ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check8, ChevronRight as ChevronRight10, Circle as Circle10 } from "lucide-react";
+import * as React6 from "react";
 import { jsx as jsx73, jsxs as jsxs67 } from "react/jsx-runtime";
-function fmtCost5(v) {
-  if (v <= 0) return "$0";
-  if (v >= 0.01) return `$${v.toFixed(3)}`;
-  return `$${v.toFixed(5)}`.replace(/0+$/, "").replace(/\.$/, "");
-}
-function fmtDuration3(ms) {
-  const sec = Math.floor(ms / 1e3);
-  if (sec < 60) return `${sec}s`;
-  const min = Math.floor(sec / 60);
-  return `${min}m ${sec % 60}s`;
-}
-var STATUS_META5 = {
-  running: { led: "bg-[hsl(var(--success))]", label: "running", pulse: true, badge: "bg-[hsl(var(--success))]/15 text-[hsl(var(--success))]" },
-  completed: { led: "bg-[hsl(var(--success))]", label: "done", pulse: false, badge: "bg-muted text-muted-foreground" },
-  failed: { led: "bg-destructive", label: "failed", pulse: false, badge: "bg-destructive/15 text-destructive" },
-  timeout: { led: "bg-[hsl(var(--warning))]", label: "timeout", pulse: false, badge: "bg-amber-500/15 text-amber-500" },
-  stopped: { led: "bg-muted-foreground", label: "stopped", pulse: false, badge: "bg-muted text-muted-foreground" }
-};
-function AgentCard2({ agent, isLeader }) {
-  const meta2 = STATUS_META5[agent.status];
-  const active = agent.status === "running";
-  const elapsed = Date.now() - agent.startedAt;
-  const toolLogSlice = agent.toolLog.slice(0, 8);
-  const last8Tools = [...toolLogSlice].reverse();
-  return /* @__PURE__ */ jsxs67("div", { className: cn(
-    "rounded-xl border p-4 space-y-3",
-    active ? "border-primary/20 bg-primary/[0.02]" : "border-border bg-card",
-    isLeader && "ring-2 ring-amber-500/30"
-  ), children: [
-    /* @__PURE__ */ jsxs67("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx73("span", { className: cn("led", meta2.led, meta2.pulse && "led-pulse", "mt-0.5") }),
-        /* @__PURE__ */ jsxs67("div", { children: [
-          /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx73("span", { className: "text-sm font-semibold", children: agent.name }),
-            isLeader && /* @__PURE__ */ jsx73(Crown2, { className: "h-3.5 w-3.5 text-amber-500", "aria-label": "leader" }),
-            agent.extensions > 0 && /* @__PURE__ */ jsxs67("span", { className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-amber-500/15 text-[10px] text-amber-600 dark:text-amber-400 font-medium", children: [
-              /* @__PURE__ */ jsx73(Zap10, { className: "h-2.5 w-2.5" }),
-              "\xD7",
-              agent.extensions
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx73("span", { className: cn("inline-block mt-0.5 px-1.5 py-0.5 rounded text-[10px] font-medium", meta2.badge), children: meta2.label })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx73("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground", children: isLeader && /* @__PURE__ */ jsx73("span", { className: "text-[9px] bg-amber-500/15 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded", children: "LEADER" }) })
-    ] }),
-    agent.description && /* @__PURE__ */ jsx73("p", { className: "text-xs text-muted-foreground leading-relaxed line-clamp-2", children: agent.description }),
-    agent.budgetWarning && /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20 text-xs", children: [
-      /* @__PURE__ */ jsx73(Zap10, { className: "h-3.5 w-3.5 text-amber-500 shrink-0" }),
-      /* @__PURE__ */ jsxs67("span", { className: "text-amber-600 dark:text-amber-400", children: [
-        "\u26A1 hitting ",
-        /* @__PURE__ */ jsx73("strong", { children: agent.budgetWarning.kind }),
-        " limit (",
-        agent.budgetWarning.used,
-        "/",
-        agent.budgetWarning.limit,
-        ") \u2014 extending"
-      ] })
-    ] }),
-    agent.failureReason && /* @__PURE__ */ jsx73("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-destructive/10 border border-destructive/20 text-xs", children: /* @__PURE__ */ jsxs67("span", { className: "text-destructive font-medium", children: [
-      "\u2717 ",
-      agent.failureReason
-    ] }) }),
-    /* @__PURE__ */ jsxs67("div", { className: "grid grid-cols-4 gap-2", children: [
-      /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
-        /* @__PURE__ */ jsx73("div", { className: "text-[10px] text-muted-foreground", children: "Iters" }),
-        /* @__PURE__ */ jsx73("div", { className: "text-xs font-mono font-semibold tabular-nums", children: agent.iteration })
-      ] }),
-      /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
-        /* @__PURE__ */ jsx73("div", { className: "text-[10px] text-muted-foreground", children: "Tools" }),
-        /* @__PURE__ */ jsx73("div", { className: "text-xs font-mono font-semibold tabular-nums", children: agent.toolCalls })
-      ] }),
-      /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
-        /* @__PURE__ */ jsx73("div", { className: "text-[10px] text-muted-foreground", children: "Cost" }),
-        /* @__PURE__ */ jsx73("div", { className: "text-xs font-mono font-semibold tabular-nums", children: fmtCost5(agent.costUsd) })
-      ] }),
-      /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
-        /* @__PURE__ */ jsx73("div", { className: "text-[10px] text-muted-foreground", children: "Elapsed" }),
-        /* @__PURE__ */ jsx73("div", { className: "text-xs font-mono font-semibold tabular-nums", children: fmtDuration3(elapsed) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs67("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs67("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx73("span", { className: "text-[10px] text-muted-foreground", children: "Activity (12 bins)" }),
-        /* @__PURE__ */ jsx73(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" })
-      ] }),
-      /* @__PURE__ */ jsx73(ContextBar, { pct: agent.ctxPct, tokens: agent.ctxTokens, maxTokens: agent.maxContext })
-    ] }),
-    (agent.provider || agent.model) && /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx73(Cpu14, { className: "h-3 w-3" }),
-      /* @__PURE__ */ jsxs67("span", { className: "font-mono", children: [
-        agent.provider ?? "?",
-        "/",
-        agent.model ?? "?"
-      ] })
-    ] }),
-    (agent.currentTool || agent.lastTool) && /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx73(Wrench9, { className: cn("h-3 w-3", active && "animate-pulse text-primary") }),
-      /* @__PURE__ */ jsx73("span", { className: "font-mono", children: agent.currentTool ?? agent.lastTool }),
-      active && /* @__PURE__ */ jsx73(Loader211, { className: "h-3 w-3 animate-spin" })
-    ] }),
-    agent.partialText && active && /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 p-2", children: [
-      /* @__PURE__ */ jsx73("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider mb-1", children: "Streaming output" }),
-      /* @__PURE__ */ jsx73("pre", { className: "text-[10px] font-mono text-foreground/80 whitespace-pre-wrap line-clamp-3 leading-relaxed", children: agent.partialText })
-    ] }),
-    last8Tools.length > 0 && /* @__PURE__ */ jsxs67("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx73("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider", children: "Recent tools" }),
-      /* @__PURE__ */ jsx73("div", { className: "space-y-0.5", children: last8Tools.map((tool, i) => /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2 text-[10px] font-mono", children: [
-        /* @__PURE__ */ jsx73("span", { className: cn("shrink-0", tool.ok ? "text-[hsl(var(--success))]" : "text-destructive"), children: tool.ok ? "\u2713" : "\u2717" }),
-        /* @__PURE__ */ jsx73("span", { className: "text-muted-foreground truncate", children: tool.name }),
-        /* @__PURE__ */ jsx73("span", { className: "ml-auto tabular-nums text-muted-foreground shrink-0", children: tool.durationMs >= 1e3 ? `${(tool.durationMs / 1e3).toFixed(1)}s` : `${tool.durationMs}ms` })
-      ] }, i)) })
-    ] }),
-    agent.finalText && !active && /* @__PURE__ */ jsxs67("div", { className: "rounded-lg border bg-muted/30 p-2", children: [
-      /* @__PURE__ */ jsx73("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider mb-1", children: "Final output" }),
-      /* @__PURE__ */ jsx73("pre", { className: "text-[10px] font-mono text-foreground/80 whitespace-pre-wrap line-clamp-4 leading-relaxed", children: agent.finalText })
-    ] })
-  ] });
-}
-function AgentsMonitor({ onClose }) {
-  const fleetAgents = useFleetStore((s) => s.agents);
-  const leaderId = useFleetStore((s) => s.leaderId);
-  const [selectedIdx, setSelectedIdx] = useState47(0);
-  const fleetList = useMemo18(() => {
-    const arr = Array.from(fleetAgents.values());
-    arr.sort((x, y) => {
-      if (x.id === leaderId) return -1;
-      if (y.id === leaderId) return 1;
-      const xa = x.status === "running" ? 0 : 1;
-      const ya = y.status === "running" ? 0 : 1;
-      if (xa !== ya) return xa - ya;
-      return x.startedAt - y.startedAt;
-    });
-    return arr;
-  }, [fleetAgents, leaderId]);
-  const handleKeyDown = useCallback27(
-    (e) => {
-      if (e.key === "Escape") {
-        onClose();
-        return;
-      }
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setSelectedIdx((i) => Math.min(i + 1, fleetList.length - 1));
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setSelectedIdx((i) => Math.max(i - 1, 0));
-        return;
-      }
-    },
-    [fleetList.length, onClose]
-  );
-  useEffect42(() => {
-    const handleGlobal = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", handleGlobal);
-    return () => window.removeEventListener("keydown", handleGlobal);
-  }, [onClose]);
-  const selectedAgent = fleetList[selectedIdx] ?? null;
-  return /* @__PURE__ */ jsxs67(
-    "div",
-    {
-      className: "fixed inset-0 z-50 flex flex-col bg-background/95 backdrop-blur-md",
-      onKeyDown: handleKeyDown,
-      tabIndex: -1,
-      children: [
-        /* @__PURE__ */ jsxs67("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-card/80 backdrop-blur shrink-0", children: [
-          /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx73(Bot12, { className: "h-5 w-5 text-primary" }),
-            /* @__PURE__ */ jsx73("h2", { className: "text-sm font-semibold", children: "Agents Monitor" }),
-            /* @__PURE__ */ jsxs67("span", { className: "text-xs text-muted-foreground", children: [
-              fleetList.length,
-              " total"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx73(
-              "button",
-              {
-                type: "button",
-                onClick: () => setSelectedIdx((i) => Math.max(i - 1, 0)),
-                className: "p-1.5 rounded-md hover:bg-muted transition-colors disabled:opacity-30",
-                disabled: selectedIdx === 0,
-                "aria-label": "Previous agent",
-                children: /* @__PURE__ */ jsx73(ChevronLeft, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx73("span", { className: "text-xs tabular-nums text-muted-foreground font-mono", children: fleetList.length > 0 ? `${selectedIdx + 1}/${fleetList.length}` : "0/0" }),
-            /* @__PURE__ */ jsx73(
-              "button",
-              {
-                type: "button",
-                onClick: () => setSelectedIdx((i) => Math.min(i + 1, fleetList.length - 1)),
-                className: "p-1.5 rounded-md hover:bg-muted transition-colors disabled:opacity-30",
-                disabled: selectedIdx >= fleetList.length - 1,
-                "aria-label": "Next agent",
-                children: /* @__PURE__ */ jsx73(ChevronRight10, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx73(
-              "button",
-              {
-                type: "button",
-                onClick: onClose,
-                className: "p-1.5 rounded-md hover:bg-muted transition-colors ml-2",
-                "aria-label": "Close agents monitor",
-                children: /* @__PURE__ */ jsx73(X16, { className: "h-4 w-4" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx73("div", { className: "flex-1 overflow-y-auto p-4", children: fleetList.length === 0 ? /* @__PURE__ */ jsxs67("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
-          /* @__PURE__ */ jsx73(Bot12, { className: "h-12 w-12 mb-3 opacity-20" }),
-          /* @__PURE__ */ jsx73("p", { className: "text-sm font-medium", children: "No agents active" })
-        ] }) : selectedAgent ? /* @__PURE__ */ jsx73("div", { className: "max-w-2xl mx-auto", children: /* @__PURE__ */ jsx73(AgentCard2, { agent: selectedAgent, isLeader: selectedAgent.id === leaderId }) }) : null }),
-        fleetList.length > 0 && /* @__PURE__ */ jsxs67("div", { className: "border-t bg-card/80 backdrop-blur shrink-0", children: [
-          /* @__PURE__ */ jsx73("div", { className: "px-4 py-2 flex items-center gap-2 overflow-x-auto", children: fleetList.map((agent, i) => /* @__PURE__ */ jsxs67(
-            "button",
-            {
-              type: "button",
-              onClick: () => setSelectedIdx(i),
-              className: cn(
-                "shrink-0 flex items-center gap-1.5 px-2 py-1 rounded-md text-[10px] transition-colors",
-                i === selectedIdx ? "bg-primary/15 text-primary ring-1 ring-primary/40" : "hover:bg-accent text-muted-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx73("span", { className: cn("led", STATUS_META5[agent.status].led, STATUS_META5[agent.status].pulse && "led-pulse", "shrink-0") }),
-                /* @__PURE__ */ jsx73("span", { children: agent.name }),
-                agent.id === leaderId && /* @__PURE__ */ jsx73(Crown2, { className: "h-2.5 w-2.5 text-amber-500 shrink-0" })
-              ]
-            },
-            agent.id
-          )) }),
-          /* @__PURE__ */ jsxs67("div", { className: "px-4 py-1.5 border-t text-[10px] text-muted-foreground flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx73("span", { children: "\u2190\u2192 page" }),
-            /* @__PURE__ */ jsx73("span", { children: "\u2191\u2193 navigate list" }),
-            /* @__PURE__ */ jsx73("span", { children: "Esc close" })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/FleetMonitor.tsx
-import {
-  Activity as Activity5,
-  ArrowRight as ArrowRight6,
-  Bot as Bot13,
-  ChevronRight as ChevronRight12,
-  Clock as Clock17,
-  Cpu as Cpu15,
-  Crown as Crown3,
-  Database as Database4,
-  DollarSign as DollarSign3,
-  FolderOpen as FolderOpen5,
-  Loader2 as Loader212,
-  Timer as Timer2,
-  Users as Users4,
-  Wrench as Wrench10,
-  XCircle as XCircle9,
-  Zap as Zap11
-} from "lucide-react";
-import { useCallback as useCallback28, useEffect as useEffect43, useMemo as useMemo19, useState as useState48 } from "react";
-
-// src/components/ui/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check8, ChevronRight as ChevronRight11, Circle as Circle10 } from "lucide-react";
-import * as React6 from "react";
-import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
-var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs68(
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs67(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -17870,12 +17763,12 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx74(ChevronRight11, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx73(ChevronRight10, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -17887,7 +17780,7 @@ var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx74(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx74(
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx73(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx73(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -17900,7 +17793,7 @@ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx73(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -17913,7 +17806,7 @@ var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs68(
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs67(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -17924,13 +17817,13 @@ var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx74("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx74(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx74(Check8, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx73("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx73(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx73(Check8, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs68(
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs67(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -17940,13 +17833,13 @@ var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx74("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx74(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx74(Circle10, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx73("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx73(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx73(Circle10, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx73(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -17955,7 +17848,7 @@ var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -17965,12 +17858,12 @@ var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) =>
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx74("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx73("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/concurrency-gauge.tsx
-import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
 function ConcurrencyGauge({
   current,
   max,
@@ -17981,14 +17874,14 @@ function ConcurrencyGauge({
   const empty = Math.max(0, max - filled);
   const pct = max > 0 ? filled / max * 100 : 0;
   const barColor = pct >= 90 ? "text-destructive" : pct >= 70 ? "text-[hsl(var(--warning))]" : "text-[hsl(var(--success))]";
-  return /* @__PURE__ */ jsxs69("span", { className, title: `Fleet concurrency: ${current}/${max}`, children: [
-    /* @__PURE__ */ jsxs69("span", { "aria-hidden": "true", className: "font-mono text-[10px] tracking-tight", children: [
+  return /* @__PURE__ */ jsxs68("span", { className, title: `Fleet concurrency: ${current}/${max}`, children: [
+    /* @__PURE__ */ jsxs68("span", { "aria-hidden": "true", className: "font-mono text-[10px] tracking-tight", children: [
       "[",
-      /* @__PURE__ */ jsx75("span", { className: barColor, children: "\u2588".repeat(filled) }),
-      /* @__PURE__ */ jsx75("span", { className: "text-[hsl(var(--muted))]", children: "\u2591".repeat(empty) }),
+      /* @__PURE__ */ jsx74("span", { className: barColor, children: "\u2588".repeat(filled) }),
+      /* @__PURE__ */ jsx74("span", { className: "text-[hsl(var(--muted))]", children: "\u2591".repeat(empty) }),
       "]"
     ] }),
-    showLabel && /* @__PURE__ */ jsxs69("span", { className: "ml-1.5 tabular-nums text-[10px] text-muted-foreground font-mono", children: [
+    showLabel && /* @__PURE__ */ jsxs68("span", { className: "ml-1.5 tabular-nums text-[10px] text-muted-foreground font-mono", children: [
       current,
       "/",
       max
@@ -17997,7 +17890,7 @@ function ConcurrencyGauge({
 }
 
 // src/components/ui/event-timeline.tsx
-import { jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
 function relTime(ts) {
   const delta = Date.now() - ts;
   if (delta < 5e3) return "just now";
@@ -18018,18 +17911,18 @@ var KIND_ICONS = {
 function EventTimeline({ events, max = 20, className }) {
   const visible = events.slice(0, max);
   if (visible.length === 0) {
-    return /* @__PURE__ */ jsx76("div", { className: `py-4 text-center text-xs text-muted-foreground ${className ?? ""}`, children: "No events yet." });
+    return /* @__PURE__ */ jsx75("div", { className: `py-4 text-center text-xs text-muted-foreground ${className ?? ""}`, children: "No events yet." });
   }
-  return /* @__PURE__ */ jsx76("div", { className: `space-y-0.5 overflow-y-auto max-h-48 ${className ?? ""}`, children: visible.map((ev) => /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsx75("div", { className: `space-y-0.5 overflow-y-auto max-h-48 ${className ?? ""}`, children: visible.map((ev) => /* @__PURE__ */ jsxs69(
     "div",
     {
       className: "flex items-start gap-2 text-[10px] leading-tight py-0.5 px-1 rounded hover:bg-accent/50 transition-colors",
       children: [
-        /* @__PURE__ */ jsx76("span", { className: "shrink-0 w-5 text-center", "aria-hidden": "true", children: KIND_ICONS[ev.kind] ?? "\xB7" }),
-        /* @__PURE__ */ jsx76("span", { className: "shrink-0 w-12 text-right text-muted-foreground font-mono tabular-nums", children: relTime(ev.timestamp) }),
-        /* @__PURE__ */ jsx76("span", { className: "truncate text-foreground/90", children: ev.message }),
-        ev.value !== void 0 && ev.kind === "tool_executed" && /* @__PURE__ */ jsx76("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground font-mono", children: ev.value >= 1e3 ? `${(ev.value / 1e3).toFixed(1)}s` : `${ev.value}ms` }),
-        ev.value !== void 0 && ev.kind === "ctx_pct" && /* @__PURE__ */ jsxs70("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground font-mono", children: [
+        /* @__PURE__ */ jsx75("span", { className: "shrink-0 w-5 text-center", "aria-hidden": "true", children: KIND_ICONS[ev.kind] ?? "\xB7" }),
+        /* @__PURE__ */ jsx75("span", { className: "shrink-0 w-12 text-right text-muted-foreground font-mono tabular-nums", children: relTime(ev.timestamp) }),
+        /* @__PURE__ */ jsx75("span", { className: "truncate text-foreground/90", children: ev.message }),
+        ev.value !== void 0 && ev.kind === "tool_executed" && /* @__PURE__ */ jsx75("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground font-mono", children: ev.value >= 1e3 ? `${(ev.value / 1e3).toFixed(1)}s` : `${ev.value}ms` }),
+        ev.value !== void 0 && ev.kind === "ctx_pct" && /* @__PURE__ */ jsxs69("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground font-mono", children: [
           ev.value,
           "%"
         ] })
@@ -18040,8 +17933,8 @@ function EventTimeline({ events, max = 20, className }) {
 }
 
 // src/components/FleetMonitor.tsx
-import { Fragment as Fragment16, jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
-function fmtCost6(v) {
+import { Fragment as Fragment16, jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
+function fmtCost5(v) {
   if (v <= 0) return "$0";
   if (v >= 0.01) return `$${v.toFixed(3)}`;
   return `$${v.toFixed(5)}`.replace(/0+$/, "").replace(/\.$/, "");
@@ -18059,7 +17952,7 @@ function fmtElapsed3(ms) {
   if (m > 0) return `${m}m ${s % 60}s`;
   return `${s}s`;
 }
-var STATUS_META6 = {
+var STATUS_META5 = {
   running: { led: "bg-emerald-500", label: "running", pulse: true, color: "text-emerald-500" },
   completed: { led: "bg-emerald-500", label: "done", pulse: false, color: "text-emerald-500" },
   failed: { led: "bg-destructive", label: "failed", pulse: false, color: "text-destructive" },
@@ -18072,9 +17965,9 @@ function FleetAgentDetailPanel({
 }) {
   const [copied, setCopied] = useState48(false);
   const [showFullToolLog, setShowFullToolLog] = useState48(false);
-  const meta2 = STATUS_META6[agent.status];
+  const meta2 = STATUS_META5[agent.status];
   const active = agent.status === "running";
-  const handleCopy = useCallback28(async (text) => {
+  const handleCopy = useCallback27(async (text) => {
     try {
       await navigator.clipboard.writeText(text);
       setCopied(true);
@@ -18084,110 +17977,110 @@ function FleetAgentDetailPanel({
   }, []);
   const totalToolDuration = agent.toolLog.reduce((sum, t) => sum + t.durationMs, 0);
   const avgToolDuration = agent.toolLog.length > 0 ? Math.round(totalToolDuration / agent.toolLog.length) : 0;
-  const uniqueTools = useMemo19(() => {
+  const uniqueTools = useMemo17(() => {
     const tools = /* @__PURE__ */ new Set();
     agent.toolLog.forEach((t) => tools.add(t.name));
     return tools.size;
   }, [agent.toolLog]);
   const outputText = agent.partialText || agent.finalText || void 0;
   const isStream = !agent.finalText && !!agent.partialText;
-  return /* @__PURE__ */ jsxs71("div", { className: "h-full flex flex-col", children: [
-    /* @__PURE__ */ jsxs71("div", { className: "shrink-0 border-b bg-card p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10", children: /* @__PURE__ */ jsx77(Bot13, { className: "h-5 w-5 text-primary" }) }),
-          /* @__PURE__ */ jsxs71("div", { children: [
-            /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx77("span", { className: "text-base font-semibold", children: agent.name }),
-              /* @__PURE__ */ jsx77("span", { className: cn(
+  return /* @__PURE__ */ jsxs70("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ jsxs70("div", { className: "shrink-0 border-b bg-card p-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx76("div", { className: "flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10", children: /* @__PURE__ */ jsx76(Bot12, { className: "h-5 w-5 text-primary" }) }),
+          /* @__PURE__ */ jsxs70("div", { children: [
+            /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx76("span", { className: "text-base font-semibold", children: agent.name }),
+              /* @__PURE__ */ jsx76("span", { className: cn(
                 "px-2 py-0.5 rounded text-[10px] font-medium uppercase tracking-wider",
                 agent.status === "running" ? "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400" : agent.status === "failed" || agent.status === "timeout" ? "bg-destructive/15 text-destructive" : "bg-muted text-muted-foreground"
               ), children: meta2.label })
             ] }),
-            /* @__PURE__ */ jsxs71("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
+            /* @__PURE__ */ jsxs70("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
               "session: ",
               agent.sessionId?.slice(0, 12),
               "\u2026"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [
-          active && /* @__PURE__ */ jsxs71("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx77(Timer2, { className: "h-3.5 w-3.5" }),
-            /* @__PURE__ */ jsx77("span", { className: "tabular-nums font-mono", children: fmtElapsed3(Math.max(0, now - agent.startedAt)) })
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [
+          active && /* @__PURE__ */ jsxs70("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx76(Timer3, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx76("span", { className: "tabular-nums font-mono", children: fmtElapsed3(Math.max(0, now - agent.startedAt)) })
           ] }),
-          /* @__PURE__ */ jsx77("span", { className: cn("led", meta2.led, active && "led-pulse") })
+          /* @__PURE__ */ jsx76("span", { className: cn("led", meta2.led, active && "led-pulse") })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 px-3 py-2 rounded-lg bg-muted/30", children: [
-        /* @__PURE__ */ jsx77("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: "Activity" }),
-        /* @__PURE__ */ jsx77(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" }),
-        agent.budgetWarning && /* @__PURE__ */ jsxs71("span", { className: "ml-auto flex items-center gap-1 text-[10px] text-amber-500", children: [
-          /* @__PURE__ */ jsx77(Zap11, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 px-3 py-2 rounded-lg bg-muted/30", children: [
+        /* @__PURE__ */ jsx76("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: "Activity" }),
+        /* @__PURE__ */ jsx76(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" }),
+        agent.budgetWarning && /* @__PURE__ */ jsxs70("span", { className: "ml-auto flex items-center gap-1 text-[10px] text-amber-500", children: [
+          /* @__PURE__ */ jsx76(Zap10, { className: "h-3 w-3" }),
           "budget warning"
         ] })
       ] }),
-      agent.description && /* @__PURE__ */ jsxs71("div", { className: "px-3 py-2 rounded-lg bg-muted/20 border border-border/50", children: [
-        /* @__PURE__ */ jsx77("span", { className: "text-[9px] text-muted-foreground uppercase tracking-wider", children: "Current Task" }),
-        /* @__PURE__ */ jsx77("p", { className: "text-xs mt-1 text-foreground/80", children: agent.description })
+      agent.description && /* @__PURE__ */ jsxs70("div", { className: "px-3 py-2 rounded-lg bg-muted/20 border border-border/50", children: [
+        /* @__PURE__ */ jsx76("span", { className: "text-[9px] text-muted-foreground uppercase tracking-wider", children: "Current Task" }),
+        /* @__PURE__ */ jsx76("p", { className: "text-xs mt-1 text-foreground/80", children: agent.description })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs71("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
-      /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
-            /* @__PURE__ */ jsx77(Cpu15, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsxs70("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
+      /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
+            /* @__PURE__ */ jsx76(Cpu14, { className: "h-3 w-3" }),
             " Provider / Model"
           ] }),
-          /* @__PURE__ */ jsxs71("div", { className: "text-sm font-mono font-medium", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "text-sm font-mono font-medium", children: [
             agent.provider ?? "?",
             "/",
             agent.model ?? "?"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
-            /* @__PURE__ */ jsx77(Activity5, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
+            /* @__PURE__ */ jsx76(Activity5, { className: "h-3 w-3" }),
             " Performance"
           ] }),
-          /* @__PURE__ */ jsxs71("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs71("div", { className: "flex justify-between text-[11px]", children: [
-              /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground", children: "Iterations" }),
-              /* @__PURE__ */ jsx77("span", { className: "font-mono font-medium", children: agent.iteration })
+          /* @__PURE__ */ jsxs70("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs70("div", { className: "flex justify-between text-[11px]", children: [
+              /* @__PURE__ */ jsx76("span", { className: "text-muted-foreground", children: "Iterations" }),
+              /* @__PURE__ */ jsx76("span", { className: "font-mono font-medium", children: agent.iteration })
             ] }),
-            /* @__PURE__ */ jsxs71("div", { className: "flex justify-between text-[11px]", children: [
-              /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground", children: "Tool Calls" }),
-              /* @__PURE__ */ jsx77("span", { className: "font-mono font-medium", children: agent.toolCalls })
+            /* @__PURE__ */ jsxs70("div", { className: "flex justify-between text-[11px]", children: [
+              /* @__PURE__ */ jsx76("span", { className: "text-muted-foreground", children: "Tool Calls" }),
+              /* @__PURE__ */ jsx76("span", { className: "font-mono font-medium", children: agent.toolCalls })
             ] }),
-            /* @__PURE__ */ jsxs71("div", { className: "flex justify-between text-[11px]", children: [
-              /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground", children: "Unique Tools" }),
-              /* @__PURE__ */ jsx77("span", { className: "font-mono font-medium", children: uniqueTools })
+            /* @__PURE__ */ jsxs70("div", { className: "flex justify-between text-[11px]", children: [
+              /* @__PURE__ */ jsx76("span", { className: "text-muted-foreground", children: "Unique Tools" }),
+              /* @__PURE__ */ jsx76("span", { className: "font-mono font-medium", children: uniqueTools })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
-            /* @__PURE__ */ jsx77(DollarSign3, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
+            /* @__PURE__ */ jsx76(DollarSign2, { className: "h-3 w-3" }),
             " Cost"
           ] }),
-          /* @__PURE__ */ jsx77("div", { className: "text-lg font-mono font-bold text-emerald-500", children: fmtCost6(agent.costUsd) }),
-          /* @__PURE__ */ jsxs71("div", { className: "text-[10px] text-muted-foreground mt-1", children: [
+          /* @__PURE__ */ jsx76("div", { className: "text-lg font-mono font-bold text-emerald-500", children: fmtCost5(agent.costUsd) }),
+          /* @__PURE__ */ jsxs70("div", { className: "text-[10px] text-muted-foreground mt-1", children: [
             "avg ",
             avgToolDuration,
             "ms per tool"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card p-3", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
-            /* @__PURE__ */ jsx77(Database4, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card p-3", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-[9px] text-muted-foreground uppercase tracking-wider mb-2", children: [
+            /* @__PURE__ */ jsx76(Database4, { className: "h-3 w-3" }),
             " Context"
           ] }),
-          /* @__PURE__ */ jsxs71("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs71("div", { className: "flex justify-between text-[11px]", children: [
-              /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground", children: "Tokens" }),
-              /* @__PURE__ */ jsx77("span", { className: "font-mono font-medium", children: fmtTok3(agent.ctxTokens) })
+          /* @__PURE__ */ jsxs70("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs70("div", { className: "flex justify-between text-[11px]", children: [
+              /* @__PURE__ */ jsx76("span", { className: "text-muted-foreground", children: "Tokens" }),
+              /* @__PURE__ */ jsx76("span", { className: "font-mono font-medium", children: fmtTok3(agent.ctxTokens) })
             ] }),
-            /* @__PURE__ */ jsx77("div", { className: "h-2 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx77(
+            /* @__PURE__ */ jsx76("div", { className: "h-2 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx76(
               "div",
               {
                 className: cn(
@@ -18197,34 +18090,34 @@ function FleetAgentDetailPanel({
                 style: { width: `${Math.min(200, agent.ctxPct)}%` }
               }
             ) }),
-            /* @__PURE__ */ jsxs71("span", { className: "text-[10px] text-muted-foreground tabular-nums font-mono", children: [
+            /* @__PURE__ */ jsxs70("span", { className: "text-[10px] text-muted-foreground tabular-nums font-mono", children: [
               agent.ctxPct,
               "% used"
             ] })
           ] })
         ] })
       ] }),
-      agent.currentTool && /* @__PURE__ */ jsxs71("div", { className: cn(
+      agent.currentTool && /* @__PURE__ */ jsxs70("div", { className: cn(
         "rounded-lg border px-4 py-3 flex items-center gap-3",
         active ? "border-primary/30 bg-primary/[0.04]" : "border-border bg-muted/30"
       ), children: [
-        /* @__PURE__ */ jsx77(Wrench10, { className: cn("h-4 w-4", active ? "text-primary animate-pulse" : "text-muted-foreground") }),
-        /* @__PURE__ */ jsx77("span", { className: "text-sm font-mono font-medium", children: agent.currentTool }),
-        active ? /* @__PURE__ */ jsxs71("span", { className: "ml-auto flex items-center gap-1.5 text-[10px] text-primary", children: [
-          /* @__PURE__ */ jsx77(Loader212, { className: "h-3 w-3 animate-spin" }),
+        /* @__PURE__ */ jsx76(Wrench9, { className: cn("h-4 w-4", active ? "text-primary animate-pulse" : "text-muted-foreground") }),
+        /* @__PURE__ */ jsx76("span", { className: "text-sm font-mono font-medium", children: agent.currentTool }),
+        active ? /* @__PURE__ */ jsxs70("span", { className: "ml-auto flex items-center gap-1.5 text-[10px] text-primary", children: [
+          /* @__PURE__ */ jsx76(Loader211, { className: "h-3 w-3 animate-spin" }),
           " running\u2026"
-        ] }) : /* @__PURE__ */ jsx77("span", { className: "ml-auto text-[10px] text-muted-foreground", children: "completed" })
+        ] }) : /* @__PURE__ */ jsx76("span", { className: "ml-auto text-[10px] text-muted-foreground", children: "completed" })
       ] }),
-      outputText ? /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card", children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30", children: [
-          /* @__PURE__ */ jsx77("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: isStream ? /* @__PURE__ */ jsxs71(Fragment16, { children: [
-            /* @__PURE__ */ jsx77("span", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
+      outputText ? /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30", children: [
+          /* @__PURE__ */ jsx76("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: isStream ? /* @__PURE__ */ jsxs70(Fragment16, { children: [
+            /* @__PURE__ */ jsx76("span", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
             "Live Output"
-          ] }) : /* @__PURE__ */ jsxs71(Fragment16, { children: [
-            /* @__PURE__ */ jsx77(FolderOpen5, { className: "h-3 w-3" }),
+          ] }) : /* @__PURE__ */ jsxs70(Fragment16, { children: [
+            /* @__PURE__ */ jsx76(FolderOpen5, { className: "h-3 w-3" }),
             "Final Output"
           ] }) }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx76(
             "button",
             {
               type: "button",
@@ -18234,16 +18127,16 @@ function FleetAgentDetailPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx77("pre", { className: "p-4 text-xs whitespace-pre-wrap font-mono text-foreground/80 leading-relaxed max-h-64 overflow-y-auto", children: outputText })
-      ] }) : active ? /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border border-dashed border-border p-6 text-center", children: [
-        /* @__PURE__ */ jsx77(Loader212, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground/50 animate-spin" }),
-        /* @__PURE__ */ jsx77("span", { className: "text-xs text-muted-foreground", children: "Waiting for output\u2026" })
+        /* @__PURE__ */ jsx76("pre", { className: "p-4 text-xs whitespace-pre-wrap font-mono text-foreground/80 leading-relaxed max-h-64 overflow-y-auto", children: outputText })
+      ] }) : active ? /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border border-dashed border-border p-6 text-center", children: [
+        /* @__PURE__ */ jsx76(Loader211, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground/50 animate-spin" }),
+        /* @__PURE__ */ jsx76("span", { className: "text-xs text-muted-foreground", children: "Waiting for output\u2026" })
       ] }) : null,
-      agent.budgetWarning && /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/20", children: [
-        /* @__PURE__ */ jsx77(Zap11, { className: "h-5 w-5 text-amber-500 shrink-0" }),
-        /* @__PURE__ */ jsxs71("div", { children: [
-          /* @__PURE__ */ jsx77("span", { className: "text-sm font-medium text-amber-600 dark:text-amber-400", children: "\u26A1 Budget Warning" }),
-          /* @__PURE__ */ jsxs71("p", { className: "text-[11px] text-amber-600/80 dark:text-amber-400/80 mt-0.5", children: [
+      agent.budgetWarning && /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/20", children: [
+        /* @__PURE__ */ jsx76(Zap10, { className: "h-5 w-5 text-amber-500 shrink-0" }),
+        /* @__PURE__ */ jsxs70("div", { children: [
+          /* @__PURE__ */ jsx76("span", { className: "text-sm font-medium text-amber-600 dark:text-amber-400", children: "\u26A1 Budget Warning" }),
+          /* @__PURE__ */ jsxs70("p", { className: "text-[11px] text-amber-600/80 dark:text-amber-400/80 mt-0.5", children: [
             "Hitting ",
             agent.budgetWarning.kind,
             " limit (",
@@ -18254,15 +18147,15 @@ function FleetAgentDetailPanel({
           ] })
         ] })
       ] }),
-      agent.extensions > 0 && /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/20", children: [
-        /* @__PURE__ */ jsx77(Zap11, { className: "h-5 w-5 text-amber-500 shrink-0" }),
-        /* @__PURE__ */ jsxs71("div", { children: [
-          /* @__PURE__ */ jsxs71("span", { className: "text-sm font-medium", children: [
+      agent.extensions > 0 && /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/20", children: [
+        /* @__PURE__ */ jsx76(Zap10, { className: "h-5 w-5 text-amber-500 shrink-0" }),
+        /* @__PURE__ */ jsxs70("div", { children: [
+          /* @__PURE__ */ jsxs70("span", { className: "text-sm font-medium", children: [
             agent.extensions,
             " Budget Extension",
             agent.extensions === 1 ? "" : "s"
           ] }),
-          /* @__PURE__ */ jsxs71("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
+          /* @__PURE__ */ jsxs70("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
             "Agent extended its budget ",
             agent.extensions,
             " time",
@@ -18271,39 +18164,39 @@ function FleetAgentDetailPanel({
           ] })
         ] })
       ] }),
-      agent.error && /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ jsx77(XCircle9, { className: "h-4 w-4 text-destructive" }),
-          /* @__PURE__ */ jsx77("span", { className: "text-[10px] font-semibold text-destructive uppercase tracking-wider", children: "Error" })
+      agent.error && /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ jsx76(XCircle9, { className: "h-4 w-4 text-destructive" }),
+          /* @__PURE__ */ jsx76("span", { className: "text-[10px] font-semibold text-destructive uppercase tracking-wider", children: "Error" })
         ] }),
-        /* @__PURE__ */ jsx77("p", { className: "text-sm text-destructive/90", children: agent.error.message })
+        /* @__PURE__ */ jsx76("p", { className: "text-sm text-destructive/90", children: agent.error.message })
       ] }),
-      agent.failureReason && /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ jsx77(XCircle9, { className: "h-4 w-4 text-destructive" }),
-          /* @__PURE__ */ jsx77("span", { className: "text-[10px] font-semibold text-destructive uppercase tracking-wider", children: "Failure Reason" })
+      agent.failureReason && /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ jsx76(XCircle9, { className: "h-4 w-4 text-destructive" }),
+          /* @__PURE__ */ jsx76("span", { className: "text-[10px] font-semibold text-destructive uppercase tracking-wider", children: "Failure Reason" })
         ] }),
-        /* @__PURE__ */ jsx77("p", { className: "text-sm text-destructive/90", children: agent.failureReason })
+        /* @__PURE__ */ jsx76("p", { className: "text-sm text-destructive/90", children: agent.failureReason })
       ] }),
-      agent.toolLog.length > 0 && /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-card", children: [
-        /* @__PURE__ */ jsxs71(
+      agent.toolLog.length > 0 && /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card", children: [
+        /* @__PURE__ */ jsxs70(
           "button",
           {
             type: "button",
             onClick: () => setShowFullToolLog(!showFullToolLog),
             className: "w-full flex items-center justify-between px-4 py-2 border-b bg-muted/30 hover:bg-muted/50 transition-colors",
             children: [
-              /* @__PURE__ */ jsxs71("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx77(Wrench10, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsxs70("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx76(Wrench9, { className: "h-3 w-3" }),
                 "Tool Log (",
                 agent.toolLog.length,
                 " calls)"
               ] }),
-              /* @__PURE__ */ jsx77(ChevronRight12, { className: cn("h-4 w-4 text-muted-foreground transition-transform", showFullToolLog && "rotate-90") })
+              /* @__PURE__ */ jsx76(ChevronRight11, { className: cn("h-4 w-4 text-muted-foreground transition-transform", showFullToolLog && "rotate-90") })
             ]
           }
         ),
-        /* @__PURE__ */ jsx77("div", { className: cn("overflow-hidden transition-all", showFullToolLog ? "max-h-[500px]" : "max-h-48"), children: /* @__PURE__ */ jsx77("div", { className: "p-2 space-y-0.5", children: agent.toolLog.map((tl, i) => /* @__PURE__ */ jsxs71(
+        /* @__PURE__ */ jsx76("div", { className: cn("overflow-hidden transition-all", showFullToolLog ? "max-h-[500px]" : "max-h-48"), children: /* @__PURE__ */ jsx76("div", { className: "p-2 space-y-0.5", children: agent.toolLog.map((tl, i) => /* @__PURE__ */ jsxs70(
           "div",
           {
             className: cn(
@@ -18311,11 +18204,11 @@ function FleetAgentDetailPanel({
               tl.ok ? "bg-muted/30 hover:bg-muted/50" : "bg-destructive/5 border border-destructive/20"
             ),
             children: [
-              /* @__PURE__ */ jsx77("span", { className: cn("led shrink-0", tl.ok ? "bg-emerald-500" : "bg-destructive") }),
-              /* @__PURE__ */ jsx77("span", { className: cn("font-mono font-medium w-20 shrink-0", tl.ok ? "text-foreground" : "text-destructive"), children: tl.name }),
-              /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground tabular-nums text-[10px]", children: tl.durationMs >= 1e3 ? `${(tl.durationMs / 1e3).toFixed(2)}s` : `${tl.durationMs}ms` }),
-              !tl.ok && /* @__PURE__ */ jsx77("span", { className: "ml-auto text-[10px] text-destructive font-medium", children: "Failed" }),
-              /* @__PURE__ */ jsx77("span", { className: "ml-auto text-[9px] text-muted-foreground tabular-nums", children: new Date(tl.at).toLocaleTimeString() })
+              /* @__PURE__ */ jsx76("span", { className: cn("led shrink-0", tl.ok ? "bg-emerald-500" : "bg-destructive") }),
+              /* @__PURE__ */ jsx76("span", { className: cn("font-mono font-medium w-20 shrink-0", tl.ok ? "text-foreground" : "text-destructive"), children: tl.name }),
+              /* @__PURE__ */ jsx76("span", { className: "text-muted-foreground tabular-nums text-[10px]", children: tl.durationMs >= 1e3 ? `${(tl.durationMs / 1e3).toFixed(2)}s` : `${tl.durationMs}ms` }),
+              !tl.ok && /* @__PURE__ */ jsx76("span", { className: "ml-auto text-[10px] text-destructive font-medium", children: "Failed" }),
+              /* @__PURE__ */ jsx76("span", { className: "ml-auto text-[9px] text-muted-foreground tabular-nums", children: new Date(tl.at).toLocaleTimeString() })
             ]
           },
           `${tl.name}-${tl.at}-${i}`
@@ -18330,9 +18223,9 @@ function FleetAgentRow({
   isLeader,
   onClick
 }) {
-  const meta2 = STATUS_META6[agent.status];
+  const meta2 = STATUS_META5[agent.status];
   const active = agent.status === "running";
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs70(
     "button",
     {
       type: "button",
@@ -18343,27 +18236,27 @@ function FleetAgentRow({
         active && !isSelected && "bg-muted/30"
       ),
       children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1 min-w-0", children: [
-          /* @__PURE__ */ jsx77("span", { className: cn("led shrink-0", meta2.led, meta2.pulse && "led-pulse") }),
-          /* @__PURE__ */ jsx77("span", { className: "truncate font-medium", children: agent.name }),
-          isLeader && /* @__PURE__ */ jsx77(Crown3, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-label": "leader" })
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsx76("span", { className: cn("led shrink-0", meta2.led, meta2.pulse && "led-pulse") }),
+          /* @__PURE__ */ jsx76("span", { className: "truncate font-medium", children: agent.name }),
+          isLeader && /* @__PURE__ */ jsx76(Crown2, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-label": "leader" })
         ] }),
-        /* @__PURE__ */ jsx77("span", { className: cn("text-[10px] tabular-nums", active ? "text-emerald-500" : "text-muted-foreground"), children: meta2.label }),
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1 min-w-0", children: [
-          /* @__PURE__ */ jsx77(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" }),
-          agent.budgetWarning && /* @__PURE__ */ jsx77("span", { title: `\u26A1 hitting ${agent.budgetWarning.kind} limit (${agent.budgetWarning.used}/${agent.budgetWarning.limit})`, children: /* @__PURE__ */ jsx77(Zap11, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-label": "budget warning" }) })
+        /* @__PURE__ */ jsx76("span", { className: cn("text-[10px] tabular-nums", active ? "text-emerald-500" : "text-muted-foreground"), children: meta2.label }),
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsx76(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" }),
+          agent.budgetWarning && /* @__PURE__ */ jsx76("span", { title: `\u26A1 hitting ${agent.budgetWarning.kind} limit (${agent.budgetWarning.used}/${agent.budgetWarning.limit})`, children: /* @__PURE__ */ jsx76(Zap10, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-label": "budget warning" }) })
         ] }),
-        /* @__PURE__ */ jsxs71("span", { className: "tabular-nums text-muted-foreground text-[10px]", children: [
+        /* @__PURE__ */ jsxs70("span", { className: "tabular-nums text-muted-foreground text-[10px]", children: [
           agent.iteration,
           "it"
         ] }),
-        /* @__PURE__ */ jsxs71("span", { className: "tabular-nums text-muted-foreground text-[10px]", children: [
+        /* @__PURE__ */ jsxs70("span", { className: "tabular-nums text-muted-foreground text-[10px]", children: [
           agent.toolCalls,
           "tc"
         ] }),
-        /* @__PURE__ */ jsx77("span", { className: "tabular-nums font-mono text-[10px]", children: fmtCost6(agent.costUsd) }),
-        /* @__PURE__ */ jsxs71("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
-          /* @__PURE__ */ jsx77("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx76("span", { className: "tabular-nums font-mono text-[10px]", children: fmtCost5(agent.costUsd) }),
+        /* @__PURE__ */ jsxs70("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+          /* @__PURE__ */ jsx76("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx76(
             "div",
             {
               className: cn(
@@ -18373,10 +18266,10 @@ function FleetAgentRow({
               style: { width: `${Math.min(200, agent.ctxPct)}%` }
             }
           ) }),
-          /* @__PURE__ */ jsx77("span", { className: "text-[9px] tabular-nums text-muted-foreground font-mono leading-none", children: agent.maxContext > 0 ? `${agent.ctxPct}%` : "\u2014" })
+          /* @__PURE__ */ jsx76("span", { className: "text-[9px] tabular-nums text-muted-foreground font-mono leading-none", children: agent.maxContext > 0 ? `${agent.ctxPct}%` : "\u2014" })
         ] }),
-        /* @__PURE__ */ jsx77("span", { className: "tabular-nums text-[10px] text-muted-foreground", children: agent.extensions > 0 ? `\u26A1\xD7${agent.extensions}` : "\u2014" }),
-        /* @__PURE__ */ jsx77("span", { className: "text-[9px] text-destructive truncate", title: agent.failureReason, children: agent.failureReason ?? "" })
+        /* @__PURE__ */ jsx76("span", { className: "tabular-nums text-[10px] text-muted-foreground", children: agent.extensions > 0 ? `\u26A1\xD7${agent.extensions}` : "\u2014" }),
+        /* @__PURE__ */ jsx76("span", { className: "text-[9px] text-destructive truncate", title: agent.failureReason, children: agent.failureReason ?? "" })
       ]
     }
   );
@@ -18399,7 +18292,7 @@ function FleetMonitor({
     const t = setInterval(() => setNowTick(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
-  const fleetList = useMemo19(() => {
+  const fleetList = useMemo17(() => {
     const arr = Array.from(fleetAgents.values());
     arr.sort((x, y) => {
       if (x.id === leaderId) return -1;
@@ -18411,13 +18304,17 @@ function FleetMonitor({
     });
     return arr;
   }, [fleetAgents, leaderId]);
-  const totalCost = useMemo19(
+  const totalCost = useMemo17(
     () => Array.from(fleetAgents.values()).reduce((sum, a) => sum + a.costUsd, 0),
     [fleetAgents]
   );
   const runningCount = fleetList.filter((a) => a.status === "running").length;
   const selectedAgent = selectedIdx !== null ? fleetList[selectedIdx] : null;
-  const handleKeyDown = useCallback28(
+  const handleAgentClick = useCallback27(
+    (i) => setSelectedIdx((prev) => prev === i ? null : i),
+    []
+  );
+  const handleKeyDown = useCallback27(
     (e) => {
       if (e.key === "Escape") {
         if (selectedIdx !== null) {
@@ -18451,30 +18348,30 @@ function FleetMonitor({
     return () => window.removeEventListener("keydown", handleGlobal);
   }, [onClose]);
   const containerClass = isOverlay ? "fixed inset-0 z-50 flex flex-col bg-background/95 backdrop-blur-md" : "flex flex-col h-full";
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       className: containerClass,
       onKeyDown: handleKeyDown,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-card/80 backdrop-blur shrink-0", children: [
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx77(Bot13, { className: "h-5 w-5 text-primary" }),
-            /* @__PURE__ */ jsxs71("h2", { className: "text-sm font-semibold flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-card/80 backdrop-blur shrink-0", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx76(Bot12, { className: "h-5 w-5 text-primary" }),
+            /* @__PURE__ */ jsxs70("h2", { className: "text-sm font-semibold flex items-center gap-2", children: [
               "FLEET MONITOR",
-              runningCount > 0 && /* @__PURE__ */ jsxs71("span", { className: "flex items-center gap-1 text-[11px] text-emerald-500 font-normal", children: [
-                /* @__PURE__ */ jsx77("span", { className: "led led-pulse bg-emerald-500" }),
+              runningCount > 0 && /* @__PURE__ */ jsxs70("span", { className: "flex items-center gap-1 text-[11px] text-emerald-500 font-normal", children: [
+                /* @__PURE__ */ jsx76("span", { className: "led led-pulse bg-emerald-500" }),
                 runningCount,
                 " running"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsxs71("span", { children: [
+            /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs70("span", { children: [
                 fleetList.length,
                 " total agents"
               ] }),
-              /* @__PURE__ */ jsx77(
+              /* @__PURE__ */ jsx76(
                 ConcurrencyGauge,
                 {
                   current: fleetConcurrency,
@@ -18484,77 +18381,77 @@ function FleetMonitor({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs71("span", { className: "text-xs text-muted-foreground tabular-nums font-mono", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs70("span", { className: "text-xs text-muted-foreground tabular-nums font-mono", children: [
               "\u2193",
               fmtTok3(fleetTokensIn),
               " \u2191",
               fmtTok3(fleetTokensOut),
               " \xB7 ",
-              fmtCost6(totalCost)
+              fmtCost5(totalCost)
             ] }),
-            /* @__PURE__ */ jsx77("span", { className: "text-xs text-muted-foreground tabular-nums font-mono", children: leaderId ? `\u{1F451} ${fleetAgents.get(leaderId)?.name ?? leaderId}` : "no leader" }),
-            isOverlay && onClose && /* @__PURE__ */ jsx77(
+            /* @__PURE__ */ jsx76("span", { className: "text-xs text-muted-foreground tabular-nums font-mono", children: leaderId ? `\u{1F451} ${fleetAgents.get(leaderId)?.name ?? leaderId}` : "no leader" }),
+            isOverlay && onClose && /* @__PURE__ */ jsx76(
               "button",
               {
                 type: "button",
                 onClick: onClose,
                 className: "p-1.5 rounded-md hover:bg-muted transition-colors",
                 "aria-label": "Close fleet monitor",
-                children: /* @__PURE__ */ jsx77(XCircle9, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx76(XCircle9, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ jsxs71("div", { className: cn(
+        /* @__PURE__ */ jsxs70("div", { className: "flex-1 flex overflow-hidden", children: [
+          /* @__PURE__ */ jsxs70("div", { className: cn(
             "flex flex-col border-r transition-all duration-200",
             selectedAgent ? "w-[500px] shrink-0" : "w-full"
           ), children: [
-            /* @__PURE__ */ jsx77("div", { className: "border-b bg-card/80 px-3 py-2", children: /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-[140px_60px_1fr_60px_60px_60px_60px_50px_50px] gap-x-2 text-[9px] uppercase tracking-wider text-muted-foreground font-medium", children: [
-              /* @__PURE__ */ jsx77("span", { children: "Name" }),
-              /* @__PURE__ */ jsx77("span", { children: "Status" }),
-              /* @__PURE__ */ jsx77("span", { children: "Activity" }),
-              /* @__PURE__ */ jsx77("span", { children: "Iters" }),
-              /* @__PURE__ */ jsx77("span", { children: "Tools" }),
-              /* @__PURE__ */ jsx77("span", { children: "Cost" }),
-              /* @__PURE__ */ jsx77("span", { children: "CTX" }),
-              /* @__PURE__ */ jsx77("span", { children: "Ext" }),
-              /* @__PURE__ */ jsx77("span", { children: "Reason" })
+            /* @__PURE__ */ jsx76("div", { className: "border-b bg-card/80 px-3 py-2", children: /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-[140px_60px_1fr_60px_60px_60px_60px_50px_50px] gap-x-2 text-[9px] uppercase tracking-wider text-muted-foreground font-medium", children: [
+              /* @__PURE__ */ jsx76("span", { children: "Name" }),
+              /* @__PURE__ */ jsx76("span", { children: "Status" }),
+              /* @__PURE__ */ jsx76("span", { children: "Activity" }),
+              /* @__PURE__ */ jsx76("span", { children: "Iters" }),
+              /* @__PURE__ */ jsx76("span", { children: "Tools" }),
+              /* @__PURE__ */ jsx76("span", { children: "Cost" }),
+              /* @__PURE__ */ jsx76("span", { children: "CTX" }),
+              /* @__PURE__ */ jsx76("span", { children: "Ext" }),
+              /* @__PURE__ */ jsx76("span", { children: "Reason" })
             ] }) }),
-            /* @__PURE__ */ jsx77("div", { className: "flex-1 overflow-y-auto", children: fleetList.length === 0 ? /* @__PURE__ */ jsxs71("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
-              /* @__PURE__ */ jsx77(Users4, { className: "h-12 w-12 mb-3 opacity-20" }),
-              /* @__PURE__ */ jsx77("p", { className: "text-sm font-medium", children: "No agents active" }),
-              /* @__PURE__ */ jsx77("p", { className: "text-xs mt-1", children: "Agents appear here when the fleet is active." })
-            ] }) : /* @__PURE__ */ jsx77("div", { className: "p-2 space-y-0.5", children: fleetList.map((agent, i) => /* @__PURE__ */ jsx77(
+            /* @__PURE__ */ jsx76("div", { className: "flex-1 overflow-y-auto", children: fleetList.length === 0 ? /* @__PURE__ */ jsxs70("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
+              /* @__PURE__ */ jsx76(Users4, { className: "h-12 w-12 mb-3 opacity-20" }),
+              /* @__PURE__ */ jsx76("p", { className: "text-sm font-medium", children: "No agents active" }),
+              /* @__PURE__ */ jsx76("p", { className: "text-xs mt-1", children: "Agents appear here when the fleet is active." })
+            ] }) : /* @__PURE__ */ jsx76("div", { className: "p-2 space-y-0.5", children: fleetList.map((agent, i) => /* @__PURE__ */ jsx76(
               FleetAgentRow,
               {
                 agent,
                 isSelected: i === selectedIdx,
                 isLeader: agent.id === leaderId,
-                onClick: () => setSelectedIdx(i === selectedIdx ? null : i)
+                onClick: () => handleAgentClick(i)
               },
               agent.id
             )) }) }),
-            /* @__PURE__ */ jsxs71("div", { className: "border-t bg-card/80 shrink-0", children: [
-              /* @__PURE__ */ jsx77("div", { className: "px-4 py-2 border-b", children: /* @__PURE__ */ jsxs71("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-medium flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx77(Clock17, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxs70("div", { className: "border-t bg-card/80 shrink-0", children: [
+              /* @__PURE__ */ jsx76("div", { className: "px-4 py-2 border-b", children: /* @__PURE__ */ jsxs70("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-medium flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx76(Clock16, { className: "h-3 w-3" }),
                 "Event Timeline"
               ] }) }),
-              /* @__PURE__ */ jsx77("div", { className: "px-4 py-2 max-h-32 overflow-y-auto", children: /* @__PURE__ */ jsx77(EventTimeline, { events: eventTimeline, max: 10 }) }),
-              /* @__PURE__ */ jsxs71("div", { className: "px-4 py-1.5 border-t text-[10px] text-muted-foreground flex items-center gap-4", children: [
-                /* @__PURE__ */ jsx77("span", { children: "\u2191\u2193 navigate" }),
-                /* @__PURE__ */ jsx77("span", { children: "\u21B5 select detail" }),
-                /* @__PURE__ */ jsx77("span", { children: "Esc deselect / close" })
+              /* @__PURE__ */ jsx76("div", { className: "px-4 py-2 max-h-32 overflow-y-auto", children: /* @__PURE__ */ jsx76(EventTimeline, { events: eventTimeline, max: 10 }) }),
+              /* @__PURE__ */ jsxs70("div", { className: "px-4 py-1.5 border-t text-[10px] text-muted-foreground flex items-center gap-4", children: [
+                /* @__PURE__ */ jsx76("span", { children: "\u2191\u2193 navigate" }),
+                /* @__PURE__ */ jsx76("span", { children: "\u21B5 select detail" }),
+                /* @__PURE__ */ jsx76("span", { children: "Esc deselect / close" })
               ] })
             ] })
           ] }),
-          selectedAgent && /* @__PURE__ */ jsx77("div", { className: "flex-1 overflow-hidden bg-card/50", children: /* @__PURE__ */ jsxs71("div", { className: "h-full flex flex-col", children: [
-            /* @__PURE__ */ jsxs71("div", { className: "shrink-0 px-4 py-2 border-b bg-card/80 flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx77(ArrowRight6, { className: "h-4 w-4 text-primary" }),
-              /* @__PURE__ */ jsx77("span", { className: "text-xs font-semibold text-primary", children: selectedAgent.name }),
-              /* @__PURE__ */ jsx77("span", { className: "text-[10px] text-muted-foreground", children: "detailed view" }),
-              /* @__PURE__ */ jsx77(
+          selectedAgent && /* @__PURE__ */ jsx76("div", { className: "flex-1 overflow-hidden bg-card/50", children: /* @__PURE__ */ jsxs70("div", { className: "h-full flex flex-col", children: [
+            /* @__PURE__ */ jsxs70("div", { className: "shrink-0 px-4 py-2 border-b bg-card/80 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx76(ArrowRight6, { className: "h-4 w-4 text-primary" }),
+              /* @__PURE__ */ jsx76("span", { className: "text-xs font-semibold text-primary", children: selectedAgent.name }),
+              /* @__PURE__ */ jsx76("span", { className: "text-[10px] text-muted-foreground", children: "detailed view" }),
+              /* @__PURE__ */ jsx76(
                 "button",
                 {
                   type: "button",
@@ -18564,25 +18461,25 @@ function FleetMonitor({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx77("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx77(FleetAgentDetailPanel, { agent: selectedAgent, now: nowTick }) })
+            /* @__PURE__ */ jsx76("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx76(FleetAgentDetailPanel, { agent: selectedAgent, now: nowTick }) })
           ] }) }),
-          !selectedAgent && fleetList.length > 0 && /* @__PURE__ */ jsx77("div", { className: "flex-1 flex items-center justify-center bg-muted/20", children: /* @__PURE__ */ jsxs71("div", { className: "text-center space-y-3 max-w-sm", children: [
-            /* @__PURE__ */ jsx77(Users4, { className: "h-12 w-12 text-muted-foreground/30 mx-auto" }),
-            /* @__PURE__ */ jsx77("p", { className: "text-sm text-muted-foreground", children: "Select an agent to view detailed information" }),
-            /* @__PURE__ */ jsx77("p", { className: "text-xs text-muted-foreground/60", children: "Click on any agent in the list to see detailed metrics, tool logs, streaming output, and more \u2014 similar to the chat history detailed view." }),
-            /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-center gap-4 pt-2", children: [
-              /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-                /* @__PURE__ */ jsx77("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "\u2191" }),
-                /* @__PURE__ */ jsx77("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "\u2193" }),
-                /* @__PURE__ */ jsx77("span", { children: "navigate" })
+          !selectedAgent && fleetList.length > 0 && /* @__PURE__ */ jsx76("div", { className: "flex-1 flex items-center justify-center bg-muted/20", children: /* @__PURE__ */ jsxs70("div", { className: "text-center space-y-3 max-w-sm", children: [
+            /* @__PURE__ */ jsx76(Users4, { className: "h-12 w-12 text-muted-foreground/30 mx-auto" }),
+            /* @__PURE__ */ jsx76("p", { className: "text-sm text-muted-foreground", children: "Select an agent to view detailed information" }),
+            /* @__PURE__ */ jsx76("p", { className: "text-xs text-muted-foreground/60", children: "Click on any agent in the list to see detailed metrics, tool logs, streaming output, and more \u2014 similar to the chat history detailed view." }),
+            /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-center gap-4 pt-2", children: [
+              /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx76("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "\u2191" }),
+                /* @__PURE__ */ jsx76("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "\u2193" }),
+                /* @__PURE__ */ jsx76("span", { children: "navigate" })
               ] }),
-              /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-                /* @__PURE__ */ jsx77("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "Enter" }),
-                /* @__PURE__ */ jsx77("span", { children: "select" })
+              /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx76("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "Enter" }),
+                /* @__PURE__ */ jsx76("span", { children: "select" })
               ] }),
-              /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-                /* @__PURE__ */ jsx77("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "Esc" }),
-                /* @__PURE__ */ jsx77("span", { children: "deselect" })
+              /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+                /* @__PURE__ */ jsx76("kbd", { className: "px-1.5 py-0.5 rounded bg-muted border text-[9px]", children: "Esc" }),
+                /* @__PURE__ */ jsx76("span", { children: "deselect" })
               ] })
             ] })
           ] }) })
@@ -18592,18 +18489,468 @@ function FleetMonitor({
   );
 }
 
-// src/App.tsx
+// src/components/InspectorPanel.tsx
+import { Bot as Bot14, ChevronDown as ChevronDown11, ChevronUp, Users as Users5 } from "lucide-react";
+import { useMemo as useMemo19, useState as useState50 } from "react";
+
+// src/components/AgentsMonitor.tsx
+import { Bot as Bot13, ChevronLeft, ChevronRight as ChevronRight12, Cpu as Cpu15, Crown as Crown3, Loader2 as Loader212, Wrench as Wrench10, X as X16, Zap as Zap11 } from "lucide-react";
+import { useCallback as useCallback28, useEffect as useEffect44, useMemo as useMemo18, useState as useState49 } from "react";
+import { jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
+function fmtCost6(v) {
+  if (v <= 0) return "$0";
+  if (v >= 0.01) return `$${v.toFixed(3)}`;
+  return `$${v.toFixed(5)}`.replace(/0+$/, "").replace(/\.$/, "");
+}
+function fmtDuration3(ms) {
+  const sec = Math.floor(ms / 1e3);
+  if (sec < 60) return `${sec}s`;
+  const min = Math.floor(sec / 60);
+  return `${min}m ${sec % 60}s`;
+}
+var STATUS_META6 = {
+  running: { led: "bg-[hsl(var(--success))]", label: "running", pulse: true, badge: "bg-[hsl(var(--success))]/15 text-[hsl(var(--success))]" },
+  completed: { led: "bg-[hsl(var(--success))]", label: "done", pulse: false, badge: "bg-muted text-muted-foreground" },
+  failed: { led: "bg-destructive", label: "failed", pulse: false, badge: "bg-destructive/15 text-destructive" },
+  timeout: { led: "bg-[hsl(var(--warning))]", label: "timeout", pulse: false, badge: "bg-amber-500/15 text-amber-500" },
+  stopped: { led: "bg-muted-foreground", label: "stopped", pulse: false, badge: "bg-muted text-muted-foreground" }
+};
+function AgentCard2({ agent, isLeader }) {
+  const meta2 = STATUS_META6[agent.status];
+  const active = agent.status === "running";
+  const elapsed = Date.now() - agent.startedAt;
+  const toolLogSlice = agent.toolLog.slice(0, 8);
+  const last8Tools = [...toolLogSlice].reverse();
+  return /* @__PURE__ */ jsxs71("div", { className: cn(
+    "rounded-xl border p-4 space-y-3",
+    active ? "border-primary/20 bg-primary/[0.02]" : "border-border bg-card",
+    isLeader && "ring-2 ring-amber-500/30"
+  ), children: [
+    /* @__PURE__ */ jsxs71("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx77("span", { className: cn("led", meta2.led, meta2.pulse && "led-pulse", "mt-0.5") }),
+        /* @__PURE__ */ jsxs71("div", { children: [
+          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx77("span", { className: "text-sm font-semibold", children: agent.name }),
+            isLeader && /* @__PURE__ */ jsx77(Crown3, { className: "h-3.5 w-3.5 text-amber-500", "aria-label": "leader" }),
+            agent.extensions > 0 && /* @__PURE__ */ jsxs71("span", { className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-amber-500/15 text-[10px] text-amber-600 dark:text-amber-400 font-medium", children: [
+              /* @__PURE__ */ jsx77(Zap11, { className: "h-2.5 w-2.5" }),
+              "\xD7",
+              agent.extensions
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx77("span", { className: cn("inline-block mt-0.5 px-1.5 py-0.5 rounded text-[10px] font-medium", meta2.badge), children: meta2.label })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx77("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground", children: isLeader && /* @__PURE__ */ jsx77("span", { className: "text-[9px] bg-amber-500/15 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded", children: "LEADER" }) })
+    ] }),
+    agent.description && /* @__PURE__ */ jsx77("p", { className: "text-xs text-muted-foreground leading-relaxed line-clamp-2", children: agent.description }),
+    agent.budgetWarning && /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20 text-xs", children: [
+      /* @__PURE__ */ jsx77(Zap11, { className: "h-3.5 w-3.5 text-amber-500 shrink-0" }),
+      /* @__PURE__ */ jsxs71("span", { className: "text-amber-600 dark:text-amber-400", children: [
+        "\u26A1 hitting ",
+        /* @__PURE__ */ jsx77("strong", { children: agent.budgetWarning.kind }),
+        " limit (",
+        agent.budgetWarning.used,
+        "/",
+        agent.budgetWarning.limit,
+        ") \u2014 extending"
+      ] })
+    ] }),
+    agent.failureReason && /* @__PURE__ */ jsx77("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-destructive/10 border border-destructive/20 text-xs", children: /* @__PURE__ */ jsxs71("span", { className: "text-destructive font-medium", children: [
+      "\u2717 ",
+      agent.failureReason
+    ] }) }),
+    /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-4 gap-2", children: [
+      /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
+        /* @__PURE__ */ jsx77("div", { className: "text-[10px] text-muted-foreground", children: "Iters" }),
+        /* @__PURE__ */ jsx77("div", { className: "text-xs font-mono font-semibold tabular-nums", children: agent.iteration })
+      ] }),
+      /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
+        /* @__PURE__ */ jsx77("div", { className: "text-[10px] text-muted-foreground", children: "Tools" }),
+        /* @__PURE__ */ jsx77("div", { className: "text-xs font-mono font-semibold tabular-nums", children: agent.toolCalls })
+      ] }),
+      /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
+        /* @__PURE__ */ jsx77("div", { className: "text-[10px] text-muted-foreground", children: "Cost" }),
+        /* @__PURE__ */ jsx77("div", { className: "text-xs font-mono font-semibold tabular-nums", children: fmtCost6(agent.costUsd) })
+      ] }),
+      /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 px-2 py-1.5 text-center", children: [
+        /* @__PURE__ */ jsx77("div", { className: "text-[10px] text-muted-foreground", children: "Elapsed" }),
+        /* @__PURE__ */ jsx77("div", { className: "text-xs font-mono font-semibold tabular-nums", children: fmtDuration3(elapsed) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx77("span", { className: "text-[10px] text-muted-foreground", children: "Activity (12 bins)" }),
+        /* @__PURE__ */ jsx77(SparklineChart, { bins: agent.sparklineBins, className: "font-mono text-[9px]" })
+      ] }),
+      /* @__PURE__ */ jsx77(ContextBar, { pct: agent.ctxPct, tokens: agent.ctxTokens, maxTokens: agent.maxContext })
+    ] }),
+    (agent.provider || agent.model) && /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx77(Cpu15, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsxs71("span", { className: "font-mono", children: [
+        agent.provider ?? "?",
+        "/",
+        agent.model ?? "?"
+      ] })
+    ] }),
+    (agent.currentTool || agent.lastTool) && /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx77(Wrench10, { className: cn("h-3 w-3", active && "animate-pulse text-primary") }),
+      /* @__PURE__ */ jsx77("span", { className: "font-mono", children: agent.currentTool ?? agent.lastTool }),
+      active && /* @__PURE__ */ jsx77(Loader212, { className: "h-3 w-3 animate-spin" })
+    ] }),
+    agent.partialText && active && /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 p-2", children: [
+      /* @__PURE__ */ jsx77("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider mb-1", children: "Streaming output" }),
+      /* @__PURE__ */ jsx77("pre", { className: "text-[10px] font-mono text-foreground/80 whitespace-pre-wrap line-clamp-3 leading-relaxed", children: agent.partialText })
+    ] }),
+    last8Tools.length > 0 && /* @__PURE__ */ jsxs71("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx77("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider", children: "Recent tools" }),
+      /* @__PURE__ */ jsx77("div", { className: "space-y-0.5", children: last8Tools.map((tool, i) => /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 text-[10px] font-mono", children: [
+        /* @__PURE__ */ jsx77("span", { className: cn("shrink-0", tool.ok ? "text-[hsl(var(--success))]" : "text-destructive"), children: tool.ok ? "\u2713" : "\u2717" }),
+        /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground truncate", children: tool.name }),
+        /* @__PURE__ */ jsx77("span", { className: "ml-auto tabular-nums text-muted-foreground shrink-0", children: tool.durationMs >= 1e3 ? `${(tool.durationMs / 1e3).toFixed(1)}s` : `${tool.durationMs}ms` })
+      ] }, i)) })
+    ] }),
+    agent.finalText && !active && /* @__PURE__ */ jsxs71("div", { className: "rounded-lg border bg-muted/30 p-2", children: [
+      /* @__PURE__ */ jsx77("div", { className: "text-[9px] text-muted-foreground uppercase tracking-wider mb-1", children: "Final output" }),
+      /* @__PURE__ */ jsx77("pre", { className: "text-[10px] font-mono text-foreground/80 whitespace-pre-wrap line-clamp-4 leading-relaxed", children: agent.finalText })
+    ] })
+  ] });
+}
+
+// src/components/InspectorPanel.tsx
 import { Fragment as Fragment17, jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
+var PANEL_HEIGHT = 320;
+function fmtCost7(v) {
+  if (v <= 0) return "$0";
+  if (v >= 0.01) return `$${v.toFixed(3)}`;
+  return `$${v.toFixed(5)}`.replace(/0+$/, "").replace(/\.$/, "");
+}
+function fmtTok4(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+  return String(n);
+}
+function sortFleet(agents, leaderId) {
+  const arr = Array.from(agents.values());
+  arr.sort((x, y) => {
+    if (x.id === leaderId) return -1;
+    if (y.id === leaderId) return 1;
+    const xa = x.status === "running" ? 0 : 1;
+    const ya = y.status === "running" ? 0 : 1;
+    if (xa !== ya) return xa - ya;
+    return x.startedAt - y.startedAt;
+  });
+  return arr;
+}
+function InspectorPanel() {
+  const inspectorOpen = useUIStore((s) => s.inspectorOpen);
+  const inspectorTab = useUIStore((s) => s.inspectorTab);
+  const toggleInspector = useUIStore((s) => s.toggleInspector);
+  const setInspectorOpen = useUIStore((s) => s.setInspectorOpen);
+  const setInspectorTab = useUIStore((s) => s.setInspectorTab);
+  const fleetAgents = useFleetStore((s) => s.agents);
+  const leaderId = useFleetStore((s) => s.leaderId);
+  const fleetTokensIn = useFleetStore((s) => s.fleetTokensIn);
+  const fleetTokensOut = useFleetStore((s) => s.fleetTokensOut);
+  const fleetConcurrency = useFleetStore((s) => s.fleetConcurrency);
+  const fleetConcurrencyMax = useFleetStore((s) => s.fleetConcurrencyMax);
+  const eventTimeline = useFleetStore((s) => s.eventTimeline);
+  const fleetList = useMemo19(
+    () => sortFleet(fleetAgents, leaderId),
+    [fleetAgents, leaderId]
+  );
+  const runningCount = fleetList.filter((a) => a.status === "running").length;
+  const totalCost = fleetList.reduce((sum, a) => sum + a.costUsd, 0);
+  const fleetTotal = fleetList.length;
+  const [selectedAgentId, setSelectedAgentId] = useState50(null);
+  const selectedAgent = useMemo19(() => {
+    if (!selectedAgentId) return fleetList[0] ?? null;
+    return fleetAgents.get(selectedAgentId) ?? fleetList[0] ?? null;
+  }, [selectedAgentId, fleetList, fleetAgents]);
+  const openFleetTab = () => setInspectorTab("fleet");
+  const openAgentsTab = () => setInspectorTab("agents");
+  const handleSelectAgent = (agent) => {
+    setSelectedAgentId(agent.id);
+    openAgentsTab();
+  };
+  return /* @__PURE__ */ jsxs72("div", { className: "shrink-0 border-t bg-card flex flex-col", children: [
+    /* @__PURE__ */ jsxs72(
+      "button",
+      {
+        type: "button",
+        onClick: toggleInspector,
+        className: cn(
+          "group w-full flex items-center justify-between gap-2 px-3 h-7 text-[11px]",
+          "text-muted-foreground hover:text-foreground hover:bg-accent/40 transition-colors"
+        ),
+        title: inspectorOpen ? "Hide inspector panel" : "Show inspector panel (Fleet / Agents)",
+        children: [
+          /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-2 min-w-0", children: [
+            inspectorOpen ? /* @__PURE__ */ jsx78(ChevronDown11, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx78(ChevronUp, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx78("span", { className: "font-medium uppercase tracking-wider", children: "Inspector" }),
+            fleetTotal > 0 && /* @__PURE__ */ jsxs72(Fragment17, { children: [
+              /* @__PURE__ */ jsx78("span", { className: "opacity-40", children: "\xB7" }),
+              /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx78(
+                  "span",
+                  {
+                    className: cn(
+                      "h-1.5 w-1.5 rounded-full",
+                      runningCount > 0 ? "bg-emerald-500 animate-pulse" : "bg-muted-foreground/50"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs72("span", { className: "tabular-nums", children: [
+                  runningCount,
+                  "/",
+                  fleetTotal
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx78("span", { className: "opacity-40 hidden sm:inline", children: "\xB7" }),
+              /* @__PURE__ */ jsxs72("span", { className: "tabular-nums font-mono hidden sm:inline", children: [
+                "\u2193",
+                fmtTok4(fleetTokensIn),
+                " \u2191",
+                fmtTok4(fleetTokensOut),
+                " \xB7 ",
+                fmtCost7(totalCost)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-1 shrink-0 opacity-70 group-hover:opacity-100", children: [
+            /* @__PURE__ */ jsx78(Bot14, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx78(Users5, { className: "h-3 w-3" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx78(
+      "div",
+      {
+        className: "overflow-hidden transition-[height] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]",
+        style: { height: inspectorOpen ? PANEL_HEIGHT : 0 },
+        children: /* @__PURE__ */ jsxs72("div", { className: "flex flex-col", style: { height: PANEL_HEIGHT }, children: [
+          /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-1 px-2 h-8 border-b bg-muted/30 shrink-0", children: [
+            /* @__PURE__ */ jsx78(
+              TabButton,
+              {
+                active: inspectorTab === "fleet",
+                onClick: openFleetTab,
+                icon: /* @__PURE__ */ jsx78(Bot14, { className: "h-3.5 w-3.5" }),
+                label: "Fleet",
+                count: fleetTotal,
+                running: runningCount
+              }
+            ),
+            /* @__PURE__ */ jsx78(
+              TabButton,
+              {
+                active: inspectorTab === "agents",
+                onClick: openAgentsTab,
+                icon: /* @__PURE__ */ jsx78(Users5, { className: "h-3.5 w-3.5" }),
+                label: "Agents",
+                count: fleetTotal
+              }
+            ),
+            /* @__PURE__ */ jsx78("div", { className: "flex-1" }),
+            /* @__PURE__ */ jsx78(
+              "button",
+              {
+                type: "button",
+                onClick: () => setInspectorOpen(false),
+                className: "p-1 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground",
+                "aria-label": "Collapse inspector panel",
+                title: "Collapse (Esc)",
+                children: /* @__PURE__ */ jsx78(ChevronDown11, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx78("div", { className: "flex-1 min-h-0 overflow-y-auto", children: inspectorTab === "fleet" ? /* @__PURE__ */ jsx78(
+            FleetTabContent,
+            {
+              fleetList,
+              leaderId,
+              selectedAgentId,
+              runningCount,
+              fleetConcurrency,
+              fleetConcurrencyMax,
+              fleetTokensIn,
+              fleetTokensOut,
+              totalCost,
+              eventTimeline,
+              onSelectAgent: handleSelectAgent
+            }
+          ) : /* @__PURE__ */ jsx78(
+            AgentsTabContent,
+            {
+              fleetList,
+              selectedAgent,
+              leaderId,
+              selectedAgentId: selectedAgent?.id ?? null,
+              onSelectAgent: setSelectedAgentId
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+}
+function TabButton({
+  active,
+  onClick,
+  icon,
+  label,
+  count,
+  running
+}) {
+  return /* @__PURE__ */ jsxs72(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex items-center gap-1.5 px-2.5 h-6 rounded-md text-[11px] font-medium transition-colors",
+        active ? "bg-background text-foreground shadow-sm ring-1 ring-border" : "text-muted-foreground hover:text-foreground hover:bg-background/60"
+      ),
+      children: [
+        icon,
+        label,
+        count > 0 && /* @__PURE__ */ jsx78(
+          "span",
+          {
+            className: cn(
+              "tabular-nums text-[10px] px-1 rounded-full",
+              running && running > 0 ? "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400" : "bg-muted text-muted-foreground"
+            ),
+            children: running !== void 0 ? `${running}/${count}` : count
+          }
+        )
+      ]
+    }
+  );
+}
+function FleetTabContent({
+  fleetList,
+  leaderId,
+  selectedAgentId,
+  runningCount,
+  fleetConcurrency,
+  fleetConcurrencyMax,
+  fleetTokensIn,
+  fleetTokensOut,
+  totalCost,
+  eventTimeline,
+  onSelectAgent
+}) {
+  return /* @__PURE__ */ jsxs72("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-3 px-3 py-1.5 border-b text-[11px] text-muted-foreground shrink-0", children: [
+      /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-1", children: [
+        runningCount > 0 && /* @__PURE__ */ jsx78("span", { className: "h-1.5 w-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+        /* @__PURE__ */ jsxs72("span", { className: "tabular-nums", children: [
+          runningCount,
+          " running \xB7 ",
+          fleetList.length,
+          " total"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx78(ConcurrencyGauge, { current: fleetConcurrency, max: fleetConcurrencyMax, showLabel: true }),
+      /* @__PURE__ */ jsx78("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxs72("span", { className: "tabular-nums font-mono", children: [
+        "\u2193",
+        fmtTok4(fleetTokensIn),
+        " \u2191",
+        fmtTok4(fleetTokensOut),
+        " \xB7 ",
+        fmtCost7(totalCost)
+      ] })
+    ] }),
+    fleetList.length === 0 ? /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-center justify-center py-8 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx78(Users5, { className: "h-8 w-8 mb-2 opacity-20" }),
+      /* @__PURE__ */ jsx78("p", { className: "text-xs font-medium", children: "No agents active" }),
+      /* @__PURE__ */ jsx78("p", { className: "text-[11px] mt-0.5", children: "Agents appear here when the fleet is active." })
+    ] }) : /* @__PURE__ */ jsx78("div", { className: "flex-1 min-h-0 overflow-y-auto p-1.5", children: fleetList.map((agent) => /* @__PURE__ */ jsx78(
+      FleetAgentRow,
+      {
+        agent,
+        isSelected: selectedAgentId === agent.id,
+        isLeader: agent.id === leaderId,
+        onClick: () => onSelectAgent(agent)
+      },
+      agent.id
+    )) }),
+    eventTimeline.length > 0 && /* @__PURE__ */ jsx78("div", { className: "border-t px-3 py-1.5 shrink-0", children: /* @__PURE__ */ jsx78(EventTimeline, { events: eventTimeline, max: 4 }) })
+  ] });
+}
+function AgentsTabContent({
+  fleetList,
+  selectedAgent,
+  leaderId,
+  selectedAgentId,
+  onSelectAgent
+}) {
+  if (fleetList.length === 0) {
+    return /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-center justify-center py-8 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx78(Bot14, { className: "h-8 w-8 mb-2 opacity-20" }),
+      /* @__PURE__ */ jsx78("p", { className: "text-xs font-medium", children: "No agents active" })
+    ] });
+  }
+  if (!selectedAgent) return null;
+  const selectedIdx = Math.max(
+    0,
+    fleetList.findIndex((a) => a.id === selectedAgentId)
+  );
+  return /* @__PURE__ */ jsxs72("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx78("div", { className: "flex-1 min-h-0 overflow-y-auto p-3", children: /* @__PURE__ */ jsx78("div", { className: "max-w-2xl mx-auto", children: /* @__PURE__ */ jsx78(AgentCard2, { agent: selectedAgent, isLeader: selectedAgent.id === leaderId }) }) }),
+    /* @__PURE__ */ jsx78("div", { className: "border-t px-2 py-1.5 shrink-0", children: /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-1 overflow-x-auto pb-0.5", children: fleetList.map((agent, i) => /* @__PURE__ */ jsxs72(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelectAgent(agent.id),
+        className: cn(
+          "shrink-0 flex items-center gap-1.5 px-2 py-1 rounded-md text-[10px] transition-colors",
+          agent.id === selectedAgent?.id ? "bg-primary/15 text-primary ring-1 ring-primary/40" : "hover:bg-accent text-muted-foreground"
+        ),
+        title: `${agent.name}${i === selectedIdx ? " (selected)" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx78(
+            "span",
+            {
+              className: cn(
+                "h-1.5 w-1.5 rounded-full shrink-0",
+                agent.status === "running" ? "bg-emerald-500 animate-pulse" : agent.status === "failed" ? "bg-destructive" : "bg-muted-foreground/50"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx78("span", { className: "truncate max-w-[8rem]", children: agent.name })
+        ]
+      },
+      agent.id
+    )) }) })
+  ] });
+}
+
+// src/App.tsx
+import { Fragment as Fragment18, jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
 function AppInner() {
   const { theme } = useTheme();
-  const { currentView, sidebarOpen, toggleSidebar, setSearchOpen, setSidebarOpen, setCurrentView, fleetMonitorOpen, agentsMonitorOpen, setFleetMonitorOpen, setAgentsMonitorOpen } = useUIStore();
+  const {
+    currentView,
+    sidebarOpen,
+    toggleSidebar,
+    setSearchOpen,
+    setSidebarOpen,
+    setCurrentView,
+    setInspectorTab,
+    toggleInspector
+  } = useUIStore();
   const isLoading = useChatStore((s) => s.isLoading);
   const iteration = useSessionStore((s) => s.iteration);
   const projectName = useSessionStore((s) => s.projectName);
   const sessionTitle = useSessionStore((s) => s.session?.title);
   const sessionId = useSessionStore((s) => s.session?.id);
   const nickname = useUIStore((s) => sessionId ? s.sessionNicknames[sessionId] : void 0);
-  useEffect44(() => {
+  useEffect45(() => {
     const onOpenFile = (e) => {
       const { filePath } = e.detail;
       const ws = getWSClient(useConfigStore.getState().wsUrl);
@@ -18614,7 +18961,7 @@ function AppInner() {
     window.addEventListener("wrongstack:open-file", onOpenFile);
     return () => window.removeEventListener("wrongstack:open-file", onOpenFile);
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     const onSaveFile = (e) => {
       const { filePath } = e.detail;
       const file = useFileStore.getState().openFiles.find((f) => f.path === filePath);
@@ -18630,7 +18977,7 @@ function AppInner() {
     window.addEventListener("wrongstack:save-file", onSaveFile);
     return () => window.removeEventListener("wrongstack:save-file", onSaveFile);
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 768px)");
     const apply = () => {
@@ -18643,7 +18990,7 @@ function AppInner() {
     return () => mq.removeEventListener("change", apply);
   }, [setSidebarOpen]);
   useWebSocketBootstrap();
-  useEffect44(() => {
+  useEffect45(() => {
     const parts = [];
     if (isLoading) {
       const it = iteration ? ` iter ${iteration.index}${iteration.max ? `/${iteration.max}` : ""}` : "";
@@ -18660,7 +19007,7 @@ function AppInner() {
       document.title = projectName || "AI Agent";
     };
   }, [isLoading, iteration, projectName, sessionTitle, nickname]);
-  useEffect44(() => {
+  useEffect45(() => {
     const onKey = (e) => {
       const t = e.target;
       const tag = t?.tagName?.toLowerCase();
@@ -18710,11 +19057,26 @@ function AppInner() {
       }
       if (mod && e.shiftKey && e.key.toLowerCase() === "m") {
         e.preventDefault();
-        useUIStore.getState().setFleetMonitorOpen(!useUIStore.getState().fleetMonitorOpen);
+        const s = useUIStore.getState();
+        if (s.inspectorOpen && s.inspectorTab === "fleet") {
+          toggleInspector();
+        } else {
+          setInspectorTab("fleet");
+          if (!s.inspectorOpen) toggleInspector();
+        }
       }
       if (mod && e.shiftKey && e.key.toLowerCase() === "a") {
         e.preventDefault();
-        useUIStore.getState().setAgentsMonitorOpen(!useUIStore.getState().agentsMonitorOpen);
+        const s = useUIStore.getState();
+        if (s.inspectorOpen && s.inspectorTab === "agents") {
+          toggleInspector();
+        } else {
+          setInspectorTab("agents");
+          if (!s.inspectorOpen) toggleInspector();
+        }
+      }
+      if (e.key === "Escape" && !mod && useUIStore.getState().inspectorOpen) {
+        useUIStore.getState().setInspectorOpen(false);
       }
       if (!inField && !mod && !e.altKey) {
         const bubbles = Array.from(document.querySelectorAll("[data-message-id]"));
@@ -18773,52 +19135,41 @@ function AppInner() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [toggleSidebar, setSearchOpen]);
-  return /* @__PURE__ */ jsxs72("div", { className: cn("flex h-screen", theme), children: [
-    currentView !== "setup" && /* @__PURE__ */ jsx78(ActivityBar, {}),
-    sidebarOpen && currentView !== "setup" && /* @__PURE__ */ jsx78(SidePanel, {}),
-    /* @__PURE__ */ jsxs72("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      currentView !== "setup" && /* @__PURE__ */ jsx78(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsxs72(Fragment17, { children: [
-        sessionId && /* @__PURE__ */ jsx78("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx78(WorkspaceDock, { sessionId }) }),
-        /* @__PURE__ */ jsx78(ChatView, {})
+  return /* @__PURE__ */ jsxs73("div", { className: cn("flex h-screen", theme), children: [
+    currentView !== "setup" && /* @__PURE__ */ jsx79(ActivityBar, {}),
+    sidebarOpen && currentView !== "setup" && /* @__PURE__ */ jsx79(SidePanel, {}),
+    /* @__PURE__ */ jsxs73("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      currentView !== "setup" && /* @__PURE__ */ jsx79(ConnectionBanner, {}),
+      currentView === "chat" && /* @__PURE__ */ jsxs73(Fragment18, { children: [
+        sessionId && /* @__PURE__ */ jsx79("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx79(WorkspaceDock, { sessionId }) }),
+        /* @__PURE__ */ jsx79(ChatView, {}),
+        /* @__PURE__ */ jsx79(InspectorPanel, {})
       ] }),
-      currentView === "settings" && /* @__PURE__ */ jsx78(SettingsPanel, {}),
-      currentView === "setup" && /* @__PURE__ */ jsx78(SetupScreen, {}),
-      currentView === "autophase" && /* @__PURE__ */ jsx78(AutoPhaseView, { onClose: () => setCurrentView("chat") }),
-      currentView === "agents" && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx78(AgentsPage, {}) }),
-      currentView === "agentflow" && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx78(AgentFlowCanvasWithProvider, {}) }),
-      currentView === "fleet" && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx78(FleetMonitor, { isOverlay: false }) }),
-      currentView === "sessions" && /* @__PURE__ */ jsx78("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx78(SessionsDashboard, {}) }),
-      currentView === "files" && /* @__PURE__ */ jsx78(CodeEditor, {})
+      currentView === "settings" && /* @__PURE__ */ jsx79(SettingsPanel, {}),
+      currentView === "setup" && /* @__PURE__ */ jsx79(SetupScreen, {}),
+      currentView === "autophase" && /* @__PURE__ */ jsx79(AutoPhaseView, { onClose: () => setCurrentView("chat") }),
+      currentView === "agents" && /* @__PURE__ */ jsx79("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx79(AgentsPage, {}) }),
+      currentView === "agentflow" && /* @__PURE__ */ jsx79("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx79(AgentFlowCanvasWithProvider, {}) }),
+      currentView === "fleet" && /* @__PURE__ */ jsx79("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx79(FleetMonitor, { isOverlay: false }) }),
+      currentView === "sessions" && /* @__PURE__ */ jsx79("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx79(SessionsDashboard, {}) }),
+      currentView === "files" && /* @__PURE__ */ jsx79(CodeEditor, {})
     ] }),
-    fleetMonitorOpen && currentView !== "fleet" && /* @__PURE__ */ jsx78(
-      FleetMonitor,
-      {
-        isOverlay: true,
-        onClose: () => setFleetMonitorOpen(false),
-        onSelectAgent: (agent) => {
-          setFleetMonitorOpen(false);
-          setAgentsMonitorOpen(true);
-        }
-      }
-    ),
-    agentsMonitorOpen && /* @__PURE__ */ jsx78(AgentsMonitor, { onClose: () => setAgentsMonitorOpen(false) }),
-    /* @__PURE__ */ jsx78(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx78(ConfirmModalHost, {}),
-    /* @__PURE__ */ jsx78(CommandPalette, {}),
-    /* @__PURE__ */ jsx78(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx78(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx78(Toaster, {})
+    /* @__PURE__ */ jsx79(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx79(ConfirmModalHost, {}),
+    /* @__PURE__ */ jsx79(CommandPalette, {}),
+    /* @__PURE__ */ jsx79(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx79(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx79(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx78(ErrorBoundary, { children: /* @__PURE__ */ jsx78(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx78(AppInner, {}) }) });
+  return /* @__PURE__ */ jsx79(ErrorBoundary, { children: /* @__PURE__ */ jsx79(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx79(AppInner, {}) }) });
 }
 
 // src/main.tsx
 import "./index.css";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 ReactDOM.createRoot(expectDefined14(document.getElementById("root"))).render(
-  /* @__PURE__ */ jsx79(React7.StrictMode, { children: /* @__PURE__ */ jsx79(App, {}) })
+  /* @__PURE__ */ jsx80(React7.StrictMode, { children: /* @__PURE__ */ jsx80(App, {}) })
 );
 //# sourceMappingURL=index.js.map