@wrongstack/webui 0.54.1 → 0.66.13

package/dist/index.js

@@ -1,6 +1,10 @@
 // src/main.tsx
 import React6 from "react";
 import ReactDOM from "react-dom/client";
+import "@fontsource-variable/ibm-plex-sans";
+import "@fontsource/ibm-plex-mono/400.css";
+import "@fontsource/ibm-plex-mono/500.css";
+import "@fontsource/ibm-plex-mono/600.css";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -592,8 +596,15 @@ var WrongStackWebSocketClient = class {
   }
 };
 var client = null;
+var DEFAULT_WS_PORT = 3457;
+function resolveWsPort() {
+  if (typeof document === "undefined") return DEFAULT_WS_PORT;
+  const raw = document.querySelector('meta[name="wrongstack-ws-port"]')?.getAttribute("content");
+  const parsed = raw ? Number.parseInt(raw, 10) : Number.NaN;
+  return Number.isFinite(parsed) && parsed > 0 && parsed < 65536 ? parsed : DEFAULT_WS_PORT;
+}
 function defaultWsUrl() {
-  const port = 3457;
+  const port = resolveWsPort();
   if (typeof window === "undefined" || !window.location?.hostname) {
     return `ws://127.0.0.1:${port}`;
   }
@@ -966,6 +977,73 @@ var useWorktreeStore = create2()((set) => ({
   setSnapshot: (worktrees, baseBranch) => set({ worktrees, baseBranch }),
   pushEvent: (e) => set((s) => ({ activity: [...s.activity, e].slice(-40) }))
 }));
+function blankAgent(id, name) {
+  return {
+    id,
+    name: name?.trim() || id,
+    status: "running",
+    iteration: 0,
+    toolCalls: 0,
+    costUsd: 0,
+    ctxPct: 0,
+    ctxTokens: 0,
+    maxContext: 0,
+    extensions: 0,
+    startedAt: Date.now()
+  };
+}
+var useFleetStore = create2()((set) => ({
+  agents: /* @__PURE__ */ new Map(),
+  clear: () => set({ agents: /* @__PURE__ */ new Map() }),
+  applyEvent: (e) => set((state) => {
+    const agents = new Map(state.agents);
+    const prev = agents.get(e.subagentId) ?? blankAgent(e.subagentId, e.name);
+    const next = { ...prev };
+    switch (e.kind) {
+      case "spawned":
+        next.name = e.name?.trim() || next.name;
+        next.provider = e.provider ?? next.provider;
+        next.model = e.model ?? next.model;
+        next.description = e.description ?? next.description;
+        next.taskId = e.taskId ?? next.taskId;
+        next.status = "running";
+        break;
+      case "task_started":
+        next.description = e.description ?? next.description;
+        next.taskId = e.taskId ?? next.taskId;
+        next.status = "running";
+        break;
+      case "tool_executed":
+        next.lastTool = e.toolName ?? next.lastTool;
+        next.toolCalls = next.toolCalls + 1;
+        break;
+      case "iteration_summary":
+        next.iteration = e.iteration ?? next.iteration;
+        if (typeof e.toolCalls === "number") next.toolCalls = e.toolCalls;
+        if (typeof e.costUsd === "number") next.costUsd = e.costUsd;
+        next.currentTool = e.currentTool ?? next.currentTool;
+        break;
+      case "budget_extended":
+        next.extensions = e.totalExtensions ?? next.extensions + 1;
+        break;
+      case "ctx_pct":
+        next.ctxPct = Math.round(Math.min(1, Math.max(0, e.load ?? 0)) * 100);
+        next.ctxTokens = e.tokens ?? next.ctxTokens;
+        next.maxContext = e.maxContext ?? next.maxContext;
+        break;
+      case "task_completed":
+        next.status = e.status === "success" ? "completed" : e.status ?? "completed";
+        if (typeof e.iterations === "number") next.iteration = e.iterations;
+        if (typeof e.toolCalls === "number") next.toolCalls = e.toolCalls;
+        next.error = e.error;
+        next.currentTool = void 0;
+        next.completedAt = Date.now();
+        break;
+    }
+    agents.set(e.subagentId, next);
+    return { agents };
+  })
+}));
 
 // src/hooks/useWebSocket.ts
 import { useCallback, useEffect as useEffect2, useRef } from "react";
@@ -997,7 +1075,10 @@ function installHandlers(ws) {
       provider: payload.provider,
       model: payload.model
     });
