@wrongstack/webui 0.2.0 → 0.3.2

package/dist/index.js

@@ -1,57 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/lib/chime.ts
-var chime_exports = {};
-__export(chime_exports, {
-  playCompletionChime: () => playCompletionChime
-});
-function audio() {
-  if (typeof window === "undefined") return null;
-  if (ctx) return ctx;
-  const Cls = window.AudioContext || window.webkitAudioContext;
-  if (!Cls) return null;
-  try {
-    ctx = new Cls();
-  } catch {
-    return null;
-  }
-  return ctx;
-}
-function tone(freq, startAt, durSec) {
-  const ac = audio();
-  if (!ac) return;
-  const t = ac.currentTime + startAt;
-  const osc = ac.createOscillator();
-  const gain = ac.createGain();
-  osc.type = "sine";
-  osc.frequency.value = freq;
-  gain.gain.setValueAtTime(0, t);
-  gain.gain.linearRampToValueAtTime(0.18, t + 0.01);
-  gain.gain.exponentialRampToValueAtTime(1e-4, t + durSec);
-  osc.connect(gain).connect(ac.destination);
-  osc.start(t);
-  osc.stop(t + durSec + 0.02);
-}
-function playCompletionChime() {
-  tone(659.25, 0, 0.18);
-  tone(880, 0.12, 0.24);
-}
-var ctx;
-var init_chime = __esm({
-  "src/lib/chime.ts"() {
-    "use strict";
-    ctx = null;
-  }
-});
-
 // src/main.tsx
 import React7 from "react";
 import ReactDOM from "react-dom/client";
@@ -129,8 +75,39 @@ function Toaster() {
   return /* @__PURE__ */ jsx("div", { className: "fixed bottom-4 right-4 z-[60] flex flex-col gap-2 pointer-events-auto", children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { entry: t }, t.id)) });
 }
 
-// src/hooks/useWebSocket.ts
-init_chime();
+// src/lib/chime.ts
+var ctx = null;
+function audio() {
+  if (typeof window === "undefined") return null;
+  if (ctx) return ctx;
+  const Cls = window.AudioContext || window.webkitAudioContext;
+  if (!Cls) return null;
+  try {
+    ctx = new Cls();
+  } catch {
+    return null;
+  }
+  return ctx;
+}
+function tone(freq, startAt, durSec) {
+  const ac = audio();
+  if (!ac) return;
+  const t = ac.currentTime + startAt;
+  const osc = ac.createOscillator();
+  const gain = ac.createGain();
+  osc.type = "sine";
+  osc.frequency.value = freq;
+  gain.gain.setValueAtTime(0, t);
+  gain.gain.linearRampToValueAtTime(0.18, t + 0.01);
+  gain.gain.exponentialRampToValueAtTime(1e-4, t + durSec);
+  osc.connect(gain).connect(ac.destination);
+  osc.start(t);
+  osc.stop(t + durSec + 0.02);
+}
+function playCompletionChime() {
+  tone(659.25, 0, 0.18);
+  tone(880, 0.12, 0.24);
+}
 
 // src/lib/favicon.ts
 var BASE_BG = "#4f46e5";