-    if (isNew || payload.reset) useChatStore.getState().clearMessages();
+    if (isNew || payload.reset) {
+      useChatStore.getState().clearMessages();
+      useFleetStore.getState().clear();
+    }
     const replay = payload.replayMessages;
     if (replay && replay.length > 0) {
       const chat = useChatStore.getState();
@@ -1441,6 +1522,9 @@ ${body}` : "\u{1F9E0} **Memory** \n\n_empty \u2014 nothing remembered yet_"
     const p = msg.payload;
     useWorktreeStore.getState().pushEvent(p);
   });
+  on("subagent.event", (msg) => {
+    useFleetStore.getState().applyEvent(msg.payload);
+  });
   return () => {
     for (const off of offs) off();
   };
@@ -1627,14 +1711,11 @@ import {
   Command,
   Cpu as Cpu2,
   FolderOpen,
-  Monitor as Monitor2,
-  Moon as Moon2,
   PanelLeftOpen,
   Settings,
-  Sun as Sun2,
   Zap as Zap2
 } from "lucide-react";
-import { useCallback as useCallback3, useEffect as useEffect12, useRef as useRef9, useState as useState13 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect13, useRef as useRef9, useState as useState14 } from "react";
 
 // src/components/ChatInput.tsx
 import { Pencil, Send, Square } from "lucide-react";
@@ -4618,10 +4699,99 @@ function SearchOverlay() {
   ] }) });
 }
 
+// src/components/ThemeToggle.tsx
+import { Monitor as Monitor2, Moon as Moon2, Sun as Sun2 } from "lucide-react";
+
+// src/components/ThemeProvider.tsx
+import { createContext, useContext, useEffect as useEffect11, useState as useState11 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ThemeProviderContext = createContext(void 0);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "wrongstack-theme"
+}) {
+  const { setTheme: setStoreTheme } = useConfigStore();
+  const [theme, setTheme] = useState11(() => {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem(storageKey) || defaultTheme;
+    }
+    return defaultTheme;
+  });
+  useEffect11(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+    } else {
+      root.classList.add(theme);
+    }
+  }, [theme]);
+  const value = {
+    theme,
+    setTheme: (newTheme) => {
+      localStorage.setItem(storageKey, newTheme);
+      setTheme(newTheme);
+      setStoreTheme(newTheme);
+    }
+  };
+  return /* @__PURE__ */ jsx14(ThemeProviderContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = useContext(ThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/ThemeToggle.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var OPTIONS = [
+  { value: "light", icon: Sun2, label: "Light" },
+  { value: "dark", icon: Moon2, label: "Dark" },
+  { value: "system", icon: Monitor2, label: "System" }
+];
+function ThemeToggle({ className }) {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center gap-0.5 rounded-lg border border-border bg-card/70 p-0.5 shadow-sm",
+        className
+      ),
+      role: "radiogroup",
+      "aria-label": "Theme",
+      children: OPTIONS.map(({ value, icon: Icon2, label }) => {
+        const active = theme === value;
+        return /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": active,
+            title: `${label} theme`,
+            "aria-label": `${label} theme`,
+            onClick: () => setTheme(value),
+            className: cn(
+              "grid h-7 w-7 place-items-center rounded-md transition-all duration-150",
+              active ? "bg-primary/15 text-primary shadow-[inset_0_0_0_1px_hsl(var(--primary)/0.35)]" : "text-muted-foreground hover:bg-accent hover:text-foreground"
+            ),
+            children: /* @__PURE__ */ jsx15(Icon2, { className: "h-3.5 w-3.5", strokeWidth: 2.2 })
+          },
+          value
+        );
+      })
+    }
+  );
+}
+
 // src/components/ToolGroup.tsx
 import { CheckCircle2 as CheckCircle23, ChevronDown as ChevronDown5, ChevronRight as ChevronRight3, Loader2 as Loader22, Terminal as Terminal2, XCircle as XCircle3 } from "lucide-react";
-import { memo as memo4, useState as useState11 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { memo as memo4, useState as useState12 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 2 : 1)}s`;
@@ -4634,9 +4804,9 @@ var ToolGroup = memo4(function ToolGroup2({
   defaultOpen = false,
   isContinuation = false
 }) {
-  const [open, setOpen] = useState11(defaultOpen);
+  const [open, setOpen] = useState12(defaultOpen);
   if (tools.length === 1) {
-    return /* @__PURE__ */ jsx14(MessageBubble, { message: tools[0], isFirst: true, isContinuation });
+    return /* @__PURE__ */ jsx16(MessageBubble, { message: tools[0], isFirst: true, isContinuation });
   }
   const running = tools.filter((t) => t.toolResult === void 0).length;
   const errored = tools.filter((t) => t.isError).length;
@@ -4645,7 +4815,7 @@ var ToolGroup = memo4(function ToolGroup2({
   const preview = names.slice(0, 3).join(", ");
   const more = names.length > 3 ? ` +${names.length - 3}` : "";
   return /* @__PURE__ */ jsxs13("div", { className: "flex gap-3 animate-message", children: [
-    isContinuation ? /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0 w-8 h-8", "aria-hidden": true }) : /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-secondary text-secondary-foreground ring-2 ring-offset-2 ring-offset-background ring-secondary/20", children: /* @__PURE__ */ jsx14(Terminal2, { className: "h-4 w-4" }) }),
+    isContinuation ? /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0 w-8 h-8", "aria-hidden": true }) : /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-secondary text-secondary-foreground ring-2 ring-offset-2 ring-offset-background ring-secondary/20", children: /* @__PURE__ */ jsx16(Terminal2, { className: "h-4 w-4" }) }),
     /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1.5 max-w-[85%] flex-1 min-w-0", children: [
       /* @__PURE__ */ jsxs13(
         "button",
@@ -4658,15 +4828,15 @@ var ToolGroup = memo4(function ToolGroup2({
             "border border-border/40 bg-muted/30"
           ),
           children: [
-            open ? /* @__PURE__ */ jsx14(ChevronDown5, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx14(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-            /* @__PURE__ */ jsx14(Terminal2, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+            open ? /* @__PURE__ */ jsx16(ChevronDown5, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx16(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+            /* @__PURE__ */ jsx16(Terminal2, { className: "h-3.5 w-3.5 text-muted-foreground" }),
             /* @__PURE__ */ jsxs13("span", { className: "font-mono text-xs", children: [
               tools.length,
               " tool call",
               tools.length === 1 ? "" : "s"
             ] }),
-            running > 0 ? /* @__PURE__ */ jsx14(Loader22, { className: "h-3 w-3 animate-spin text-amber-500" }) : errored > 0 ? /* @__PURE__ */ jsx14(XCircle3, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx14(CheckCircle23, { className: "h-3 w-3 text-green-500" }),
-            totalMs > 0 && /* @__PURE__ */ jsx14("span", { className: "text-xs text-muted-foreground tabular-nums font-normal", children: formatDuration(totalMs) }),
+            running > 0 ? /* @__PURE__ */ jsx16(Loader22, { className: "h-3 w-3 animate-spin text-amber-500" }) : errored > 0 ? /* @__PURE__ */ jsx16(XCircle3, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx16(CheckCircle23, { className: "h-3 w-3 text-green-500" }),
+            totalMs > 0 && /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground tabular-nums font-normal", children: formatDuration(totalMs) }),
             preview && /* @__PURE__ */ jsxs13("span", { className: "text-xs text-muted-foreground/80 font-mono truncate", children: [
               "\xB7 ",
               preview,
@@ -4675,7 +4845,7 @@ var ToolGroup = memo4(function ToolGroup2({
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx14("div", { className: "space-y-2 pl-3 border-l-2 border-border/40 ml-2", children: tools.map((tool) => /* @__PURE__ */ jsx14(MessageBubble, { message: tool, isFirst: false }, tool.id)) })
+      open && /* @__PURE__ */ jsx16("div", { className: "space-y-2 pl-3 border-l-2 border-border/40 ml-2", children: tools.map((tool) => /* @__PURE__ */ jsx16(MessageBubble, { message: tool, isFirst: false }, tool.id)) })
     ] })
   ] });
 });
@@ -4693,8 +4863,8 @@ import {
   Wrench as Wrench2,
   Zap
 } from "lucide-react";
-import { useEffect as useEffect11, useState as useState12 } from "react";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useState as useState13 } from "react";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var CARDS = [
   {
     icon: Search3,
@@ -4768,8 +4938,8 @@ function WelcomeScreen() {
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
-  const [savedCount, setSavedCount] = useState12(void 0);
-  useEffect11(() => {
+  const [savedCount, setSavedCount] = useState13(void 0);
+  useEffect12(() => {
     if (!wsConnected) return;
     const client2 = getWSClient(wsUrl);
     const off = client2.on("providers.saved", (msg) => {
@@ -4785,7 +4955,7 @@ function WelcomeScreen() {
   const recentPrompts = promptHistory.slice(0, 6);
   const { listSessions, resumeSession } = useWebSocket();
   const historyEntries = useHistoryStore((s) => s.entries);
-  useEffect11(() => {
+  useEffect12(() => {
     if (wsConnected && historyEntries.length === 0) listSessions(10);
   }, [wsConnected]);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
@@ -4793,21 +4963,21 @@ function WelcomeScreen() {
   return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-8 py-8 px-2 max-w-5xl mx-auto w-full", children: [
     /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center text-center gap-3", children: [
       /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx15("div", { className: "w-14 h-14 rounded-2xl bg-gradient-to-br from-primary via-primary to-primary/60 flex items-center justify-center shadow-lg shadow-primary/20", children: /* @__PURE__ */ jsx15(Zap, { className: "h-7 w-7 text-primary-foreground" }) }),
-        /* @__PURE__ */ jsx15("div", { className: "absolute -inset-3 bg-gradient-to-r from-transparent via-primary/10 to-transparent animate-pulse rounded-full -z-10" })
+        /* @__PURE__ */ jsx17("div", { className: "w-14 h-14 rounded-2xl bg-gradient-to-br from-primary via-primary to-primary/60 flex items-center justify-center shadow-lg shadow-primary/20", children: /* @__PURE__ */ jsx17(Zap, { className: "h-7 w-7 text-primary-foreground" }) }),
+        /* @__PURE__ */ jsx17("div", { className: "absolute -inset-3 bg-gradient-to-r from-transparent via-primary/10 to-transparent animate-pulse rounded-full -z-10" })
       ] }),
       /* @__PURE__ */ jsxs14("div", { children: [
         /* @__PURE__ */ jsxs14("h2", { className: "text-2xl font-semibold tracking-tight", children: [
           "Where do you want to start",
           projectName ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
             " in ",
-            /* @__PURE__ */ jsx15("span", { className: "text-primary", children: projectName })
+            /* @__PURE__ */ jsx17("span", { className: "text-primary", children: projectName })
           ] }) : "",
           "?"
         ] }),
         /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground mt-2 max-w-2xl mx-auto leading-relaxed", children: [
           "WrongStack is connected to your project and ready to read, edit, run commands, search the codebase, track todos, and remember context across sessions. Pick a starting prompt below, write your own, or type ",
-          /* @__PURE__ */ jsx15("span", { className: "font-mono text-foreground/80", children: "/" }),
+          /* @__PURE__ */ jsx17("span", { className: "font-mono text-foreground/80", children: "/" }),
           " ",
           "for the full command palette."
         ] }),
@@ -4829,19 +4999,19 @@ function WelcomeScreen() {
           "p-4 flex items-center gap-4 text-left"
         ),
         children: [
-          /* @__PURE__ */ jsx15("span", { className: "flex items-center justify-center w-12 h-12 rounded-lg bg-amber-500/15 text-amber-600 dark:text-amber-400 shrink-0", children: /* @__PURE__ */ jsx15(KeyRound, { className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsx17("span", { className: "flex items-center justify-center w-12 h-12 rounded-lg bg-amber-500/15 text-amber-600 dark:text-amber-400 shrink-0", children: /* @__PURE__ */ jsx17(KeyRound, { className: "h-6 w-6" }) }),
           /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx15("h3", { className: "text-base font-semibold mb-1", children: "No API key configured yet" }),
-            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Register a provider in Settings before sending a message \u2014 otherwise the agent has nothing to talk to. Anthropic, OpenAI, Google, and any OpenAI-compatible endpoint all work." })
+            /* @__PURE__ */ jsx17("h3", { className: "text-base font-semibold mb-1", children: "No API key configured yet" }),
+            /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Register a provider in Settings before sending a message \u2014 otherwise the agent has nothing to talk to. Anthropic, OpenAI, Google, and any OpenAI-compatible endpoint all work." })
           ] }),
           /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-1 text-xs text-amber-600 dark:text-amber-400 font-medium shrink-0 group-hover:translate-x-0.5 transition-transform", children: [
             "Open Settings ",
-            /* @__PURE__ */ jsx15(ArrowRight, { className: "h-3.5 w-3.5" })
+            /* @__PURE__ */ jsx17(ArrowRight, { className: "h-3.5 w-3.5" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: CARDS.map((card) => {
+    /* @__PURE__ */ jsx17("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: CARDS.map((card) => {
       const Icon2 = card.icon;
       return /* @__PURE__ */ jsxs14(
         "div",
@@ -4849,22 +5019,22 @@ function WelcomeScreen() {
           className: "rounded-xl border bg-card/40 backdrop-blur-sm p-4 flex flex-col gap-3",
           children: [
             /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx17(
                 "span",
                 {
                   className: cn(
                     "flex items-center justify-center w-8 h-8 rounded-lg border",
                     card.tone
                   ),
-                  children: /* @__PURE__ */ jsx15(Icon2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx17(Icon2, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ jsxs14("div", { children: [
-                /* @__PURE__ */ jsx15("h3", { className: "text-sm font-semibold", children: card.title }),
-                /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: card.hint })
+                /* @__PURE__ */ jsx17("h3", { className: "text-sm font-semibold", children: card.title }),
+                /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: card.hint })
               ] })
             ] }),
-            /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1.5", children: card.prompts.map((p, i) => /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1.5", children: card.prompts.map((p, i) => /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -4882,10 +5052,10 @@ function WelcomeScreen() {
     }) }),
     recentSessions.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx15(ArchiveRestore2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx15("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Pick back up" })
+        /* @__PURE__ */ jsx17(ArchiveRestore2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Pick back up" })
       ] }),
-      /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: recentSessions.map((entry) => /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsx17("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: recentSessions.map((entry) => /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -4893,7 +5063,7 @@ function WelcomeScreen() {
           className: "text-left rounded-lg border border-border/40 bg-background/60 hover:border-primary/40 hover:bg-accent/30 px-3 py-2 transition-colors group/sess",
           title: entry.title,
           children: [
-            /* @__PURE__ */ jsx15("div", { className: "text-sm font-medium truncate text-foreground group-hover/sess:text-primary", children: sessionNicknames[entry.id] || entry.title || "(empty)" }),
+            /* @__PURE__ */ jsx17("div", { className: "text-sm font-medium truncate text-foreground group-hover/sess:text-primary", children: sessionNicknames[entry.id] || entry.title || "(empty)" }),
             /* @__PURE__ */ jsxs14("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
               entry.provider,
               "/",
@@ -4911,10 +5081,10 @@ function WelcomeScreen() {
     ] }),
     recentPrompts.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx15(Clock2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx15("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Recent prompts" })
+        /* @__PURE__ */ jsx17(Clock2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Recent prompts" })
       ] }),
-      /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1.5", children: recentPrompts.filter((p) => !p.startsWith("/")).slice(0, 5).map((p, i) => /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1.5", children: recentPrompts.filter((p) => !p.startsWith("/")).slice(0, 5).map((p, i) => /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
@@ -4928,18 +5098,18 @@ function WelcomeScreen() {
     ] }),
     /* @__PURE__ */ jsxs14("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx15(Keyboard, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx15("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Quick commands" })
+        /* @__PURE__ */ jsx17(Keyboard, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Quick commands" })
       ] }),
-      /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2", children: SLASH_REFS.map((c) => /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsx17("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2", children: SLASH_REFS.map((c) => /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
           onClick: () => fillTextarea(c.name),
           className: "text-left flex flex-col gap-0.5 rounded-md border border-border/40 bg-background/60 px-3 py-2 hover:border-primary/40 hover:bg-accent/40 transition-colors",
           children: [
-            /* @__PURE__ */ jsx15("span", { className: "font-mono text-xs text-foreground", children: c.name }),
-            /* @__PURE__ */ jsx15("span", { className: "text-[11px] text-muted-foreground truncate", children: c.hint })
+            /* @__PURE__ */ jsx17("span", { className: "font-mono text-xs text-foreground", children: c.name }),
+            /* @__PURE__ */ jsx17("span", { className: "text-[11px] text-muted-foreground truncate", children: c.hint })
           ]
         },
         c.name
@@ -4951,7 +5121,7 @@ function WelcomeScreen() {
 // src/components/ui/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React2 from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var ScrollArea = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   ScrollAreaPrimitive.Root,
   {
@@ -4959,14 +5129,14 @@ var ScrollArea = React2.forwardRef(({ className, children, ...props }, ref) => /
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx16(ScrollBar, {}),
-      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx18(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx18(ScrollBar, {}),
+      /* @__PURE__ */ jsx18(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx16(
+var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx18(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4978,13 +5148,13 @@ var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx16(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx18(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ChatView.tsx
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function fmtTok(n) {
   if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
   if (n >= 1e3) return `${(n / 1e3).toFixed(n >= 1e4 ? 0 : 1)}k`;
@@ -4996,10 +5166,10 @@ function ThinkingBubble() {
   const tailLines = buf.split("\n").slice(-6);
   const tail = tailLines.join("\n").trim();
   return /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 animate-message", children: [
-    /* @__PURE__ */ jsx17("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-violet-500/10 text-violet-600 dark:text-violet-400 ring-2 ring-offset-2 ring-offset-background ring-violet-500/20", children: /* @__PURE__ */ jsx17(Brain2, { className: "h-4 w-4 animate-pulse" }) }),
+    /* @__PURE__ */ jsx19("div", { className: "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-violet-500/10 text-violet-600 dark:text-violet-400 ring-2 ring-offset-2 ring-offset-background ring-violet-500/20", children: /* @__PURE__ */ jsx19(Brain2, { className: "h-4 w-4 animate-pulse" }) }),
     /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 max-w-[85%] min-w-0", children: [
-      /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium text-violet-600 dark:text-violet-400 px-1", children: "Thinking\u2026" }),
-      /* @__PURE__ */ jsx17("div", { className: "rounded-2xl rounded-bl-md px-3 py-2 bg-violet-500/[0.04] border border-violet-500/20 text-foreground/80", children: /* @__PURE__ */ jsx17("pre", { className: "whitespace-pre-wrap break-words font-sans text-xs leading-relaxed italic max-h-32 overflow-hidden", children: tail || "\u2026" }) })
+      /* @__PURE__ */ jsx19("span", { className: "text-xs font-medium text-violet-600 dark:text-violet-400 px-1", children: "Thinking\u2026" }),
+      /* @__PURE__ */ jsx19("div", { className: "rounded-2xl rounded-bl-md px-3 py-2 bg-violet-500/[0.04] border border-violet-500/20 text-foreground/80", children: /* @__PURE__ */ jsx19("pre", { className: "whitespace-pre-wrap break-words font-sans text-xs leading-relaxed italic max-h-32 overflow-hidden", children: tail || "\u2026" }) })
     ] })
   ] });
 }
@@ -5010,22 +5180,20 @@ function ChatView() {
   const sidebarOpen = useUIStore((s) => s.sidebarOpen);
   const toggleSidebar = useUIStore((s) => s.toggleSidebar);
   const compactMode = useUIStore((s) => s.compactMode);
-  const setTheme = useConfigStore((s) => s.setTheme);
-  const theme = useConfigStore((s) => s.theme);
   const { totalTokens, startTime, lastInputTokens, maxContext, projectName, iteration } = useSessionStore();
   const { wsConnected, wsStatus, provider, model } = useConfigStore();
   const { setCurrentView } = useUIStore();
   const scrollRef = useRef9(null);
   const ctxPct = maxContext > 0 && lastInputTokens > 0 ? Math.min(100, 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] = useState13(true);
-  const [unreadCount, setUnreadCount] = useState13(0);
-  const [scrolledDeep, setScrolledDeep] = useState13(false);
+  const [pinnedToBottom, setPinnedToBottom] = useState14(true);
+  const [unreadCount, setUnreadCount] = useState14(0);
+  const [scrolledDeep, setScrolledDeep] = useState14(false);
   const lastSeenCount = useRef9(messages.length);
   const getViewport = useCallback3(() => {
     return scrollRef.current?.querySelector("[data-radix-scroll-area-viewport]") ?? null;
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const onScroll = () => {
@@ -5042,7 +5210,7 @@ function ChatView() {
     viewport.addEventListener("scroll", onScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", onScroll);
   }, [getViewport, messages.length]);
-  useEffect12(() => {
+  useEffect13(() => {
     const viewport = getViewport();
     if (!viewport) return;
     if (pinnedToBottom) {
@@ -5066,14 +5234,14 @@ function ChatView() {
     if (!viewport) return;
     viewport.scrollTo({ top: 0, behavior: "smooth" });
   }, [getViewport]);
-  const [runStartedAt, setRunStartedAt] = useState13(null);
-  const [nowTick, setNowTick] = useState13(() => Date.now());
+  const [runStartedAt, setRunStartedAt] = useState14(null);
+  const [nowTick, setNowTick] = useState14(() => Date.now());
   const streamAnchor = useRef9(null);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isLoading && runStartedAt === null) setRunStartedAt(Date.now());
     if (!isLoading && runStartedAt !== null) setRunStartedAt(null);
   }, [isLoading, runStartedAt]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!isLoading) return;
     const t = setInterval(() => setNowTick(Date.now()), 500);
     return () => clearInterval(t);
@@ -5098,7 +5266,7 @@ function ChatView() {
     /* @__PURE__ */ jsxs16("header", { className: "flex flex-col border-b bg-card shrink-0", children: [
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
         /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [
-          !sidebarOpen && /* @__PURE__ */ jsx17(
+          !sidebarOpen && /* @__PURE__ */ jsx19(
             Button,
             {
               variant: "ghost",
@@ -5106,11 +5274,11 @@ function ChatView() {
               className: "h-7 w-7 shrink-0",
               onClick: toggleSidebar,
               title: "Open sidebar (Ctrl+\\\\)",
-              children: /* @__PURE__ */ jsx17(PanelLeftOpen, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx19(PanelLeftOpen, { className: "h-4 w-4" })
             }
           ),
-          !sidebarOpen && /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: /* @__PURE__ */ jsx17("div", { className: "w-5 h-5 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx17(Zap2, { className: "h-3 w-3 text-primary-foreground" }) }) }),
-          /* @__PURE__ */ jsx17(ConnectionChip, { wsStatus, wsConnected }),
+          !sidebarOpen && /* @__PURE__ */ jsx19("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: /* @__PURE__ */ jsx19("div", { className: "w-5 h-5 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx19(Zap2, { className: "h-3 w-3 text-primary-foreground" }) }) }),
+          /* @__PURE__ */ jsx19(ConnectionChip, { wsStatus, wsConnected }),
           /* @__PURE__ */ jsxs16(
             "span",
             {
@@ -5120,8 +5288,8 @@ function ChatView() {
               ),
               title: `Agent state: ${agentState}`,
               children: [
-                agentState !== "idle" && /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
-                /* @__PURE__ */ jsx17("span", { children: agentState })
+                agentState !== "idle" && /* @__PURE__ */ jsx19("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
+                /* @__PURE__ */ jsx19("span", { children: agentState })
               ]
             }
           ),
@@ -5131,8 +5299,8 @@ function ChatView() {
               className: "flex items-center gap-1 text-[11px] text-muted-foreground shrink-0 min-w-0",
               title: `Project: ${projectName}`,
               children: [
-                /* @__PURE__ */ jsx17(FolderOpen, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx17("span", { className: "truncate max-w-[12rem]", children: projectName })
+                /* @__PURE__ */ jsx19(FolderOpen, { className: "h-3 w-3 shrink-0" }),
+                /* @__PURE__ */ jsx19("span", { className: "truncate max-w-[12rem]", children: projectName })
               ]
             }
           ),
@@ -5144,24 +5312,24 @@ function ChatView() {
               className: "group flex items-center gap-1 px-2 py-0.5 rounded-md border bg-background/50 hover:bg-accent hover:border-primary/40 transition-colors text-[11px] min-w-0 shrink-0",
               title: "Change provider / model (Ctrl+M)",
               children: [
-                /* @__PURE__ */ jsx17(Cpu2, { className: "h-3 w-3 text-muted-foreground group-hover:text-foreground shrink-0" }),
+                /* @__PURE__ */ jsx19(Cpu2, { className: "h-3 w-3 text-muted-foreground group-hover:text-foreground shrink-0" }),
                 /* @__PURE__ */ jsxs16("span", { className: "font-mono truncate max-w-[16rem]", children: [
-                  /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: provider || "no-provider" }),
-                  /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground/40 mx-0.5", children: "/" }),
-                  /* @__PURE__ */ jsx17("span", { className: "font-medium", children: model || "no-model" })
+                  /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: provider || "no-provider" }),
+                  /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground/40 mx-0.5", children: "/" }),
+                  /* @__PURE__ */ jsx19("span", { className: "font-medium", children: model || "no-model" })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx17(ModePicker, {}),
-          /* @__PURE__ */ jsx17(ContextModePicker, {}),
+          /* @__PURE__ */ jsx19(ModePicker, {}),
+          /* @__PURE__ */ jsx19(ContextModePicker, {}),
           iteration && /* @__PURE__ */ jsxs16(
             "span",
             {
               className: "flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[11px] font-medium bg-primary/10 text-primary shrink-0",
               title: "Agent iteration",
               children: [
-                /* @__PURE__ */ jsx17(Activity, { className: "h-3 w-3 animate-pulse" }),
+                /* @__PURE__ */ jsx19(Activity, { className: "h-3 w-3 animate-pulse" }),
                 "iter ",
                 iteration.index,
                 iteration.max > 0 ? `/${iteration.max}` : ""
@@ -5170,7 +5338,7 @@ function ChatView() {
           )
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-0.5 shrink-0", children: [
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19(
             Button,
             {
               variant: "ghost",
@@ -5178,24 +5346,11 @@ function ChatView() {
               className: "h-7 w-7",
               onClick: () => setPaletteOpen(true),
               title: "Command palette (Ctrl+K)",
-              children: /* @__PURE__ */ jsx17(Command, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx19(Command, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx17(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-7 w-7",
-              onClick: () => {
-                const next = theme === "light" ? "dark" : theme === "dark" ? "system" : "light";
-                setTheme(next);
-              },
-              title: `Theme: ${theme} (click to cycle)`,
-              children: theme === "light" ? /* @__PURE__ */ jsx17(Sun2, { className: "h-4 w-4" }) : theme === "dark" ? /* @__PURE__ */ jsx17(Moon2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx17(Monitor2, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19(ThemeToggle, { className: "mx-0.5" }),
+          /* @__PURE__ */ jsx19(
             Button,
             {
               variant: "ghost",
@@ -5206,7 +5361,7 @@ function ChatView() {
               children: "?"
             }
           ),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19(
             Button,
             {
               variant: "ghost",
@@ -5214,7 +5369,7 @@ function ChatView() {
               className: "h-7 w-7",
               onClick: () => setCurrentView("settings"),
               title: "Settings",
-              children: /* @__PURE__ */ jsx17(Settings, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx19(Settings, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -5241,12 +5396,12 @@ function ChatView() {
           ),
           totalTokens.input > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
             /* @__PURE__ */ jsxs16("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx17("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.input) }),
-              /* @__PURE__ */ jsx17("span", { children: "in" })
+              /* @__PURE__ */ jsx19("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.input) }),
+              /* @__PURE__ */ jsx19("span", { children: "in" })
             ] }),
             /* @__PURE__ */ jsxs16("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx17("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.output) }),
-              /* @__PURE__ */ jsx17("span", { children: "out" })
+              /* @__PURE__ */ jsx19("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.output) }),
+              /* @__PURE__ */ jsx19("span", { children: "out" })
             ] }),
             totalTokens.cacheRead && totalTokens.cacheRead > 0 && (() => {
               const denom = (totalTokens.cacheRead ?? 0) + totalTokens.input;
@@ -5257,7 +5412,7 @@ function ChatView() {
                   className: "flex items-center gap-1",
                   title: `Cache hit ratio: ${pct}%`,
                   children: [
-                    /* @__PURE__ */ jsx17("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.cacheRead) }),
+                    /* @__PURE__ */ jsx19("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.cacheRead) }),
                     /* @__PURE__ */ jsxs16("span", { children: [
                       "cache (",
                       pct,
@@ -5267,14 +5422,14 @@ function ChatView() {
                 }
               );
             })(),
-            /* @__PURE__ */ jsx17(CostChip, {})
+            /* @__PURE__ */ jsx19(CostChip, {})
           ] })
         ] }),
-        startTime && /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground/70 tabular-nums shrink-0", children: formatDuration2(startTime) })
+        startTime && /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground/70 tabular-nums shrink-0", children: formatDuration2(startTime) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx17(SearchOverlay, {}),
+      /* @__PURE__ */ jsx19(SearchOverlay, {}),
       !pinnedToBottom && /* @__PURE__ */ jsxs16(
         "button",
         {
@@ -5287,7 +5442,7 @@ function ChatView() {
             "hover:bg-primary/90 transition-colors animate-message"
           ),
           children: [
-            /* @__PURE__ */ jsx17(ArrowDown2, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx19(ArrowDown2, { className: "h-3.5 w-3.5" }),
             unreadCount > 0 ? `${unreadCount} new message${unreadCount === 1 ? "" : "s"}` : "Jump to latest"
           ]
         }
@@ -5305,12 +5460,12 @@ function ChatView() {
             "hover:text-foreground hover:bg-background transition-colors animate-message"
           ),
           children: [
-            /* @__PURE__ */ jsx17(ArrowUp2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx17("span", { children: "Top" })
+            /* @__PURE__ */ jsx19(ArrowUp2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx19("span", { children: "Top" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx17(ScrollArea, { className: "h-full", ref: scrollRef, children: /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsx19(ScrollArea, { className: "h-full", ref: scrollRef, children: /* @__PURE__ */ jsxs16(
         "div",
         {
           className: cn(
@@ -5318,7 +5473,7 @@ function ChatView() {
             compactMode ? "max-w-5xl p-3 space-y-3" : "max-w-5xl p-4 space-y-6"
           ),
           children: [
-            messages.length === 0 && !isLoading && /* @__PURE__ */ jsx17(WelcomeScreen, {}),
+            messages.length === 0 && !isLoading && /* @__PURE__ */ jsx19(WelcomeScreen, {}),
             (() => {
               const groups = [];
               for (let i = 0; i < messages.length; i++) {
@@ -5388,9 +5543,9 @@ function ChatView() {
                       {
                         className: "flex items-center gap-3 py-1 text-[11px] text-muted-foreground/70 uppercase tracking-wider font-medium",
                         children: [
-                          /* @__PURE__ */ jsx17("div", { className: "flex-1 h-px bg-border/50" }),
-                          /* @__PURE__ */ jsx17("span", { children: dayLabel(ts) }),
-                          /* @__PURE__ */ jsx17("div", { className: "flex-1 h-px bg-border/50" })
+                          /* @__PURE__ */ jsx19("div", { className: "flex-1 h-px bg-border/50" }),
+                          /* @__PURE__ */ jsx19("span", { children: dayLabel(ts) }),
+                          /* @__PURE__ */ jsx19("div", { className: "flex-1 h-px bg-border/50" })
                         ]
                       },
                       `day-${day}-${idx}`
@@ -5399,15 +5554,15 @@ function ChatView() {
                   prevDay = day;
                 }
                 if (t.kind === "user") {
-                  out.push(/* @__PURE__ */ jsx17(MessageBubble, { message: t.message, isFirst: true }, t.key));
+                  out.push(/* @__PURE__ */ jsx19(MessageBubble, { message: t.message, isFirst: true }, t.key));
                   continue;
                 }
                 const isLastTurn = idx === turns.length - 1;
                 out.push(
-                  /* @__PURE__ */ jsx17("div", { className: cn(compactMode ? "space-y-1" : "space-y-1.5"), children: t.items.map((g, gi) => {
+                  /* @__PURE__ */ jsx19("div", { className: cn(compactMode ? "space-y-1" : "space-y-1.5"), children: t.items.map((g, gi) => {
                     const continuation = gi > 0;
                     if (g.kind === "msg") {
-                      return /* @__PURE__ */ jsx17(
+                      return /* @__PURE__ */ jsx19(
                         MessageBubble,
                         {
                           message: g.message,
@@ -5418,7 +5573,7 @@ function ChatView() {
                       );
                     }
                     const isLatestRunning = isLastTurn && gi === t.items.length - 1 && isLoading && g.tools.some((tt) => tt.toolResult === void 0);
-                    return /* @__PURE__ */ jsx17(
+                    return /* @__PURE__ */ jsx19(
                       ToolGroup,
                       {
                         tools: g.tools,
@@ -5432,7 +5587,7 @@ function ChatView() {
               }
               return out;
             })(),
-            /* @__PURE__ */ jsx17(ThinkingBubble, {}),
+            /* @__PURE__ */ jsx19(ThinkingBubble, {}),
             isLoading && (() => {
               const last = messages[messages.length - 1];
               const runningTools = messages.filter(
@@ -5475,15 +5630,15 @@ function ChatView() {
                 streamAnchor.current = null;
               }
               return /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 animate-message", children: [
-                /* @__PURE__ */ jsx17("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__ */ jsx17(Bot2, { className: "h-4 w-4" }) }),
-                /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsx17("div", { className: "rounded-2xl px-4 py-3 bg-card border text-foreground", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 text-sm", children: [
+                /* @__PURE__ */ jsx19("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__ */ jsx19(Bot2, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsx19("div", { className: "rounded-2xl px-4 py-3 bg-card border text-foreground", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 text-sm", children: [
                   /* @__PURE__ */ jsxs16("span", { className: "flex gap-1", children: [
-                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.3s]" }),
-                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.15s]" }),
-                    /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce" })
+                    /* @__PURE__ */ jsx19("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.3s]" }),
+                    /* @__PURE__ */ jsx19("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.15s]" }),
+                    /* @__PURE__ */ jsx19("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce" })
                   ] }),
-                  /* @__PURE__ */ jsx17("span", { className: "text-foreground/90", children: label }),
-                  /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground tabular-nums", children: elapsed }),
+                  /* @__PURE__ */ jsx19("span", { className: "text-foreground/90", children: label }),
+                  /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground tabular-nums", children: elapsed }),
                   iteration && /* @__PURE__ */ jsxs16("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
                     "\xB7 iter ",
                     iteration.index,
@@ -5500,27 +5655,27 @@ function ChatView() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "border-t bg-card/50 backdrop-blur supports-[backdrop-filter]:bg-card/50 p-4 shrink-0", children: /* @__PURE__ */ jsxs16("div", { className: "max-w-5xl mx-auto", children: [
-      /* @__PURE__ */ jsx17(ChatInput, {}),
-      /* @__PURE__ */ jsx17("p", { className: "text-xs text-center text-muted-foreground/50 mt-2", children: "Press Enter to send, Shift+Enter for new line" })
+    /* @__PURE__ */ jsx19("div", { className: "border-t bg-card/50 backdrop-blur supports-[backdrop-filter]:bg-card/50 p-4 shrink-0", children: /* @__PURE__ */ jsxs16("div", { className: "max-w-5xl mx-auto", children: [
+      /* @__PURE__ */ jsx19(ChatInput, {}),
+      /* @__PURE__ */ jsx19("p", { className: "text-xs text-center text-muted-foreground/50 mt-2", children: "Press Enter to send, Shift+Enter for new line" })
     ] }) })
   ] });
 }
 
 // src/components/CollabPanel.tsx
 import { Eye, LogIn, LogOut, MessageSquareWarning, Pause, Play, Users } from "lucide-react";
-import { useEffect as useEffect13, useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useState as useState15 } from "react";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function CollabPanel({ sessionId, className }) {
-  const [participants, setParticipants] = useState14([]);
-  const [joined, setJoined] = useState14(false);
-  const [joinedRole, setJoinedRole] = useState14(null);
-  const [error, setError] = useState14(null);
-  const [openAnnotationCount, setOpenAnnotationCount] = useState14(0);
-  const [paused, setPaused] = useState14(false);
+  const [participants, setParticipants] = useState15([]);
+  const [joined, setJoined] = useState15(false);
+  const [joinedRole, setJoinedRole] = useState15(null);
+  const [error, setError] = useState15(null);
+  const [openAnnotationCount, setOpenAnnotationCount] = useState15(0);
+  const [paused, setPaused] = useState15(false);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const client2 = getWSClient(wsUrl);
-  useEffect13(() => {
+  useEffect14(() => {
     const offs = [];
     offs.push(
       client2.on("collab.state", (msg) => {
@@ -5611,8 +5766,8 @@ function CollabPanel({ sessionId, className }) {
           className
         ),
         children: [
-          /* @__PURE__ */ jsx18(Users, { className: "w-4 h-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground", children: "No live observers" }),
+          /* @__PURE__ */ jsx20(Users, { className: "w-4 h-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground", children: "No live observers" }),
           /* @__PURE__ */ jsxs17("div", { className: "ml-auto flex items-center gap-1", children: [
             /* @__PURE__ */ jsxs17(
               "button",
@@ -5622,7 +5777,7 @@ function CollabPanel({ sessionId, className }) {
                 className: "inline-flex items-center gap-1 text-xs px-2 py-1 rounded bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
                 title: "Join as a read-only observer (Phase 1)",
                 children: [
-                  /* @__PURE__ */ jsx18(LogIn, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx20(LogIn, { className: "w-3 h-3" }),
                   "observer"
                 ]
               }
@@ -5635,7 +5790,7 @@ function CollabPanel({ sessionId, className }) {
                 className: "inline-flex items-center gap-1 text-xs px-2 py-1 rounded border border-amber-500/40 bg-amber-500/10 text-amber-700 dark:text-amber-300 hover:bg-amber-500/20 transition-colors",
                 title: "Join as an annotator \u2014 leave inline notes on tool calls (Phase 2)",
                 children: [
-                  /* @__PURE__ */ jsx18(MessageSquareWarning, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx20(MessageSquareWarning, { className: "w-3 h-3" }),
                   "annotator"
                 ]
               }
@@ -5648,7 +5803,7 @@ function CollabPanel({ sessionId, className }) {
                 className: "inline-flex items-center gap-1 text-xs px-2 py-1 rounded border border-rose-500/40 bg-rose-500/10 text-rose-700 dark:text-rose-300 hover:bg-rose-500/20 transition-colors",
                 title: "Join as a controller \u2014 can pause the agent loop (Phase 3)",
                 children: [
-                  /* @__PURE__ */ jsx18(Pause, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx20(Pause, { className: "w-3 h-3" }),
                   "controller"
                 ]
               }
@@ -5672,7 +5827,7 @@ function CollabPanel({ sessionId, className }) {
             "Collab: ",
             error
           ] }),
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
@@ -5697,10 +5852,10 @@ function CollabPanel({ sessionId, className }) {
       ),
       children: [
         /* @__PURE__ */ jsxs17("span", { className: "relative flex h-2 w-2", "aria-label": "Live", children: [
-          /* @__PURE__ */ jsx18("span", { className: "absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75 animate-ping" }),
-          /* @__PURE__ */ jsx18("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-emerald-500" })
+          /* @__PURE__ */ jsx20("span", { className: "absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75 animate-ping" }),
+          /* @__PURE__ */ jsx20("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-emerald-500" })
         ] }),
-        /* @__PURE__ */ jsx18(Users, { className: "w-4 h-4 text-emerald-700 dark:text-emerald-400" }),
+        /* @__PURE__ */ jsx20(Users, { className: "w-4 h-4 text-emerald-700 dark:text-emerald-400" }),
         /* @__PURE__ */ jsxs17("span", { className: "text-xs font-medium text-emerald-700 dark:text-emerald-300", children: [
           participants.length,
           " ",
@@ -5712,7 +5867,7 @@ function CollabPanel({ sessionId, className }) {
             title: `${openAnnotationCount} open annotation(s) \u2014 annotators reviewing this session`,
             className: "ml-2 inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 rounded bg-amber-500/15 text-amber-700 dark:text-amber-300 border border-amber-500/30",
             children: [
-              /* @__PURE__ */ jsx18(MessageSquareWarning, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx20(MessageSquareWarning, { className: "w-3 h-3" }),
               openAnnotationCount,
               " note",
               openAnnotationCount === 1 ? "" : "s"
@@ -5725,7 +5880,7 @@ function CollabPanel({ sessionId, className }) {
             title: "Agent loop is paused \u2014 a controller is reviewing",
             className: "ml-2 inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 rounded bg-rose-500/15 text-rose-700 dark:text-rose-300 border border-rose-500/40",
             children: [
-              /* @__PURE__ */ jsx18(Pause, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx20(Pause, { className: "w-3 h-3" }),
               "paused"
             ]
           }
@@ -5737,7 +5892,7 @@ function CollabPanel({ sessionId, className }) {
               title: `Joined ${new Date(p.joinedAt).toLocaleTimeString()}`,
               className: "inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 rounded bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
               children: [
-                /* @__PURE__ */ jsx18(Eye, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsx20(Eye, { className: "w-3 h-3" }),
                 p.role
               ]
             },
@@ -5756,7 +5911,7 @@ function CollabPanel({ sessionId, className }) {
             className: "ml-auto inline-flex items-center gap-1 text-xs px-2 py-1 rounded border border-rose-500/40 bg-rose-500/10 text-rose-700 dark:text-rose-300 hover:bg-rose-500/20 transition-colors",
             title: "Resume the agent loop",
             children: [
-              /* @__PURE__ */ jsx18(Play, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx20(Play, { className: "w-3 h-3" }),
               "Resume"
             ]
           }
@@ -5768,7 +5923,7 @@ function CollabPanel({ sessionId, className }) {
             className: "ml-auto inline-flex items-center gap-1 text-xs px-2 py-1 rounded border border-amber-500/40 bg-amber-500/10 text-amber-700 dark:text-amber-300 hover:bg-amber-500/20 transition-colors",
             title: "Pause the agent before the next tool call",
             children: [
-              /* @__PURE__ */ jsx18(Pause, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx20(Pause, { className: "w-3 h-3" }),
               "Pause agent"
             ]
           }
@@ -5781,7 +5936,7 @@ function CollabPanel({ sessionId, className }) {
             className: "ml-auto inline-flex items-center gap-1 text-xs px-2 py-1 rounded border border-border hover:bg-muted transition-colors",
             title: "Leave the observer session",
             children: [
-              /* @__PURE__ */ jsx18(LogOut, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx20(LogOut, { className: "w-3 h-3" }),
               "Leave"
             ]
           }
@@ -5793,16 +5948,16 @@ function CollabPanel({ sessionId, className }) {
 
 // src/components/ConfirmDialog.tsx
 import { AlertTriangle as AlertTriangle2, FileEdit, Globe, ShieldAlert, Terminal as Terminal3, Wrench as Wrench3 } from "lucide-react";
-import { useEffect as useEffect14, useRef as useRef10 } from "react";
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
 import * as React3 from "react";
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -5815,7 +5970,7 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(DialogPortal, { children: [
-  /* @__PURE__ */ jsx19(DialogOverlay, {}),
+  /* @__PURE__ */ jsx21(DialogOverlay, {}),
   /* @__PURE__ */ jsxs18(
     DialogPrimitive.Content,
     {
@@ -5828,17 +5983,17 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
       children: [
         children,
         /* @__PURE__ */ jsxs18(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsx19(X3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx21(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -5846,7 +6001,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive.Title,
   {
     ref,
@@ -5855,7 +6010,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   DialogPrimitive.Description,
   {
     ref,
@@ -5866,7 +6021,7 @@ var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ConfirmDialog.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function pickToolIcon(toolName) {
   if (/edit|write|create|patch/i.test(toolName)) return FileEdit;
   if (/bash|shell|exec|run|command/i.test(toolName)) return Terminal3;
@@ -5879,7 +6034,7 @@ function SmartInputPreview({
 }) {
   const diffArgs = diffFromToolInput(toolName, input);
   if (diffArgs) {
-    return /* @__PURE__ */ jsx20("div", { className: "rounded-lg overflow-hidden border", children: /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22("div", { className: "rounded-lg overflow-hidden border", children: /* @__PURE__ */ jsx22(
       DiffView,
       {
         oldText: diffArgs.oldText,
@@ -5894,8 +6049,8 @@ function SmartInputPreview({
     if (typeof cmd === "string" && cmd.trim().length > 0) {
       return /* @__PURE__ */ jsxs19("div", { className: "rounded-lg border bg-background/40 overflow-hidden", children: [
         /* @__PURE__ */ jsxs19("div", { className: "px-3 py-1.5 text-[10px] uppercase tracking-wider text-muted-foreground border-b bg-muted/40 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Terminal3, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx20("span", { children: "Command" })
+          /* @__PURE__ */ jsx22(Terminal3, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx22("span", { children: "Command" })
         ] }),
         /* @__PURE__ */ jsxs19("pre", { className: "px-3 py-2 text-xs font-mono whitespace-pre-wrap break-all max-h-40 overflow-auto", children: [
           "$",
@@ -5907,15 +6062,15 @@ function SmartInputPreview({
     if (typeof url === "string") {
       const method = obj.method ?? "GET";
       return /* @__PURE__ */ jsxs19("div", { className: "rounded-lg border bg-background/40 px-3 py-2 text-xs font-mono", children: [
-        /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: method.toUpperCase() }),
+        /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: method.toUpperCase() }),
         " ",
-        /* @__PURE__ */ jsx20("span", { className: "break-all", children: url })
+        /* @__PURE__ */ jsx22("span", { className: "break-all", children: url })
       ] });
     }
   }
   return /* @__PURE__ */ jsxs19("div", { className: "p-3 rounded-lg bg-muted/50 border text-xs font-mono", children: [
-    /* @__PURE__ */ jsx20("div", { className: "text-muted-foreground mb-2", children: "Input:" }),
-    /* @__PURE__ */ jsx20("pre", { className: "whitespace-pre-wrap break-all max-h-60 overflow-auto", children: JSON.stringify(input, null, 2) })
+    /* @__PURE__ */ jsx22("div", { className: "text-muted-foreground mb-2", children: "Input:" }),
+    /* @__PURE__ */ jsx22("pre", { className: "whitespace-pre-wrap break-all max-h-60 overflow-auto", children: JSON.stringify(input, null, 2) })
   ] });
 }
 function ConfirmDialog() {
@@ -5928,7 +6083,7 @@ function ConfirmDialog() {
     }
     hideConfirm();
   };
-  useEffect14(() => {
+  useEffect15(() => {
     if (!showConfirmDialog) return;
     const onKey = (e) => {
       const target = e.target;
@@ -5953,14 +6108,14 @@ function ConfirmDialog() {
     return () => window.removeEventListener("keydown", onKey);
   }, [showConfirmDialog, confirmInfo?.id]);
   if (!confirmInfo) {
-    return /* @__PURE__ */ jsx20(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsx20(DialogContent, {}) });
+    return /* @__PURE__ */ jsx22(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsx22(DialogContent, {}) });
   }
   const Icon2 = pickToolIcon(confirmInfo.toolName);
   const isEdit = /edit|write/i.test(confirmInfo.toolName);
-  return /* @__PURE__ */ jsx20(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsxs19(DialogContent, { className: "sm:max-w-2xl border-yellow-500/50", ref: dialogRef, tabIndex: -1, children: [
+  return /* @__PURE__ */ jsx22(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsxs19(DialogContent, { className: "sm:max-w-2xl border-yellow-500/50", ref: dialogRef, tabIndex: -1, children: [
     /* @__PURE__ */ jsxs19(DialogHeader, { children: [
       /* @__PURE__ */ jsxs19(DialogTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx20(ShieldAlert, { className: "h-5 w-5 text-yellow-500 animate-pulse" }),
+        /* @__PURE__ */ jsx22(ShieldAlert, { className: "h-5 w-5 text-yellow-500 animate-pulse" }),
         "Approval required: ",
         confirmInfo.toolName
       ] }),
@@ -5972,24 +6127,24 @@ function ConfirmDialog() {
     ] }),
     /* @__PURE__ */ jsxs19("div", { className: "py-2 space-y-3", children: [
       /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx20(Icon2, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx22(Icon2, { className: "h-5 w-5 text-muted-foreground" }),
         /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx20("div", { className: "font-medium font-mono truncate", children: confirmInfo.toolName }),
+          /* @__PURE__ */ jsx22("div", { className: "font-medium font-mono truncate", children: confirmInfo.toolName }),
           /* @__PURE__ */ jsxs19("div", { className: "text-xs text-muted-foreground", children: [
             isEdit ? "File modification" : "Tool execution",
             " \u2014 preview below"
           ] })
         ] })
       ] }),
-      confirmInfo.input !== void 0 && /* @__PURE__ */ jsx20(SmartInputPreview, { toolName: confirmInfo.toolName, input: confirmInfo.input }),
+      confirmInfo.input !== void 0 && /* @__PURE__ */ jsx22(SmartInputPreview, { toolName: confirmInfo.toolName, input: confirmInfo.input }),
       confirmInfo.suggestedPattern && /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-2 p-3 rounded-lg bg-yellow-500/10 border border-yellow-500/20", children: [
-        /* @__PURE__ */ jsx20(AlertTriangle2, { className: "h-4 w-4 text-yellow-600 mt-0.5 shrink-0" }),
+        /* @__PURE__ */ jsx22(AlertTriangle2, { className: "h-4 w-4 text-yellow-600 mt-0.5 shrink-0" }),
         /* @__PURE__ */ jsxs19("div", { className: "text-sm min-w-0", children: [
-          /* @__PURE__ */ jsx20("div", { className: "font-medium text-yellow-800 dark:text-yellow-200", children: "Trust pattern suggestion" }),
-          /* @__PURE__ */ jsx20("div", { className: "font-mono text-xs mt-1 break-all", children: confirmInfo.suggestedPattern }),
+          /* @__PURE__ */ jsx22("div", { className: "font-medium text-yellow-800 dark:text-yellow-200", children: "Trust pattern suggestion" }),
+          /* @__PURE__ */ jsx22("div", { className: "font-mono text-xs mt-1 break-all", children: confirmInfo.suggestedPattern }),
           /* @__PURE__ */ jsxs19("div", { className: "text-xs text-muted-foreground mt-1", children: [
             "Picking ",
-            /* @__PURE__ */ jsx20("span", { className: "font-medium", children: "Always" }),
+            /* @__PURE__ */ jsx22("span", { className: "font-medium", children: "Always" }),
             " will whitelist matching calls for this project."
           ] })
         ] })
@@ -6005,7 +6160,7 @@ function ConfirmDialog() {
           title: "Reject this and all future calls matching the pattern (d)",
           children: [
             "Deny always ",
-            /* @__PURE__ */ jsx20("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "d" })
+            /* @__PURE__ */ jsx22("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "d" })
           ]
         }
       ),
@@ -6018,7 +6173,7 @@ function ConfirmDialog() {
           title: "Reject this single call (Esc / n)",
           children: [
             "No ",
-            /* @__PURE__ */ jsx20("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "n" })
+            /* @__PURE__ */ jsx22("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "n" })
           ]
         }
       ),
@@ -6031,7 +6186,7 @@ function ConfirmDialog() {
           title: "Approve and remember the pattern for the project (a)",
           children: [
             "Always ",
-            /* @__PURE__ */ jsx20("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "a" })
+            /* @__PURE__ */ jsx22("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "a" })
           ]
         }
       ),
@@ -6043,7 +6198,7 @@ function ConfirmDialog() {
           title: "Approve this single call (y)",
           children: [
             "Yes ",
-            /* @__PURE__ */ jsx20("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background/80", children: "y" })
+            /* @__PURE__ */ jsx22("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background/80", children: "y" })
           ]
         }
       )
@@ -6053,19 +6208,19 @@ function ConfirmDialog() {
 
 // src/components/ConnectionBanner.tsx
 import { Loader2 as Loader23, RotateCcw as RotateCcw4, WifiOff as WifiOff2, X as X4 } from "lucide-react";
-import { useEffect as useEffect15, useState as useState15 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState16 } from "react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function ConnectionBanner() {
   const wsStatus = useConfigStore((s) => s.wsStatus);
   const wsUrl = useConfigStore((s) => s.wsUrl);
-  const [dismissed, setDismissed] = useState15(false);
-  const [now, setNow] = useState15(Date.now());
-  useEffect15(() => {
+  const [dismissed, setDismissed] = useState16(false);
+  const [now, setNow] = useState16(Date.now());
+  useEffect16(() => {
     if (wsStatus.state !== "reconnecting") return;
     const id = setInterval(() => setNow(Date.now()), 500);
     return () => clearInterval(id);
   }, [wsStatus.state]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (wsStatus.state === "open") setDismissed(false);
   }, [wsStatus.state]);
   if (wsStatus.state === "open" || wsStatus.state === "connecting") return null;
@@ -6082,10 +6237,10 @@ function ConnectionBanner() {
         isReconnecting ? "bg-orange-500/10 text-orange-700 dark:text-orange-300 border-orange-500/30" : "bg-red-500/10 text-red-700 dark:text-red-300 border-red-500/30"
       ),
       children: [
-        isReconnecting ? /* @__PURE__ */ jsx21(Loader23, { className: "h-4 w-4 animate-spin shrink-0" }) : /* @__PURE__ */ jsx21(WifiOff2, { className: "h-4 w-4 shrink-0" }),
+        isReconnecting ? /* @__PURE__ */ jsx23(Loader23, { className: "h-4 w-4 animate-spin shrink-0" }) : /* @__PURE__ */ jsx23(WifiOff2, { className: "h-4 w-4 shrink-0" }),
         /* @__PURE__ */ jsxs20("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx21("div", { className: "font-medium", children: isReconnecting ? `Reconnecting to backend (attempt ${wsStatus.attempt}) \u2014 retrying in ${remaining}s` : "Disconnected from backend" }),
-          errorText && /* @__PURE__ */ jsx21("div", { className: "text-xs opacity-80 truncate", children: errorText })
+          /* @__PURE__ */ jsx23("div", { className: "font-medium", children: isReconnecting ? `Reconnecting to backend (attempt ${wsStatus.attempt}) \u2014 retrying in ${remaining}s` : "Disconnected from backend" }),
+          errorText && /* @__PURE__ */ jsx23("div", { className: "text-xs opacity-80 truncate", children: errorText })
         ] }),
         /* @__PURE__ */ jsxs20(
           "button",
@@ -6099,19 +6254,19 @@ function ConnectionBanner() {
             ),
             title: "Retry connection now",
             children: [
-              /* @__PURE__ */ jsx21(RotateCcw4, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx23(RotateCcw4, { className: "h-3 w-3" }),
               "Retry now"
             ]
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
             onClick: () => setDismissed(true),
             className: "text-current/60 hover:text-current shrink-0",
             title: "Dismiss (chip in topbar still shows status)",
-            children: /* @__PURE__ */ jsx21(X4, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx23(X4, { className: "h-4 w-4" })
           }
         )
       ]
@@ -6122,7 +6277,7 @@ function ConnectionBanner() {
 // src/components/ErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle3, RefreshCw } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -6137,17 +6292,17 @@ var ErrorBoundary = class extends Component {
   };
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-center h-screen bg-background", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4 p-8 max-w-md text-center", children: [
-        /* @__PURE__ */ jsx22(AlertTriangle3, { className: "h-12 w-12 text-destructive" }),
-        /* @__PURE__ */ jsx22("h1", { className: "text-lg font-semibold", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "A rendering error occurred. Your session is still active on the server \u2014 reloading will pick up where you left off." }),
-        /* @__PURE__ */ jsx22("pre", { className: "text-xs font-mono text-muted-foreground bg-muted/50 rounded p-3 max-h-32 overflow-auto w-full text-left", children: this.state.error.message }),
+      return /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-center h-screen bg-background", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4 p-8 max-w-md text-center", children: [
+        /* @__PURE__ */ jsx24(AlertTriangle3, { className: "h-12 w-12 text-destructive" }),
+        /* @__PURE__ */ jsx24("h1", { className: "text-lg font-semibold", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: "A rendering error occurred. Your session is still active on the server \u2014 reloading will pick up where you left off." }),
+        /* @__PURE__ */ jsx24("pre", { className: "text-xs font-mono text-muted-foreground bg-muted/50 rounded p-3 max-h-32 overflow-auto w-full text-left", children: this.state.error.message }),
         /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxs21(Button, { size: "sm", variant: "outline", onClick: () => window.location.reload(), children: [
-            /* @__PURE__ */ jsx22(RefreshCw, { className: "h-4 w-4 mr-1" }),
+            /* @__PURE__ */ jsx24(RefreshCw, { className: "h-4 w-4 mr-1" }),
             "Reload page"
           ] }),
-          /* @__PURE__ */ jsx22(Button, { size: "sm", onClick: this.handleReset, children: "Try again" })
+          /* @__PURE__ */ jsx24(Button, { size: "sm", onClick: this.handleReset, children: "Try again" })
         ] })
       ] }) });
     }
@@ -6155,24 +6310,200 @@ var ErrorBoundary = class extends Component {
   }
 };
 
+// src/components/FleetPanel.tsx
+import { Bot as Bot3, ChevronDown as ChevronDown6, ChevronRight as ChevronRight4, Cpu as Cpu3, Wrench as Wrench4, Zap as Zap3 } from "lucide-react";
+import { useMemo as useMemo5, useState as useState17 } from "react";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var STATUS_META = {
+  running: {
+    tone: "text-[hsl(var(--success))]",
+    led: "text-[hsl(var(--success))]",
+    label: "running",
+    pulse: true
+  },
+  completed: {
+    tone: "text-muted-foreground",
+    led: "text-[hsl(var(--success))]",
+    label: "done",
+    pulse: false
+  },
+  failed: {
+    tone: "text-destructive",
+    led: "text-destructive",
+    label: "failed",
+    pulse: false
+  },
+  timeout: {
+    tone: "text-[hsl(var(--warning))]",
+    led: "text-[hsl(var(--warning))]",
+    label: "timeout",
+    pulse: false
+  },
+  stopped: {
+    tone: "text-muted-foreground",
+    led: "text-muted-foreground",
+    label: "stopped",
+    pulse: false
+  }
+};
+function fmtCost(v) {
+  if (v <= 0) return "$0";
+  if (v >= 0.01) return `$${v.toFixed(3)}`;
+  return `$${v.toFixed(5).replace(/0+$/, "").replace(/\.$/, "")}`;
+}
+function AgentCard({ a }) {
+  const meta = STATUS_META[a.status];
+  const active = a.status === "running";
+  const tool = a.currentTool ?? a.lastTool;
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      className: cn(
+        "flex min-w-[15rem] max-w-[18rem] flex-col gap-1.5 rounded-lg border p-2.5 transition-colors",
+        active ? "border-primary/30 bg-primary/[0.04]" : "border-border bg-card opacity-90"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx25("span", { className: cn("led shrink-0", meta.led, meta.pulse && "led-pulse") }),
+          /* @__PURE__ */ jsx25("span", { className: "truncate text-xs font-semibold text-foreground", title: a.name, children: a.name }),
+          /* @__PURE__ */ jsx25("span", { className: cn("ml-auto shrink-0 text-[10px] uppercase tracking-wider", meta.tone), children: meta.label })
+        ] }),
+        a.model && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground min-w-0", children: [
+          /* @__PURE__ */ jsx25(Cpu3, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ jsx25("span", { className: "truncate font-mono", title: `${a.provider ?? ""}/${a.model}`, children: a.model })
+        ] }),
+        /* @__PURE__ */ jsxs22("div", { className: "tabular flex items-center gap-2 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs22("span", { title: "iteration", children: [
+            "L",
+            a.iteration
+          ] }),
+          /* @__PURE__ */ jsx25("span", { className: "text-border", children: "\xB7" }),
+          /* @__PURE__ */ jsxs22("span", { title: "tool calls", children: [
+            a.toolCalls,
+            " tools"
+          ] }),
+          /* @__PURE__ */ jsx25("span", { className: "text-border", children: "\xB7" }),
+          /* @__PURE__ */ jsx25("span", { className: "text-foreground/80", title: "cost so far", children: fmtCost(a.costUsd) }),
+          a.extensions > 0 && /* @__PURE__ */ jsxs22(
+            "span",
+            {
+              className: "ml-auto inline-flex items-center gap-0.5 rounded bg-primary/15 px-1 text-[10px] text-primary",
+              title: `Self-extended budget ${a.extensions}\xD7`,
+              children: [
+                /* @__PURE__ */ jsx25(Zap3, { className: "h-2.5 w-2.5" }),
+                a.extensions
+              ]
+            }
+          )
+        ] }),
+        tool && /* @__PURE__ */ jsxs22(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-1 text-[10px] truncate",
+              active ? "text-primary" : "text-muted-foreground"
+            ),
+            title: a.currentTool ? `running ${tool}` : `last ran ${tool}`,
+            children: [
+              /* @__PURE__ */ jsx25(Wrench4, { className: cn("h-3 w-3 shrink-0", active && "animate-pulse") }),
+              /* @__PURE__ */ jsx25("span", { className: "truncate font-mono", children: tool })
+            ]
+          }
+        ),
+        a.maxContext > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5", title: `Context ${a.ctxPct}%`, children: [
+          /* @__PURE__ */ jsx25("div", { className: "h-1 flex-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx25(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-all duration-500",
+                a.ctxPct >= 85 ? "bg-destructive" : a.ctxPct >= 70 ? "bg-[hsl(var(--warning))]" : "bg-primary"
+              ),
+              style: { width: `${Math.max(2, a.ctxPct)}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs22("span", { className: "tabular text-[9px] text-muted-foreground", children: [
+            a.ctxPct,
+            "%"
+          ] })
+        ] }),
+        a.error && /* @__PURE__ */ jsxs22(
+          "div",
+          {
+            className: "truncate rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] text-destructive",
+            title: a.error.message,
+            children: [
+              a.error.kind,
+              ": ",
+              a.error.message
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function FleetPanel({ className }) {
+  const agents = useFleetStore((s) => s.agents);
+  const [collapsed, setCollapsed] = useState17(false);
+  const list = useMemo5(() => {
+    const arr = Array.from(agents.values());
+    arr.sort((x, y) => {
+      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;
+  }, [agents]);
+  if (list.length === 0) return null;
+  const activeCount = list.filter((a) => a.status === "running").length;
+  return /* @__PURE__ */ jsxs22("div", { className: cn("rounded-lg border border-border bg-card/50 backdrop-blur-sm", className), children: [
+    /* @__PURE__ */ jsxs22(
+      "button",
+      {
+        type: "button",
+        onClick: () => setCollapsed((v) => !v),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left",
+        children: [
+          /* @__PURE__ */ jsx25(Bot3, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ jsx25("span", { className: "text-xs font-semibold text-foreground", children: "Fleet" }),
+          /* @__PURE__ */ jsxs22("span", { className: "tabular text-[10px] text-muted-foreground", children: [
+            list.length,
+            " agent",
+            list.length === 1 ? "" : "s",
+            activeCount > 0 && /* @__PURE__ */ jsxs22("span", { className: "text-[hsl(var(--success))]", children: [
+              " \xB7 ",
+              activeCount,
+              " active"
+            ] })
+          ] }),
+          activeCount > 0 && /* @__PURE__ */ jsx25("span", { className: "led led-pulse text-[hsl(var(--success))]", "aria-hidden": true }),
+          collapsed ? /* @__PURE__ */ jsx25(ChevronRight4, { className: "ml-auto h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx25(ChevronDown6, { className: "ml-auto h-4 w-4 text-muted-foreground" })
+        ]
+      }
+    ),
+    !collapsed && /* @__PURE__ */ jsx25("div", { className: "flex gap-2 overflow-x-auto px-3 pb-3 pt-0.5", children: list.map((a) => /* @__PURE__ */ jsx25(AgentCard, { a }, a.id)) })
+  ] });
+}
+
 // src/components/QuickModelSwitcher.tsx
-import { ArrowRight as ArrowRight2, Cpu as Cpu3, Search as Search4 } from "lucide-react";
-import { useEffect as useEffect16, useMemo as useMemo5, useRef as useRef11, useState as useState16 } from "react";
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { ArrowRight as ArrowRight2, Cpu as Cpu4, Search as Search4 } from "lucide-react";
+import { useEffect as useEffect17, useMemo as useMemo6, useRef as useRef11, useState as useState18 } from "react";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function QuickModelSwitcher() {
   const open = useUIStore((s) => s.modelSwitcherOpen);
   const setOpen = useUIStore((s) => s.setModelSwitcherOpen);
-  const [query, setQuery] = useState16("");
-  const [selected, setSelected] = useState16(0);
-  const [saved, setSaved] = useState16([]);
-  const [modelsByProvider, setModelsByProvider] = useState16({});
+  const [query, setQuery] = useState18("");
+  const [selected, setSelected] = useState18(0);
+  const [saved, setSaved] = useState18([]);
+  const [modelsByProvider, setModelsByProvider] = useState18({});
   const inputRef = useRef11(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 ws = useWebSocket();
-  useEffect16(() => {
+  useEffect17(() => {
     const onKey = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       if (mod && e.key.toLowerCase() === "m" && !e.shiftKey && !e.altKey) {
@@ -6189,7 +6520,7 @@ function QuickModelSwitcher() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [open, paletteOpen]);
-  useEffect16(() => {
+  useEffect17(() => {
     const client2 = getWSClient(wsUrl);
     const offSaved = client2.on("providers.saved", (msg) => {
       const p = msg.payload;
@@ -6204,14 +6535,14 @@ function QuickModelSwitcher() {
       offModels();
     };
   }, [wsUrl]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!open) return;
     setQuery("");
     setSelected(0);
     ws.listSavedProviders();
     requestAnimationFrame(() => inputRef.current?.focus());
   }, [open, ws]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!open) return;
     for (const sp of saved) {
       if (!modelsByProvider[sp.id]) {
@@ -6219,7 +6550,7 @@ function QuickModelSwitcher() {
       }
     }
   }, [open, saved, modelsByProvider, ws]);
-  const candidates = useMemo5(() => {
+  const candidates = useMemo6(() => {
     const list = [];
     for (const sp of saved) {
       const models = modelsByProvider[sp.id] ?? [];
@@ -6242,7 +6573,7 @@ function QuickModelSwitcher() {
       return a.provider.localeCompare(b.provider) || a.model.localeCompare(b.model);
     });
   }, [saved, modelsByProvider, query, currentProvider, currentModel]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (selected >= candidates.length) setSelected(0);
   }, [candidates.length, selected]);
   const commit = (idx) => {
@@ -6252,7 +6583,7 @@ function QuickModelSwitcher() {
     setOpen(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-start justify-center bg-background/60 backdrop-blur-sm pt-[15vh]",
@@ -6262,10 +6593,10 @@ function QuickModelSwitcher() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs22("div", { className: "w-full max-w-xl rounded-xl border bg-popover shadow-2xl overflow-hidden", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
-          /* @__PURE__ */ jsx23(Search4, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsxs23("div", { className: "w-full max-w-xl rounded-xl border bg-popover shadow-2xl overflow-hidden", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsx26(Search4, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx26(
             "input",
             {
               ref: inputRef,
@@ -6293,9 +6624,9 @@ function QuickModelSwitcher() {
               className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground"
             }
           ),
-          /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
+          /* @__PURE__ */ jsx26("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
         ] }),
-        /* @__PURE__ */ jsx23("div", { className: "max-h-[50vh] overflow-y-auto py-1", children: candidates.length === 0 ? /* @__PURE__ */ jsx23("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: saved.length === 0 ? "No saved providers \u2014 register a key in Settings first." : "Loading models\u2026" }) : candidates.map((c, idx) => /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsx26("div", { className: "max-h-[50vh] overflow-y-auto py-1", children: candidates.length === 0 ? /* @__PURE__ */ jsx26("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: saved.length === 0 ? "No saved providers \u2014 register a key in Settings first." : "Loading models\u2026" }) : candidates.map((c, idx) => /* @__PURE__ */ jsxs23(
           "button",
           {
             type: "button",
@@ -6307,8 +6638,8 @@ function QuickModelSwitcher() {
               c.isCurrent && "font-medium"
             ),
             children: [
-              /* @__PURE__ */ jsx23(
-                Cpu3,
+              /* @__PURE__ */ jsx26(
+                Cpu4,
                 {
                   className: cn(
                     "h-4 w-4 shrink-0",
@@ -6316,19 +6647,19 @@ function QuickModelSwitcher() {
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs22("div", { className: "truncate", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: c.provider }),
-                  /* @__PURE__ */ jsx23("span", { className: "mx-1 text-muted-foreground/40", children: "\xB7" }),
-                  /* @__PURE__ */ jsx23("span", { children: c.modelName })
+              /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs23("div", { className: "truncate", children: [
+                  /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: c.provider }),
+                  /* @__PURE__ */ jsx26("span", { className: "mx-1 text-muted-foreground/40", children: "\xB7" }),
+                  /* @__PURE__ */ jsx26("span", { children: c.modelName })
                 ] }),
-                c.contextWindow && /* @__PURE__ */ jsxs22("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                c.contextWindow && /* @__PURE__ */ jsxs23("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
                   c.model,
                   " \xB7 ctx ",
                   c.contextWindow.toLocaleString()
                 ] })
               ] }),
-              c.isCurrent ? /* @__PURE__ */ jsx23("span", { className: "text-[10px] uppercase tracking-wide text-primary font-semibold", children: "active" }) : /* @__PURE__ */ jsx23(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground opacity-0 group-hover:opacity-100" })
+              c.isCurrent ? /* @__PURE__ */ jsx26("span", { className: "text-[10px] uppercase tracking-wide text-primary font-semibold", children: "active" }) : /* @__PURE__ */ jsx26(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground opacity-0 group-hover:opacity-100" })
             ]
           },
           `${c.provider}:${c.model}`
@@ -6342,7 +6673,7 @@ function QuickModelSwitcher() {
 import {
   AlertCircle,
   CheckCircle2 as CheckCircle24,
-  Cpu as Cpu4,
+  Cpu as Cpu5,
   Eye as Eye2,
   EyeOff,
   Globe as Globe2,
@@ -6358,58 +6689,14 @@ import {
   Trash2 as Trash22,
   X as X5
 } from "lucide-react";
-import { useState as useState18, useEffect as useEffect18, useCallback as useCallback4 } from "react";
-
-// src/components/ThemeProvider.tsx
-import { createContext, useContext, useEffect as useEffect17, useState as useState17 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var ThemeProviderContext = createContext(void 0);
-function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = "wrongstack-theme"
-}) {
-  const { setTheme: setStoreTheme } = useConfigStore();
-  const [theme, setTheme] = useState17(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem(storageKey) || defaultTheme;
-    }
-    return defaultTheme;
-  });
-  useEffect17(() => {
-    const root = window.document.documentElement;
-    root.classList.remove("light", "dark");
-    if (theme === "system") {
-      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-      root.classList.add(systemTheme);
-    } else {
-      root.classList.add(theme);
-    }
-  }, [theme]);
-  const value = {
-    theme,
-    setTheme: (newTheme) => {
-      localStorage.setItem(storageKey, newTheme);
-      setTheme(newTheme);
-      setStoreTheme(newTheme);
-    }
-  };
-  return /* @__PURE__ */ jsx24(ThemeProviderContext.Provider, { value, children });
-}
-function useTheme() {
-  const context = useContext(ThemeProviderContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
+import { useState as useState19, useEffect as useEffect18, useCallback as useCallback4 } from "react";
 
 // src/components/ui/input.tsx
 import * as React4 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Input = React4.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx27(
       "input",
       {
         type,
@@ -6428,9 +6715,9 @@ Input.displayName = "Input";
 // src/components/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React5 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   TabsPrimitive.List,
   {
     ref,
@@ -6442,7 +6729,7 @@ var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -6454,7 +6741,7 @@ var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   TabsPrimitive.Content,
   {
     ref,
@@ -6468,30 +6755,30 @@ var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/SettingsPanel.tsx
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function SettingsPanel() {
   const { setCurrentView } = useUIStore();
   const { provider, model, setProvider, setModel, wsConnected } = useConfigStore();
   const { theme, setTheme } = useTheme();
   const ws = useWebSocket();
   const wsClient = ws.client;
-  const [catalogProviders, setCatalogProviders] = useState18([]);
-  const [catalogModels, setCatalogModels] = useState18({});
-  const [savedProviders, setSavedProviders] = useState18([]);
-  const [isLoadingCatalog, setIsLoadingCatalog] = useState18(false);
-  const [isLoadingModels, setIsLoadingModels] = useState18(false);
-  const [isLoadingSaved, setIsLoadingSaved] = useState18(false);
-  const [operationStatus, setOperationStatus] = useState18(null);
-  const [providerTab, setProviderTab] = useState18("catalog");
-  const [showAddKeyForm, setShowAddKeyForm] = useState18(null);
-  const [newKeyLabel, setNewKeyLabel] = useState18("");
-  const [newKeyValue, setNewKeyValue] = useState18("");
-  const [showNewKeyValue, setShowNewKeyValue] = useState18(false);
-  const [showAddProviderForm, setShowAddProviderForm] = useState18(false);
-  const [newProviderId, setNewProviderId] = useState18("");
-  const [newProviderFamily, setNewProviderFamily] = useState18("openai-compatible");
-  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState18("");
-  const [newProviderApiKey, setNewProviderApiKey] = useState18("");
+  const [catalogProviders, setCatalogProviders] = useState19([]);
+  const [catalogModels, setCatalogModels] = useState19({});
+  const [savedProviders, setSavedProviders] = useState19([]);
+  const [isLoadingCatalog, setIsLoadingCatalog] = useState19(false);
+  const [isLoadingModels, setIsLoadingModels] = useState19(false);
+  const [isLoadingSaved, setIsLoadingSaved] = useState19(false);
+  const [operationStatus, setOperationStatus] = useState19(null);
+  const [providerTab, setProviderTab] = useState19("catalog");
+  const [showAddKeyForm, setShowAddKeyForm] = useState19(null);
+  const [newKeyLabel, setNewKeyLabel] = useState19("");
+  const [newKeyValue, setNewKeyValue] = useState19("");
+  const [showNewKeyValue, setShowNewKeyValue] = useState19(false);
+  const [showAddProviderForm, setShowAddProviderForm] = useState19(false);
+  const [newProviderId, setNewProviderId] = useState19("");
+  const [newProviderFamily, setNewProviderFamily] = useState19("openai-compatible");
+  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState19("");
+  const [newProviderApiKey, setNewProviderApiKey] = useState19("");
   const currentCatalogProvider = catalogProviders.find((p) => p.id === provider);
   useEffect18(() => {
     const handleProviderCatalog = (msg) => {
@@ -6602,7 +6889,7 @@ function SettingsPanel() {
     },
     [ws]
   );
-  const [catalogQuery, setCatalogQuery] = useState18("");
+  const [catalogQuery, setCatalogQuery] = useState19("");
   const families = ["anthropic", "openai", "google", "openai-compatible"];
   const filteredCatalog = catalogQuery.trim() ? catalogProviders.filter((p) => {
     const q = catalogQuery.trim().toLowerCase();
@@ -6616,52 +6903,52 @@ function SettingsPanel() {
     },
     {}
   );
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs23("header", { className: "flex items-center justify-between px-4 py-3 border-b bg-card shrink-0", children: [
-      /* @__PURE__ */ jsx27("h1", { className: "text-lg font-semibold", children: "Settings" }),
-      /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "icon", onClick: () => setCurrentView("chat"), children: /* @__PURE__ */ jsx27(X5, { className: "h-4 w-4" }) })
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs24("header", { className: "flex items-center justify-between px-4 py-3 border-b bg-card shrink-0", children: [
+      /* @__PURE__ */ jsx29("h1", { className: "text-lg font-semibold", children: "Settings" }),
+      /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", onClick: () => setCurrentView("chat"), children: /* @__PURE__ */ jsx29(X5, { className: "h-4 w-4" }) })
     ] }),
-    /* @__PURE__ */ jsx27(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx27("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs23(Tabs, { defaultValue: "provider", children: [
-      /* @__PURE__ */ jsxs23(TabsList, { className: "w-full justify-start mb-6 grid grid-cols-4", children: [
-        /* @__PURE__ */ jsxs23(TabsTrigger, { value: "provider", className: "gap-2", children: [
-          /* @__PURE__ */ jsx27(Network, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx29(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx29("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs24(Tabs, { defaultValue: "provider", children: [
+      /* @__PURE__ */ jsxs24(TabsList, { className: "w-full justify-start mb-6 grid grid-cols-4", children: [
+        /* @__PURE__ */ jsxs24(TabsTrigger, { value: "provider", className: "gap-2", children: [
+          /* @__PURE__ */ jsx29(Network, { className: "h-4 w-4" }),
           "Provider"
         ] }),
-        /* @__PURE__ */ jsxs23(TabsTrigger, { value: "model", className: "gap-2", children: [
-          /* @__PURE__ */ jsx27(Cpu4, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs24(TabsTrigger, { value: "model", className: "gap-2", children: [
+          /* @__PURE__ */ jsx29(Cpu5, { className: "h-4 w-4" }),
           "Model"
         ] }),
-        /* @__PURE__ */ jsxs23(TabsTrigger, { value: "connection", className: "gap-2", children: [
-          /* @__PURE__ */ jsx27(Globe2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs24(TabsTrigger, { value: "connection", className: "gap-2", children: [
+          /* @__PURE__ */ jsx29(Globe2, { className: "h-4 w-4" }),
           "Connection"
         ] }),
-        /* @__PURE__ */ jsxs23(TabsTrigger, { value: "appearance", className: "gap-2", children: [
-          /* @__PURE__ */ jsx27(Palette, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs24(TabsTrigger, { value: "appearance", className: "gap-2", children: [
+          /* @__PURE__ */ jsx29(Palette, { className: "h-4 w-4" }),
           "Appearance"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs23(TabsContent, { value: "provider", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex gap-2 mb-4", children: [
-          /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsxs24(TabsContent, { value: "provider", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex gap-2 mb-4", children: [
+          /* @__PURE__ */ jsxs24(
             Button,
             {
               variant: providerTab === "catalog" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("catalog"),
               children: [
-                /* @__PURE__ */ jsx27(Globe2, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx29(Globe2, { className: "h-4 w-4 mr-1" }),
                 "Catalog"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs23(
+          /* @__PURE__ */ jsxs24(
             Button,
             {
               variant: providerTab === "saved" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("saved"),
               children: [
-                /* @__PURE__ */ jsx27(Key, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx29(Key, { className: "h-4 w-4 mr-1" }),
                 "Saved (",
                 savedProviders.length,
                 ")"
@@ -6669,7 +6956,7 @@ function SettingsPanel() {
             }
           )
         ] }),
-        operationStatus && /* @__PURE__ */ jsxs23(
+        operationStatus && /* @__PURE__ */ jsxs24(
           "div",
           {
             className: cn(
@@ -6677,13 +6964,13 @@ function SettingsPanel() {
               operationStatus.success ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"
             ),
             children: [
-              operationStatus.success ? /* @__PURE__ */ jsx27(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx27(AlertCircle, { className: "h-4 w-4" }),
+              operationStatus.success ? /* @__PURE__ */ jsx29(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx29(AlertCircle, { className: "h-4 w-4" }),
               operationStatus.message
             ]
           }
         ),
-        providerTab === "catalog" && /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx27(
+        providerTab === "catalog" && /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx29(
             Input,
             {
               placeholder: `Search ${catalogProviders.length} providers (name / id / family)\u2026`,
@@ -6692,19 +6979,19 @@ function SettingsPanel() {
               className: "text-sm"
             }
           ),
-          isLoadingCatalog && catalogProviders.length === 0 ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ jsx27(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-            /* @__PURE__ */ jsx27("span", { className: "ml-2 text-muted-foreground", children: "Loading catalog..." })
-          ] }) : filteredCatalog.length === 0 && catalogQuery ? /* @__PURE__ */ jsxs23("div", { className: "text-center py-8 text-muted-foreground text-sm", children: [
+          isLoadingCatalog && catalogProviders.length === 0 ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-center py-8", children: [
+            /* @__PURE__ */ jsx29(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+            /* @__PURE__ */ jsx29("span", { className: "ml-2 text-muted-foreground", children: "Loading catalog..." })
+          ] }) : filteredCatalog.length === 0 && catalogQuery ? /* @__PURE__ */ jsxs24("div", { className: "text-center py-8 text-muted-foreground text-sm", children: [
             'No providers match "',
-            /* @__PURE__ */ jsx27("span", { className: "font-mono", children: catalogQuery }),
+            /* @__PURE__ */ jsx29("span", { className: "font-mono", children: catalogQuery }),
             '".'
-          ] }) : /* @__PURE__ */ jsx27(Fragment7, { children: families.map((family) => {
+          ] }) : /* @__PURE__ */ jsx29(Fragment7, { children: families.map((family) => {
             const providers = catalogByFamily[family];
             if (!providers?.length) return null;
-            return /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx27("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: family }),
-              /* @__PURE__ */ jsx27("div", { className: "grid grid-cols-1 gap-2", children: providers.map((p) => /* @__PURE__ */ jsxs23(
+            return /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx29("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: family }),
+              /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-1 gap-2", children: providers.map((p) => /* @__PURE__ */ jsxs24(
                 "button",
                 {
                   type: "button",
@@ -6714,28 +7001,28 @@ function SettingsPanel() {
                     provider === p.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs23("div", { className: "flex w-full justify-between items-start", children: [
-                      /* @__PURE__ */ jsxs23("div", { children: [
-                        /* @__PURE__ */ jsx27("span", { className: "font-medium", children: p.name }),
-                        /* @__PURE__ */ jsxs23("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsxs24("div", { className: "flex w-full justify-between items-start", children: [
+                      /* @__PURE__ */ jsxs24("div", { children: [
+                        /* @__PURE__ */ jsx29("span", { className: "font-medium", children: p.name }),
+                        /* @__PURE__ */ jsxs24("span", { className: "ml-2 text-xs text-muted-foreground", children: [
                           "(",
                           p.id,
                           ")"
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-                        p.hasApiKey && /* @__PURE__ */ jsxs23("span", { className: "text-xs bg-green-500/10 text-green-600 px-2 py-0.5 rounded", children: [
-                          /* @__PURE__ */ jsx27(Key, { className: "h-3 w-3 inline mr-1" }),
+                      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                        p.hasApiKey && /* @__PURE__ */ jsxs24("span", { className: "text-xs bg-green-500/10 text-green-600 px-2 py-0.5 rounded", children: [
+                          /* @__PURE__ */ jsx29(Key, { className: "h-3 w-3 inline mr-1" }),
                           "Configured"
                         ] }),
-                        p.envVars[0] && /* @__PURE__ */ jsxs23("span", { className: "text-xs text-muted-foreground", children: [
+                        p.envVars[0] && /* @__PURE__ */ jsxs24("span", { className: "text-xs text-muted-foreground", children: [
                           "ENV: ",
                           p.envVars[0]
                         ] }),
-                        provider === p.id && /* @__PURE__ */ jsx27(CheckCircle24, { className: "h-4 w-4 text-primary" })
+                        provider === p.id && /* @__PURE__ */ jsx29(CheckCircle24, { className: "h-4 w-4 text-primary" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs23("div", { className: "text-xs text-muted-foreground mt-1", children: [
+                    /* @__PURE__ */ jsxs24("div", { className: "text-xs text-muted-foreground mt-1", children: [
                       p.modelCount,
                       " models",
                       p.apiBase && ` \xB7 ${p.apiBase}`
@@ -6747,25 +7034,25 @@ function SettingsPanel() {
             ] }, family);
           }) })
         ] }),
-        providerTab === "saved" && /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Manage your API keys and provider configurations" }),
-            /* @__PURE__ */ jsxs23(
+        providerTab === "saved" && /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Manage your API keys and provider configurations" }),
+            /* @__PURE__ */ jsxs24(
               Button,
               {
                 size: "sm",
                 variant: "outline",
                 onClick: () => setShowAddProviderForm(!showAddProviderForm),
                 children: [
-                  /* @__PURE__ */ jsx27(Plus, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx29(Plus, { className: "h-4 w-4 mr-1" }),
                   "Add Provider"
                 ]
               }
             )
           ] }),
-          showAddProviderForm && /* @__PURE__ */ jsxs23("div", { className: "p-4 border rounded-lg space-y-3 bg-muted/50", children: [
-            /* @__PURE__ */ jsx27("h4", { className: "font-medium", children: "Add Custom Provider" }),
-            /* @__PURE__ */ jsx27(
+          showAddProviderForm && /* @__PURE__ */ jsxs24("div", { className: "p-4 border rounded-lg space-y-3 bg-muted/50", children: [
+            /* @__PURE__ */ jsx29("h4", { className: "font-medium", children: "Add Custom Provider" }),
+            /* @__PURE__ */ jsx29(
               Input,
               {
                 placeholder: "Provider ID (e.g. my-llm-server)",
@@ -6773,21 +7060,21 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderId(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsxs24(
               "select",
               {
                 className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
                 value: newProviderFamily,
                 onChange: (e) => setNewProviderFamily(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsx27("option", { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ jsx27("option", { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ jsx27("option", { value: "openai-compatible", children: "OpenAI Compatible" }),
-                  /* @__PURE__ */ jsx27("option", { value: "google", children: "Google" })
+                  /* @__PURE__ */ jsx29("option", { value: "anthropic", children: "Anthropic" }),
+                  /* @__PURE__ */ jsx29("option", { value: "openai", children: "OpenAI" }),
+                  /* @__PURE__ */ jsx29("option", { value: "openai-compatible", children: "OpenAI Compatible" }),
+                  /* @__PURE__ */ jsx29("option", { value: "google", children: "Google" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx29(
               Input,
               {
                 placeholder: "Base URL (optional, e.g. http://localhost:11434/v1)",
@@ -6795,7 +7082,7 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderBaseUrl(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx29(
               Input,
               {
                 type: "password",
@@ -6804,8 +7091,8 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderApiKey(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx29(
                 Button,
                 {
                   size: "sm",
@@ -6814,7 +7101,7 @@ function SettingsPanel() {
                   children: "Add"
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx29(
                 Button,
                 {
                   size: "sm",
@@ -6825,59 +7112,59 @@ function SettingsPanel() {
               )
             ] })
           ] }),
-          isLoadingSaved ? /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx27(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : savedProviders.length === 0 ? /* @__PURE__ */ jsxs23("div", { className: "text-center py-8 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx27(Key, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-            /* @__PURE__ */ jsx27("p", { children: "No saved providers yet" }),
-            /* @__PURE__ */ jsx27("p", { className: "text-sm", children: "Add a provider to get started" })
-          ] }) : savedProviders.map((sp) => /* @__PURE__ */ jsxs23("div", { className: "border rounded-lg p-4 space-y-3", children: [
-            /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxs23("div", { children: [
-                /* @__PURE__ */ jsx27("h4", { className: "font-medium", children: sp.id }),
-                sp.family && /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: sp.family })
+          isLoadingSaved ? /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx29(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : savedProviders.length === 0 ? /* @__PURE__ */ jsxs24("div", { className: "text-center py-8 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx29(Key, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+            /* @__PURE__ */ jsx29("p", { children: "No saved providers yet" }),
+            /* @__PURE__ */ jsx29("p", { className: "text-sm", children: "Add a provider to get started" })
+          ] }) : savedProviders.map((sp) => /* @__PURE__ */ jsxs24("div", { className: "border rounded-lg p-4 space-y-3", children: [
+            /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-start", children: [
+              /* @__PURE__ */ jsxs24("div", { children: [
+                /* @__PURE__ */ jsx29("h4", { className: "font-medium", children: sp.id }),
+                sp.family && /* @__PURE__ */ jsx29("span", { className: "text-xs text-muted-foreground", children: sp.family })
               ] }),
-              /* @__PURE__ */ jsx27("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx29("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx29(
                 Button,
                 {
                   size: "icon",
                   variant: "ghost",
                   onClick: () => handleRemoveProvider(sp.id),
-                  children: /* @__PURE__ */ jsx27(Trash22, { className: "h-4 w-4 text-destructive" })
+                  children: /* @__PURE__ */ jsx29(Trash22, { className: "h-4 w-4 text-destructive" })
                 }
               ) })
             ] }),
-            sp.baseUrl && /* @__PURE__ */ jsxs23("div", { className: "text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx27(Globe2, { className: "h-3 w-3 inline mr-1" }),
+            sp.baseUrl && /* @__PURE__ */ jsxs24("div", { className: "text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx29(Globe2, { className: "h-3 w-3 inline mr-1" }),
               sp.baseUrl
             ] }),
-            /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center", children: [
-                /* @__PURE__ */ jsx27("span", { className: "text-sm font-medium", children: "API Keys" }),
-                /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ jsx29("span", { className: "text-sm font-medium", children: "API Keys" }),
+                /* @__PURE__ */ jsxs24(
                   Button,
                   {
                     size: "sm",
                     variant: "ghost",
                     onClick: () => setShowAddKeyForm(showAddKeyForm === sp.id ? null : sp.id),
                     children: [
-                      /* @__PURE__ */ jsx27(Plus, { className: "h-3 w-3 mr-1" }),
+                      /* @__PURE__ */ jsx29(Plus, { className: "h-3 w-3 mr-1" }),
                       "Add Key"
                     ]
                   }
                 )
               ] }),
-              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
-              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs23(
+              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
+              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs24(
                 "div",
                 {
                   className: "flex items-center justify-between p-2 bg-muted/50 rounded",
                   children: [
-                    /* @__PURE__ */ jsxs23("div", { children: [
-                      /* @__PURE__ */ jsx27("span", { className: "text-sm font-medium", children: key.label }),
-                      key.isActive && /* @__PURE__ */ jsx27("span", { className: "ml-2 text-xs bg-green-500/10 text-green-600 px-1.5 py-0.5 rounded", children: "Active" }),
-                      /* @__PURE__ */ jsx27("div", { className: "text-xs text-muted-foreground font-mono", children: key.maskedKey })
+                    /* @__PURE__ */ jsxs24("div", { children: [
+                      /* @__PURE__ */ jsx29("span", { className: "text-sm font-medium", children: key.label }),
+                      key.isActive && /* @__PURE__ */ jsx29("span", { className: "ml-2 text-xs bg-green-500/10 text-green-600 px-1.5 py-0.5 rounded", children: "Active" }),
+                      /* @__PURE__ */ jsx29("div", { className: "text-xs text-muted-foreground font-mono", children: key.maskedKey })
                     ] }),
-                    /* @__PURE__ */ jsxs23("div", { className: "flex gap-1", children: [
-                      !key.isActive && /* @__PURE__ */ jsx27(
+                    /* @__PURE__ */ jsxs24("div", { className: "flex gap-1", children: [
+                      !key.isActive && /* @__PURE__ */ jsx29(
                         Button,
                         {
                           size: "sm",
@@ -6886,13 +7173,13 @@ function SettingsPanel() {
                           children: "Set Active"
                         }
                       ),
-                      /* @__PURE__ */ jsx27(
+                      /* @__PURE__ */ jsx29(
                         Button,
                         {
                           size: "icon",
                           variant: "ghost",
                           onClick: () => handleDeleteKey(sp.id, key.label),
-                          children: /* @__PURE__ */ jsx27(Trash22, { className: "h-3 w-3 text-destructive" })
+                          children: /* @__PURE__ */ jsx29(Trash22, { className: "h-3 w-3 text-destructive" })
                         }
                       )
                     ] })
@@ -6900,8 +7187,8 @@ function SettingsPanel() {
                 },
                 key.label
               )),
-              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs23("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
-                /* @__PURE__ */ jsx27(
+              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs24("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
+                /* @__PURE__ */ jsx29(
                   Input,
                   {
                     placeholder: "Key label (e.g. default, production)",
@@ -6909,8 +7196,8 @@ function SettingsPanel() {
                     onChange: (e) => setNewKeyLabel(e.target.value)
                   }
                 ),
-                /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx29(
                     Input,
                     {
                       type: showNewKeyValue ? "text" : "password",
@@ -6919,18 +7206,18 @@ function SettingsPanel() {
                       onChange: (e) => setNewKeyValue(e.target.value)
                     }
                   ),
-                  /* @__PURE__ */ jsx27(
+                  /* @__PURE__ */ jsx29(
                     Button,
                     {
                       size: "icon",
                       variant: "ghost",
                       onClick: () => setShowNewKeyValue(!showNewKeyValue),
-                      children: showNewKeyValue ? /* @__PURE__ */ jsx27(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx27(Eye2, { className: "h-4 w-4" })
+                      children: showNewKeyValue ? /* @__PURE__ */ jsx29(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx29(Eye2, { className: "h-4 w-4" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx29(
                     Button,
                     {
                       size: "sm",
@@ -6939,7 +7226,7 @@ function SettingsPanel() {
                       children: "Save Key"
                     }
                   ),
-                  /* @__PURE__ */ jsx27(
+                  /* @__PURE__ */ jsx29(
                     Button,
                     {
                       size: "sm",
@@ -6958,13 +7245,13 @@ function SettingsPanel() {
           ] }, sp.id))
         ] })
       ] }),
-      /* @__PURE__ */ jsx27(TabsContent, { value: "model", className: "space-y-4", children: provider ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs23("div", { children: [
-            /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium", children: currentCatalogProvider?.name || provider }),
-            /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: provider })
+      /* @__PURE__ */ jsx29(TabsContent, { value: "model", className: "space-y-4", children: provider ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium", children: currentCatalogProvider?.name || provider }),
+            /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: provider })
           ] }),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(
             Button,
             {
               variant: "ghost",
@@ -6973,15 +7260,15 @@ function SettingsPanel() {
                 setIsLoadingModels(true);
                 ws.listProviderModels?.(provider);
               },
-              children: /* @__PURE__ */ jsx27(RefreshCw2, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
+              children: /* @__PURE__ */ jsx29(RefreshCw2, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
             }
           )
         ] }),
-        isLoadingModels && !catalogModels[provider] ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-center py-8", children: [
-          /* @__PURE__ */ jsx27(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-          /* @__PURE__ */ jsx27("span", { className: "ml-2 text-muted-foreground", children: "Loading models..." })
-        ] }) : /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-          (catalogModels[provider] || []).map((m) => /* @__PURE__ */ jsxs23(
+        isLoadingModels && !catalogModels[provider] ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-center py-8", children: [
+          /* @__PURE__ */ jsx29(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsx29("span", { className: "ml-2 text-muted-foreground", children: "Loading models..." })
+        ] }) : /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+          (catalogModels[provider] || []).map((m) => /* @__PURE__ */ jsxs24(
             "button",
             {
               type: "button",
@@ -6991,47 +7278,47 @@ function SettingsPanel() {
                 model === m.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
               ),
               children: [
-                /* @__PURE__ */ jsxs23("div", { children: [
-                  /* @__PURE__ */ jsx27("span", { className: "font-medium", children: m.name || m.id }),
-                  /* @__PURE__ */ jsx27("div", { className: "flex gap-2 mt-1", children: m.capabilities.map((cap) => /* @__PURE__ */ jsx27("span", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: cap }, cap)) })
+                /* @__PURE__ */ jsxs24("div", { children: [
+                  /* @__PURE__ */ jsx29("span", { className: "font-medium", children: m.name || m.id }),
+                  /* @__PURE__ */ jsx29("div", { className: "flex gap-2 mt-1", children: m.capabilities.map((cap) => /* @__PURE__ */ jsx29("span", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: cap }, cap)) })
                 ] }),
-                /* @__PURE__ */ jsxs23("div", { className: "text-right text-xs text-muted-foreground", children: [
-                  m.contextWindow && /* @__PURE__ */ jsxs23("div", { children: [
+                /* @__PURE__ */ jsxs24("div", { className: "text-right text-xs text-muted-foreground", children: [
+                  m.contextWindow && /* @__PURE__ */ jsxs24("div", { children: [
                     m.contextWindow / 1e3,
                     "k context"
                   ] }),
-                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs23("div", { children: [
+                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs24("div", { children: [
                     "$",
                     m.inputCost,
                     "/$",
                     m.outputCost
                   ] }),
-                  model === m.id && /* @__PURE__ */ jsx27(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
+                  model === m.id && /* @__PURE__ */ jsx29(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
                 ] })
               ]
             },
             m.id
           )),
-          catalogModels[provider]?.length === 0 && /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No models found for this provider. The catalog might be empty or still loading." })
+          catalogModels[provider]?.length === 0 && /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No models found for this provider. The catalog might be empty or still loading." })
         ] })
-      ] }) : /* @__PURE__ */ jsxs23("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx27(Cpu4, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsx27("p", { children: "Select a provider first" })
+      ] }) : /* @__PURE__ */ jsxs24("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx29(Cpu5, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsx29("p", { children: "Select a provider first" })
       ] }) }),
-      /* @__PURE__ */ jsxs23(TabsContent, { value: "connection", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsxs24(TabsContent, { value: "connection", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs24(
             "label",
             {
               htmlFor: "websocket-url",
               className: "text-sm font-medium flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx27(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx29(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
                 "WebSocket Server URL"
               ]
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(
             Input,
             {
               id: "websocket-url",
@@ -7041,70 +7328,70 @@ function SettingsPanel() {
               className: "font-mono text-sm"
             }
           ),
-          /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
+          /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
         ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "p-4 rounded-lg border bg-muted/50", children: [
-          /* @__PURE__ */ jsx27("h4", { className: "text-sm font-medium mb-2", children: "Starting the WebSocket Server" }),
-          /* @__PURE__ */ jsxs23("p", { className: "text-xs text-muted-foreground mb-3", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "p-4 rounded-lg border bg-muted/50", children: [
+          /* @__PURE__ */ jsx29("h4", { className: "text-sm font-medium mb-2", children: "Starting the WebSocket Server" }),
+          /* @__PURE__ */ jsxs24("p", { className: "text-xs text-muted-foreground mb-3", children: [
             "Standalone: run ",
-            /* @__PURE__ */ jsx27("code", { className: "bg-muted px-1 py-0.5 rounded", children: "./dev.ps1" }),
+            /* @__PURE__ */ jsx29("code", { className: "bg-muted px-1 py-0.5 rounded", children: "./dev.ps1" }),
             " ",
             "from the repo root, or set WS_HOST/WS_PORT before launching",
             " ",
-            /* @__PURE__ */ jsx27("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
+            /* @__PURE__ */ jsx29("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
             ". Or alongside the CLI:",
             " ",
-            /* @__PURE__ */ jsx27("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
+            /* @__PURE__ */ jsx29("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
             "."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs23(TabsContent, { value: "appearance", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsx27("h3", { className: "text-sm font-semibold mb-3", children: "Theme" }),
-          /* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-3 gap-2 max-w-md", children: [
-            /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsxs24(TabsContent, { value: "appearance", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsx29("h3", { className: "text-sm font-semibold mb-3", children: "Theme" }),
+          /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-3 gap-2 max-w-md", children: [
+            /* @__PURE__ */ jsxs24(
               Button,
               {
                 variant: theme === "light" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("light"),
                 children: [
-                  /* @__PURE__ */ jsx27(Sun3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx29(Sun3, { className: "h-4 w-4 mr-1" }),
                   "Light"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsxs24(
               Button,
               {
                 variant: theme === "dark" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("dark"),
                 children: [
-                  /* @__PURE__ */ jsx27(Moon3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx29(Moon3, { className: "h-4 w-4 mr-1" }),
                   "Dark"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsxs24(
               Button,
               {
                 variant: theme === "system" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("system"),
                 children: [
-                  /* @__PURE__ */ jsx27(Monitor3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx29(Monitor3, { className: "h-4 w-4 mr-1" }),
                   "System"
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
+          /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
         ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "pt-2 border-t", children: [
-          /* @__PURE__ */ jsx27("h3", { className: "text-sm font-semibold mb-3 mt-3", children: "Preferences" }),
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs24("div", { className: "pt-2 border-t", children: [
+          /* @__PURE__ */ jsx29("h3", { className: "text-sm font-semibold mb-3 mt-3", children: "Preferences" }),
+          /* @__PURE__ */ jsx29(
             PreferenceToggle,
             {
               label: "Compact density",
@@ -7113,7 +7400,7 @@ function SettingsPanel() {
               onChange: () => useUIStore.getState().toggleCompactMode()
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(
             PreferenceToggle,
             {
               label: "Sound on completion",
@@ -7147,12 +7434,12 @@ function PreferenceToggle({
       }
     }
   };
-  return /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between gap-3 py-2", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx27("div", { className: "text-sm font-medium", children: label }),
-      hint && /* @__PURE__ */ jsx27("div", { className: "text-xs text-muted-foreground mt-0.5", children: hint })
+  return /* @__PURE__ */ jsxs24("div", { className: "flex items-start justify-between gap-3 py-2", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx29("div", { className: "text-sm font-medium", children: label }),
+      hint && /* @__PURE__ */ jsx29("div", { className: "text-xs text-muted-foreground mt-0.5", children: hint })
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       "button",
       {
         type: "button",
@@ -7163,7 +7450,7 @@ function PreferenceToggle({
           "shrink-0 relative inline-flex h-5 w-9 rounded-full border transition-colors",
           on ? "bg-primary border-primary" : "bg-muted border-input hover:bg-muted/80"
         ),
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx29(
           "span",
           {
             className: cn(
@@ -7180,7 +7467,7 @@ function PreferenceToggle({
 // src/components/ShortcutsOverlay.tsx
 import { Keyboard as Keyboard2, X as X6 } from "lucide-react";
 import { useEffect as useEffect19 } from "react";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var SHORTCUTS = [
   {
     section: "Global",
@@ -7249,7 +7536,7 @@ function ShortcutsOverlay() {
     return () => window.removeEventListener("keydown", onKey);
   }, [setOpen]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className: "fixed inset-0 z-50 bg-background/60 backdrop-blur-sm flex items-center justify-center px-4",
@@ -7257,49 +7544,49 @@ function ShortcutsOverlay() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs25(
         "div",
         {
           onClick: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
           className: "w-full max-w-2xl rounded-xl border bg-popover shadow-2xl overflow-hidden flex flex-col max-h-[80vh]",
           children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
-              /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx28(Keyboard2, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx28("h2", { className: "text-sm font-semibold", children: "Keyboard shortcuts" })
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
+              /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx30(Keyboard2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx30("h2", { className: "text-sm font-semibold", children: "Keyboard shortcuts" })
               ] }),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx30(
                 "button",
                 {
                   type: "button",
                   onClick: () => setOpen(false),
                   className: "text-muted-foreground hover:text-foreground p-1 rounded hover:bg-muted",
-                  children: /* @__PURE__ */ jsx28(X6, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx30(X6, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx28("div", { className: "overflow-y-auto px-5 py-4 space-y-6", children: SHORTCUTS.map((group) => /* @__PURE__ */ jsxs24("div", { children: [
-              /* @__PURE__ */ jsx28("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-2", children: group.section }),
-              /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 gap-1.5", children: group.items.map((s) => /* @__PURE__ */ jsxs24(
+            /* @__PURE__ */ jsx30("div", { className: "overflow-y-auto px-5 py-4 space-y-6", children: SHORTCUTS.map((group) => /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx30("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-2", children: group.section }),
+              /* @__PURE__ */ jsx30("div", { className: "grid grid-cols-1 gap-1.5", children: group.items.map((s) => /* @__PURE__ */ jsxs25(
                 "div",
                 {
                   className: "flex items-center justify-between gap-3 text-sm px-2 py-1.5 rounded hover:bg-muted/40",
                   children: [
-                    /* @__PURE__ */ jsx28("span", { className: "text-foreground/80", children: s.description }),
-                    /* @__PURE__ */ jsx28("span", { className: "flex items-center gap-1 shrink-0", children: s.keys.map((k, ki) => /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1", children: [
-                      ki > 0 && /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground/40 text-xs", children: "+" }),
-                      /* @__PURE__ */ jsx28("kbd", { className: "font-mono text-[10px] border rounded px-1.5 py-0.5 bg-background", children: k })
+                    /* @__PURE__ */ jsx30("span", { className: "text-foreground/80", children: s.description }),
+                    /* @__PURE__ */ jsx30("span", { className: "flex items-center gap-1 shrink-0", children: s.keys.map((k, ki) => /* @__PURE__ */ jsxs25("span", { className: "flex items-center gap-1", children: [
+                      ki > 0 && /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground/40 text-xs", children: "+" }),
+                      /* @__PURE__ */ jsx30("kbd", { className: "font-mono text-[10px] border rounded px-1.5 py-0.5 bg-background", children: k })
                     ] }, k)) })
                   ]
                 },
                 s.description
               )) })
             ] }, group.section)) }),
-            /* @__PURE__ */ jsxs24("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
               "Press",
               " ",
-              /* @__PURE__ */ jsx28("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
+              /* @__PURE__ */ jsx30("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
               " ",
               "any time to reopen this list."
             ] })
@@ -7331,10 +7618,10 @@ import {
   Wifi as Wifi2,
   WifiOff as WifiOff3,
   X as X7,
-  Zap as Zap3
+  Zap as Zap4
 } from "lucide-react";
-import { useEffect as useEffect20, useState as useState19 } from "react";
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useState as useState20 } from "react";
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function Sidebar() {
   const { toggleSidebar, currentView, setCurrentView } = useUIStore();
   const sidebarWidth = useUIStore((s) => s.sidebarWidth);
@@ -7343,13 +7630,13 @@ function Sidebar() {
   const { messages, clearMessages } = useChatStore();
   const pinnedIds = useUIStore((s) => s.pinnedIds);
   const unpinAll = useUIStore((s) => s.unpinAll);
-  const [historyQuery, setHistoryQuery] = useState19("");
+  const [historyQuery, setHistoryQuery] = useState20("");
   const favoriteSessionIds = useUIStore((s) => s.favoriteSessionIds);
   const toggleFavoriteSession = useUIStore((s) => s.toggleFavoriteSession);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
   const setSessionNickname = useUIStore((s) => s.setSessionNickname);
-  const [renamingId, setRenamingId] = useState19(null);
-  const [renameDraft, setRenameDraft] = useState19("");
+  const [renamingId, setRenamingId] = useState20(null);
+  const [renameDraft, setRenameDraft] = useState20("");
   const pinnedRows = pinnedIds.map((id) => messages.find((m) => m.id === id)).filter((m) => !!m && m.content.length > 0);
   const { wsConnected, wsUrl, provider, model } = useConfigStore();
   const {
@@ -7446,13 +7733,13 @@ function Sidebar() {
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   };
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "aside",
     {
       style: { width: `${sidebarWidth}px` },
       className: "relative border-r bg-card flex flex-col shrink-0",
       children: [
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           "div",
           {
             onMouseDown: startDrag,
@@ -7460,56 +7747,70 @@ function Sidebar() {
             className: "group/handle absolute top-0 right-0 h-full w-2 cursor-col-resize z-10 flex items-center justify-end",
             title: "Drag to resize \xB7 double-click to reset",
             children: [
-              /* @__PURE__ */ jsx29("div", { className: "h-full w-px bg-border group-hover/handle:bg-primary/60 group-hover/handle:w-0.5 transition-all" }),
-              /* @__PURE__ */ jsxs25("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover/handle:opacity-100 transition-opacity pr-0.5", children: [
-                /* @__PURE__ */ jsx29("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx29("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx29("span", { className: "h-1 w-1 rounded-full bg-primary/70" })
+              /* @__PURE__ */ jsx31("div", { className: "h-full w-px bg-border group-hover/handle:bg-primary/60 group-hover/handle:w-0.5 transition-all" }),
+              /* @__PURE__ */ jsxs26("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover/handle:opacity-100 transition-opacity pr-0.5", children: [
+                /* @__PURE__ */ jsx31("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
+                /* @__PURE__ */ jsx31("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
+                /* @__PURE__ */ jsx31("span", { className: "h-1 w-1 rounded-full bg-primary/70" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx29("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx29(Zap3, { className: "h-4 w-4 text-primary-foreground" }) }),
-            /* @__PURE__ */ jsx29("span", { className: "text-sm font-semibold tracking-tight", children: "WrongStack" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx31("div", { className: "relative w-7 h-7 rounded-md bg-primary flex items-center justify-center shadow-[0_0_0_1px_hsl(var(--primary)/0.4),0_2px_8px_-2px_hsl(var(--primary)/0.5)]", children: /* @__PURE__ */ jsx31(Zap4, { className: "h-4 w-4 text-primary-foreground", strokeWidth: 2.4 }) }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col leading-none", children: [
+              /* @__PURE__ */ jsx31("span", { className: "text-sm font-semibold tracking-tight", children: "WrongStack" }),
+              /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-1 text-[10px] text-muted-foreground mt-0.5", children: [
+                /* @__PURE__ */ jsx31(
+                  "span",
+                  {
+                    className: cn(
+                      "led",
+                      wsConnected ? "text-[hsl(var(--success))] led-pulse" : "text-[hsl(var(--warning))]"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx31("span", { className: "tabular font-medium uppercase tracking-wider", children: wsConnected ? "online" : "offline" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, children: /* @__PURE__ */ jsx29(PanelLeftClose, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx31(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, title: "Collapse sidebar (Ctrl+\\\\)", children: /* @__PURE__ */ jsx31(PanelLeftClose, { className: "h-4 w-4" }) })
         ] }),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           Tabs,
           {
             value: currentView === "settings" ? "chat" : currentView,
             onValueChange: (v) => setCurrentView(v),
             className: "flex-1 flex flex-col",
             children: [
-              /* @__PURE__ */ jsxs25(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
-                /* @__PURE__ */ jsxs25(
+              /* @__PURE__ */ jsxs26(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
+                /* @__PURE__ */ jsxs26(
                   TabsTrigger,
                   {
                     value: "chat",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx29(MessageSquare, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-xs", children: "Chat" })
+                      /* @__PURE__ */ jsx31(MessageSquare, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-xs", children: "Chat" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs25(
+                /* @__PURE__ */ jsxs26(
                   TabsTrigger,
                   {
                     value: "history",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx29(History, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-xs", children: "History" })
+                      /* @__PURE__ */ jsx31(History, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-xs", children: "History" })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs25(TabsContent, { value: "chat", className: "flex-1 flex flex-col m-0 overflow-hidden", children: [
-                /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b", children: [
-                  /* @__PURE__ */ jsxs25(
+              /* @__PURE__ */ jsxs26(TabsContent, { value: "chat", className: "flex-1 flex flex-col m-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "px-4 py-3 border-b", children: [
+                  /* @__PURE__ */ jsxs26(
                     "div",
                     {
                       className: cn(
@@ -7517,95 +7818,134 @@ function Sidebar() {
                         wsConnected ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
                       ),
                       children: [
-                        wsConnected ? /* @__PURE__ */ jsx29(Wifi2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx29(WifiOff3, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx29("span", { className: "font-medium", children: wsConnected ? "Connected" : "Disconnected" })
+                        wsConnected ? /* @__PURE__ */ jsx31(Wifi2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx31(WifiOff3, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsx31("span", { className: "font-medium", children: wsConnected ? "Connected" : "Disconnected" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx29("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
+                  /* @__PURE__ */ jsx31("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
                 ] }),
-                /* @__PURE__ */ jsxs25(
+                /* @__PURE__ */ jsxs26(
                   "button",
                   {
                     type: "button",
                     onClick: () => setCurrentView("settings"),
                     className: "px-4 py-3 border-b text-left hover:bg-muted/40 transition-colors",
                     children: [
-                      /* @__PURE__ */ jsx29("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-1", children: "Active model" }),
-                      /* @__PURE__ */ jsxs25("div", { className: "font-mono text-xs truncate", children: [
-                        /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: provider || "\u2014" }),
-                        /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground/40 mx-1", children: "/" }),
-                        /* @__PURE__ */ jsx29("span", { className: "font-medium", children: model || "\u2014" })
+                      /* @__PURE__ */ jsx31("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-1", children: "Active model" }),
+                      /* @__PURE__ */ jsxs26("div", { className: "font-mono text-xs truncate", children: [
+                        /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: provider || "\u2014" }),
+                        /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground/40 mx-1", children: "/" }),
+                        /* @__PURE__ */ jsx31("span", { className: "font-medium", children: model || "\u2014" })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b space-y-3", children: [
-                  /* @__PURE__ */ jsxs25("h3", { className: "text-sm font-medium flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx29(Database2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxs26("div", { className: "px-4 py-3 border-b space-y-3", children: [
+                  /* @__PURE__ */ jsxs26("h3", { className: "text-sm font-medium flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx31(Database2, { className: "h-4 w-4 text-muted-foreground" }),
                     "Session"
                   ] }),
-                  /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
-                    /* @__PURE__ */ jsxs25("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Messages" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-lg font-semibold", children: messages.length })
+                  /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
+                    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: "Messages" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-lg font-semibold", children: messages.length })
                     ] }),
-                    /* @__PURE__ */ jsxs25("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Duration" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-lg font-semibold", children: formatDuration2(session?.startedAt ?? null) })
+                    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: "Duration" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-lg font-semibold", children: formatDuration2(session?.startedAt ?? null) })
                     ] }),
-                    /* @__PURE__ */ jsxs25("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Input" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-lg font-semibold", children: totalTokens.input.toLocaleString() })
+                    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: "Input" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-lg font-semibold", children: totalTokens.input.toLocaleString() })
                     ] }),
-                    /* @__PURE__ */ jsxs25("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Output" }),
-                      /* @__PURE__ */ jsx29("span", { className: "text-lg font-semibold", children: totalTokens.output.toLocaleString() })
+                    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: "Output" }),
+                      /* @__PURE__ */ jsx31("span", { className: "text-lg font-semibold", children: totalTokens.output.toLocaleString() })
                     ] })
                   ] }),
-                  cost > 0 && /* @__PURE__ */ jsxs25("div", { className: "flex justify-between items-center p-2 rounded-lg bg-green-500/10", children: [
-                    /* @__PURE__ */ jsx29("span", { className: "text-sm text-muted-foreground", children: "Cost" }),
-                    /* @__PURE__ */ jsxs25("span", { className: "text-lg font-semibold text-green-600 dark:text-green-400", children: [
+                  cost > 0 && /* @__PURE__ */ jsxs26("div", { className: "flex justify-between items-center p-2 rounded-lg bg-green-500/10", children: [
+                    /* @__PURE__ */ jsx31("span", { className: "text-sm text-muted-foreground", children: "Cost" }),
+                    /* @__PURE__ */ jsxs26("span", { className: "text-lg font-semibold text-green-600 dark:text-green-400", children: [
                       "$",
                       cost.toFixed(4)
                     ] })
                   ] })
                 ] }),
-                todos.length > 0 && /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs25("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs25("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx29(ListTodo, { className: "h-4 w-4 text-muted-foreground" }),
-                      "Todos"
+                todos.length > 0 && (() => {
+                  const done = todos.filter((t) => t.status === "completed").length;
+                  const running = todos.filter((t) => t.status === "in_progress").length;
+                  const pct = todos.length > 0 ? Math.round(done / todos.length * 100) : 0;
+                  const allDone = done === todos.length;
+                  return /* @__PURE__ */ jsxs26("div", { className: "px-4 py-3 border-b space-y-2.5", children: [
+                    /* @__PURE__ */ jsxs26("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx31(ListTodo, { className: "h-4 w-4 text-muted-foreground" }),
+                        "Plan"
+                      ] }),
+                      /* @__PURE__ */ jsxs26("span", { className: "tabular text-[10px] text-muted-foreground", children: [
+                        done,
+                        "/",
+                        todos.length
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsxs25("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
-                      todos.filter((t) => t.status === "completed").length,
-                      "/",
-                      todos.length
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx29("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: todos.map((t) => {
-                    const Icon2 = t.status === "completed" ? CheckCircle25 : t.status === "in_progress" ? CircleDot : Circle;
-                    const tone2 = t.status === "completed" ? "text-green-600 dark:text-green-400 line-through opacity-70" : t.status === "in_progress" ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground";
-                    return /* @__PURE__ */ jsxs25(
-                      "li",
+                    /* @__PURE__ */ jsx31(
+                      "div",
                       {
-                        className: cn("flex items-start gap-2 text-xs leading-snug", tone2),
-                        children: [
-                          /* @__PURE__ */ jsx29(Icon2, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }),
-                          /* @__PURE__ */ jsx29("span", { className: "break-words", children: t.status === "in_progress" && t.activeForm ? t.activeForm : t.content })
-                        ]
-                      },
-                      t.id
-                    );
-                  }) })
-                ] }),
-                pinnedRows.length > 0 && /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs25("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs25("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx29(Pin2, { className: "h-4 w-4 text-amber-500" }),
+                        className: cn(
+                          "relative h-1.5 w-full overflow-hidden rounded-full bg-muted",
+                          running > 0 && "bar-sweep"
+                        ),
+                        title: `${pct}% complete`,
+                        children: /* @__PURE__ */ jsx31(
+                          "div",
+                          {
+                            className: cn(
+                              "h-full rounded-full transition-all duration-500",
+                              allDone ? "bg-[hsl(var(--success))]" : "bg-primary"
+                            ),
+                            style: { width: `${Math.max(pct, running > 0 ? 4 : 0)}%` }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx31("ul", { className: "space-y-0.5 max-h-56 overflow-y-auto pr-1 -mx-1", children: todos.map((t) => {
+                      const Icon2 = t.status === "completed" ? CheckCircle25 : t.status === "in_progress" ? CircleDot : Circle;
+                      const active = t.status === "in_progress";
+                      const tone2 = t.status === "completed" ? "text-[hsl(var(--success))] line-through opacity-60" : active ? "text-foreground" : "text-muted-foreground";
+                      return /* @__PURE__ */ jsxs26(
+                        "li",
+                        {
+                          className: cn(
+                            "flex items-start gap-2 text-xs leading-snug rounded-md px-1.5 py-1 transition-colors",
+                            active && "bg-primary/10 ring-1 ring-inset ring-primary/20",
+                            tone2
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsx31(
+                              Icon2,
+                              {
+                                className: cn(
+                                  "h-3.5 w-3.5 mt-0.5 shrink-0",
+                                  active && "text-primary animate-pulse"
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ jsx31("span", { className: "break-words", children: active && t.activeForm ? t.activeForm : t.content })
+                          ]
+                        },
+                        t.id
+                      );
+                    }) })
+                  ] });
+                })(),
+                pinnedRows.length > 0 && /* @__PURE__ */ jsxs26("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs26("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx31(Pin2, { className: "h-4 w-4 text-amber-500" }),
                       "Pinned"
                     ] }),
-                    /* @__PURE__ */ jsx29(
+                    /* @__PURE__ */ jsx31(
                       "button",
                       {
                         type: "button",
@@ -7615,9 +7955,9 @@ function Sidebar() {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx29("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: pinnedRows.map((m) => {
+                  /* @__PURE__ */ jsx31("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: pinnedRows.map((m) => {
                     const preview = m.content.replace(/\s+/g, " ").slice(0, 80);
-                    return /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsxs25(
+                    return /* @__PURE__ */ jsx31("li", { children: /* @__PURE__ */ jsxs26(
                       "button",
                       {
                         type: "button",
@@ -7640,8 +7980,8 @@ function Sidebar() {
                     ) }, m.id);
                   }) })
                 ] }),
-                /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs25(
+                /* @__PURE__ */ jsxs26("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs26(
                     Button,
                     {
                       variant: "outline",
@@ -7652,12 +7992,12 @@ function Sidebar() {
                         client2?.clearContext?.();
                       },
                       children: [
-                        /* @__PURE__ */ jsx29(Trash23, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx31(Trash23, { className: "h-4 w-4 mr-2" }),
                         "Clear context"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs25(
+                  /* @__PURE__ */ jsxs26(
                     Button,
                     {
                       variant: "outline",
@@ -7666,12 +8006,12 @@ function Sidebar() {
                       onClick: () => client2?.newSession?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx29(RotateCcw5, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx31(RotateCcw5, { className: "h-4 w-4 mr-2" }),
                         "New session"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs25(
+                  /* @__PURE__ */ jsxs26(
                     Button,
                     {
                       variant: "outline",
@@ -7680,14 +8020,14 @@ function Sidebar() {
                       onClick: () => client2?.compactContext?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx29(Database2, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx31(Database2, { className: "h-4 w-4 mr-2" }),
                         "Compact context"
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx29("div", { className: "flex-1" }),
-                /* @__PURE__ */ jsx29("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs25(
+                /* @__PURE__ */ jsx31("div", { className: "flex-1" }),
+                /* @__PURE__ */ jsx31("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs26(
                   Button,
                   {
                     variant: "ghost",
@@ -7695,16 +8035,16 @@ function Sidebar() {
                     className: "w-full justify-start",
                     onClick: () => setCurrentView("settings"),
                     children: [
-                      /* @__PURE__ */ jsx29(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx31(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
                       "Settings"
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs25(TabsContent, { value: "history", className: "flex-1 m-0 flex flex-col overflow-hidden", children: [
-                /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
-                  /* @__PURE__ */ jsx29("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
-                  /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsxs26(TabsContent, { value: "history", className: "flex-1 m-0 flex flex-col overflow-hidden", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
+                  /* @__PURE__ */ jsx31("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
+                  /* @__PURE__ */ jsx31(
                     Button,
                     {
                       variant: "ghost",
@@ -7713,13 +8053,13 @@ function Sidebar() {
                       onClick: () => listSessions(50),
                       disabled: !wsConnected,
                       title: "Refresh",
-                      children: historyLoading ? /* @__PURE__ */ jsx29(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx29(RefreshCw3, { className: "h-3.5 w-3.5" })
+                      children: historyLoading ? /* @__PURE__ */ jsx31(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx31(RefreshCw3, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
-                historyEntries.length > 3 && /* @__PURE__ */ jsx29("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsxs25("div", { className: "relative", children: [
-                  /* @__PURE__ */ jsx29(Search5, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/60" }),
-                  /* @__PURE__ */ jsx29(
+                historyEntries.length > 3 && /* @__PURE__ */ jsx31("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsx31(Search5, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/60" }),
+                  /* @__PURE__ */ jsx31(
                     "input",
                     {
                       type: "text",
@@ -7729,28 +8069,28 @@ function Sidebar() {
                       className: "w-full pl-7 pr-7 py-1 text-xs rounded-md bg-muted/40 border border-transparent focus:bg-background focus:border-input focus:outline-none focus:ring-1 focus:ring-ring placeholder:text-muted-foreground/50"
                     }
                   ),
-                  historyQuery && /* @__PURE__ */ jsx29(
+                  historyQuery && /* @__PURE__ */ jsx31(
                     "button",
                     {
                       type: "button",
                       onClick: () => setHistoryQuery(""),
                       className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground/60 hover:text-foreground p-0.5",
                       title: "Clear filter",
-                      children: /* @__PURE__ */ jsx29(X7, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ jsx31(X7, { className: "h-3 w-3" })
                     }
                   )
                 ] }) }),
-                historyError && /* @__PURE__ */ jsx29("div", { className: "px-4 py-2 text-xs text-destructive bg-destructive/5 border-b", children: historyError }),
-                /* @__PURE__ */ jsx29(ScrollArea, { className: "flex-1", children: historyEntries.length === 0 && !historyLoading ? /* @__PURE__ */ jsxs25("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx29(History, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium", children: "No history yet" }),
-                  /* @__PURE__ */ jsx29("p", { className: "text-xs mt-1", children: "Your conversations will appear here" })
-                ] }) : groupedHistory.length === 0 ? /* @__PURE__ */ jsxs25("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx29(Search5, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium", children: "No matches" }),
-                  /* @__PURE__ */ jsx29("p", { className: "text-xs mt-1", children: "Try a different filter" })
-                ] }) : /* @__PURE__ */ jsx29("div", { className: "p-2 space-y-3", children: groupedHistory.map((group) => /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsxs25(
+                historyError && /* @__PURE__ */ jsx31("div", { className: "px-4 py-2 text-xs text-destructive bg-destructive/5 border-b", children: historyError }),
+                /* @__PURE__ */ jsx31(ScrollArea, { className: "flex-1", children: historyEntries.length === 0 && !historyLoading ? /* @__PURE__ */ jsxs26("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
+                  /* @__PURE__ */ jsx31(History, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
+                  /* @__PURE__ */ jsx31("p", { className: "text-sm font-medium", children: "No history yet" }),
+                  /* @__PURE__ */ jsx31("p", { className: "text-xs mt-1", children: "Your conversations will appear here" })
+                ] }) : groupedHistory.length === 0 ? /* @__PURE__ */ jsxs26("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
+                  /* @__PURE__ */ jsx31(Search5, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
+                  /* @__PURE__ */ jsx31("p", { className: "text-sm font-medium", children: "No matches" }),
+                  /* @__PURE__ */ jsx31("p", { className: "text-xs mt-1", children: "Try a different filter" })
+                ] }) : /* @__PURE__ */ jsx31("div", { className: "p-2 space-y-3", children: groupedHistory.map((group) => /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsxs26(
                     "div",
                     {
                       className: cn(
@@ -7758,10 +8098,10 @@ function Sidebar() {
                         group.star ? "text-amber-500" : "text-muted-foreground/80"
                       ),
                       children: [
-                        group.star && /* @__PURE__ */ jsx29(Star, { className: "h-3 w-3 fill-current" }),
+                        group.star && /* @__PURE__ */ jsx31(Star, { className: "h-3 w-3 fill-current" }),
                         group.label,
                         " ",
-                        /* @__PURE__ */ jsxs25("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
+                        /* @__PURE__ */ jsxs26("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
                           "(",
                           group.rows.length,
                           ")"
@@ -7769,7 +8109,7 @@ function Sidebar() {
                       ]
                     }
                   ),
-                  group.rows.map((entry) => /* @__PURE__ */ jsxs25(
+                  group.rows.map((entry) => /* @__PURE__ */ jsxs26(
                     "div",
                     {
                       className: cn(
@@ -7777,7 +8117,7 @@ function Sidebar() {
                         entry.isCurrent ? "bg-primary/5 border-primary/40" : "bg-card border-border/60 hover:bg-muted/40 hover:border-primary/40"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx29(
+                        /* @__PURE__ */ jsx31(
                           "button",
                           {
                             type: "button",
@@ -7789,8 +8129,8 @@ function Sidebar() {
                               setRenameDraft(sessionNicknames[entry.id] ?? entry.title ?? "");
                             },
                             className: "block w-full rounded-md px-3 py-2 pr-16 text-left disabled:cursor-default focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                            children: /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
-                              renamingId === entry.id ? /* @__PURE__ */ jsx29(
+                            children: /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+                              renamingId === entry.id ? /* @__PURE__ */ jsx31(
                                 "input",
                                 {
                                   value: renameDraft,
@@ -7813,7 +8153,7 @@ function Sidebar() {
                                   placeholder: entry.title || "Nickname",
                                   className: "w-full text-sm bg-background border border-input rounded px-1.5 py-0.5 focus:outline-none focus:ring-1 focus:ring-ring"
                                 }
-                              ) : /* @__PURE__ */ jsx29(
+                              ) : /* @__PURE__ */ jsx31(
                                 "div",
                                 {
                                   className: "font-medium truncate text-foreground",
@@ -7823,30 +8163,30 @@ Double-click to rename`,
                                   children: sessionNicknames[entry.id] || entry.title || "(empty)"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs25("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
+                              /* @__PURE__ */ jsxs26("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
                                 entry.provider,
                                 "/",
                                 entry.model
                               ] }),
-                              /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground/80 mt-0.5", children: [
-                                /* @__PURE__ */ jsx29("span", { children: formatRelative(entry.startedAt) }),
-                                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs25(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx29("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsxs25("span", { className: "tabular-nums", children: [
+                              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground/80 mt-0.5", children: [
+                                /* @__PURE__ */ jsx31("span", { children: formatRelative(entry.startedAt) }),
+                                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs26(Fragment8, { children: [
+                                  /* @__PURE__ */ jsx31("span", { children: "\xB7" }),
+                                  /* @__PURE__ */ jsxs26("span", { className: "tabular-nums", children: [
                                     entry.tokenTotal.toLocaleString(),
                                     " tok"
                                   ] })
                                 ] }),
-                                entry.isCurrent && /* @__PURE__ */ jsxs25(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx29("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsx29("span", { className: "text-primary font-medium", children: "active" })
+                                entry.isCurrent && /* @__PURE__ */ jsxs26(Fragment8, { children: [
+                                  /* @__PURE__ */ jsx31("span", { children: "\xB7" }),
+                                  /* @__PURE__ */ jsx31("span", { className: "text-primary font-medium", children: "active" })
                                 ] })
                               ] })
                             ] })
                           }
                         ),
-                        /* @__PURE__ */ jsxs25("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx29(
+                        /* @__PURE__ */ jsxs26("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsx31(
                             "button",
                             {
                               type: "button",
@@ -7856,7 +8196,7 @@ Double-click to rename`,
                                 favoriteSessionIds.includes(entry.id) ? "opacity-100 text-amber-500" : "opacity-0 group-hover:opacity-100 text-muted-foreground"
                               ),
                               title: favoriteSessionIds.includes(entry.id) ? "Unfavorite" : "Mark as favorite",
-                              children: /* @__PURE__ */ jsx29(
+                              children: /* @__PURE__ */ jsx31(
                                 Star,
                                 {
                                   className: cn(
@@ -7867,7 +8207,7 @@ Double-click to rename`,
                               )
                             }
                           ),
-                          !entry.isCurrent && /* @__PURE__ */ jsx29(
+                          !entry.isCurrent && /* @__PURE__ */ jsx31(
                             "button",
                             {
                               type: "button",
@@ -7878,7 +8218,7 @@ Double-click to rename`,
                               },
                               className: "opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground hover:text-destructive",
                               title: "Delete session",
-                              children: /* @__PURE__ */ jsx29(Trash23, { className: "h-3.5 w-3.5" })
+                              children: /* @__PURE__ */ jsx31(Trash23, { className: "h-3.5 w-3.5" })
                             }
                           )
                         ] })
@@ -7897,7 +8237,7 @@ Double-click to rename`,
 }
 
 // src/App.tsx
-import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 function AppInner() {
   const { theme } = useTheme();
   const { currentView, sidebarOpen, toggleSidebar, setSearchOpen, setSidebarOpen } = useUIStore();
@@ -8033,30 +8373,33 @@ function AppInner() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [toggleSidebar, setSearchOpen]);
-  return /* @__PURE__ */ jsxs26("div", { className: cn("flex h-screen", theme), children: [
-    sidebarOpen && /* @__PURE__ */ jsx30(Sidebar, {}),
-    /* @__PURE__ */ jsxs26("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx30(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsxs26(Fragment9, { children: [
-        sessionId && /* @__PURE__ */ jsx30("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx30(CollabPanel, { sessionId }) }),
-        /* @__PURE__ */ jsx30(ChatView, {})
+  return /* @__PURE__ */ jsxs27("div", { className: cn("flex h-screen", theme), children: [
+    sidebarOpen && /* @__PURE__ */ jsx32(Sidebar, {}),
+    /* @__PURE__ */ jsxs27("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx32(ConnectionBanner, {}),
+      currentView === "chat" && /* @__PURE__ */ jsxs27(Fragment9, { children: [
+        sessionId && /* @__PURE__ */ jsxs27("div", { className: "px-4 pt-2 space-y-2", children: [
+          /* @__PURE__ */ jsx32(CollabPanel, { sessionId }),
+          /* @__PURE__ */ jsx32(FleetPanel, {})
+        ] }),
+        /* @__PURE__ */ jsx32(ChatView, {})
       ] }),
-      currentView === "settings" && /* @__PURE__ */ jsx30(SettingsPanel, {})
+      currentView === "settings" && /* @__PURE__ */ jsx32(SettingsPanel, {})
     ] }),
-    /* @__PURE__ */ jsx30(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx30(CommandPalette, {}),
-    /* @__PURE__ */ jsx30(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx30(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx30(Toaster, {})
+    /* @__PURE__ */ jsx32(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx32(CommandPalette, {}),
+    /* @__PURE__ */ jsx32(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx32(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx32(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx30(ErrorBoundary, { children: /* @__PURE__ */ jsx30(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx30(AppInner, {}) }) });
+  return /* @__PURE__ */ jsx32(ErrorBoundary, { children: /* @__PURE__ */ jsx32(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx32(AppInner, {}) }) });
 }
 
 // src/main.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsx31(React6.StrictMode, { children: /* @__PURE__ */ jsx31(App, {}) })
+  /* @__PURE__ */ jsx33(React6.StrictMode, { children: /* @__PURE__ */ jsx33(App, {}) })
 );
 //# sourceMappingURL=index.js.map