@@ -492,9 +469,18 @@ var WrongStackWebSocketClient = class {
   compactContext(aggressive = false) {
     this.send({ type: "context.compact", payload: { aggressive } });
   }
+  repairContext() {
+    this.send({ type: "context.repair" });
+  }
   debugContext() {
     this.send({ type: "context.debug" });
   }
+  listContextModes() {
+    this.send({ type: "context.modes.list" });
+  }
+  switchContextMode(id) {
+    this.send({ type: "context.mode.switch", payload: { id } });
+  }
   // ---- Inspect commands (mirror TUI/CLI's /tools /memory /skill /diag /stats) ----
   listTools() {
     this.send({ type: "tools.list" });
@@ -786,6 +772,8 @@ var useSessionStore = create2()(
       projectName: "",
       mode: "default",
       modes: [],
+      contextMode: "balanced",
+      contextModes: [],
       iteration: null,
       todos: [],
       setSession: (session) => set({ session }),
@@ -825,12 +813,14 @@ var useSessionStore = create2()(
         maxContext: env.maxContext ?? state.maxContext,
         projectName: env.projectName ?? state.projectName,
         mode: env.mode ?? state.mode,
+        contextMode: env.contextMode ?? state.contextMode,
         inputCost: env.inputCost ?? state.inputCost,
         outputCost: env.outputCost ?? state.outputCost,
         cacheReadCost: env.cacheReadCost ?? state.cacheReadCost
       })),
       setIteration: (iteration) => set({ iteration }),
       setModes: (modes) => set({ modes }),
+      setContextModes: (contextModes) => set({ contextModes }),
       setTodos: (todos) => set({ todos })
     }),
     {
@@ -948,6 +938,7 @@ function installHandlers(ws) {
       maxContext: payload.maxContext,
       projectName: payload.projectName,
       mode: payload.mode,
+      contextMode: payload.contextMode,
       inputCost: payload.inputCost,
       outputCost: payload.outputCost,
       cacheReadCost: payload.cacheReadCost
@@ -1037,13 +1028,25 @@ function installHandlers(ws) {
   });
   on("context.compacted", (msg) => {
     const payload = msg.payload;
-    const summary = payload.reductions.length ? payload.reductions.map((r) => `${r.phase}: ${r.saved}`).join(", ") : "no-op";
+    let summary = payload.reductions.length ? payload.reductions.map((r) => `${r.phase}: ${r.saved}`).join(", ") : "no-op";
+    if (payload.repaired) {
+      summary += `; repaired ${payload.repaired.removedToolUses.length} tool_use, ${payload.repaired.removedToolResults.length} tool_result, ${payload.repaired.removedMessages} empty messages`;
+    }
     useChatStore.getState().addMessage({
       role: "assistant",
       content: `\u{1F5DC}\uFE0F Context compacted: ${payload.before} \u2192 ${payload.after} tokens (saved ~${payload.saved}). ${summary}`
     });
     useSessionStore.setState({ lastInputTokens: payload.after });
   });
+  on("context.repaired", (msg) => {
+    const payload = msg.payload;
+    const removed = payload.removedToolUses.length + payload.removedToolResults.length + payload.removedMessages;
+    const msgCount = payload.beforeMessages !== void 0 && payload.afterMessages !== void 0 ? ` Messages: ${payload.beforeMessages} -> ${payload.afterMessages}.` : "";
+    useChatStore.getState().addMessage({
+      role: "assistant",
+      content: `Context repaired: removed ${removed} orphan protocol item(s).${msgCount} tool_use ${payload.removedToolUses.length}, tool_result ${payload.removedToolResults.length}.`
+    });
+  });
   on("session.end", () => {
     useConfigStore.getState().setWsConnected(false);
   });
@@ -1323,6 +1326,24 @@ ${body}` : "\u{1F9E0} **Memory** \n\n_empty \u2014 nothing remembered yet_"
     useSessionStore.getState().setModes(p.modes.map((m) => ({ id: m.id, name: m.name, description: m.description })));
     useSessionStore.getState().setEnv({ mode: p.activeId });
   });
+  on("context.modes.list", (msg) => {
+    const p = msg.payload;
+    useSessionStore.getState().setContextModes(
+      p.modes.map((m) => ({
+        id: m.id,
+        name: m.name,
+        description: m.description,
+        thresholds: m.thresholds,
+        preserveK: m.preserveK,
+        eliseThreshold: m.eliseThreshold
+      }))
+    );
+    useSessionStore.getState().setEnv({ contextMode: p.activeId });
+  });
+  on("context.mode.changed", (msg) => {
+    const p = msg.payload;
+    useSessionStore.getState().setEnv({ contextMode: p.id });
+  });
   on("sessions.list", (msg) => {
     const payload = msg.payload;
     useHistoryStore.getState().setEntries(payload.sessions ?? [], payload.error ?? null);
@@ -1442,6 +1463,9 @@ function useWebSocket() {
   const getStats = useCallback(() => client2.getStats(), [client2]);
   const listModes = useCallback(() => client2.listModes(), [client2]);
   const switchMode = useCallback((id) => client2.switchMode(id), [client2]);
+  const listContextModes = useCallback(() => client2.listContextModes(), [client2]);
+  const switchContextMode = useCallback((id) => client2.switchContextMode(id), [client2]);
+  const repairContext = useCallback(() => client2.repairContext(), [client2]);
   return {
     client: client2,
     sendMessage,
@@ -1467,12 +1491,15 @@ function useWebSocket() {
     getDiag,
     getStats,
     listModes,
-    switchMode
+    switchMode,
+    listContextModes,
+    switchContextMode,
+    repairContext
   };
 }
 
 // src/App.tsx
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 
 // src/components/ChatView.tsx
 import {
@@ -1491,7 +1518,7 @@ import {
   Sun as Sun2,
   Zap as Zap2
 } from "lucide-react";
-import { useCallback as useCallback3, useEffect as useEffect11, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect12, useRef as useRef9, useState as useState13 } from "react";
 
 // src/components/ChatInput.tsx
 import { Pencil, Send, Square } from "lucide-react";
@@ -1642,6 +1669,15 @@ function CommandPalette() {
         keywords: ["compact", "shrink", "context"],
         run: () => ws.client?.compactContext?.()
       },
+      {
+        id: "repair-context",
+        category: "Session",
+        label: "Repair context",
+        hint: "Remove orphan tool protocol blocks",
+        icon: Wrench,
+        keywords: ["repair", "context", "tool_use", "tool_result"],
+        run: () => ws.client?.repairContext?.()
+      },
       {
         id: "export",
         category: "Session",
@@ -1729,8 +1765,7 @@ function CommandPalette() {
           const next = !useConfigStore.getState().soundOnComplete;
           useConfigStore.getState().setSoundOnComplete(next);
           if (next) {
-            Promise.resolve().then(() => (init_chime(), chime_exports)).then((m) => m.playCompletionChime()).catch(() => {
-            });
+            playCompletionChime();
           }
         }
       }
@@ -2123,6 +2158,11 @@ var SLASH_COMMANDS = [
     category: "Session",
     description: "Shrink context \u2014 elide ancient tool output"
   },
+  {
+    name: "/repair",
+    category: "Session",
+    description: "Repair orphan tool_use/tool_result blocks in context"
+  },
   {
     name: "/debug",
     category: "Inspect",
@@ -2237,6 +2277,9 @@ function ChatInput() {
         case "/compact!":
           client2?.compactContext?.(cmd === "/compact!");
           return true;
+        case "/repair":
+          client2?.repairContext?.();
+          return true;
         case "/debug":
         case "/context":
           client2?.debugContext?.();
@@ -2857,18 +2900,130 @@ function ConnectionChip({ wsStatus, wsConnected }) {
   );
 }
 
-// src/components/CostChip.tsx
+// src/components/ContextModePicker.tsx
+import { Check, ChevronDown, Gauge } from "lucide-react";
 import { useEffect as useEffect7, useRef as useRef5, useState as useState5 } from "react";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var FALLBACK_MODES = [
+  {
+    id: "balanced",
+    name: "Balanced",
+    description: "Default rolling compaction",
+    thresholds: { warn: 0.6, soft: 0.75, hard: 0.9 },
+    preserveK: 10,
+    eliseThreshold: 2e3
+  }
+];
+function ContextModePicker() {
+  const contextMode = useSessionStore((s) => s.contextMode);
+  const contextModes = useSessionStore((s) => s.contextModes);
+  const { listContextModes, switchContextMode } = useWebSocket();
+  const [open, setOpen] = useState5(false);
+  const rootRef = useRef5(null);
+  useEffect7(() => {
+    if (open) listContextModes();
+  }, [open, listContextModes]);
+  useEffect7(() => {
+    if (!open) return;
+    const onClick = (e) => {
+      if (!rootRef.current?.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const items = contextModes.length > 0 ? contextModes : FALLBACK_MODES;
+  const active = items.find((m) => m.id === contextMode) ?? items[0];
+  return /* @__PURE__ */ jsxs6("div", { ref: rootRef, className: "relative shrink-0", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        className: cn(
+          "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium",
+          "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 hover:bg-emerald-500/15 transition-colors border border-transparent hover:border-emerald-500/30"
+        ),
+        title: "Context-window mode",
+        children: [
+          /* @__PURE__ */ jsx7(Gauge, { className: "h-3 w-3" }),
+          "ctx: ",
+          /* @__PURE__ */ jsx7("span", { className: "font-mono", children: contextMode || active.id }),
+          /* @__PURE__ */ jsx7(ChevronDown, { className: "h-3 w-3 opacity-60" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs6("div", { className: "absolute top-full left-0 mt-1 w-80 rounded-md border bg-popover shadow-lg z-30 py-1", children: [
+      /* @__PURE__ */ jsx7("div", { className: "px-3 py-1.5 text-[10px] uppercase tracking-wider text-muted-foreground border-b", children: "Context Window" }),
+      items.map((m) => /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            switchContextMode(m.id);
+            setOpen(false);
+          },
+          className: cn(
+            "w-full text-left px-3 py-2 hover:bg-accent/40 flex items-start gap-2",
+            m.id === contextMode && "bg-accent/30"
+          ),
+          children: [
+            /* @__PURE__ */ jsx7(
+              Check,
+              {
+                className: cn(
+                  "h-3.5 w-3.5 mt-0.5 shrink-0",
+                  m.id === contextMode ? "opacity-100 text-primary" : "opacity-0"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx7("span", { className: "text-xs font-mono", children: m.id }),
+                m.thresholds && /* @__PURE__ */ jsxs6("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                  Math.round(m.thresholds.warn * 100),
+                  "/",
+                  Math.round(m.thresholds.soft * 100),
+                  "/",
+                  Math.round(m.thresholds.hard * 100),
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx7("div", { className: "text-[11px] text-muted-foreground leading-snug", children: m.description }),
+              (m.preserveK || m.eliseThreshold) && /* @__PURE__ */ jsxs6("div", { className: "mt-1 text-[10px] text-muted-foreground/80", children: [
+                "keep ",
+                m.preserveK ?? "-",
+                " recent \xB7 elide ",
+                m.eliseThreshold ?? "-",
+                "+ tokens"
+              ] })
+            ] })
+          ]
+        },
+        m.id
+      ))
+    ] })
+  ] });
+}
+
+// src/components/CostChip.tsx
+import { useEffect as useEffect8, useRef as useRef6, useState as useState6 } from "react";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function CostChip() {
   const cost = useSessionStore((s) => s.cost);
   const inputCost = useSessionStore((s) => s.inputCost);
   const outputCost = useSessionStore((s) => s.outputCost);
   const cacheReadCost = useSessionStore((s) => s.cacheReadCost);
   const messages = useChatStore((s) => s.messages);
-  const [open, setOpen] = useState5(false);
-  const rootRef = useRef5(null);
-  useEffect7(() => {
+  const [open, setOpen] = useState6(false);
+  const rootRef = useRef6(null);
+  useEffect8(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -2902,8 +3057,8 @@ function CostChip() {
   })();
   const fmt$ = (v) => v >= 0.01 ? `$${v.toFixed(4)}` : v > 0 ? `$${v.toFixed(6).replace(/0+$/, "").replace(/\.$/, "")}` : "$0";
   const haveRates = inputCost > 0 || outputCost > 0;
-  return /* @__PURE__ */ jsxs6("div", { ref: rootRef, className: "relative inline-block", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { ref: rootRef, className: "relative inline-block", children: [
+    /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -2918,42 +3073,42 @@ function CostChip() {
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs6("div", { className: "absolute right-0 top-full mt-1 z-30 w-80 rounded-md border bg-popover shadow-lg p-3 text-foreground", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsx7("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Cost breakdown" }),
-        /* @__PURE__ */ jsx7("span", { className: "font-mono tabular-nums text-sm font-semibold text-green-600 dark:text-green-400", children: fmt$(cost) })
+    open && /* @__PURE__ */ jsxs7("div", { className: "absolute right-0 top-full mt-1 z-30 w-80 rounded-md border bg-popover shadow-lg p-3 text-foreground", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Cost breakdown" }),
+        /* @__PURE__ */ jsx8("span", { className: "font-mono tabular-nums text-sm font-semibold text-green-600 dark:text-green-400", children: fmt$(cost) })
       ] }),
-      haveRates ? /* @__PURE__ */ jsxs6("div", { className: "text-[11px] text-muted-foreground font-mono mb-3 border-b pb-2", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx7("span", { children: "input /1M" }),
-          /* @__PURE__ */ jsxs6("span", { children: [
+      haveRates ? /* @__PURE__ */ jsxs7("div", { className: "text-[11px] text-muted-foreground font-mono mb-3 border-b pb-2", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { children: "input /1M" }),
+          /* @__PURE__ */ jsxs7("span", { children: [
             "$",
             inputCost.toFixed(2)
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx7("span", { children: "output /1M" }),
-          /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { children: "output /1M" }),
+          /* @__PURE__ */ jsxs7("span", { children: [
             "$",
             outputCost.toFixed(2)
           ] })
         ] }),
-        cacheReadCost > 0 && /* @__PURE__ */ jsxs6("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx7("span", { children: "cache /1M" }),
-          /* @__PURE__ */ jsxs6("span", { children: [
+        cacheReadCost > 0 && /* @__PURE__ */ jsxs7("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { children: "cache /1M" }),
+          /* @__PURE__ */ jsxs7("span", { children: [
             "$",
             cacheReadCost.toFixed(2)
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx7("div", { className: "text-[11px] text-muted-foreground italic mb-3 border-b pb-2", children: "No pricing for the current model \u2014 cost figures are zero." }),
-      turns.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "text-xs text-muted-foreground italic", children: "No completed turns yet. Run a prompt to see per-turn cost here." }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-        /* @__PURE__ */ jsxs6("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground/80 mb-1", children: [
+      ] }) : /* @__PURE__ */ jsx8("div", { className: "text-[11px] text-muted-foreground italic mb-3 border-b pb-2", children: "No pricing for the current model \u2014 cost figures are zero." }),
+      turns.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "text-xs text-muted-foreground italic", children: "No completed turns yet. Run a prompt to see per-turn cost here." }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        /* @__PURE__ */ jsxs7("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground/80 mb-1", children: [
           "Top ",
           turns.length,
           " expensive turn",
           turns.length === 1 ? "" : "s"
         ] }),
-        /* @__PURE__ */ jsx7("ul", { className: "space-y-1", children: turns.map((t) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx8("ul", { className: "space-y-1", children: turns.map((t) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -2964,11 +3119,11 @@ function CostChip() {
             },
             className: "w-full text-left rounded px-2 py-1.5 hover:bg-accent/40 transition-colors",
             children: [
-              /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline justify-between gap-2", children: [
-                /* @__PURE__ */ jsx7("span", { className: "text-xs truncate", children: t.preview }),
-                /* @__PURE__ */ jsx7("span", { className: "text-xs font-mono tabular-nums text-green-600 dark:text-green-400 shrink-0", children: fmt$(t.cost) })
+              /* @__PURE__ */ jsxs7("div", { className: "flex items-baseline justify-between gap-2", children: [
+                /* @__PURE__ */ jsx8("span", { className: "text-xs truncate", children: t.preview }),
+                /* @__PURE__ */ jsx8("span", { className: "text-xs font-mono tabular-nums text-green-600 dark:text-green-400 shrink-0", children: fmt$(t.cost) })
               ] }),
-              /* @__PURE__ */ jsxs6("div", { className: "text-[10px] text-muted-foreground font-mono mt-0.5", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "text-[10px] text-muted-foreground font-mono mt-0.5", children: [
                 t.tools,
                 " tool",
                 t.tools === 1 ? "" : "s",
@@ -3100,9 +3255,9 @@ function safeJson(v) {
 // src/components/MessageBubble.tsx
 import {
   Bot,
-  Check,
+  Check as Check2,
   CheckCircle2 as CheckCircle22,
-  ChevronDown as ChevronDown2,
+  ChevronDown as ChevronDown3,
   ChevronRight as ChevronRight2,
   Clock,
   Copy,
@@ -3116,36 +3271,36 @@ import {
   User,
   XCircle as XCircle2
 } from "lucide-react";
-import { memo as memo3, useState as useState7 } from "react";
+import { memo as memo3, useState as useState8 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
 // src/components/DiffView.tsx
 import { memo, useMemo as useMemo2 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var DiffView = memo(function DiffView2({ oldText, newText, caption }) {
   const rows = useMemo2(() => computeDiff(oldText, newText), [oldText, newText]);
   if (rows === null) {
-    return /* @__PURE__ */ jsx8("div", { className: "text-xs text-muted-foreground italic px-3 py-2", children: "Diff omitted (file too large to render inline)." });
+    return /* @__PURE__ */ jsx9("div", { className: "text-xs text-muted-foreground italic px-3 py-2", children: "Diff omitted (file too large to render inline)." });
   }
   const adds = rows.filter((r) => r.kind === "add").length;
   const dels = rows.filter((r) => r.kind === "del").length;
-  return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border bg-background/40 overflow-hidden text-xs", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/40", children: [
-      /* @__PURE__ */ jsx8("span", { className: "font-mono text-muted-foreground truncate", children: caption ?? "diff" }),
-      /* @__PURE__ */ jsxs7("span", { className: "font-mono shrink-0", children: [
-        /* @__PURE__ */ jsxs7("span", { className: "text-emerald-600 dark:text-emerald-400", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border bg-background/40 overflow-hidden text-xs", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/40", children: [
+      /* @__PURE__ */ jsx9("span", { className: "font-mono text-muted-foreground truncate", children: caption ?? "diff" }),
+      /* @__PURE__ */ jsxs8("span", { className: "font-mono shrink-0", children: [
+        /* @__PURE__ */ jsxs8("span", { className: "text-emerald-600 dark:text-emerald-400", children: [
           "+",
           adds
         ] }),
-        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground mx-1", children: "\xB7" }),
-        /* @__PURE__ */ jsxs7("span", { className: "text-rose-600 dark:text-rose-400", children: [
+        /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground mx-1", children: "\xB7" }),
+        /* @__PURE__ */ jsxs8("span", { className: "text-rose-600 dark:text-rose-400", children: [
           "-",
           dels
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "font-mono leading-relaxed max-h-96 overflow-auto", children: rows.map((r, i) => /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx9("div", { className: "font-mono leading-relaxed max-h-96 overflow-auto", children: rows.map((r, i) => /* @__PURE__ */ jsxs8(
       "div",
       {
         className: cn(
@@ -3154,7 +3309,7 @@ var DiffView = memo(function DiffView2({ oldText, newText, caption }) {
           r.kind === "del" && "bg-rose-500/10"
         ),
         children: [
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             "span",
             {
               className: cn(
@@ -3166,7 +3321,7 @@ var DiffView = memo(function DiffView2({ oldText, newText, caption }) {
               children: r.kind === "add" ? "+" : r.kind === "del" ? "-" : " "
             }
           ),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             "pre",
             {
               className: cn(
@@ -3241,9 +3396,9 @@ function diffFromToolInput(toolName, input) {
 }
 
 // src/components/ToolResult.tsx
-import { ChevronDown, ChevronRight, ChevronsDown, ChevronsUp } from "lucide-react";
-import { memo as memo2, useMemo as useMemo3, useState as useState6 } from "react";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { ChevronDown as ChevronDown2, ChevronRight, ChevronsDown, ChevronsUp } from "lucide-react";
+import { memo as memo2, useMemo as useMemo3, useState as useState7 } from "react";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var LONG_OUTPUT_THRESHOLD = 25;
 var LONG_PEEK_LINES = 12;
 function CollapsibleText({
@@ -3255,17 +3410,17 @@ function CollapsibleText({
 }) {
   const lines = useMemo3(() => text.split("\n"), [text]);
   const isLong = lines.length > LONG_OUTPUT_THRESHOLD;
-  const [expanded, setExpanded] = useState6(!isLong);
+  const [expanded, setExpanded] = useState7(!isLong);
   const shown = expanded ? text : lines.slice(0, LONG_PEEK_LINES).join("\n");
   const renderGutter = !!showLineNumbers && isLong && expanded;
-  return /* @__PURE__ */ jsxs8("div", { className: cn("rounded-md border bg-background/40 overflow-hidden", className), children: [
+  return /* @__PURE__ */ jsxs9("div", { className: cn("rounded-md border bg-background/40 overflow-hidden", className), children: [
     renderGutter ? (
       // Force `whitespace-pre` inside the gutter view so the line numbers
       // stay 1:1 with content rows. Long horizontal lines scroll within
       // the shared overflow container rather than wrapping (which would
       // break alignment between the gutter and the body).
-      /* @__PURE__ */ jsxs8("div", { className: "flex max-h-96 overflow-auto", children: [
-        /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsxs9("div", { className: "flex max-h-96 overflow-auto", children: [
+        /* @__PURE__ */ jsx10(
           "pre",
           {
             "aria-hidden": true,
@@ -3273,7 +3428,7 @@ function CollapsibleText({
             children: lines.map((_, i) => `${i + 1}`).join("\n")
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "pre",
           {
             className: cn(
@@ -3284,7 +3439,7 @@ function CollapsibleText({
           }
         )
       ] })
-    ) : /* @__PURE__ */ jsx9(
+    ) : /* @__PURE__ */ jsx10(
       "pre",
       {
         className: cn(
@@ -3295,19 +3450,19 @@ function CollapsibleText({
         children: shown
       }
     ),
-    isLong && /* @__PURE__ */ jsx9(
+    isLong && /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
         onClick: () => setExpanded((v) => !v),
         className: "w-full flex items-center justify-center gap-1 px-2 py-1 border-t bg-muted/30 text-[11px] text-muted-foreground hover:text-foreground transition-colors",
-        children: expanded ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-          /* @__PURE__ */ jsx9(ChevronsUp, { className: "h-3 w-3" }),
+        children: expanded ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
+          /* @__PURE__ */ jsx10(ChevronsUp, { className: "h-3 w-3" }),
           "Collapse to first ",
           LONG_PEEK_LINES,
           " lines"
-        ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-          /* @__PURE__ */ jsx9(ChevronsDown, { className: "h-3 w-3" }),
+        ] }) : /* @__PURE__ */ jsxs9(Fragment3, { children: [
+          /* @__PURE__ */ jsx10(ChevronsDown, { className: "h-3 w-3" }),
           "Show all ",
           lines.length,
           " lines (",
@@ -3326,10 +3481,10 @@ var ToolResult = memo2(function ToolResult2({
 }) {
   const shape = useMemo3(() => detectShape(toolName, result), [toolName, result]);
   if (shape.kind === "json") {
-    return /* @__PURE__ */ jsx9(JsonResult, { value: shape.value, isError, className });
+    return /* @__PURE__ */ jsx10(JsonResult, { value: shape.value, isError, className });
   }
   if (shape.kind === "numbered") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       CollapsibleText,
       {
         text: result,
@@ -3340,8 +3495,8 @@ var ToolResult = memo2(function ToolResult2({
     );
   }
   if (shape.kind === "bash") {
-    return /* @__PURE__ */ jsxs8("div", { className: cn("rounded-md border bg-background/40 overflow-hidden", className), children: [
-      shape.stdout && /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs9("div", { className: cn("rounded-md border bg-background/40 overflow-hidden", className), children: [
+      shape.stdout && /* @__PURE__ */ jsx10(
         CollapsibleText,
         {
           text: shape.stdout,
@@ -3351,7 +3506,7 @@ var ToolResult = memo2(function ToolResult2({
           showLineNumbers: true
         }
       ),
-      (shape.exitCode !== void 0 || shape.duration) && /* @__PURE__ */ jsxs8(
+      (shape.exitCode !== void 0 || shape.duration) && /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -3359,17 +3514,17 @@ var ToolResult = memo2(function ToolResult2({
             shape.exitCode && shape.exitCode !== 0 ? "text-destructive" : "text-muted-foreground"
           ),
           children: [
-            shape.exitCode !== void 0 && /* @__PURE__ */ jsxs8("span", { children: [
+            shape.exitCode !== void 0 && /* @__PURE__ */ jsxs9("span", { children: [
               "exit code: ",
-              /* @__PURE__ */ jsx9("span", { className: "font-mono", children: shape.exitCode })
+              /* @__PURE__ */ jsx10("span", { className: "font-mono", children: shape.exitCode })
             ] }),
-            shape.duration && /* @__PURE__ */ jsx9("span", { children: shape.duration })
+            shape.duration && /* @__PURE__ */ jsx10("span", { children: shape.duration })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     CollapsibleText,
     {
       text: result,
@@ -3422,8 +3577,8 @@ function JsonResult({
     }
   }, [value]);
   const lineCount = pretty.split("\n").length;
-  const [expanded, setExpanded] = useState6(lineCount < 30);
-  return /* @__PURE__ */ jsxs8(
+  const [expanded, setExpanded] = useState7(lineCount < 30);
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -3432,26 +3587,26 @@ function JsonResult({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
             onClick: () => setExpanded((v) => !v),
             className: "w-full flex items-center justify-between px-2 py-1 border-b bg-muted/30 text-[11px] text-muted-foreground hover:text-foreground",
             children: [
-              /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-1", children: [
-                expanded ? /* @__PURE__ */ jsx9(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx9(ChevronRight, { className: "h-3 w-3" }),
-                /* @__PURE__ */ jsxs8("span", { className: "font-mono", children: [
+              /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1", children: [
+                expanded ? /* @__PURE__ */ jsx10(ChevronDown2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx10(ChevronRight, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxs9("span", { className: "font-mono", children: [
                   "JSON \xB7 ",
                   lineCount,
                   " lines"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx9("span", { children: expanded ? "collapse" : "expand" })
+              /* @__PURE__ */ jsx10("span", { children: expanded ? "collapse" : "expand" })
             ]
           }
         ),
-        expanded && /* @__PURE__ */ jsx9(
+        expanded && /* @__PURE__ */ jsx10(
           "pre",
           {
             className: cn(
@@ -3467,7 +3622,7 @@ function JsonResult({
 }
 
 // src/components/MessageBubble.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 async function copyToClipboard(text) {
   try {
     if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
@@ -3500,7 +3655,7 @@ var markdownComponents = {
     const match = /language-(\w+)/.exec(className ?? "");
     const codeText = String(children ?? "").replace(/\n$/, "");
     if (inline || !match) {
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(
         "code",
         {
           className: cn("rounded bg-muted/60 px-1.5 py-0.5 text-[0.85em] font-mono", className),
@@ -3509,12 +3664,12 @@ var markdownComponents = {
         }
       );
     }
-    return /* @__PURE__ */ jsxs9("div", { className: "not-prose relative my-3 rounded-lg border bg-muted/30 overflow-hidden", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/40 text-xs", children: [
-        /* @__PURE__ */ jsx10("span", { className: "font-mono text-muted-foreground", children: match[1] }),
-        /* @__PURE__ */ jsx10(CopyButton, { text: codeText, label: "" })
+    return /* @__PURE__ */ jsxs10("div", { className: "not-prose relative my-3 rounded-lg border bg-muted/30 overflow-hidden", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/40 text-xs", children: [
+        /* @__PURE__ */ jsx11("span", { className: "font-mono text-muted-foreground", children: match[1] }),
+        /* @__PURE__ */ jsx11(CopyButton, { text: codeText, label: "" })
       ] }),
-      /* @__PURE__ */ jsx10("pre", { className: "overflow-x-auto p-3 text-xs leading-relaxed font-mono max-h-[40rem]", children: /* @__PURE__ */ jsx10("code", { children: codeText }) })
+      /* @__PURE__ */ jsx11("pre", { className: "overflow-x-auto p-3 text-xs leading-relaxed font-mono max-h-[40rem]", children: /* @__PURE__ */ jsx11("code", { children: codeText }) })
     ] });
   }
 };
@@ -3523,8 +3678,8 @@ function CopyButton({
   className,
   label = "Copy"
 }) {
-  const [copied, setCopied] = useState7(false);
-  return /* @__PURE__ */ jsx10(
+  const [copied, setCopied] = useState8(false);
+  return /* @__PURE__ */ jsx11(
     "button",
     {
       type: "button",
@@ -3541,12 +3696,12 @@ function CopyButton({
         className
       ),
       title: label,
-      children: copied ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-        /* @__PURE__ */ jsx10(Check, { className: "h-3 w-3 text-green-500" }),
-        /* @__PURE__ */ jsx10("span", { children: "Copied" })
-      ] }) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
-        /* @__PURE__ */ jsx10(Copy, { className: "h-3 w-3" }),
-        /* @__PURE__ */ jsx10("span", { children: label })
+      children: copied ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        /* @__PURE__ */ jsx11(Check2, { className: "h-3 w-3 text-green-500" }),
+        /* @__PURE__ */ jsx11("span", { children: "Copied" })
+      ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        /* @__PURE__ */ jsx11(Copy, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx11("span", { children: label })
       ] })
     }
   );
@@ -3581,17 +3736,17 @@ function detectStackBoundary(text) {
 }
 function ErrorBodyWithStack({ text }) {
   const idx = detectStackBoundary(text);
-  const [open, setOpen] = useState7(false);
+  const [open, setOpen] = useState8(false);
   if (idx === -1) {
-    return /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed", children: text });
+    return /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed", children: text });
   }
   const lines = text.split("\n");
   const head = lines.slice(0, idx).join("\n").trim();
   const stack = lines.slice(idx).join("\n");
   const frameCount = stack.split("\n").filter((l) => l.trim().length > 0).length;
-  return /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-    head && /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed", children: head }),
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+    head && /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed", children: head }),
+    /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -3609,24 +3764,24 @@ function ErrorBodyWithStack({ text }) {
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-snug bg-destructive/5 border border-destructive/20 rounded p-2 max-h-80 overflow-auto", children: stack })
+    open && /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-snug bg-destructive/5 border border-destructive/20 rounded p-2 max-h-80 overflow-auto", children: stack })
   ] });
 }
 function ToolInputView({ input }) {
-  const [openKeys, setOpenKeys] = useState7({});
+  const [openKeys, setOpenKeys] = useState8({});
   if (input === null || input === void 0 || typeof input !== "object" || Array.isArray(input)) {
-    return /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-all text-xs font-mono", children: JSON.stringify(input, null, 2) });
+    return /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-all text-xs font-mono", children: JSON.stringify(input, null, 2) });
   }
   const entries = Object.entries(input);
   if (entries.length === 0) {
-    return /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground italic", children: "(no params)" });
+    return /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground italic", children: "(no params)" });
   }
-  return /* @__PURE__ */ jsx10("div", { className: "text-xs font-mono", children: entries.map(([k, v]) => {
+  return /* @__PURE__ */ jsx11("div", { className: "text-xs font-mono", children: entries.map(([k, v]) => {
     const isPrimitive = v === null || v === void 0 || typeof v === "string" || typeof v === "number" || typeof v === "boolean";
     if (isPrimitive) {
       const display = v === null ? "null" : v === void 0 ? "undefined" : typeof v === "string" ? v : String(v);
       const isLong = typeof v === "string" && (display.length > 80 || display.includes("\n"));
-      return /* @__PURE__ */ jsxs9(
+      return /* @__PURE__ */ jsxs10(
         "div",
         {
           className: cn(
@@ -3634,11 +3789,11 @@ function ToolInputView({ input }) {
             isLong ? "flex flex-col gap-0.5" : "flex items-baseline gap-2"
           ),
           children: [
-            /* @__PURE__ */ jsxs9("span", { className: "text-muted-foreground shrink-0", children: [
+            /* @__PURE__ */ jsxs10("span", { className: "text-muted-foreground shrink-0", children: [
               k,
               ":"
             ] }),
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx11(
               "span",
               {
                 className: cn(
@@ -3657,24 +3812,24 @@ function ToolInputView({ input }) {
     }
     const open = !!openKeys[k];
     const summary = Array.isArray(v) ? `[${v.length} item${v.length === 1 ? "" : "s"}]` : `{${Object.keys(v).length} key${Object.keys(v).length === 1 ? "" : "s"}}`;
-    return /* @__PURE__ */ jsxs9("div", { className: "py-0.5", children: [
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10("div", { className: "py-0.5", children: [
+      /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
           onClick: () => setOpenKeys((p) => ({ ...p, [k]: !p[k] })),
           className: "flex items-baseline gap-2 hover:bg-muted/30 rounded px-1 -mx-1",
           children: [
-            /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground/60 text-[10px]", children: open ? "\u25BE" : "\u25B8" }),
-            /* @__PURE__ */ jsxs9("span", { className: "text-muted-foreground", children: [
+            /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground/60 text-[10px]", children: open ? "\u25BE" : "\u25B8" }),
+            /* @__PURE__ */ jsxs10("span", { className: "text-muted-foreground", children: [
               k,
               ":"
             ] }),
-            /* @__PURE__ */ jsx10("span", { className: "text-violet-600 dark:text-violet-400", children: summary })
+            /* @__PURE__ */ jsx11("span", { className: "text-violet-600 dark:text-violet-400", children: summary })
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx10("pre", { className: "ml-3 mt-1 whitespace-pre-wrap break-all text-[11px] bg-muted/40 rounded px-2 py-1.5", children: JSON.stringify(v, null, 2) })
+      open && /* @__PURE__ */ jsx11("pre", { className: "ml-3 mt-1 whitespace-pre-wrap break-all text-[11px] bg-muted/40 rounded px-2 py-1.5", children: JSON.stringify(v, null, 2) })
     ] }, k);
   }) });
 }
@@ -3690,10 +3845,10 @@ var MessageBubble = memo3(function MessageBubble2({
   isFirst = false,
   isContinuation = false
 }) {
-  const [expandedTools, setExpandedTools] = useState7({});
-  const [editing, setEditing] = useState7(false);
-  const [editValue, setEditValue] = useState7("");
-  const [showRaw, setShowRaw] = useState7(false);
+  const [expandedTools, setExpandedTools] = useState8({});
+  const [editing, setEditing] = useState8(false);
+  const [editValue, setEditValue] = useState8("");
+  const [showRaw, setShowRaw] = useState8(false);
   const isUser = message.role === "user";
   const isTool = message.role === "tool";
   void message.role;
@@ -3762,7 +3917,7 @@ var MessageBubble = memo3(function MessageBubble2({
     setEditing(false);
     setEditValue("");
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "data-message-id": message.id,
@@ -3774,7 +3929,7 @@ var MessageBubble = memo3(function MessageBubble2({
         isPinned && "ring-1 ring-amber-500/30 bg-amber-500/[0.02] px-1 -mx-1"
       ),
       children: [
-        isContinuation ? /* @__PURE__ */ jsx10("div", { className: "flex-shrink-0 w-8 h-8", "aria-hidden": true }) : /* @__PURE__ */ jsx10(
+        isContinuation ? /* @__PURE__ */ jsx11("div", { className: "flex-shrink-0 w-8 h-8", "aria-hidden": true }) : /* @__PURE__ */ jsx11(
           "div",
           {
             className: cn(
@@ -3782,11 +3937,11 @@ var MessageBubble = memo3(function MessageBubble2({
               "ring-2 ring-offset-2 ring-offset-background",
               isUser ? "bg-primary text-primary-foreground ring-primary/20" : isTool ? "bg-secondary text-secondary-foreground ring-secondary/20" : "bg-accent text-accent-foreground ring-accent/20"
             ),
-            children: isUser ? /* @__PURE__ */ jsx10(User, { className: "h-4 w-4" }) : isTool ? /* @__PURE__ */ jsx10(Terminal, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx10(Bot, { className: "h-4 w-4" })
+            children: isUser ? /* @__PURE__ */ jsx11(User, { className: "h-4 w-4" }) : isTool ? /* @__PURE__ */ jsx11(Terminal, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(Bot, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-col gap-1.5 max-w-[85%]", isUser && "items-end"), children: [
-          isFirst && !isContinuation && /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-col gap-1.5 max-w-[85%]", isUser && "items-end"), children: [
+          isFirst && !isContinuation && /* @__PURE__ */ jsx11(
             "span",
             {
               className: cn(
@@ -3796,7 +3951,7 @@ var MessageBubble = memo3(function MessageBubble2({
               children: isUser ? "You" : isTool ? "Tool" : "Assistant"
             }
           ),
-          isTool && message.toolName && /* @__PURE__ */ jsxs9(
+          isTool && message.toolName && /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -3807,18 +3962,18 @@ var MessageBubble = memo3(function MessageBubble2({
                 message.isError ? "text-destructive" : "text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground/50", children: expandedTools[message.id] ? /* @__PURE__ */ jsx10(ChevronDown2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx10(ChevronRight2, { className: "h-3 w-3" }) }),
-                /* @__PURE__ */ jsx10(Terminal, { className: "h-3 w-3" }),
-                /* @__PURE__ */ jsx10("span", { className: "font-mono", children: message.toolName }),
+                /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground/50", children: expandedTools[message.id] ? /* @__PURE__ */ jsx11(ChevronDown3, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3 w-3" }) }),
+                /* @__PURE__ */ jsx11(Terminal, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx11("span", { className: "font-mono", children: message.toolName }),
                 message.toolResult === void 0 ? (
                   // Pulsing dot while still running (matches the inline indicator below).
-                  /* @__PURE__ */ jsx10("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-500 animate-pulse", "aria-hidden": true })
-                ) : message.isError ? /* @__PURE__ */ jsx10(XCircle2, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx10(CheckCircle22, { className: "h-3 w-3 text-green-500" }),
-                typeof message.toolDurationMs === "number" && /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground tabular-nums font-normal", children: formatToolDuration(message.toolDurationMs) })
+                  /* @__PURE__ */ jsx11("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-500 animate-pulse", "aria-hidden": true })
+                ) : message.isError ? /* @__PURE__ */ jsx11(XCircle2, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx11(CheckCircle22, { className: "h-3 w-3 text-green-500" }),
+                typeof message.toolDurationMs === "number" && /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground tabular-nums font-normal", children: formatToolDuration(message.toolDurationMs) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "div",
             {
               className: cn(
@@ -3831,9 +3986,9 @@ var MessageBubble = memo3(function MessageBubble2({
                 const expanded = !!expandedTools[message.id];
                 const inputSummary = message.toolInput !== void 0 ? summarizeToolInput(message.toolName, message.toolInput) : "";
                 const lines = message.toolResult ? message.toolResult.split("\n").length : 0;
-                return /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
-                  inputSummary && !expanded && /* @__PURE__ */ jsx10("div", { className: "text-xs text-muted-foreground font-mono truncate", children: inputSummary }),
-                  message.toolResult === void 0 && message.progressLines && message.progressLines.length > 0 && /* @__PURE__ */ jsx10("div", { className: "mt-1 rounded-md border border-amber-500/20 bg-amber-500/5 p-1.5 text-[11px] font-mono leading-snug max-h-32 overflow-auto", children: message.progressLines.slice(-6).map((line, i) => /* @__PURE__ */ jsx10(
+                return /* @__PURE__ */ jsxs10("div", { className: "space-y-1", children: [
+                  inputSummary && !expanded && /* @__PURE__ */ jsx11("div", { className: "text-xs text-muted-foreground font-mono truncate", children: inputSummary }),
+                  message.toolResult === void 0 && message.progressLines && message.progressLines.length > 0 && /* @__PURE__ */ jsx11("div", { className: "mt-1 rounded-md border border-amber-500/20 bg-amber-500/5 p-1.5 text-[11px] font-mono leading-snug max-h-32 overflow-auto", children: message.progressLines.slice(-6).map((line, i) => /* @__PURE__ */ jsx11(
                     "div",
                     {
                       className: "truncate text-muted-foreground",
@@ -3844,7 +3999,7 @@ var MessageBubble = memo3(function MessageBubble2({
                   expanded && message.toolInput !== void 0 && (() => {
                     const diffArgs = diffFromToolInput(message.toolName, message.toolInput);
                     if (diffArgs) {
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         DiffView,
                         {
                           oldText: diffArgs.oldText,
@@ -3853,16 +4008,16 @@ var MessageBubble = memo3(function MessageBubble2({
                         }
                       );
                     }
-                    return /* @__PURE__ */ jsxs9("div", { className: "p-3 bg-muted/50 rounded-lg overflow-x-auto", children: [
-                      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 text-muted-foreground mb-2 text-xs", children: [
-                        /* @__PURE__ */ jsx10(Clock, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ jsx10("span", { children: "Input" })
+                    return /* @__PURE__ */ jsxs10("div", { className: "p-3 bg-muted/50 rounded-lg overflow-x-auto", children: [
+                      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1 text-muted-foreground mb-2 text-xs", children: [
+                        /* @__PURE__ */ jsx11(Clock, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx11("span", { children: "Input" })
                       ] }),
-                      /* @__PURE__ */ jsx10(ToolInputView, { input: message.toolInput })
+                      /* @__PURE__ */ jsx11(ToolInputView, { input: message.toolInput })
                     ] });
                   })(),
-                  expanded && message.toolResult !== void 0 && message.toolResult.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "relative group/tool", children: [
-                    /* @__PURE__ */ jsx10(
+                  expanded && message.toolResult !== void 0 && message.toolResult.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "relative group/tool", children: [
+                    /* @__PURE__ */ jsx11(
                       ToolResult,
                       {
                         toolName: message.toolName,
@@ -3870,8 +4025,8 @@ var MessageBubble = memo3(function MessageBubble2({
                         isError: message.isError
                       }
                     ),
-                    /* @__PURE__ */ jsxs9("div", { className: "absolute top-1.5 right-1.5 flex items-center gap-1 opacity-0 group-hover/tool:opacity-100 transition-opacity", children: [
-                      /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsxs10("div", { className: "absolute top-1.5 right-1.5 flex items-center gap-1 opacity-0 group-hover/tool:opacity-100 transition-opacity", children: [
+                      /* @__PURE__ */ jsx11(
                         CopyButton,
                         {
                           text: message.toolResult,
@@ -3879,7 +4034,7 @@ var MessageBubble = memo3(function MessageBubble2({
                           className: "bg-background/80 border rounded px-1.5 py-0.5"
                         }
                       ),
-                      message.toolResult.split("\n").length > 5 && /* @__PURE__ */ jsx10(
+                      message.toolResult.split("\n").length > 5 && /* @__PURE__ */ jsx11(
                         "button",
                         {
                           type: "button",
@@ -3894,14 +4049,14 @@ var MessageBubble = memo3(function MessageBubble2({
                           },
                           className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground bg-background/80 border rounded px-1.5 py-0.5",
                           title: "Download as file",
-                          children: /* @__PURE__ */ jsx10(Download2, { className: "h-3 w-3" })
+                          children: /* @__PURE__ */ jsx11(Download2, { className: "h-3 w-3" })
                         }
                       )
                     ] })
                   ] }),
-                  expanded && message.toolResult !== void 0 && message.toolResult.length === 0 && /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground italic", children: "(empty)" }),
-                  !expanded && message.isError && message.toolResult && /* @__PURE__ */ jsx10("div", { className: "text-xs font-mono text-destructive truncate", children: message.toolResult.split("\n")[0] }),
-                  (message.toolResult !== void 0 && message.toolResult.length > 0 || message.toolInput !== void 0 && Object.keys(message.toolInput ?? {}).length > 0) && /* @__PURE__ */ jsx10(
+                  expanded && message.toolResult !== void 0 && message.toolResult.length === 0 && /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground italic", children: "(empty)" }),
+                  !expanded && message.isError && message.toolResult && /* @__PURE__ */ jsx11("div", { className: "text-xs font-mono text-destructive truncate", children: message.toolResult.split("\n")[0] }),
+                  (message.toolResult !== void 0 && message.toolResult.length > 0 || message.toolInput !== void 0 && Object.keys(message.toolInput ?? {}).length > 0) && /* @__PURE__ */ jsx11(
                     "button",
                     {
                       type: "button",
@@ -3911,8 +4066,8 @@ var MessageBubble = memo3(function MessageBubble2({
                     }
                   )
                 ] });
-              })() : editing && isUser ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2 min-w-[280px]", children: [
-                /* @__PURE__ */ jsx10(
+              })() : editing && isUser ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 min-w-[280px]", children: [
+                /* @__PURE__ */ jsx11(
                   "textarea",
                   {
                     value: editValue,
@@ -3930,10 +4085,10 @@ var MessageBubble = memo3(function MessageBubble2({
                     className: "w-full resize-none rounded-md border bg-background text-foreground px-2 py-1.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-ring"
                   }
                 ),
-                /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-primary-foreground/60", children: "\u2318/Ctrl+Enter to save \xB7 Esc to cancel" }),
-                  /* @__PURE__ */ jsxs9("div", { className: "flex gap-1", children: [
-                    /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ jsx11("span", { className: "text-[10px] text-primary-foreground/60", children: "\u2318/Ctrl+Enter to save \xB7 Esc to cancel" }),
+                  /* @__PURE__ */ jsxs10("div", { className: "flex gap-1", children: [
+                    /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -3942,7 +4097,7 @@ var MessageBubble = memo3(function MessageBubble2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       "button",
                       {
                         type: "button",
@@ -3954,19 +4109,19 @@ var MessageBubble = memo3(function MessageBubble2({
                     )
                   ] })
                 ] })
-              ] }) : /* @__PURE__ */ jsx10("div", { className: "text-sm leading-relaxed markdown-content", children: message.content ? showRaw && message.role === "assistant" ? /* @__PURE__ */ jsx10("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-foreground/90 max-h-[40rem] overflow-auto", children: message.content }) : message.role === "assistant" && message.isError ? /* @__PURE__ */ jsx10(ErrorBodyWithStack, { text: message.content }) : /* @__PURE__ */ jsx10(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: message.content }) : message.streaming ? /* @__PURE__ */ jsx10("span", { className: "inline-block animate-pulse text-muted-foreground", children: "Typing..." }) : /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground italic", children: "No content" }) })
+              ] }) : /* @__PURE__ */ jsx11("div", { className: "text-sm leading-relaxed markdown-content", children: message.content ? showRaw && message.role === "assistant" ? /* @__PURE__ */ jsx11("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-foreground/90 max-h-[40rem] overflow-auto", children: message.content }) : message.role === "assistant" && message.isError ? /* @__PURE__ */ jsx11(ErrorBodyWithStack, { text: message.content }) : /* @__PURE__ */ jsx11(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: message.content }) : message.streaming ? /* @__PURE__ */ jsx11("span", { className: "inline-block animate-pulse text-muted-foreground", children: "Typing..." }) : /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground italic", children: "No content" }) })
             }
           ),
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10(
             "div",
             {
               className: cn("flex items-center gap-2 px-1", isUser ? "flex-row-reverse" : "flex-row"),
               children: [
-                /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground/50", children: new Date(message.timestamp).toLocaleTimeString([], {
+                /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground/50", children: new Date(message.timestamp).toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) }),
-                message.runSummary && /* @__PURE__ */ jsxs9(
+                message.runSummary && /* @__PURE__ */ jsxs10(
                   "span",
                   {
                     className: "text-[10px] text-muted-foreground/60 font-mono tabular-nums",
@@ -3991,7 +4146,7 @@ var MessageBubble = memo3(function MessageBubble2({
                   const dollars = (u.input * inputCost + u.output * outputCost + (u.cacheRead ?? 0) * cacheReadCost) / 1e6;
                   const haveCost = inputCost > 0 || outputCost > 0;
                   const dollarStr = dollars >= 0.01 ? `$${dollars.toFixed(4)}` : dollars > 0 ? `$${dollars.toFixed(6).replace(/0+$/, "").replace(/\.$/, "")}` : "";
-                  return /* @__PURE__ */ jsxs9(
+                  return /* @__PURE__ */ jsxs10(
                     "span",
                     {
                       className: "text-[10px] text-muted-foreground/60 font-mono tabular-nums",
@@ -4011,7 +4166,7 @@ var MessageBubble = memo3(function MessageBubble2({
                     }
                   );
                 })(),
-                !isTool && message.content && !message.streaming && /* @__PURE__ */ jsx10(
+                !isTool && message.content && !message.streaming && /* @__PURE__ */ jsx11(
                   CopyButton,
                   {
                     text: message.content,
@@ -4019,7 +4174,7 @@ var MessageBubble = memo3(function MessageBubble2({
                     className: "opacity-0 group-hover:opacity-100 transition-opacity"
                   }
                 ),
-                message.role === "assistant" && message.content && !message.streaming && /* @__PURE__ */ jsxs9(
+                message.role === "assistant" && message.content && !message.streaming && /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -4030,12 +4185,12 @@ var MessageBubble = memo3(function MessageBubble2({
                       showRaw ? "text-primary hover:text-primary/80 opacity-100" : "opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-foreground"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx10(FileCode2, { className: "h-3 w-3" }),
-                      /* @__PURE__ */ jsx10("span", { children: showRaw ? "Rendered" : "Raw" })
+                      /* @__PURE__ */ jsx11(FileCode2, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx11("span", { children: showRaw ? "Rendered" : "Raw" })
                     ]
                   }
                 ),
-                isUser && !editing && !isLoading && message.content && /* @__PURE__ */ jsxs9(
+                isUser && !editing && !isLoading && message.content && /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -4043,12 +4198,12 @@ var MessageBubble = memo3(function MessageBubble2({
                     title: "Edit & resend this prompt",
                     className: "opacity-0 group-hover:opacity-100 transition-opacity text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1",
                     children: [
-                      /* @__PURE__ */ jsx10(Pencil2, { className: "h-3 w-3" }),
-                      /* @__PURE__ */ jsx10("span", { children: "Edit" })
+                      /* @__PURE__ */ jsx11(Pencil2, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx11("span", { children: "Edit" })
                     ]
                   }
                 ),
-                message.role === "assistant" && message.content && !message.streaming && /* @__PURE__ */ jsxs9(
+                message.role === "assistant" && message.content && !message.streaming && /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -4059,12 +4214,12 @@ var MessageBubble = memo3(function MessageBubble2({
                       isPinned ? "text-amber-500 hover:text-amber-600 opacity-100" : "opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-foreground"
                     ),
                     children: [
-                      isPinned ? /* @__PURE__ */ jsx10(PinOff, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx10(Pin, { className: "h-3 w-3" }),
-                      /* @__PURE__ */ jsx10("span", { children: isPinned ? "Pinned" : "Pin" })
+                      isPinned ? /* @__PURE__ */ jsx11(PinOff, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx11(Pin, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx11("span", { children: isPinned ? "Pinned" : "Pin" })
                     ]
                   }
                 ),
-                isLatestAssistant && message.content && !message.streaming && /* @__PURE__ */ jsxs9(
+                isLatestAssistant && message.content && !message.streaming && /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -4072,8 +4227,8 @@ var MessageBubble = memo3(function MessageBubble2({
                     title: "Regenerate this response",
                     className: "opacity-0 group-hover:opacity-100 transition-opacity text-xs text-muted-foreground hover:text-foreground inline-flex items-center gap-1",
                     children: [
-                      /* @__PURE__ */ jsx10(RotateCcw3, { className: "h-3 w-3" }),
-                      /* @__PURE__ */ jsx10("span", { children: "Retry" })
+                      /* @__PURE__ */ jsx11(RotateCcw3, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx11("span", { children: "Retry" })
                     ]
                   }
                 )
@@ -4087,19 +4242,19 @@ var MessageBubble = memo3(function MessageBubble2({
 });
 
 // src/components/ModePicker.tsx
-import { Check as Check2, ChevronDown as ChevronDown3 } from "lucide-react";
-import { useEffect as useEffect8, useRef as useRef6, useState as useState8 } from "react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Check as Check3, ChevronDown as ChevronDown4 } from "lucide-react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState9 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function ModePicker() {
   const mode = useSessionStore((s) => s.mode);
   const modes = useSessionStore((s) => s.modes);
   const { listModes, switchMode } = useWebSocket();
-  const [open, setOpen] = useState8(false);
-  const rootRef = useRef6(null);
-  useEffect8(() => {
+  const [open, setOpen] = useState9(false);
+  const rootRef = useRef7(null);
+  useEffect9(() => {
     if (open) listModes();
   }, [open, listModes]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -4115,8 +4270,8 @@ function ModePicker() {
     };
   }, [open]);
   const items = modes.length > 0 ? modes : [{ id: "default", name: "Default", description: "Standard agent behaviour" }];
-  return /* @__PURE__ */ jsxs10("div", { ref: rootRef, className: "relative shrink-0", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { ref: rootRef, className: "relative shrink-0", children: [
+    /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -4128,14 +4283,14 @@ function ModePicker() {
         title: "Active mode",
         children: [
           "mode: ",
-          /* @__PURE__ */ jsx11("span", { className: "font-mono", children: mode || "default" }),
-          /* @__PURE__ */ jsx11(ChevronDown3, { className: "h-3 w-3 opacity-60" })
+          /* @__PURE__ */ jsx12("span", { className: "font-mono", children: mode || "default" }),
+          /* @__PURE__ */ jsx12(ChevronDown4, { className: "h-3 w-3 opacity-60" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs10("div", { className: "absolute top-full left-0 mt-1 w-64 rounded-md border bg-popover shadow-lg z-30 py-1", children: [
-      /* @__PURE__ */ jsx11("div", { className: "px-3 py-1.5 text-[10px] uppercase tracking-wider text-muted-foreground border-b", children: "Mode" }),
-      items.map((m) => /* @__PURE__ */ jsxs10(
+    open && /* @__PURE__ */ jsxs11("div", { className: "absolute top-full left-0 mt-1 w-64 rounded-md border bg-popover shadow-lg z-30 py-1", children: [
+      /* @__PURE__ */ jsx12("div", { className: "px-3 py-1.5 text-[10px] uppercase tracking-wider text-muted-foreground border-b", children: "Mode" }),
+      items.map((m) => /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -4148,8 +4303,8 @@ function ModePicker() {
             m.id === mode && "bg-accent/30"
           ),
           children: [
-            /* @__PURE__ */ jsx11(
-              Check2,
+            /* @__PURE__ */ jsx12(
+              Check3,
               {
                 className: cn(
                   "h-3.5 w-3.5 mt-0.5 shrink-0",
@@ -4157,9 +4312,9 @@ function ModePicker() {
                 )
               }
             ),
-            /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx11("div", { className: "text-xs font-mono", children: m.id }),
-              m.description && /* @__PURE__ */ jsx11("div", { className: "text-[11px] text-muted-foreground leading-snug", children: m.description })
+            /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx12("div", { className: "text-xs font-mono", children: m.id }),
+              m.description && /* @__PURE__ */ jsx12("div", { className: "text-[11px] text-muted-foreground leading-snug", children: m.description })
             ] })
           ]
         },
@@ -4171,17 +4326,17 @@ function ModePicker() {
 
 // src/components/SearchOverlay.tsx
 import { ArrowDown, ArrowUp, Search as Search2, X as X2 } from "lucide-react";
-import { useEffect as useEffect9, useMemo as useMemo4, useRef as useRef7, useState as useState9 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useMemo as useMemo4, useRef as useRef8, useState as useState10 } from "react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function SearchOverlay() {
   const open = useUIStore((s) => s.searchOpen);
   const setOpen = useUIStore((s) => s.setSearchOpen);
   const query = useUIStore((s) => s.searchQuery);
   const setQuery = useUIStore((s) => s.setSearchQuery);
   const messages = useChatStore((s) => s.messages);
-  const inputRef = useRef7(null);
-  const [activeHit, setActiveHit] = useState9(0);
-  useEffect9(() => {
+  const inputRef = useRef8(null);
+  const [activeHit, setActiveHit] = useState10(0);
+  useEffect10(() => {
     if (open) requestAnimationFrame(() => inputRef.current?.focus());
   }, [open]);
   const hits = useMemo4(() => {
@@ -4194,10 +4349,10 @@ function SearchOverlay() {
       return m.content.toLowerCase().includes(q);
     }).map((m) => m.id);
   }, [messages, query]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (activeHit >= hits.length) setActiveHit(0);
   }, [hits, activeHit]);
-  useEffect9(() => {
+  useEffect10(() => {
     const win = window;
     const highlights = win.CSS?.highlights;
     const HighlightCtor = win.Highlight;
@@ -4251,7 +4406,7 @@ function SearchOverlay() {
     }
     return clear;
   }, [query, hits, activeHit, open]);
-  useEffect9(() => {
+  useEffect10(() => {
     const id = hits[activeHit];
     if (!id) return;
     const el = document.querySelector(`[data-message-id="${id}"]`);
@@ -4264,9 +4419,9 @@ function SearchOverlay() {
     if (hits.length === 0) return;
     setActiveHit((i) => (i + dir + hits.length) % hits.length);
   };
-  return /* @__PURE__ */ jsx12("div", { className: "absolute top-2 right-4 z-30 w-[28rem] max-w-[calc(100%-2rem)] rounded-lg border bg-popover shadow-xl", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx12(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("div", { className: "absolute top-2 right-4 z-30 w-[28rem] max-w-[calc(100%-2rem)] rounded-lg border bg-popover shadow-xl", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx13(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+    /* @__PURE__ */ jsx13(
       "input",
       {
         ref: inputRef,
@@ -4291,8 +4446,8 @@ function SearchOverlay() {
         className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground"
       }
     ),
-    /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground tabular-nums shrink-0", children: hits.length === 0 ? query ? "0" : "" : `${activeHit + 1} / ${hits.length}` }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground tabular-nums shrink-0", children: hits.length === 0 ? query ? "0" : "" : `${activeHit + 1} / ${hits.length}` }),
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -4302,10 +4457,10 @@ function SearchOverlay() {
           "p-1 rounded hover:bg-muted disabled:opacity-30 disabled:cursor-not-allowed"
         ),
         title: "Previous hit",
-        children: /* @__PURE__ */ jsx12(ArrowUp, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ jsx13(ArrowUp, { className: "h-3.5 w-3.5" })
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -4315,26 +4470,26 @@ function SearchOverlay() {
           "p-1 rounded hover:bg-muted disabled:opacity-30 disabled:cursor-not-allowed"
         ),
         title: "Next hit",
-        children: /* @__PURE__ */ jsx12(ArrowDown, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ jsx13(ArrowDown, { className: "h-3.5 w-3.5" })
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
         onClick: () => setOpen(false),
         className: "p-1 rounded hover:bg-muted text-muted-foreground",
         title: "Close (Esc)",
-        children: /* @__PURE__ */ jsx12(X2, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ jsx13(X2, { className: "h-3.5 w-3.5" })
       }
     )
   ] }) });
 }
 
 // src/components/ToolGroup.tsx
-import { CheckCircle2 as CheckCircle23, ChevronDown as ChevronDown4, ChevronRight as ChevronRight3, Loader2 as Loader22, Terminal as Terminal2, XCircle as XCircle3 } from "lucide-react";
-import { memo as memo4, useState as useState10 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+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";
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 2 : 1)}s`;
@@ -4347,9 +4502,9 @@ var ToolGroup = memo4(function ToolGroup2({
   defaultOpen = false,
   isContinuation = false
 }) {
-  const [open, setOpen] = useState10(defaultOpen);
+  const [open, setOpen] = useState11(defaultOpen);
   if (tools.length === 1) {
-    return /* @__PURE__ */ jsx13(MessageBubble, { message: tools[0], isFirst: true, isContinuation });
+    return /* @__PURE__ */ jsx14(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;
@@ -4357,10 +4512,10 @@ var ToolGroup = memo4(function ToolGroup2({
   const names = Array.from(new Set(tools.map((t) => t.toolName).filter(Boolean)));
   const preview = names.slice(0, 3).join(", ");
   const more = names.length > 3 ? ` +${names.length - 3}` : "";
-  return /* @__PURE__ */ jsxs12("div", { className: "flex gap-3 animate-message", children: [
-    isContinuation ? /* @__PURE__ */ jsx13("div", { className: "flex-shrink-0 w-8 h-8", "aria-hidden": true }) : /* @__PURE__ */ jsx13("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__ */ jsx13(Terminal2, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1.5 max-w-[85%] flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxs12(
+  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" }) }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1.5 max-w-[85%] flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -4371,16 +4526,16 @@ var ToolGroup = memo4(function ToolGroup2({
             "border border-border/40 bg-muted/30"
           ),
           children: [
-            open ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx13(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-            /* @__PURE__ */ jsx13(Terminal2, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs12("span", { className: "font-mono text-xs", 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" }),
+            /* @__PURE__ */ jsxs13("span", { className: "font-mono text-xs", children: [
               tools.length,
               " tool call",
               tools.length === 1 ? "" : "s"
             ] }),
-            running > 0 ? /* @__PURE__ */ jsx13(Loader22, { className: "h-3 w-3 animate-spin text-amber-500" }) : errored > 0 ? /* @__PURE__ */ jsx13(XCircle3, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx13(CheckCircle23, { className: "h-3 w-3 text-green-500" }),
-            totalMs > 0 && /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground tabular-nums font-normal", children: formatDuration(totalMs) }),
-            preview && /* @__PURE__ */ jsxs12("span", { className: "text-xs text-muted-foreground/80 font-mono truncate", children: [
+            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) }),
+            preview && /* @__PURE__ */ jsxs13("span", { className: "text-xs text-muted-foreground/80 font-mono truncate", children: [
               "\xB7 ",
               preview,
               more
@@ -4388,7 +4543,7 @@ var ToolGroup = memo4(function ToolGroup2({
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx13("div", { className: "space-y-2 pl-3 border-l-2 border-border/40 ml-2", children: tools.map((tool) => /* @__PURE__ */ jsx13(MessageBubble, { message: tool, isFirst: false }, tool.id)) })
+      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)) })
     ] })
   ] });
 });
@@ -4406,8 +4561,8 @@ import {
   Wrench as Wrench2,
   Zap
 } from "lucide-react";
-import { useEffect as useEffect10, useState as useState11 } from "react";
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState12 } from "react";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var CARDS = [
   {
     icon: Search3,
@@ -4481,8 +4636,8 @@ function WelcomeScreen() {
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
-  const [savedCount, setSavedCount] = useState11(void 0);
-  useEffect10(() => {
+  const [savedCount, setSavedCount] = useState12(void 0);
+  useEffect11(() => {
     if (!wsConnected) return;
     const client2 = getWSClient(wsUrl);
     const off = client2.on("providers.saved", (msg) => {
@@ -4498,40 +4653,40 @@ function WelcomeScreen() {
   const recentPrompts = promptHistory.slice(0, 6);
   const { listSessions, resumeSession } = useWebSocket();
   const historyEntries = useHistoryStore((s) => s.entries);
-  useEffect10(() => {
+  useEffect11(() => {
     if (wsConnected && historyEntries.length === 0) listSessions(10);
   }, [wsConnected]);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
   const recentSessions = historyEntries.filter((e) => !e.isCurrent).slice(0, 4);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-8 py-8 px-2 max-w-5xl mx-auto w-full", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center text-center gap-3", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx14("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__ */ jsx14(Zap, { className: "h-7 w-7 text-primary-foreground" }) }),
-        /* @__PURE__ */ jsx14("div", { className: "absolute -inset-3 bg-gradient-to-r from-transparent via-primary/10 to-transparent animate-pulse rounded-full -z-10" })
+  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__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsxs13("h2", { className: "text-2xl font-semibold tracking-tight", children: [
+      /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsxs14("h2", { className: "text-2xl font-semibold tracking-tight", children: [
           "Where do you want to start",
-          projectName ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+          projectName ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
             " in ",
-            /* @__PURE__ */ jsx14("span", { className: "text-primary", children: projectName })
+            /* @__PURE__ */ jsx15("span", { className: "text-primary", children: projectName })
           ] }) : "",
           "?"
         ] }),
-        /* @__PURE__ */ jsxs13("p", { className: "text-sm text-muted-foreground mt-2 max-w-2xl mx-auto leading-relaxed", children: [
+        /* @__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__ */ jsx14("span", { className: "font-mono text-foreground/80", children: "/" }),
+          /* @__PURE__ */ jsx15("span", { className: "font-mono text-foreground/80", children: "/" }),
           " ",
           "for the full command palette."
         ] }),
-        provider && model && /* @__PURE__ */ jsxs13("p", { className: "text-xs text-muted-foreground/70 mt-2 font-mono", children: [
+        provider && model && /* @__PURE__ */ jsxs14("p", { className: "text-xs text-muted-foreground/70 mt-2 font-mono", children: [
           provider,
           " / ",
           model
         ] })
       ] })
     ] }),
-    wsConnected && savedCount === 0 && /* @__PURE__ */ jsxs13(
+    wsConnected && savedCount === 0 && /* @__PURE__ */ jsxs14(
       "button",
       {
         type: "button",
@@ -4542,42 +4697,42 @@ function WelcomeScreen() {
           "p-4 flex items-center gap-4 text-left"
         ),
         children: [
-          /* @__PURE__ */ jsx14("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__ */ jsx14(KeyRound, { className: "h-6 w-6" }) }),
-          /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx14("h3", { className: "text-base font-semibold mb-1", children: "No API key configured yet" }),
-            /* @__PURE__ */ jsx14("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__ */ 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__ */ 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__ */ jsxs13("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: [
+          /* @__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__ */ jsx14(ArrowRight, { className: "h-3.5 w-3.5" })
+            /* @__PURE__ */ jsx15(ArrowRight, { className: "h-3.5 w-3.5" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx14("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: CARDS.map((card) => {
+    /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: CARDS.map((card) => {
       const Icon2 = card.icon;
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs14(
         "div",
         {
           className: "rounded-xl border bg-card/40 backdrop-blur-sm p-4 flex flex-col gap-3",
           children: [
-            /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx15(
                 "span",
                 {
                   className: cn(
                     "flex items-center justify-center w-8 h-8 rounded-lg border",
                     card.tone
                   ),
-                  children: /* @__PURE__ */ jsx14(Icon2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx15(Icon2, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsxs13("div", { children: [
-                /* @__PURE__ */ jsx14("h3", { className: "text-sm font-semibold", children: card.title }),
-                /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: card.hint })
+              /* @__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__ */ jsx14("div", { className: "flex flex-col gap-1.5", children: card.prompts.map((p, i) => /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1.5", children: card.prompts.map((p, i) => /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -4593,12 +4748,12 @@ function WelcomeScreen() {
         card.title
       );
     }) }),
-    recentSessions.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx14(ArchiveRestore2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx14("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Pick back up" })
+    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__ */ jsx14("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: recentSessions.map((entry) => /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: recentSessions.map((entry) => /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -4606,12 +4761,12 @@ 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__ */ jsx14("div", { className: "text-sm font-medium truncate text-foreground group-hover/sess:text-primary", children: sessionNicknames[entry.id] || entry.title || "(empty)" }),
-            /* @__PURE__ */ jsxs13("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", 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__ */ jsxs14("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
               entry.provider,
               "/",
               entry.model,
-              entry.tokenTotal > 0 && /* @__PURE__ */ jsxs13("span", { className: "ml-2", children: [
+              entry.tokenTotal > 0 && /* @__PURE__ */ jsxs14("span", { className: "ml-2", children: [
                 "\xB7 ",
                 entry.tokenTotal.toLocaleString(),
                 " tok"
@@ -4622,12 +4777,12 @@ function WelcomeScreen() {
         entry.id
       )) })
     ] }),
-    recentPrompts.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx14(Clock2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx14("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Recent prompts" })
+    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__ */ jsx14("div", { className: "flex flex-col gap-1.5", children: recentPrompts.filter((p) => !p.startsWith("/")).slice(0, 5).map((p, i) => /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1.5", children: recentPrompts.filter((p) => !p.startsWith("/")).slice(0, 5).map((p, i) => /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -4639,20 +4794,20 @@ function WelcomeScreen() {
         i
       )) })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border bg-muted/20 p-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx14(Keyboard, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx14("span", { className: "text-xs uppercase tracking-wider text-muted-foreground font-medium", children: "Quick commands" })
+    /* @__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__ */ jsx14("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2", children: SLASH_REFS.map((c) => /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx15("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__ */ jsx14("span", { className: "font-mono text-xs text-foreground", children: c.name }),
-            /* @__PURE__ */ jsx14("span", { className: "text-[11px] text-muted-foreground truncate", children: c.hint })
+            /* @__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 })
           ]
         },
         c.name
@@ -4664,22 +4819,22 @@ 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 jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var ScrollArea = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx15(ScrollBar, {}),
-      /* @__PURE__ */ jsx15(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx16(ScrollBar, {}),
+      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx15(
+var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx16(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4691,13 +4846,13 @@ var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx15(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx16(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 jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx17, 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`;
@@ -4708,11 +4863,11 @@ function ThinkingBubble() {
   if (!buf) return null;
   const tailLines = buf.split("\n").slice(-6);
   const tail = tailLines.join("\n").trim();
-  return /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 animate-message", children: [
-    /* @__PURE__ */ jsx16("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__ */ jsx16(Brain2, { className: "h-4 w-4 animate-pulse" }) }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 max-w-[85%] min-w-0", children: [
-      /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium text-violet-600 dark:text-violet-400 px-1", children: "Thinking\u2026" }),
-      /* @__PURE__ */ jsx16("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__ */ jsx16("pre", { className: "whitespace-pre-wrap break-words font-sans text-xs leading-relaxed italic max-h-32 overflow-hidden", children: tail || "\u2026" }) })
+  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__ */ 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" }) })
     ] })
   ] });
 }
@@ -4728,17 +4883,17 @@ function ChatView() {
   const { totalTokens, cost, startTime, lastInputTokens, maxContext, projectName, iteration } = useSessionStore();
   const { wsConnected, wsStatus, provider, model } = useConfigStore();
   const { setCurrentView } = useUIStore();
-  const scrollRef = useRef8(null);
+  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] = useState12(true);
-  const [unreadCount, setUnreadCount] = useState12(0);
-  const [scrolledDeep, setScrolledDeep] = useState12(false);
-  const lastSeenCount = useRef8(messages.length);
+  const [pinnedToBottom, setPinnedToBottom] = useState13(true);
+  const [unreadCount, setUnreadCount] = useState13(0);
+  const [scrolledDeep, setScrolledDeep] = useState13(false);
+  const lastSeenCount = useRef9(messages.length);
   const getViewport = useCallback3(() => {
     return scrollRef.current?.querySelector("[data-radix-scroll-area-viewport]") ?? null;
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const onScroll = () => {
@@ -4755,7 +4910,7 @@ function ChatView() {
     viewport.addEventListener("scroll", onScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", onScroll);
   }, [getViewport, messages.length]);
-  useEffect11(() => {
+  useEffect12(() => {
     const viewport = getViewport();
     if (!viewport) return;
     if (pinnedToBottom) {
@@ -4779,14 +4934,14 @@ function ChatView() {
     if (!viewport) return;
     viewport.scrollTo({ top: 0, behavior: "smooth" });
   }, [getViewport]);
-  const [runStartedAt, setRunStartedAt] = useState12(null);
-  const [nowTick, setNowTick] = useState12(() => Date.now());
-  const streamAnchor = useRef8(null);
-  useEffect11(() => {
+  const [runStartedAt, setRunStartedAt] = useState13(null);
+  const [nowTick, setNowTick] = useState13(() => Date.now());
+  const streamAnchor = useRef9(null);
+  useEffect12(() => {
     if (isLoading && runStartedAt === null) setRunStartedAt(Date.now());
     if (!isLoading && runStartedAt !== null) setRunStartedAt(null);
   }, [isLoading, runStartedAt]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isLoading) return;
     const t = setInterval(() => setNowTick(Date.now()), 500);
     return () => clearInterval(t);
@@ -4807,11 +4962,11 @@ function ChatView() {
   })();
   const stateTone = agentState === "idle" ? "bg-muted text-muted-foreground" : agentState === "streaming" ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : "bg-amber-500/10 text-amber-600 dark:text-amber-400";
   const hasStatusContent = maxContext > 0 && lastInputTokens > 0 || totalTokens.input > 0 || !!startTime;
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs15("header", { className: "flex flex-col border-b bg-card shrink-0", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [
-          !sidebarOpen && /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col h-full", children: [
+    /* @__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(
             Button,
             {
               variant: "ghost",
@@ -4819,12 +4974,12 @@ function ChatView() {
               className: "h-7 w-7 shrink-0",
               onClick: toggleSidebar,
               title: "Open sidebar (Ctrl+\\\\)",
-              children: /* @__PURE__ */ jsx16(PanelLeftOpen, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(PanelLeftOpen, { className: "h-4 w-4" })
             }
           ),
-          !sidebarOpen && /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: /* @__PURE__ */ jsx16("div", { className: "w-5 h-5 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx16(Zap2, { className: "h-3 w-3 text-primary-foreground" }) }) }),
-          /* @__PURE__ */ jsx16(ConnectionChip, { wsStatus, wsConnected }),
-          /* @__PURE__ */ jsxs15(
+          !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 }),
+          /* @__PURE__ */ jsxs16(
             "span",
             {
               className: cn(
@@ -4833,23 +4988,23 @@ function ChatView() {
               ),
               title: `Agent state: ${agentState}`,
               children: [
-                agentState !== "idle" && /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
-                /* @__PURE__ */ jsx16("span", { children: agentState })
+                agentState !== "idle" && /* @__PURE__ */ jsx17("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
+                /* @__PURE__ */ jsx17("span", { children: agentState })
               ]
             }
           ),
-          projectName && /* @__PURE__ */ jsxs15(
+          projectName && /* @__PURE__ */ jsxs16(
             "span",
             {
               className: "flex items-center gap-1 text-[11px] text-muted-foreground shrink-0 min-w-0",
               title: `Project: ${projectName}`,
               children: [
-                /* @__PURE__ */ jsx16(FolderOpen, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx16("span", { className: "truncate max-w-[12rem]", children: projectName })
+                /* @__PURE__ */ jsx17(FolderOpen, { className: "h-3 w-3 shrink-0" }),
+                /* @__PURE__ */ jsx17("span", { className: "truncate max-w-[12rem]", children: projectName })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -4857,23 +5012,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__ */ jsx16(Cpu2, { className: "h-3 w-3 text-muted-foreground group-hover:text-foreground shrink-0" }),
-                /* @__PURE__ */ jsxs15("span", { className: "font-mono truncate max-w-[16rem]", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: provider || "no-provider" }),
-                  /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground/40 mx-0.5", children: "/" }),
-                  /* @__PURE__ */ jsx16("span", { className: "font-medium", children: model || "no-model" })
+                /* @__PURE__ */ jsx17(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__ */ jsx16(ModePicker, {}),
-          iteration && /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsx17(ModePicker, {}),
+          /* @__PURE__ */ jsx17(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__ */ jsx16(Activity, { className: "h-3 w-3 animate-pulse" }),
+                /* @__PURE__ */ jsx17(Activity, { className: "h-3 w-3 animate-pulse" }),
                 "iter ",
                 iteration.index,
                 iteration.max > 0 ? `/${iteration.max}` : ""
@@ -4881,8 +5037,8 @@ function ChatView() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-0.5 shrink-0", children: [
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-0.5 shrink-0", children: [
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "ghost",
@@ -4890,10 +5046,10 @@ function ChatView() {
               className: "h-7 w-7",
               onClick: () => setPaletteOpen(true),
               title: "Command palette (Ctrl+K)",
-              children: /* @__PURE__ */ jsx16(Command, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(Command, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "ghost",
@@ -4904,10 +5060,10 @@ function ChatView() {
                 setTheme(next);
               },
               title: `Theme: ${theme} (click to cycle)`,
-              children: theme === "light" ? /* @__PURE__ */ jsx16(Sun2, { className: "h-4 w-4" }) : theme === "dark" ? /* @__PURE__ */ jsx16(Moon2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx16(Monitor2, { className: "h-4 w-4" })
+              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__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "ghost",
@@ -4918,7 +5074,7 @@ function ChatView() {
               children: "?"
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "ghost",
@@ -4926,14 +5082,14 @@ function ChatView() {
               className: "h-7 w-7",
               onClick: () => setCurrentView("settings"),
               title: "Settings",
-              children: /* @__PURE__ */ jsx16(Settings, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(Settings, { className: "h-4 w-4" })
             }
           )
         ] })
       ] }),
-      hasStatusContent && /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-3 px-3 py-1 border-t bg-muted/20 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 min-w-0 flex-1 tabular-nums", children: [
-          maxContext > 0 && lastInputTokens > 0 && /* @__PURE__ */ jsxs15(
+      hasStatusContent && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3 px-3 py-1 border-t bg-muted/20 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3 min-w-0 flex-1 tabular-nums", children: [
+          maxContext > 0 && lastInputTokens > 0 && /* @__PURE__ */ jsxs16(
             "span",
             {
               className: cn(
@@ -4951,26 +5107,26 @@ function ChatView() {
               ]
             }
           ),
-          totalTokens.input > 0 && /* @__PURE__ */ jsxs15(Fragment6, { children: [
-            /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx16("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.input) }),
-              /* @__PURE__ */ jsx16("span", { children: "in" })
+          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__ */ jsxs15("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx16("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.output) }),
-              /* @__PURE__ */ jsx16("span", { children: "out" })
+            /* @__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" })
             ] }),
             totalTokens.cacheRead && totalTokens.cacheRead > 0 && (() => {
               const denom = (totalTokens.cacheRead ?? 0) + totalTokens.input;
               const pct = denom > 0 ? Math.round((totalTokens.cacheRead ?? 0) / denom * 100) : 0;
-              return /* @__PURE__ */ jsxs15(
+              return /* @__PURE__ */ jsxs16(
                 "span",
                 {
                   className: "flex items-center gap-1",
                   title: `Cache hit ratio: ${pct}%`,
                   children: [
-                    /* @__PURE__ */ jsx16("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.cacheRead) }),
-                    /* @__PURE__ */ jsxs15("span", { children: [
+                    /* @__PURE__ */ jsx17("span", { className: "font-medium text-foreground", children: fmtTok(totalTokens.cacheRead) }),
+                    /* @__PURE__ */ jsxs16("span", { children: [
                       "cache (",
                       pct,
                       "%)"
@@ -4979,15 +5135,15 @@ function ChatView() {
                 }
               );
             })(),
-            /* @__PURE__ */ jsx16(CostChip, {})
+            /* @__PURE__ */ jsx17(CostChip, {})
           ] })
         ] }),
-        startTime && /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground/70 tabular-nums shrink-0", children: formatDuration2(startTime) })
+        startTime && /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground/70 tabular-nums shrink-0", children: formatDuration2(startTime) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx16(SearchOverlay, {}),
-      !pinnedToBottom && /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16("div", { className: "flex-1 relative overflow-hidden", children: [
+      /* @__PURE__ */ jsx17(SearchOverlay, {}),
+      !pinnedToBottom && /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -4999,12 +5155,12 @@ function ChatView() {
             "hover:bg-primary/90 transition-colors animate-message"
           ),
           children: [
-            /* @__PURE__ */ jsx16(ArrowDown2, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx17(ArrowDown2, { className: "h-3.5 w-3.5" }),
             unreadCount > 0 ? `${unreadCount} new message${unreadCount === 1 ? "" : "s"}` : "Jump to latest"
           ]
         }
       ),
-      scrolledDeep && /* @__PURE__ */ jsxs15(
+      scrolledDeep && /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -5017,12 +5173,12 @@ function ChatView() {
             "hover:text-foreground hover:bg-background transition-colors animate-message"
           ),
           children: [
-            /* @__PURE__ */ jsx16(ArrowUp2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx16("span", { children: "Top" })
+            /* @__PURE__ */ jsx17(ArrowUp2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx17("span", { children: "Top" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx16(ScrollArea, { className: "h-full", ref: scrollRef, children: /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsx17(ScrollArea, { className: "h-full", ref: scrollRef, children: /* @__PURE__ */ jsxs16(
         "div",
         {
           className: cn(
@@ -5030,7 +5186,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__ */ jsx16(WelcomeScreen, {}),
+            messages.length === 0 && !isLoading && /* @__PURE__ */ jsx17(WelcomeScreen, {}),
             (() => {
               const groups = [];
               for (let i = 0; i < messages.length; i++) {
@@ -5095,14 +5251,14 @@ function ChatView() {
                 const day = dayKey(ts);
                 if (day !== prevDay) {
                   out.push(
-                    /* @__PURE__ */ jsxs15(
+                    /* @__PURE__ */ jsxs16(
                       "div",
                       {
                         className: "flex items-center gap-3 py-1 text-[11px] text-muted-foreground/70 uppercase tracking-wider font-medium",
                         children: [
-                          /* @__PURE__ */ jsx16("div", { className: "flex-1 h-px bg-border/50" }),
-                          /* @__PURE__ */ jsx16("span", { children: dayLabel(ts) }),
-                          /* @__PURE__ */ jsx16("div", { className: "flex-1 h-px bg-border/50" })
+                          /* @__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" })
                         ]
                       },
                       `day-${day}-${idx}`
@@ -5111,15 +5267,15 @@ function ChatView() {
                   prevDay = day;
                 }
                 if (t.kind === "user") {
-                  out.push(/* @__PURE__ */ jsx16(MessageBubble, { message: t.message, isFirst: true }, t.key));
+                  out.push(/* @__PURE__ */ jsx17(MessageBubble, { message: t.message, isFirst: true }, t.key));
                   continue;
                 }
                 const isLastTurn = idx === turns.length - 1;
                 out.push(
-                  /* @__PURE__ */ jsx16("div", { className: cn(compactMode ? "space-y-1" : "space-y-1.5"), children: t.items.map((g, gi) => {
+                  /* @__PURE__ */ jsx17("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__ */ jsx16(
+                      return /* @__PURE__ */ jsx17(
                         MessageBubble,
                         {
                           message: g.message,
@@ -5130,7 +5286,7 @@ function ChatView() {
                       );
                     }
                     const isLatestRunning = isLastTurn && gi === t.items.length - 1 && isLoading && g.tools.some((tt) => tt.toolResult === void 0);
-                    return /* @__PURE__ */ jsx16(
+                    return /* @__PURE__ */ jsx17(
                       ToolGroup,
                       {
                         tools: g.tools,
@@ -5144,7 +5300,7 @@ function ChatView() {
               }
               return out;
             })(),
-            /* @__PURE__ */ jsx16(ThinkingBubble, {}),
+            /* @__PURE__ */ jsx17(ThinkingBubble, {}),
             isLoading && (() => {
               const last = messages[messages.length - 1];
               const runningTools = messages.filter(
@@ -5186,22 +5342,22 @@ function ChatView() {
               } else if (streamAnchor.current) {
                 streamAnchor.current = null;
               }
-              return /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 animate-message", children: [
-                /* @__PURE__ */ jsx16("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__ */ jsx16(Bot2, { className: "h-4 w-4" }) }),
-                /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsx16("div", { className: "rounded-2xl px-4 py-3 bg-card border text-foreground", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 text-sm", children: [
-                  /* @__PURE__ */ jsxs15("span", { className: "flex gap-1", children: [
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.3s]" }),
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce [animation-delay:-0.15s]" }),
-                    /* @__PURE__ */ jsx16("span", { className: "h-1.5 w-1.5 rounded-full bg-primary/70 animate-bounce" })
+              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__ */ 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__ */ jsx16("span", { className: "text-foreground/90", children: label }),
-                  /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground tabular-nums", children: elapsed }),
-                  iteration && /* @__PURE__ */ jsxs15("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "text-foreground/90", children: label }),
+                  /* @__PURE__ */ jsx17("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,
                     iteration.max > 0 ? `/${iteration.max}` : ""
                   ] }),
-                  speedLabel && /* @__PURE__ */ jsxs15("span", { className: "text-xs text-muted-foreground/80 tabular-nums", children: [
+                  speedLabel && /* @__PURE__ */ jsxs16("span", { className: "text-xs text-muted-foreground/80 tabular-nums", children: [
                     "\xB7 ",
                     speedLabel
                   ] })
@@ -5212,25 +5368,25 @@ function ChatView() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "border-t bg-card/50 backdrop-blur supports-[backdrop-filter]:bg-card/50 p-4 shrink-0", children: /* @__PURE__ */ jsxs15("div", { className: "max-w-5xl mx-auto", children: [
-      /* @__PURE__ */ jsx16(ChatInput, {}),
-      /* @__PURE__ */ jsx16("p", { className: "text-xs text-center text-muted-foreground/50 mt-2", children: "Press Enter to send, Shift+Enter for new line" })
+    /* @__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" })
     ] }) })
   ] });
 }
 
 // src/components/ConfirmDialog.tsx
 import { AlertTriangle as AlertTriangle2, FileEdit, Globe, ShieldAlert, Terminal as Terminal3, Wrench as Wrench3 } from "lucide-react";
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } 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 jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -5242,9 +5398,9 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(DialogPortal, { children: [
-  /* @__PURE__ */ jsx17(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs16(
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(DialogPortal, { children: [
+  /* @__PURE__ */ jsx18(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs17(
     DialogPrimitive.Content,
     {
       ref,
@@ -5255,18 +5411,18 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs16(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__ */ jsx17(X3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs17(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__ */ jsx18(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx18("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__ */ jsx17(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx18(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -5274,7 +5430,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx17(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive.Title,
   {
     ref,
@@ -5283,7 +5439,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive.Description,
   {
     ref,
@@ -5294,7 +5450,7 @@ var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ConfirmDialog.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } 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;
@@ -5307,7 +5463,7 @@ function SmartInputPreview({
 }) {
   const diffArgs = diffFromToolInput(toolName, input);
   if (diffArgs) {
-    return /* @__PURE__ */ jsx18("div", { className: "rounded-lg overflow-hidden border", children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19("div", { className: "rounded-lg overflow-hidden border", children: /* @__PURE__ */ jsx19(
       DiffView,
       {
         oldText: diffArgs.oldText,
@@ -5320,12 +5476,12 @@ function SmartInputPreview({
     const obj = input;
     const cmd = obj.command ?? obj.cmd ?? obj.script;
     if (typeof cmd === "string" && cmd.trim().length > 0) {
-      return /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border bg-background/40 overflow-hidden", children: [
-        /* @__PURE__ */ jsxs17("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__ */ jsx18(Terminal3, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx18("span", { children: "Command" })
+      return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border bg-background/40 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs18("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__ */ jsx19(Terminal3, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx19("span", { children: "Command" })
         ] }),
-        /* @__PURE__ */ jsxs17("pre", { className: "px-3 py-2 text-xs font-mono whitespace-pre-wrap break-all max-h-40 overflow-auto", children: [
+        /* @__PURE__ */ jsxs18("pre", { className: "px-3 py-2 text-xs font-mono whitespace-pre-wrap break-all max-h-40 overflow-auto", children: [
           "$",
           cmd
         ] })
@@ -5334,16 +5490,16 @@ function SmartInputPreview({
     const url = obj.url;
     if (typeof url === "string") {
       const method = obj.method ?? "GET";
-      return /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border bg-background/40 px-3 py-2 text-xs font-mono", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: method.toUpperCase() }),
+      return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border bg-background/40 px-3 py-2 text-xs font-mono", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: method.toUpperCase() }),
         " ",
-        /* @__PURE__ */ jsx18("span", { className: "break-all", children: url })
+        /* @__PURE__ */ jsx19("span", { className: "break-all", children: url })
       ] });
     }
   }
-  return /* @__PURE__ */ jsxs17("div", { className: "p-3 rounded-lg bg-muted/50 border text-xs font-mono", children: [
-    /* @__PURE__ */ jsx18("div", { className: "text-muted-foreground mb-2", children: "Input:" }),
-    /* @__PURE__ */ jsx18("pre", { className: "whitespace-pre-wrap break-all max-h-60 overflow-auto", children: JSON.stringify(input, null, 2) })
+  return /* @__PURE__ */ jsxs18("div", { className: "p-3 rounded-lg bg-muted/50 border text-xs font-mono", children: [
+    /* @__PURE__ */ jsx19("div", { className: "text-muted-foreground mb-2", children: "Input:" }),
+    /* @__PURE__ */ jsx19("pre", { className: "whitespace-pre-wrap break-all max-h-60 overflow-auto", children: JSON.stringify(input, null, 2) })
   ] });
 }
 function ConfirmDialog() {
@@ -5355,7 +5511,7 @@ function ConfirmDialog() {
     }
     hideConfirm();
   };
-  useEffect12(() => {
+  useEffect13(() => {
     if (!showConfirmDialog) return;
     const onKey = (e) => {
       const target = e.target;
@@ -5376,50 +5532,50 @@ function ConfirmDialog() {
     return () => window.removeEventListener("keydown", onKey);
   }, [showConfirmDialog, confirmInfo?.id]);
   if (!confirmInfo) {
-    return /* @__PURE__ */ jsx18(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsx18(DialogContent, {}) });
+    return /* @__PURE__ */ jsx19(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsx19(DialogContent, {}) });
   }
   const Icon2 = pickToolIcon(confirmInfo.toolName);
   const isEdit = /edit|write/i.test(confirmInfo.toolName);
-  return /* @__PURE__ */ jsx18(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsxs17(DialogContent, { className: "sm:max-w-2xl", children: [
-    /* @__PURE__ */ jsxs17(DialogHeader, { children: [
-      /* @__PURE__ */ jsxs17(DialogTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx18(ShieldAlert, { className: "h-5 w-5 text-yellow-500" }),
+  return /* @__PURE__ */ jsx19(Dialog, { open: showConfirmDialog, onOpenChange: () => hideConfirm(), children: /* @__PURE__ */ jsxs18(DialogContent, { className: "sm:max-w-2xl", children: [
+    /* @__PURE__ */ jsxs18(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs18(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx19(ShieldAlert, { className: "h-5 w-5 text-yellow-500" }),
         "Confirm: ",
         confirmInfo.toolName
       ] }),
-      /* @__PURE__ */ jsxs17(DialogDescription, { children: [
+      /* @__PURE__ */ jsxs18(DialogDescription, { children: [
         "The agent wants to ",
         isEdit ? "modify a file" : "run this tool",
         ". Review the request below and decide whether to proceed."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "py-2 space-y-3", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx18(Icon2, { className: "h-5 w-5 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs17("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx18("div", { className: "font-medium font-mono truncate", children: confirmInfo.toolName }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "py-2 space-y-3", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-muted", children: [
+        /* @__PURE__ */ jsx19(Icon2, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx19("div", { className: "font-medium font-mono truncate", children: confirmInfo.toolName }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-xs text-muted-foreground", children: [
             isEdit ? "File modification" : "Tool execution",
             " \u2014 preview below"
           ] })
         ] })
       ] }),
-      confirmInfo.input !== void 0 && /* @__PURE__ */ jsx18(SmartInputPreview, { toolName: confirmInfo.toolName, input: confirmInfo.input }),
-      confirmInfo.suggestedPattern && /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2 p-3 rounded-lg bg-yellow-500/10 border border-yellow-500/20", children: [
-        /* @__PURE__ */ jsx18(AlertTriangle2, { className: "h-4 w-4 text-yellow-600 mt-0.5 shrink-0" }),
-        /* @__PURE__ */ jsxs17("div", { className: "text-sm min-w-0", children: [
-          /* @__PURE__ */ jsx18("div", { className: "font-medium text-yellow-800 dark:text-yellow-200", children: "Trust pattern suggestion" }),
-          /* @__PURE__ */ jsx18("div", { className: "font-mono text-xs mt-1 break-all", children: confirmInfo.suggestedPattern }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-xs text-muted-foreground mt-1", children: [
+      confirmInfo.input !== void 0 && /* @__PURE__ */ jsx19(SmartInputPreview, { toolName: confirmInfo.toolName, input: confirmInfo.input }),
+      confirmInfo.suggestedPattern && /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-2 p-3 rounded-lg bg-yellow-500/10 border border-yellow-500/20", children: [
+        /* @__PURE__ */ jsx19(AlertTriangle2, { className: "h-4 w-4 text-yellow-600 mt-0.5 shrink-0" }),
+        /* @__PURE__ */ jsxs18("div", { className: "text-sm min-w-0", children: [
+          /* @__PURE__ */ jsx19("div", { className: "font-medium text-yellow-800 dark:text-yellow-200", children: "Trust pattern suggestion" }),
+          /* @__PURE__ */ jsx19("div", { className: "font-mono text-xs mt-1 break-all", children: confirmInfo.suggestedPattern }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-xs text-muted-foreground mt-1", children: [
             "Picking ",
-            /* @__PURE__ */ jsx18("span", { className: "font-medium", children: "Always" }),
+            /* @__PURE__ */ jsx19("span", { className: "font-medium", children: "Always" }),
             " will whitelist matching calls for this project."
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs17(DialogFooter, { className: "gap-2 sm:gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs18(DialogFooter, { className: "gap-2 sm:gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx19(
         Button,
         {
           variant: "outline",
@@ -5429,7 +5585,7 @@ function ConfirmDialog() {
           children: "Deny always"
         }
       ),
-      /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs18(
         Button,
         {
           variant: "outline",
@@ -5438,11 +5594,11 @@ function ConfirmDialog() {
           title: "Reject this single call (Esc / n)",
           children: [
             "No ",
-            /* @__PURE__ */ jsx18("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "n" })
+            /* @__PURE__ */ jsx19("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "n" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs18(
         Button,
         {
           variant: "outline",
@@ -5451,11 +5607,11 @@ function ConfirmDialog() {
           title: "Approve and remember the pattern for the project (a)",
           children: [
             "Always ",
-            /* @__PURE__ */ jsx18("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "a" })
+            /* @__PURE__ */ jsx19("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background", children: "a" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs18(
         Button,
         {
           size: "sm",
@@ -5463,7 +5619,7 @@ function ConfirmDialog() {
           title: "Approve this single call (y)",
           children: [
             "Yes ",
-            /* @__PURE__ */ jsx18("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background/80", children: "y" })
+            /* @__PURE__ */ jsx19("kbd", { className: "ml-1 text-[10px] border rounded px-1 bg-background/80", children: "y" })
           ]
         }
       )
@@ -5473,19 +5629,19 @@ function ConfirmDialog() {
 
 // src/components/ConnectionBanner.tsx
 import { Loader2 as Loader23, RotateCcw as RotateCcw4, WifiOff as WifiOff3, X as X4 } from "lucide-react";
-import { useEffect as useEffect13, useState as useState13 } from "react";
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useState as useState14 } from "react";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function ConnectionBanner() {
   const wsStatus = useConfigStore((s) => s.wsStatus);
   const wsUrl = useConfigStore((s) => s.wsUrl);
-  const [dismissed, setDismissed] = useState13(false);
-  const [now, setNow] = useState13(Date.now());
-  useEffect13(() => {
+  const [dismissed, setDismissed] = useState14(false);
+  const [now, setNow] = useState14(Date.now());
+  useEffect14(() => {
     if (wsStatus.state !== "reconnecting") return;
     const id = setInterval(() => setNow(Date.now()), 500);
     return () => clearInterval(id);
   }, [wsStatus.state]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (wsStatus.state === "open") setDismissed(false);
   }, [wsStatus.state]);
   if (wsStatus.state === "open" || wsStatus.state === "connecting") return null;
@@ -5494,7 +5650,7 @@ function ConnectionBanner() {
   const isReconnecting = wsStatus.state === "reconnecting";
   const errorText = wsStatus.state === "closed" ? wsStatus.error : wsStatus.state === "reconnecting" ? wsStatus.lastError : void 0;
   const remaining = isReconnecting ? Math.max(0, Math.ceil((wsStatus.nextRetryAt - now) / 1e3)) : 0;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -5502,12 +5658,12 @@ 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__ */ jsx19(Loader23, { className: "h-4 w-4 animate-spin shrink-0" }) : /* @__PURE__ */ jsx19(WifiOff3, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx19("div", { className: "font-medium", children: isReconnecting ? `Reconnecting to backend (attempt ${wsStatus.attempt}) \u2014 retrying in ${remaining}s` : "Disconnected from backend" }),
-          errorText && /* @__PURE__ */ jsx19("div", { className: "text-xs opacity-80 truncate", children: errorText })
+        isReconnecting ? /* @__PURE__ */ jsx20(Loader23, { className: "h-4 w-4 animate-spin shrink-0" }) : /* @__PURE__ */ jsx20(WifiOff3, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx20("div", { className: "font-medium", children: isReconnecting ? `Reconnecting to backend (attempt ${wsStatus.attempt}) \u2014 retrying in ${remaining}s` : "Disconnected from backend" }),
+          errorText && /* @__PURE__ */ jsx20("div", { className: "text-xs opacity-80 truncate", children: errorText })
         ] }),
-        /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs19(
           "button",
           {
             type: "button",
@@ -5519,19 +5675,19 @@ function ConnectionBanner() {
             ),
             title: "Retry connection now",
             children: [
-              /* @__PURE__ */ jsx19(RotateCcw4, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx20(RotateCcw4, { className: "h-3 w-3" }),
               "Retry now"
             ]
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "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__ */ jsx19(X4, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx20(X4, { className: "h-4 w-4" })
           }
         )
       ]
@@ -5542,7 +5698,7 @@ function ConnectionBanner() {
 // src/components/ErrorBoundary.tsx
 import { AlertTriangle as AlertTriangle3, RefreshCw } from "lucide-react";
 import { Component } from "react";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -5557,17 +5713,17 @@ var ErrorBoundary = class extends Component {
   };
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center h-screen bg-background", children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center gap-4 p-8 max-w-md text-center", children: [
-        /* @__PURE__ */ jsx20(AlertTriangle3, { className: "h-12 w-12 text-destructive" }),
-        /* @__PURE__ */ jsx20("h1", { className: "text-lg font-semibold", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx20("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__ */ jsx20("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__ */ jsxs19("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs19(Button, { size: "sm", variant: "outline", onClick: () => window.location.reload(), children: [
-            /* @__PURE__ */ jsx20(RefreshCw, { className: "h-4 w-4 mr-1" }),
+      return /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center h-screen bg-background", children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center gap-4 p-8 max-w-md text-center", children: [
+        /* @__PURE__ */ jsx21(AlertTriangle3, { className: "h-12 w-12 text-destructive" }),
+        /* @__PURE__ */ jsx21("h1", { className: "text-lg font-semibold", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsxs20("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs20(Button, { size: "sm", variant: "outline", onClick: () => window.location.reload(), children: [
+            /* @__PURE__ */ jsx21(RefreshCw, { className: "h-4 w-4 mr-1" }),
             "Reload page"
           ] }),
-          /* @__PURE__ */ jsx20(Button, { size: "sm", onClick: this.handleReset, children: "Try again" })
+          /* @__PURE__ */ jsx21(Button, { size: "sm", onClick: this.handleReset, children: "Try again" })
         ] })
       ] }) });
     }
@@ -5577,22 +5733,22 @@ var ErrorBoundary = class extends Component {
 
 // src/components/QuickModelSwitcher.tsx
 import { ArrowRight as ArrowRight2, Cpu as Cpu3, Search as Search4 } from "lucide-react";
-import { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef9, useState as useState14 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useMemo as useMemo5, useRef as useRef10, useState as useState15 } from "react";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function QuickModelSwitcher() {
   const open = useUIStore((s) => s.modelSwitcherOpen);
   const setOpen = useUIStore((s) => s.setModelSwitcherOpen);
-  const [query, setQuery] = useState14("");
-  const [selected, setSelected] = useState14(0);
-  const [saved, setSaved] = useState14([]);
-  const [modelsByProvider, setModelsByProvider] = useState14({});
-  const inputRef = useRef9(null);
+  const [query, setQuery] = useState15("");
+  const [selected, setSelected] = useState15(0);
+  const [saved, setSaved] = useState15([]);
+  const [modelsByProvider, setModelsByProvider] = useState15({});
+  const inputRef = useRef10(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();
-  useEffect14(() => {
+  useEffect15(() => {
     const onKey = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       if (mod && e.key.toLowerCase() === "m" && !e.shiftKey && !e.altKey) {
@@ -5609,7 +5765,7 @@ function QuickModelSwitcher() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [open, paletteOpen]);
-  useEffect14(() => {
+  useEffect15(() => {
     const client2 = getWSClient(wsUrl);
     const offSaved = client2.on("providers.saved", (msg) => {
       const p = msg.payload;
@@ -5624,14 +5780,14 @@ function QuickModelSwitcher() {
       offModels();
     };
   }, [wsUrl]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!open) return;
     setQuery("");
     setSelected(0);
     ws.listSavedProviders();
     requestAnimationFrame(() => inputRef.current?.focus());
   }, [open, ws]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!open) return;
     for (const sp of saved) {
       if (!modelsByProvider[sp.id]) {
@@ -5662,7 +5818,7 @@ function QuickModelSwitcher() {
       return a.provider.localeCompare(b.provider) || a.model.localeCompare(b.model);
     });
   }, [saved, modelsByProvider, query, currentProvider, currentModel]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (selected >= candidates.length) setSelected(0);
   }, [candidates.length, selected]);
   const commit = (idx) => {
@@ -5672,7 +5828,7 @@ function QuickModelSwitcher() {
     setOpen(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-start justify-center bg-background/60 backdrop-blur-sm pt-[15vh]",
@@ -5682,10 +5838,10 @@ function QuickModelSwitcher() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs20("div", { className: "w-full max-w-xl rounded-xl border bg-popover shadow-2xl overflow-hidden", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
-          /* @__PURE__ */ jsx21(Search4, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsxs21("div", { className: "w-full max-w-xl rounded-xl border bg-popover shadow-2xl overflow-hidden", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsx22(Search4, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx22(
             "input",
             {
               ref: inputRef,
@@ -5713,9 +5869,9 @@ function QuickModelSwitcher() {
               className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground"
             }
           ),
-          /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
+          /* @__PURE__ */ jsx22("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
         ] }),
-        /* @__PURE__ */ jsx21("div", { className: "max-h-[50vh] overflow-y-auto py-1", children: candidates.length === 0 ? /* @__PURE__ */ jsx21("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__ */ jsxs20(
+        /* @__PURE__ */ jsx22("div", { className: "max-h-[50vh] overflow-y-auto py-1", children: candidates.length === 0 ? /* @__PURE__ */ jsx22("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__ */ jsxs21(
           "button",
           {
             type: "button",
@@ -5727,7 +5883,7 @@ function QuickModelSwitcher() {
               c.isCurrent && "font-medium"
             ),
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22(
                 Cpu3,
                 {
                   className: cn(
@@ -5736,19 +5892,19 @@ function QuickModelSwitcher() {
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs20("div", { className: "truncate", children: [
-                  /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: c.provider }),
-                  /* @__PURE__ */ jsx21("span", { className: "mx-1 text-muted-foreground/40", children: "\xB7" }),
-                  /* @__PURE__ */ jsx21("span", { children: c.modelName })
+              /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs21("div", { className: "truncate", children: [
+                  /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: c.provider }),
+                  /* @__PURE__ */ jsx22("span", { className: "mx-1 text-muted-foreground/40", children: "\xB7" }),
+                  /* @__PURE__ */ jsx22("span", { children: c.modelName })
                 ] }),
-                c.contextWindow && /* @__PURE__ */ jsxs20("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                c.contextWindow && /* @__PURE__ */ jsxs21("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
                   c.model,
                   " \xB7 ctx ",
                   c.contextWindow.toLocaleString()
                 ] })
               ] }),
-              c.isCurrent ? /* @__PURE__ */ jsx21("span", { className: "text-[10px] uppercase tracking-wide text-primary font-semibold", children: "active" }) : /* @__PURE__ */ jsx21(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground opacity-0 group-hover:opacity-100" })
+              c.isCurrent ? /* @__PURE__ */ jsx22("span", { className: "text-[10px] uppercase tracking-wide text-primary font-semibold", children: "active" }) : /* @__PURE__ */ jsx22(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground opacity-0 group-hover:opacity-100" })
             ]
           },
           `${c.provider}:${c.model}`
@@ -5778,11 +5934,11 @@ import {
   Trash2 as Trash22,
   X as X5
 } from "lucide-react";
-import { useState as useState16, useEffect as useEffect16, useCallback as useCallback4 } from "react";
+import { useState as useState17, useEffect as useEffect17, useCallback as useCallback4 } from "react";
 
 // src/components/ThemeProvider.tsx
-import { createContext, useContext, useEffect as useEffect15, useState as useState15 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { createContext, useContext, useEffect as useEffect16, useState as useState16 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var ThemeProviderContext = createContext(void 0);
 function ThemeProvider({
   children,
@@ -5790,13 +5946,13 @@ function ThemeProvider({
   storageKey = "wrongstack-theme"
 }) {
   const { theme: storeTheme, setTheme: setStoreTheme } = useConfigStore();
-  const [theme, setTheme] = useState15(() => {
+  const [theme, setTheme] = useState16(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem(storageKey) || defaultTheme;
     }
     return defaultTheme;
   });
-  useEffect15(() => {
+  useEffect16(() => {
     const root = window.document.documentElement;
     root.classList.remove("light", "dark");
     if (theme === "system") {
@@ -5814,7 +5970,7 @@ function ThemeProvider({
       setStoreTheme(newTheme);
     }
   };
-  return /* @__PURE__ */ jsx22(ThemeProviderContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx23(ThemeProviderContext.Provider, { value, children });
 }
 function useTheme() {
   const context = useContext(ThemeProviderContext);
@@ -5826,10 +5982,10 @@ function useTheme() {
 
 // src/components/ui/input.tsx
 import * as React4 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var Input = React4.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "input",
       {
         type,
@@ -5848,9 +6004,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 jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TabsPrimitive.List,
   {
     ref,
@@ -5862,7 +6018,7 @@ var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -5874,7 +6030,7 @@ var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TabsPrimitive.Content,
   {
     ref,
@@ -5888,7 +6044,7 @@ var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/SettingsPanel.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function SettingsPanel() {
   const { setCurrentView } = useUIStore();
   const { provider, model, setProvider, setModel, wsConnected } = useConfigStore();
@@ -5897,25 +6053,25 @@ function SettingsPanel() {
   const wsClient = ws.client;
   const listProviders = ws.listProviders;
   const listSavedProviders = ws.listSavedProviders;
-  const [catalogProviders, setCatalogProviders] = useState16([]);
-  const [catalogModels, setCatalogModels] = useState16({});
-  const [savedProviders, setSavedProviders] = useState16([]);
-  const [isLoadingCatalog, setIsLoadingCatalog] = useState16(false);
-  const [isLoadingModels, setIsLoadingModels] = useState16(false);
-  const [isLoadingSaved, setIsLoadingSaved] = useState16(false);
-  const [operationStatus, setOperationStatus] = useState16(null);
-  const [providerTab, setProviderTab] = useState16("catalog");
-  const [showAddKeyForm, setShowAddKeyForm] = useState16(null);
-  const [newKeyLabel, setNewKeyLabel] = useState16("");
-  const [newKeyValue, setNewKeyValue] = useState16("");
-  const [showNewKeyValue, setShowNewKeyValue] = useState16(false);
-  const [showAddProviderForm, setShowAddProviderForm] = useState16(false);
-  const [newProviderId, setNewProviderId] = useState16("");
-  const [newProviderFamily, setNewProviderFamily] = useState16("openai-compatible");
-  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState16("");
-  const [newProviderApiKey, setNewProviderApiKey] = useState16("");
+  const [catalogProviders, setCatalogProviders] = useState17([]);
+  const [catalogModels, setCatalogModels] = useState17({});
+  const [savedProviders, setSavedProviders] = useState17([]);
+  const [isLoadingCatalog, setIsLoadingCatalog] = useState17(false);
+  const [isLoadingModels, setIsLoadingModels] = useState17(false);
+  const [isLoadingSaved, setIsLoadingSaved] = useState17(false);
+  const [operationStatus, setOperationStatus] = useState17(null);
+  const [providerTab, setProviderTab] = useState17("catalog");
+  const [showAddKeyForm, setShowAddKeyForm] = useState17(null);
+  const [newKeyLabel, setNewKeyLabel] = useState17("");
+  const [newKeyValue, setNewKeyValue] = useState17("");
+  const [showNewKeyValue, setShowNewKeyValue] = useState17(false);
+  const [showAddProviderForm, setShowAddProviderForm] = useState17(false);
+  const [newProviderId, setNewProviderId] = useState17("");
+  const [newProviderFamily, setNewProviderFamily] = useState17("openai-compatible");
+  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState17("");
+  const [newProviderApiKey, setNewProviderApiKey] = useState17("");
   const currentCatalogProvider = catalogProviders.find((p) => p.id === provider);
-  useEffect16(() => {
+  useEffect17(() => {
     const handleProviderCatalog = (msg) => {
       if (msg.type === "provider.catalog") {
         const payload = msg.payload;
@@ -6023,7 +6179,7 @@ function SettingsPanel() {
     },
     [ws]
   );
-  const [catalogQuery, setCatalogQuery] = useState16("");
+  const [catalogQuery, setCatalogQuery] = useState17("");
   const families = ["anthropic", "openai", "google", "openai-compatible"];
   const filteredCatalog = catalogQuery.trim() ? catalogProviders.filter((p) => {
     const q = catalogQuery.trim().toLowerCase();
@@ -6037,52 +6193,52 @@ function SettingsPanel() {
     },
     {}
   );
-  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs21("header", { className: "flex items-center justify-between px-4 py-3 border-b bg-card shrink-0", children: [
-      /* @__PURE__ */ jsx25("h1", { className: "text-lg font-semibold", children: "Settings" }),
-      /* @__PURE__ */ jsx25(Button, { variant: "ghost", size: "icon", onClick: () => setCurrentView("chat"), children: /* @__PURE__ */ jsx25(X5, { className: "h-4 w-4" }) })
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs22("header", { className: "flex items-center justify-between px-4 py-3 border-b bg-card shrink-0", children: [
+      /* @__PURE__ */ jsx26("h1", { className: "text-lg font-semibold", children: "Settings" }),
+      /* @__PURE__ */ jsx26(Button, { variant: "ghost", size: "icon", onClick: () => setCurrentView("chat"), children: /* @__PURE__ */ jsx26(X5, { className: "h-4 w-4" }) })
     ] }),
-    /* @__PURE__ */ jsx25(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx25("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs21(Tabs, { defaultValue: "provider", children: [
-      /* @__PURE__ */ jsxs21(TabsList, { className: "w-full justify-start mb-6 grid grid-cols-4", children: [
-        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "provider", className: "gap-2", children: [
-          /* @__PURE__ */ jsx25(Network, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx26(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx26("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs22(Tabs, { defaultValue: "provider", children: [
+      /* @__PURE__ */ jsxs22(TabsList, { className: "w-full justify-start mb-6 grid grid-cols-4", children: [
+        /* @__PURE__ */ jsxs22(TabsTrigger, { value: "provider", className: "gap-2", children: [
+          /* @__PURE__ */ jsx26(Network, { className: "h-4 w-4" }),
           "Provider"
         ] }),
-        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "model", className: "gap-2", children: [
-          /* @__PURE__ */ jsx25(Cpu4, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs22(TabsTrigger, { value: "model", className: "gap-2", children: [
+          /* @__PURE__ */ jsx26(Cpu4, { className: "h-4 w-4" }),
           "Model"
         ] }),
-        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "connection", className: "gap-2", children: [
-          /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs22(TabsTrigger, { value: "connection", className: "gap-2", children: [
+          /* @__PURE__ */ jsx26(Globe2, { className: "h-4 w-4" }),
           "Connection"
         ] }),
-        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "appearance", className: "gap-2", children: [
-          /* @__PURE__ */ jsx25(Palette, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs22(TabsTrigger, { value: "appearance", className: "gap-2", children: [
+          /* @__PURE__ */ jsx26(Palette, { className: "h-4 w-4" }),
           "Appearance"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs21(TabsContent, { value: "provider", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex gap-2 mb-4", children: [
-          /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(TabsContent, { value: "provider", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex gap-2 mb-4", children: [
+          /* @__PURE__ */ jsxs22(
             Button,
             {
               variant: providerTab === "catalog" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("catalog"),
               children: [
-                /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx26(Globe2, { className: "h-4 w-4 mr-1" }),
                 "Catalog"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsxs22(
             Button,
             {
               variant: providerTab === "saved" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("saved"),
               children: [
-                /* @__PURE__ */ jsx25(Key, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx26(Key, { className: "h-4 w-4 mr-1" }),
                 "Saved (",
                 savedProviders.length,
                 ")"
@@ -6090,7 +6246,7 @@ function SettingsPanel() {
             }
           )
         ] }),
-        operationStatus && /* @__PURE__ */ jsxs21(
+        operationStatus && /* @__PURE__ */ jsxs22(
           "div",
           {
             className: cn(
@@ -6098,13 +6254,13 @@ function SettingsPanel() {
               operationStatus.success ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"
             ),
             children: [
-              operationStatus.success ? /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(AlertCircle, { className: "h-4 w-4" }),
+              operationStatus.success ? /* @__PURE__ */ jsx26(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx26(AlertCircle, { className: "h-4 w-4" }),
               operationStatus.message
             ]
           }
         ),
-        providerTab === "catalog" && /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx25(
+        providerTab === "catalog" && /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx26(
             Input,
             {
               placeholder: `Search ${catalogProviders.length} providers (name / id / family)\u2026`,
@@ -6113,19 +6269,19 @@ function SettingsPanel() {
               className: "text-sm"
             }
           ),
-          isLoadingCatalog && catalogProviders.length === 0 ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ jsx25(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-            /* @__PURE__ */ jsx25("span", { className: "ml-2 text-muted-foreground", children: "Loading catalog..." })
-          ] }) : filteredCatalog.length === 0 && catalogQuery ? /* @__PURE__ */ jsxs21("div", { className: "text-center py-8 text-muted-foreground text-sm", children: [
+          isLoadingCatalog && catalogProviders.length === 0 ? /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-center py-8", children: [
+            /* @__PURE__ */ jsx26(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+            /* @__PURE__ */ jsx26("span", { className: "ml-2 text-muted-foreground", children: "Loading catalog..." })
+          ] }) : filteredCatalog.length === 0 && catalogQuery ? /* @__PURE__ */ jsxs22("div", { className: "text-center py-8 text-muted-foreground text-sm", children: [
             'No providers match "',
-            /* @__PURE__ */ jsx25("span", { className: "font-mono", children: catalogQuery }),
+            /* @__PURE__ */ jsx26("span", { className: "font-mono", children: catalogQuery }),
             '".'
-          ] }) : /* @__PURE__ */ jsx25(Fragment7, { children: families.map((family) => {
+          ] }) : /* @__PURE__ */ jsx26(Fragment7, { children: families.map((family) => {
             const providers = catalogByFamily[family];
             if (!providers?.length) return null;
-            return /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx25("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: family }),
-              /* @__PURE__ */ jsx25("div", { className: "grid grid-cols-1 gap-2", children: providers.map((p) => /* @__PURE__ */ jsxs21(
+            return /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx26("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: family }),
+              /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 gap-2", children: providers.map((p) => /* @__PURE__ */ jsxs22(
                 "button",
                 {
                   type: "button",
@@ -6135,28 +6291,28 @@ function SettingsPanel() {
                     provider === p.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs21("div", { className: "flex w-full justify-between items-start", children: [
-                      /* @__PURE__ */ jsxs21("div", { children: [
-                        /* @__PURE__ */ jsx25("span", { className: "font-medium", children: p.name }),
-                        /* @__PURE__ */ jsxs21("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsxs22("div", { className: "flex w-full justify-between items-start", children: [
+                      /* @__PURE__ */ jsxs22("div", { children: [
+                        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: p.name }),
+                        /* @__PURE__ */ jsxs22("span", { className: "ml-2 text-xs text-muted-foreground", children: [
                           "(",
                           p.id,
                           ")"
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                        p.hasApiKey && /* @__PURE__ */ jsxs21("span", { className: "text-xs bg-green-500/10 text-green-600 px-2 py-0.5 rounded", children: [
-                          /* @__PURE__ */ jsx25(Key, { className: "h-3 w-3 inline mr-1" }),
+                      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+                        p.hasApiKey && /* @__PURE__ */ jsxs22("span", { className: "text-xs bg-green-500/10 text-green-600 px-2 py-0.5 rounded", children: [
+                          /* @__PURE__ */ jsx26(Key, { className: "h-3 w-3 inline mr-1" }),
                           "Configured"
                         ] }),
-                        p.envVars[0] && /* @__PURE__ */ jsxs21("span", { className: "text-xs text-muted-foreground", children: [
+                        p.envVars[0] && /* @__PURE__ */ jsxs22("span", { className: "text-xs text-muted-foreground", children: [
                           "ENV: ",
                           p.envVars[0]
                         ] }),
-                        provider === p.id && /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4 text-primary" })
+                        provider === p.id && /* @__PURE__ */ jsx26(CheckCircle24, { className: "h-4 w-4 text-primary" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs21("div", { className: "text-xs text-muted-foreground mt-1", children: [
+                    /* @__PURE__ */ jsxs22("div", { className: "text-xs text-muted-foreground mt-1", children: [
                       p.modelCount,
                       " models",
                       p.apiBase && ` \xB7 ${p.apiBase}`
@@ -6168,25 +6324,25 @@ function SettingsPanel() {
             ] }, family);
           }) })
         ] }),
-        providerTab === "saved" && /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: "Manage your API keys and provider configurations" }),
-            /* @__PURE__ */ jsxs21(
+        providerTab === "saved" && /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Manage your API keys and provider configurations" }),
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 size: "sm",
                 variant: "outline",
                 onClick: () => setShowAddProviderForm(!showAddProviderForm),
                 children: [
-                  /* @__PURE__ */ jsx25(Plus, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx26(Plus, { className: "h-4 w-4 mr-1" }),
                   "Add Provider"
                 ]
               }
             )
           ] }),
-          showAddProviderForm && /* @__PURE__ */ jsxs21("div", { className: "p-4 border rounded-lg space-y-3 bg-muted/50", children: [
-            /* @__PURE__ */ jsx25("h4", { className: "font-medium", children: "Add Custom Provider" }),
-            /* @__PURE__ */ jsx25(
+          showAddProviderForm && /* @__PURE__ */ jsxs22("div", { className: "p-4 border rounded-lg space-y-3 bg-muted/50", children: [
+            /* @__PURE__ */ jsx26("h4", { className: "font-medium", children: "Add Custom Provider" }),
+            /* @__PURE__ */ jsx26(
               Input,
               {
                 placeholder: "Provider ID (e.g. my-llm-server)",
@@ -6194,21 +6350,21 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderId(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsxs22(
               "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__ */ jsx25("option", { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ jsx25("option", { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ jsx25("option", { value: "openai-compatible", children: "OpenAI Compatible" }),
-                  /* @__PURE__ */ jsx25("option", { value: "google", children: "Google" })
+                  /* @__PURE__ */ jsx26("option", { value: "anthropic", children: "Anthropic" }),
+                  /* @__PURE__ */ jsx26("option", { value: "openai", children: "OpenAI" }),
+                  /* @__PURE__ */ jsx26("option", { value: "openai-compatible", children: "OpenAI Compatible" }),
+                  /* @__PURE__ */ jsx26("option", { value: "google", children: "Google" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Input,
               {
                 placeholder: "Base URL (optional, e.g. http://localhost:11434/v1)",
@@ -6216,7 +6372,7 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderBaseUrl(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Input,
               {
                 type: "password",
@@ -6225,8 +6381,8 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderApiKey(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx26(
                 Button,
                 {
                   size: "sm",
@@ -6235,7 +6391,7 @@ function SettingsPanel() {
                   children: "Add"
                 }
               ),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 Button,
                 {
                   size: "sm",
@@ -6246,59 +6402,59 @@ function SettingsPanel() {
               )
             ] })
           ] }),
-          isLoadingSaved ? /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx25(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : savedProviders.length === 0 ? /* @__PURE__ */ jsxs21("div", { className: "text-center py-8 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx25(Key, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-            /* @__PURE__ */ jsx25("p", { children: "No saved providers yet" }),
-            /* @__PURE__ */ jsx25("p", { className: "text-sm", children: "Add a provider to get started" })
-          ] }) : savedProviders.map((sp) => /* @__PURE__ */ jsxs21("div", { className: "border rounded-lg p-4 space-y-3", children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxs21("div", { children: [
-                /* @__PURE__ */ jsx25("h4", { className: "font-medium", children: sp.id }),
-                sp.family && /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: sp.family })
+          isLoadingSaved ? /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx26(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : savedProviders.length === 0 ? /* @__PURE__ */ jsxs22("div", { className: "text-center py-8 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx26(Key, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+            /* @__PURE__ */ jsx26("p", { children: "No saved providers yet" }),
+            /* @__PURE__ */ jsx26("p", { className: "text-sm", children: "Add a provider to get started" })
+          ] }) : savedProviders.map((sp) => /* @__PURE__ */ jsxs22("div", { className: "border rounded-lg p-4 space-y-3", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "flex justify-between items-start", children: [
+              /* @__PURE__ */ jsxs22("div", { children: [
+                /* @__PURE__ */ jsx26("h4", { className: "font-medium", children: sp.id }),
+                sp.family && /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: sp.family })
               ] }),
-              /* @__PURE__ */ jsx25("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx26(
                 Button,
                 {
                   size: "icon",
                   variant: "ghost",
                   onClick: () => handleRemoveProvider(sp.id),
-                  children: /* @__PURE__ */ jsx25(Trash22, { className: "h-4 w-4 text-destructive" })
+                  children: /* @__PURE__ */ jsx26(Trash22, { className: "h-4 w-4 text-destructive" })
                 }
               ) })
             ] }),
-            sp.baseUrl && /* @__PURE__ */ jsxs21("div", { className: "text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx25(Globe2, { className: "h-3 w-3 inline mr-1" }),
+            sp.baseUrl && /* @__PURE__ */ jsxs22("div", { className: "text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx26(Globe2, { className: "h-3 w-3 inline mr-1" }),
               sp.baseUrl
             ] }),
-            /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center", children: [
-                /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: "API Keys" }),
-                /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium", children: "API Keys" }),
+                /* @__PURE__ */ jsxs22(
                   Button,
                   {
                     size: "sm",
                     variant: "ghost",
                     onClick: () => setShowAddKeyForm(showAddKeyForm === sp.id ? null : sp.id),
                     children: [
-                      /* @__PURE__ */ jsx25(Plus, { className: "h-3 w-3 mr-1" }),
+                      /* @__PURE__ */ jsx26(Plus, { className: "h-3 w-3 mr-1" }),
                       "Add Key"
                     ]
                   }
                 )
               ] }),
-              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
-              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs21(
+              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
+              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs22(
                 "div",
                 {
                   className: "flex items-center justify-between p-2 bg-muted/50 rounded",
                   children: [
-                    /* @__PURE__ */ jsxs21("div", { children: [
-                      /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: key.label }),
-                      key.isActive && /* @__PURE__ */ jsx25("span", { className: "ml-2 text-xs bg-green-500/10 text-green-600 px-1.5 py-0.5 rounded", children: "Active" }),
-                      /* @__PURE__ */ jsx25("div", { className: "text-xs text-muted-foreground font-mono", children: key.maskedKey })
+                    /* @__PURE__ */ jsxs22("div", { children: [
+                      /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium", children: key.label }),
+                      key.isActive && /* @__PURE__ */ jsx26("span", { className: "ml-2 text-xs bg-green-500/10 text-green-600 px-1.5 py-0.5 rounded", children: "Active" }),
+                      /* @__PURE__ */ jsx26("div", { className: "text-xs text-muted-foreground font-mono", children: key.maskedKey })
                     ] }),
-                    /* @__PURE__ */ jsxs21("div", { className: "flex gap-1", children: [
-                      !key.isActive && /* @__PURE__ */ jsx25(
+                    /* @__PURE__ */ jsxs22("div", { className: "flex gap-1", children: [
+                      !key.isActive && /* @__PURE__ */ jsx26(
                         Button,
                         {
                           size: "sm",
@@ -6307,13 +6463,13 @@ function SettingsPanel() {
                           children: "Set Active"
                         }
                       ),
-                      /* @__PURE__ */ jsx25(
+                      /* @__PURE__ */ jsx26(
                         Button,
                         {
                           size: "icon",
                           variant: "ghost",
                           onClick: () => handleDeleteKey(sp.id, key.label),
-                          children: /* @__PURE__ */ jsx25(Trash22, { className: "h-3 w-3 text-destructive" })
+                          children: /* @__PURE__ */ jsx26(Trash22, { className: "h-3 w-3 text-destructive" })
                         }
                       )
                     ] })
@@ -6321,8 +6477,8 @@ function SettingsPanel() {
                 },
                 key.label
               )),
-              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs21("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
-                /* @__PURE__ */ jsx25(
+              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs22("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
+                /* @__PURE__ */ jsx26(
                   Input,
                   {
                     placeholder: "Key label (e.g. default, production)",
@@ -6330,8 +6486,8 @@ function SettingsPanel() {
                     onChange: (e) => setNewKeyLabel(e.target.value)
                   }
                 ),
-                /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx26(
                     Input,
                     {
                       type: showNewKeyValue ? "text" : "password",
@@ -6340,18 +6496,18 @@ function SettingsPanel() {
                       onChange: (e) => setNewKeyValue(e.target.value)
                     }
                   ),
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Button,
                     {
                       size: "icon",
                       variant: "ghost",
                       onClick: () => setShowNewKeyValue(!showNewKeyValue),
-                      children: showNewKeyValue ? /* @__PURE__ */ jsx25(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(Eye, { className: "h-4 w-4" })
+                      children: showNewKeyValue ? /* @__PURE__ */ jsx26(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx26(Eye, { className: "h-4 w-4" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx26(
                     Button,
                     {
                       size: "sm",
@@ -6360,7 +6516,7 @@ function SettingsPanel() {
                       children: "Save Key"
                     }
                   ),
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Button,
                     {
                       size: "sm",
@@ -6379,13 +6535,13 @@ function SettingsPanel() {
           ] }, sp.id))
         ] })
       ] }),
-      /* @__PURE__ */ jsx25(TabsContent, { value: "model", className: "space-y-4", children: provider ? /* @__PURE__ */ jsxs21(Fragment7, { children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium", children: currentCatalogProvider?.name || provider }),
-            /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: provider })
+      /* @__PURE__ */ jsx26(TabsContent, { value: "model", className: "space-y-4", children: provider ? /* @__PURE__ */ jsxs22(Fragment7, { children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs22("div", { children: [
+            /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium", children: currentCatalogProvider?.name || provider }),
+            /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: provider })
           ] }),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             Button,
             {
               variant: "ghost",
@@ -6394,15 +6550,15 @@ function SettingsPanel() {
                 setIsLoadingModels(true);
                 ws.listProviderModels?.(provider);
               },
-              children: /* @__PURE__ */ jsx25(RefreshCw2, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
+              children: /* @__PURE__ */ jsx26(RefreshCw2, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
             }
           )
         ] }),
-        isLoadingModels && !catalogModels[provider] ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-center py-8", children: [
-          /* @__PURE__ */ jsx25(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-          /* @__PURE__ */ jsx25("span", { className: "ml-2 text-muted-foreground", children: "Loading models..." })
-        ] }) : /* @__PURE__ */ jsxs21("div", { className: "space-y-1", children: [
-          (catalogModels[provider] || []).map((m) => /* @__PURE__ */ jsxs21(
+        isLoadingModels && !catalogModels[provider] ? /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-center py-8", children: [
+          /* @__PURE__ */ jsx26(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsx26("span", { className: "ml-2 text-muted-foreground", children: "Loading models..." })
+        ] }) : /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
+          (catalogModels[provider] || []).map((m) => /* @__PURE__ */ jsxs22(
             "button",
             {
               type: "button",
@@ -6412,47 +6568,47 @@ function SettingsPanel() {
                 model === m.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
               ),
               children: [
-                /* @__PURE__ */ jsxs21("div", { children: [
-                  /* @__PURE__ */ jsx25("span", { className: "font-medium", children: m.name || m.id }),
-                  /* @__PURE__ */ jsx25("div", { className: "flex gap-2 mt-1", children: m.capabilities.map((cap) => /* @__PURE__ */ jsx25("span", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: cap }, cap)) })
+                /* @__PURE__ */ jsxs22("div", { children: [
+                  /* @__PURE__ */ jsx26("span", { className: "font-medium", children: m.name || m.id }),
+                  /* @__PURE__ */ jsx26("div", { className: "flex gap-2 mt-1", children: m.capabilities.map((cap) => /* @__PURE__ */ jsx26("span", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: cap }, cap)) })
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "text-right text-xs text-muted-foreground", children: [
-                  m.contextWindow && /* @__PURE__ */ jsxs21("div", { children: [
+                /* @__PURE__ */ jsxs22("div", { className: "text-right text-xs text-muted-foreground", children: [
+                  m.contextWindow && /* @__PURE__ */ jsxs22("div", { children: [
                     m.contextWindow / 1e3,
                     "k context"
                   ] }),
-                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs21("div", { children: [
+                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs22("div", { children: [
                     "$",
                     m.inputCost,
                     "/$",
                     m.outputCost
                   ] }),
-                  model === m.id && /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
+                  model === m.id && /* @__PURE__ */ jsx26(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
                 ] })
               ]
             },
             m.id
           )),
-          catalogModels[provider]?.length === 0 && /* @__PURE__ */ jsx25("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__ */ jsx26("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__ */ jsxs21("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx25(Cpu4, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsx25("p", { children: "Select a provider first" })
+      ] }) : /* @__PURE__ */ jsxs22("div", { className: "text-center py-8 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx26(Cpu4, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsx26("p", { children: "Select a provider first" })
       ] }) }),
-      /* @__PURE__ */ jsxs21(TabsContent, { value: "connection", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(TabsContent, { value: "connection", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs22(
             "label",
             {
               htmlFor: "websocket-url",
               className: "text-sm font-medium flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx26(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
                 "WebSocket Server URL"
               ]
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             Input,
             {
               id: "websocket-url",
@@ -6462,70 +6618,70 @@ function SettingsPanel() {
               className: "font-mono text-sm"
             }
           ),
-          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
+          /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "p-4 rounded-lg border bg-muted/50", children: [
-          /* @__PURE__ */ jsx25("h4", { className: "text-sm font-medium mb-2", children: "Starting the WebSocket Server" }),
-          /* @__PURE__ */ jsxs21("p", { className: "text-xs text-muted-foreground mb-3", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "p-4 rounded-lg border bg-muted/50", children: [
+          /* @__PURE__ */ jsx26("h4", { className: "text-sm font-medium mb-2", children: "Starting the WebSocket Server" }),
+          /* @__PURE__ */ jsxs22("p", { className: "text-xs text-muted-foreground mb-3", children: [
             "Standalone: run ",
-            /* @__PURE__ */ jsx25("code", { className: "bg-muted px-1 py-0.5 rounded", children: "./dev.ps1" }),
+            /* @__PURE__ */ jsx26("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__ */ jsx25("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
+            /* @__PURE__ */ jsx26("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
             ". Or alongside the CLI:",
             " ",
-            /* @__PURE__ */ jsx25("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
+            /* @__PURE__ */ jsx26("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
             "."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs21(TabsContent, { value: "appearance", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs21("div", { children: [
-          /* @__PURE__ */ jsx25("h3", { className: "text-sm font-semibold mb-3", children: "Theme" }),
-          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-3 gap-2 max-w-md", children: [
-            /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(TabsContent, { value: "appearance", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs22("div", { children: [
+          /* @__PURE__ */ jsx26("h3", { className: "text-sm font-semibold mb-3", children: "Theme" }),
+          /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-3 gap-2 max-w-md", children: [
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: theme === "light" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("light"),
                 children: [
-                  /* @__PURE__ */ jsx25(Sun3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx26(Sun3, { className: "h-4 w-4 mr-1" }),
                   "Light"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: theme === "dark" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("dark"),
                 children: [
-                  /* @__PURE__ */ jsx25(Moon3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx26(Moon3, { className: "h-4 w-4 mr-1" }),
                   "Dark"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: theme === "system" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("system"),
                 children: [
-                  /* @__PURE__ */ jsx25(Monitor3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx26(Monitor3, { className: "h-4 w-4 mr-1" }),
                   "System"
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
+          /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "pt-2 border-t", children: [
-          /* @__PURE__ */ jsx25("h3", { className: "text-sm font-semibold mb-3 mt-3", children: "Preferences" }),
-          /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs22("div", { className: "pt-2 border-t", children: [
+          /* @__PURE__ */ jsx26("h3", { className: "text-sm font-semibold mb-3 mt-3", children: "Preferences" }),
+          /* @__PURE__ */ jsx26(
             PreferenceToggle,
             {
               label: "Compact density",
@@ -6534,7 +6690,7 @@ function SettingsPanel() {
               onChange: () => useUIStore.getState().toggleCompactMode()
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             PreferenceToggle,
             {
               label: "Sound on completion",
@@ -6564,17 +6720,16 @@ function PreferenceToggle({
       const next = !useConfigStore.getState().soundOnComplete;
       useConfigStore.getState().setSoundOnComplete(next);
       if (next) {
-        Promise.resolve().then(() => (init_chime(), chime_exports)).then((m) => m.playCompletionChime()).catch(() => {
-        });
+        playCompletionChime();
       }
     }
   };
-  return /* @__PURE__ */ jsxs21("div", { className: "flex items-start justify-between gap-3 py-2", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx25("div", { className: "text-sm font-medium", children: label }),
-      hint && /* @__PURE__ */ jsx25("div", { className: "text-xs text-muted-foreground mt-0.5", children: hint })
+  return /* @__PURE__ */ jsxs22("div", { className: "flex items-start justify-between gap-3 py-2", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx26("div", { className: "text-sm font-medium", children: label }),
+      hint && /* @__PURE__ */ jsx26("div", { className: "text-xs text-muted-foreground mt-0.5", children: hint })
     ] }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       "button",
       {
         type: "button",
@@ -6585,7 +6740,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__ */ jsx25(
+        children: /* @__PURE__ */ jsx26(
           "span",
           {
             className: cn(
@@ -6601,8 +6756,8 @@ function PreferenceToggle({
 
 // src/components/ShortcutsOverlay.tsx
 import { Keyboard as Keyboard2, X as X6 } from "lucide-react";
-import { useEffect as useEffect17 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useEffect as useEffect18 } from "react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var SHORTCUTS = [
   {
     section: "Global",
@@ -6652,7 +6807,7 @@ var SHORTCUTS = [
 function ShortcutsOverlay() {
   const open = useUIStore((s) => s.shortcutsOpen);
   const setOpen = useUIStore((s) => s.setShortcutsOpen);
-  useEffect17(() => {
+  useEffect18(() => {
     const onKey = (e) => {
       const target = e.target;
       const tag = target?.tagName?.toLowerCase();
@@ -6671,7 +6826,7 @@ function ShortcutsOverlay() {
     return () => window.removeEventListener("keydown", onKey);
   }, [setOpen]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       className: "fixed inset-0 z-50 bg-background/60 backdrop-blur-sm flex items-center justify-center px-4",
@@ -6679,49 +6834,49 @@ function ShortcutsOverlay() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs22(
+      children: /* @__PURE__ */ jsxs23(
         "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__ */ jsxs22("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
-              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx26(Keyboard2, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx26("h2", { className: "text-sm font-semibold", children: "Keyboard shortcuts" })
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx27(Keyboard2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx27("h2", { className: "text-sm font-semibold", children: "Keyboard shortcuts" })
               ] }),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
                   onClick: () => setOpen(false),
                   className: "text-muted-foreground hover:text-foreground p-1 rounded hover:bg-muted",
-                  children: /* @__PURE__ */ jsx26(X6, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx27(X6, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx26("div", { className: "overflow-y-auto px-5 py-4 space-y-6", children: SHORTCUTS.map((group) => /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx26("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-2", children: group.section }),
-              /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 gap-1.5", children: group.items.map((s) => /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsx27("div", { className: "overflow-y-auto px-5 py-4 space-y-6", children: SHORTCUTS.map((group) => /* @__PURE__ */ jsxs23("div", { children: [
+              /* @__PURE__ */ jsx27("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-2", children: group.section }),
+              /* @__PURE__ */ jsx27("div", { className: "grid grid-cols-1 gap-1.5", children: group.items.map((s) => /* @__PURE__ */ jsxs23(
                 "div",
                 {
                   className: "flex items-center justify-between gap-3 text-sm px-2 py-1.5 rounded hover:bg-muted/40",
                   children: [
-                    /* @__PURE__ */ jsx26("span", { className: "text-foreground/80", children: s.description }),
-                    /* @__PURE__ */ jsx26("span", { className: "flex items-center gap-1 shrink-0", children: s.keys.map((k, ki) => /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-1", children: [
-                      ki > 0 && /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground/40 text-xs", children: "+" }),
-                      /* @__PURE__ */ jsx26("kbd", { className: "font-mono text-[10px] border rounded px-1.5 py-0.5 bg-background", children: k })
+                    /* @__PURE__ */ jsx27("span", { className: "text-foreground/80", children: s.description }),
+                    /* @__PURE__ */ jsx27("span", { className: "flex items-center gap-1 shrink-0", children: s.keys.map((k, ki) => /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1", children: [
+                      ki > 0 && /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground/40 text-xs", children: "+" }),
+                      /* @__PURE__ */ jsx27("kbd", { className: "font-mono text-[10px] border rounded px-1.5 py-0.5 bg-background", children: k })
                     ] }, k)) })
                   ]
                 },
                 s.description
               )) })
             ] }, group.section)) }),
-            /* @__PURE__ */ jsxs22("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
               "Press",
               " ",
-              /* @__PURE__ */ jsx26("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
+              /* @__PURE__ */ jsx27("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
               " ",
               "any time to reopen this list."
             ] })
@@ -6755,8 +6910,8 @@ import {
   X as X7,
   Zap as Zap3
 } from "lucide-react";
-import { useEffect as useEffect18, useState as useState17 } from "react";
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useState as useState18 } from "react";
+import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function Sidebar() {
   const { toggleSidebar, currentView, setCurrentView } = useUIStore();
   const sidebarWidth = useUIStore((s) => s.sidebarWidth);
@@ -6765,13 +6920,13 @@ function Sidebar() {
   const { messages, clearMessages } = useChatStore();
   const pinnedIds = useUIStore((s) => s.pinnedIds);
   const unpinAll = useUIStore((s) => s.unpinAll);
-  const [historyQuery, setHistoryQuery] = useState17("");
+  const [historyQuery, setHistoryQuery] = useState18("");
   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] = useState17(null);
-  const [renameDraft, setRenameDraft] = useState17("");
+  const [renamingId, setRenamingId] = useState18(null);
+  const [renameDraft, setRenameDraft] = useState18("");
   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 {
@@ -6780,11 +6935,11 @@ function Sidebar() {
     error: historyError
   } = useHistoryStore();
   const { listSessions, deleteSession, resumeSession, client: client2 } = useWebSocket();
-  useEffect18(() => {
+  useEffect19(() => {
     if (wsConnected) client2?.getTodos?.();
   }, [wsConnected, client2]);
   const activeSessionId = session?.id;
-  useEffect18(() => {
+  useEffect19(() => {
     void activeSessionId;
     if (currentView === "history" && wsConnected) {
       listSessions(50);
@@ -6868,13 +7023,13 @@ function Sidebar() {
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "aside",
     {
       style: { width: `${sidebarWidth}px` },
       className: "relative border-r bg-card flex flex-col shrink-0",
       children: [
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           "div",
           {
             onMouseDown: startDrag,
@@ -6882,56 +7037,56 @@ 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__ */ jsx27("div", { className: "h-full w-px bg-border group-hover/handle:bg-primary/60 group-hover/handle:w-0.5 transition-all" }),
-              /* @__PURE__ */ jsxs23("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__ */ jsx27("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx27("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx27("span", { className: "h-1 w-1 rounded-full bg-primary/70" })
+              /* @__PURE__ */ jsx28("div", { className: "h-full w-px bg-border group-hover/handle:bg-primary/60 group-hover/handle:w-0.5 transition-all" }),
+              /* @__PURE__ */ jsxs24("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__ */ jsx28("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
+                /* @__PURE__ */ jsx28("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
+                /* @__PURE__ */ jsx28("span", { className: "h-1 w-1 rounded-full bg-primary/70" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx27("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx27(Zap3, { className: "h-4 w-4 text-primary-foreground" }) }),
-            /* @__PURE__ */ jsx27("span", { className: "text-sm font-semibold tracking-tight", children: "WrongStack" })
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx28("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx28(Zap3, { className: "h-4 w-4 text-primary-foreground" }) }),
+            /* @__PURE__ */ jsx28("span", { className: "text-sm font-semibold tracking-tight", children: "WrongStack" })
           ] }),
-          /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, children: /* @__PURE__ */ jsx27(PanelLeftClose, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx28(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, children: /* @__PURE__ */ jsx28(PanelLeftClose, { className: "h-4 w-4" }) })
         ] }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           Tabs,
           {
             value: currentView === "settings" ? "chat" : currentView,
             onValueChange: (v) => setCurrentView(v),
             className: "flex-1 flex flex-col",
             children: [
-              /* @__PURE__ */ jsxs23(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
-                /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsxs24(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
+                /* @__PURE__ */ jsxs24(
                   TabsTrigger,
                   {
                     value: "chat",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx27(MessageSquare, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-xs", children: "Chat" })
+                      /* @__PURE__ */ jsx28(MessageSquare, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-xs", children: "Chat" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs23(
+                /* @__PURE__ */ jsxs24(
                   TabsTrigger,
                   {
                     value: "history",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx27(History, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-xs", children: "History" })
+                      /* @__PURE__ */ jsx28(History, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-xs", children: "History" })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs23(TabsContent, { value: "chat", className: "flex-1 flex flex-col m-0 overflow-hidden", children: [
-                /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b", children: [
-                  /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsxs24(TabsContent, { value: "chat", className: "flex-1 flex flex-col m-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsxs24("div", { className: "px-4 py-3 border-b", children: [
+                  /* @__PURE__ */ jsxs24(
                     "div",
                     {
                       className: cn(
@@ -6939,95 +7094,95 @@ 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__ */ jsx27(Wifi3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx27(WifiOff4, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx27("span", { className: "font-medium", children: wsConnected ? "Connected" : "Disconnected" })
+                        wsConnected ? /* @__PURE__ */ jsx28(Wifi3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx28(WifiOff4, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: wsConnected ? "Connected" : "Disconnected" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx27("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
+                  /* @__PURE__ */ jsx28("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
                 ] }),
-                /* @__PURE__ */ jsxs23(
+                /* @__PURE__ */ jsxs24(
                   "button",
                   {
                     type: "button",
                     onClick: () => setCurrentView("settings"),
                     className: "px-4 py-3 border-b text-left hover:bg-muted/40 transition-colors",
                     children: [
-                      /* @__PURE__ */ jsx27("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-1", children: "Active model" }),
-                      /* @__PURE__ */ jsxs23("div", { className: "font-mono text-xs truncate", children: [
-                        /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: provider || "\u2014" }),
-                        /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground/40 mx-1", children: "/" }),
-                        /* @__PURE__ */ jsx27("span", { className: "font-medium", children: model || "\u2014" })
+                      /* @__PURE__ */ jsx28("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-1", children: "Active model" }),
+                      /* @__PURE__ */ jsxs24("div", { className: "font-mono text-xs truncate", children: [
+                        /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: provider || "\u2014" }),
+                        /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground/40 mx-1", children: "/" }),
+                        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: model || "\u2014" })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b space-y-3", children: [
-                  /* @__PURE__ */ jsxs23("h3", { className: "text-sm font-medium flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx27(Database2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxs24("div", { className: "px-4 py-3 border-b space-y-3", children: [
+                  /* @__PURE__ */ jsxs24("h3", { className: "text-sm font-medium flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx28(Database2, { className: "h-4 w-4 text-muted-foreground" }),
                     "Session"
                   ] }),
-                  /* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
-                    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "Messages" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: messages.length })
+                  /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
+                    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Messages" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-lg font-semibold", children: messages.length })
                     ] }),
-                    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "Duration" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: formatDuration2(session?.startedAt ?? null) })
+                    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Duration" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-lg font-semibold", children: formatDuration2(session?.startedAt ?? null) })
                     ] }),
-                    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "Input" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: totalTokens.input.toLocaleString() })
+                    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Input" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-lg font-semibold", children: totalTokens.input.toLocaleString() })
                     ] }),
-                    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "Output" }),
-                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: totalTokens.output.toLocaleString() })
+                    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Output" }),
+                      /* @__PURE__ */ jsx28("span", { className: "text-lg font-semibold", children: totalTokens.output.toLocaleString() })
                     ] })
                   ] }),
-                  cost > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center p-2 rounded-lg bg-green-500/10", children: [
-                    /* @__PURE__ */ jsx27("span", { className: "text-sm text-muted-foreground", children: "Cost" }),
-                    /* @__PURE__ */ jsxs23("span", { className: "text-lg font-semibold text-green-600 dark:text-green-400", children: [
+                  cost > 0 && /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-center p-2 rounded-lg bg-green-500/10", children: [
+                    /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: "Cost" }),
+                    /* @__PURE__ */ jsxs24("span", { className: "text-lg font-semibold text-green-600 dark:text-green-400", children: [
                       "$",
                       cost.toFixed(4)
                     ] })
                   ] })
                 ] }),
-                todos.length > 0 && /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs23("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx27(ListTodo, { className: "h-4 w-4 text-muted-foreground" }),
+                todos.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs24("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx28(ListTodo, { className: "h-4 w-4 text-muted-foreground" }),
                       "Todos"
                     ] }),
-                    /* @__PURE__ */ jsxs23("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                    /* @__PURE__ */ jsxs24("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
                       todos.filter((t) => t.status === "completed").length,
                       "/",
                       todos.length
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx27("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: todos.map((t) => {
+                  /* @__PURE__ */ jsx28("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__ */ jsxs23(
+                    return /* @__PURE__ */ jsxs24(
                       "li",
                       {
                         className: cn("flex items-start gap-2 text-xs leading-snug", tone2),
                         children: [
-                          /* @__PURE__ */ jsx27(Icon2, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }),
-                          /* @__PURE__ */ jsx27("span", { className: "break-words", children: t.status === "in_progress" && t.activeForm ? t.activeForm : t.content })
+                          /* @__PURE__ */ jsx28(Icon2, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }),
+                          /* @__PURE__ */ jsx28("span", { className: "break-words", children: t.status === "in_progress" && t.activeForm ? t.activeForm : t.content })
                         ]
                       },
                       t.id
                     );
                   }) })
                 ] }),
-                pinnedRows.length > 0 && /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs23("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx27(Pin2, { className: "h-4 w-4 text-amber-500" }),
+                pinnedRows.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs24("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx28(Pin2, { className: "h-4 w-4 text-amber-500" }),
                       "Pinned"
                     ] }),
-                    /* @__PURE__ */ jsx27(
+                    /* @__PURE__ */ jsx28(
                       "button",
                       {
                         type: "button",
@@ -7037,9 +7192,9 @@ function Sidebar() {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx27("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: pinnedRows.map((m) => {
+                  /* @__PURE__ */ jsx28("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__ */ jsx27("li", { children: /* @__PURE__ */ jsxs23(
+                    return /* @__PURE__ */ jsx28("li", { children: /* @__PURE__ */ jsxs24(
                       "button",
                       {
                         type: "button",
@@ -7062,8 +7217,8 @@ function Sidebar() {
                     ) }, m.id);
                   }) })
                 ] }),
-                /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs23(
+                /* @__PURE__ */ jsxs24("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs24(
                     Button,
                     {
                       variant: "outline",
@@ -7074,12 +7229,12 @@ function Sidebar() {
                         client2?.clearContext?.();
                       },
                       children: [
-                        /* @__PURE__ */ jsx27(Trash23, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx28(Trash23, { className: "h-4 w-4 mr-2" }),
                         "Clear context"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs23(
+                  /* @__PURE__ */ jsxs24(
                     Button,
                     {
                       variant: "outline",
@@ -7088,12 +7243,12 @@ function Sidebar() {
                       onClick: () => client2?.newSession?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx27(RotateCcw5, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx28(RotateCcw5, { className: "h-4 w-4 mr-2" }),
                         "New session"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs23(
+                  /* @__PURE__ */ jsxs24(
                     Button,
                     {
                       variant: "outline",
@@ -7102,14 +7257,14 @@ function Sidebar() {
                       onClick: () => client2?.compactContext?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx27(Database2, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx28(Database2, { className: "h-4 w-4 mr-2" }),
                         "Compact context"
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx27("div", { className: "flex-1" }),
-                /* @__PURE__ */ jsx27("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs23(
+                /* @__PURE__ */ jsx28("div", { className: "flex-1" }),
+                /* @__PURE__ */ jsx28("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs24(
                   Button,
                   {
                     variant: "ghost",
@@ -7117,16 +7272,16 @@ function Sidebar() {
                     className: "w-full justify-start",
                     onClick: () => setCurrentView("settings"),
                     children: [
-                      /* @__PURE__ */ jsx27(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx28(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
                       "Settings"
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs23(TabsContent, { value: "history", className: "flex-1 m-0 flex flex-col overflow-hidden", children: [
-                /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
-                  /* @__PURE__ */ jsx27("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
-                  /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsxs24(TabsContent, { value: "history", className: "flex-1 m-0 flex flex-col overflow-hidden", children: [
+                /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
+                  /* @__PURE__ */ jsx28("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
+                  /* @__PURE__ */ jsx28(
                     Button,
                     {
                       variant: "ghost",
@@ -7135,13 +7290,13 @@ function Sidebar() {
                       onClick: () => listSessions(50),
                       disabled: !wsConnected,
                       title: "Refresh",
-                      children: historyLoading ? /* @__PURE__ */ jsx27(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx27(RefreshCw3, { className: "h-3.5 w-3.5" })
+                      children: historyLoading ? /* @__PURE__ */ jsx28(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx28(RefreshCw3, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
-                historyEntries.length > 3 && /* @__PURE__ */ jsx27("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-                  /* @__PURE__ */ jsx27(Search5, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/60" }),
-                  /* @__PURE__ */ jsx27(
+                historyEntries.length > 3 && /* @__PURE__ */ jsx28("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsx28(Search5, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/60" }),
+                  /* @__PURE__ */ jsx28(
                     "input",
                     {
                       type: "text",
@@ -7151,28 +7306,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__ */ jsx27(
+                  historyQuery && /* @__PURE__ */ jsx28(
                     "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__ */ jsx27(X7, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ jsx28(X7, { className: "h-3 w-3" })
                     }
                   )
                 ] }) }),
-                historyError && /* @__PURE__ */ jsx27("div", { className: "px-4 py-2 text-xs text-destructive bg-destructive/5 border-b", children: historyError }),
-                /* @__PURE__ */ jsx27(ScrollArea, { className: "flex-1", children: historyEntries.length === 0 && !historyLoading ? /* @__PURE__ */ jsxs23("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx27(History, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium", children: "No history yet" }),
-                  /* @__PURE__ */ jsx27("p", { className: "text-xs mt-1", children: "Your conversations will appear here" })
-                ] }) : groupedHistory.length === 0 ? /* @__PURE__ */ jsxs23("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx27(Search5, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium", children: "No matches" }),
-                  /* @__PURE__ */ jsx27("p", { className: "text-xs mt-1", children: "Try a different filter" })
-                ] }) : /* @__PURE__ */ jsx27("div", { className: "p-2 space-y-3", children: groupedHistory.map((group) => /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsxs23(
+                historyError && /* @__PURE__ */ jsx28("div", { className: "px-4 py-2 text-xs text-destructive bg-destructive/5 border-b", children: historyError }),
+                /* @__PURE__ */ jsx28(ScrollArea, { className: "flex-1", children: historyEntries.length === 0 && !historyLoading ? /* @__PURE__ */ jsxs24("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
+                  /* @__PURE__ */ jsx28(History, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium", children: "No history yet" }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-xs mt-1", children: "Your conversations will appear here" })
+                ] }) : groupedHistory.length === 0 ? /* @__PURE__ */ jsxs24("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
+                  /* @__PURE__ */ jsx28(Search5, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium", children: "No matches" }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-xs mt-1", children: "Try a different filter" })
+                ] }) : /* @__PURE__ */ jsx28("div", { className: "p-2 space-y-3", children: groupedHistory.map((group) => /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsxs24(
                     "div",
                     {
                       className: cn(
@@ -7180,10 +7335,10 @@ function Sidebar() {
                         group.star ? "text-amber-500" : "text-muted-foreground/80"
                       ),
                       children: [
-                        group.star && /* @__PURE__ */ jsx27(Star, { className: "h-3 w-3 fill-current" }),
+                        group.star && /* @__PURE__ */ jsx28(Star, { className: "h-3 w-3 fill-current" }),
                         group.label,
                         " ",
-                        /* @__PURE__ */ jsxs23("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
+                        /* @__PURE__ */ jsxs24("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
                           "(",
                           group.rows.length,
                           ")"
@@ -7191,7 +7346,7 @@ function Sidebar() {
                       ]
                     }
                   ),
-                  group.rows.map((entry) => /* @__PURE__ */ jsxs23(
+                  group.rows.map((entry) => /* @__PURE__ */ jsxs24(
                     "div",
                     {
                       className: cn(
@@ -7199,7 +7354,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__ */ jsx27(
+                        /* @__PURE__ */ jsx28(
                           "button",
                           {
                             type: "button",
@@ -7211,8 +7366,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__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-                              renamingId === entry.id ? /* @__PURE__ */ jsx27(
+                            children: /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+                              renamingId === entry.id ? /* @__PURE__ */ jsx28(
                                 "input",
                                 {
                                   value: renameDraft,
@@ -7235,7 +7390,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__ */ jsx27(
+                              ) : /* @__PURE__ */ jsx28(
                                 "div",
                                 {
                                   className: "font-medium truncate text-foreground",
@@ -7245,30 +7400,30 @@ Double-click to rename`,
                                   children: sessionNicknames[entry.id] || entry.title || "(empty)"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs23("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
+                              /* @__PURE__ */ jsxs24("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
                                 entry.provider,
                                 "/",
                                 entry.model
                               ] }),
-                              /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground/80 mt-0.5", children: [
-                                /* @__PURE__ */ jsx27("span", { children: formatRelative(entry.startedAt) }),
-                                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs23(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx27("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsxs23("span", { className: "tabular-nums", children: [
+                              /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground/80 mt-0.5", children: [
+                                /* @__PURE__ */ jsx28("span", { children: formatRelative(entry.startedAt) }),
+                                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs24(Fragment8, { children: [
+                                  /* @__PURE__ */ jsx28("span", { children: "\xB7" }),
+                                  /* @__PURE__ */ jsxs24("span", { className: "tabular-nums", children: [
                                     entry.tokenTotal.toLocaleString(),
                                     " tok"
                                   ] })
                                 ] }),
-                                entry.isCurrent && /* @__PURE__ */ jsxs23(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx27("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsx27("span", { className: "text-primary font-medium", children: "active" })
+                                entry.isCurrent && /* @__PURE__ */ jsxs24(Fragment8, { children: [
+                                  /* @__PURE__ */ jsx28("span", { children: "\xB7" }),
+                                  /* @__PURE__ */ jsx28("span", { className: "text-primary font-medium", children: "active" })
                                 ] })
                               ] })
                             ] })
                           }
                         ),
-                        /* @__PURE__ */ jsxs23("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx27(
+                        /* @__PURE__ */ jsxs24("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsx28(
                             "button",
                             {
                               type: "button",
@@ -7278,7 +7433,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__ */ jsx27(
+                              children: /* @__PURE__ */ jsx28(
                                 Star,
                                 {
                                   className: cn(
@@ -7289,7 +7444,7 @@ Double-click to rename`,
                               )
                             }
                           ),
-                          !entry.isCurrent && /* @__PURE__ */ jsx27(
+                          !entry.isCurrent && /* @__PURE__ */ jsx28(
                             "button",
                             {
                               type: "button",
@@ -7300,7 +7455,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__ */ jsx27(Trash23, { className: "h-3.5 w-3.5" })
+                              children: /* @__PURE__ */ jsx28(Trash23, { className: "h-3.5 w-3.5" })
                             }
                           )
                         ] })
@@ -7319,7 +7474,7 @@ Double-click to rename`,
 }
 
 // src/App.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function AppInner() {
   const { theme } = useTheme();
   const { currentView, sidebarOpen, toggleSidebar, setSearchOpen, setSidebarOpen } = useUIStore();
@@ -7329,7 +7484,7 @@ function AppInner() {
   const sessionTitle = useSessionStore((s) => s.session?.title);
   const sessionId = useSessionStore((s) => s.session?.id);
   const nickname = useUIStore((s) => sessionId ? s.sessionNicknames[sessionId] : void 0);
-  useEffect19(() => {
+  useEffect20(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 768px)");
     const apply = () => {
@@ -7342,7 +7497,7 @@ function AppInner() {
     return () => mq.removeEventListener("change", apply);
   }, [setSidebarOpen]);
   useWebSocketBootstrap();
-  useEffect19(() => {
+  useEffect20(() => {
     const parts = [];
     if (isLoading) {
       const it = iteration ? ` iter ${iteration.index}${iteration.max ? `/${iteration.max}` : ""}` : "";
@@ -7359,7 +7514,7 @@ function AppInner() {
       document.title = "WrongStack";
     };
   }, [isLoading, iteration, projectName, sessionTitle, nickname]);
-  useEffect19(() => {
+  useEffect20(() => {
     const onKey = (e) => {
       const t = e.target;
       const tag = t?.tagName?.toLowerCase();
@@ -7455,27 +7610,27 @@ function AppInner() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [toggleSidebar, setSearchOpen]);
-  return /* @__PURE__ */ jsxs24("div", { className: cn("flex h-screen", theme), children: [
-    sidebarOpen && /* @__PURE__ */ jsx28(Sidebar, {}),
-    /* @__PURE__ */ jsxs24("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx28(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsx28(ChatView, {}),
-      currentView === "settings" && /* @__PURE__ */ jsx28(SettingsPanel, {})
+  return /* @__PURE__ */ jsxs25("div", { className: cn("flex h-screen", theme), children: [
+    sidebarOpen && /* @__PURE__ */ jsx29(Sidebar, {}),
+    /* @__PURE__ */ jsxs25("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx29(ConnectionBanner, {}),
+      currentView === "chat" && /* @__PURE__ */ jsx29(ChatView, {}),
+      currentView === "settings" && /* @__PURE__ */ jsx29(SettingsPanel, {})
     ] }),
-    /* @__PURE__ */ jsx28(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx28(CommandPalette, {}),
-    /* @__PURE__ */ jsx28(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx28(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx28(Toaster, {})
+    /* @__PURE__ */ jsx29(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx29(CommandPalette, {}),
+    /* @__PURE__ */ jsx29(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx29(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx29(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx28(ErrorBoundary, { children: /* @__PURE__ */ jsx28(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx28(AppInner, {}) }) });
+  return /* @__PURE__ */ jsx29(ErrorBoundary, { children: /* @__PURE__ */ jsx29(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx29(AppInner, {}) }) });
 }
 
 // src/main.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsx29(React7.StrictMode, { children: /* @__PURE__ */ jsx29(App, {}) })
+  /* @__PURE__ */ jsx30(React7.StrictMode, { children: /* @__PURE__ */ jsx30(App, {}) })
 );
 //# sourceMappingURL=index.js.map