@wrongstack/webui 0.1.10 → 0.3.1

package/dist/index.js

@@ -47,6 +47,7 @@ function playCompletionChime() {
 var ctx;
 var init_chime = __esm({
   "src/lib/chime.ts"() {
+    "use strict";
     ctx = null;
   }
 });
@@ -230,6 +231,7 @@ var WrongStackWebSocketClient = class {
   maxReconnectAttempts = 10;
   reconnectDelay = 1e3;
   shouldReconnect = true;
+  reconnectTimer = null;
   messageQueue = [];
   pendingConfirms = /* @__PURE__ */ new Map();
   sessionId = null;
@@ -271,8 +273,10 @@ var WrongStackWebSocketClient = class {
         const connectTimeout = setTimeout(() => {
           reject(new Error("Connection timeout"));
         }, 1e4);
+        let established = false;
         this.ws.onopen = () => {
           clearTimeout(connectTimeout);
+          established = true;
           console.log("[WS Client] Connected");
           this.reconnectAttempts = 0;
           this.lastErrorText = void 0;
@@ -291,9 +295,20 @@ var WrongStackWebSocketClient = class {
         this.ws.onerror = (error) => {
           console.error("[WS Client] Error", error);
           this.lastErrorText = "Connection error (see browser devtools)";
+          if (!established) {
+            clearTimeout(connectTimeout);
+            reject(new Error(this.lastErrorText));
+          }
         };
         this.ws.onclose = (ev) => {
           console.log("[WS Client] Disconnected", ev.code, ev.reason);
+          if (!established) {
+            clearTimeout(connectTimeout);
+            const reason = ev.reason || `Closed with code ${ev.code}`;
+            this.lastErrorText = reason;
+            reject(new Error(reason));
+            return;
+          }
           if (ev.reason && !this.lastErrorText) {
             this.lastErrorText = `${ev.reason} (code ${ev.code})`;
           } else if (!this.lastErrorText && ev.code !== 1e3) {
@@ -302,7 +317,6 @@ var WrongStackWebSocketClient = class {
           this.attemptReconnect();
         };
       } catch (err) {
-        clearTimeout(globalThis.connectTimeout);
         this.lastErrorText = err instanceof Error ? err.message : String(err);
         this.setStatus({ state: "closed", error: this.lastErrorText });
         reject(err);
@@ -312,6 +326,7 @@ var WrongStackWebSocketClient = class {
   attemptReconnect() {
     if (!this.shouldReconnect || this.reconnectAttempts >= this.maxReconnectAttempts) {
       console.log("[WS Client] Not reconnecting");
+      this.reconnectTimer = null;
       this.setStatus({ state: "closed", error: this.lastErrorText ?? "Disconnected" });
       return;
     }
@@ -325,7 +340,7 @@ var WrongStackWebSocketClient = class {
       nextRetryAt,
       lastError: this.lastErrorText
     });
-    setTimeout(async () => {
+    this.reconnectTimer = setTimeout(async () => {
       if (this.shouldReconnect) {
         try {
           await this.connect();
@@ -338,6 +353,10 @@ var WrongStackWebSocketClient = class {
   /** Force an immediate reconnect attempt, bypassing the backoff timer. */
   retryNow() {
     if (this.currentStatus.state === "open") return;
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
     this.reconnectAttempts = 0;
     void this.connect().catch(() => void 0);
   }
@@ -536,6 +555,10 @@ var WrongStackWebSocketClient = class {
   }
   disconnect() {
     this.shouldReconnect = false;
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
     this.ws?.close();
     this.ws = null;
   }
@@ -3093,14 +3116,14 @@ import {
   User,
   XCircle as XCircle2
 } from "lucide-react";
-import { useState as useState7 } from "react";
+import { memo as memo3, useState as useState7 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
 // src/components/DiffView.tsx
-import { useMemo as useMemo2 } from "react";
+import { memo, useMemo as useMemo2 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function DiffView({ oldText, newText, caption }) {
+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)." });
@@ -3158,7 +3181,7 @@ function DiffView({ oldText, newText, caption }) {
       i
     )) })
   ] });
-}
+});
 var MAX_LINES = 5e3;
 function computeDiff(oldText, newText) {
   const a = oldText.split("\n");
@@ -3219,7 +3242,7 @@ function diffFromToolInput(toolName, input) {
 
 // src/components/ToolResult.tsx
 import { ChevronDown, ChevronRight, ChevronsDown, ChevronsUp } from "lucide-react";
-import { useMemo as useMemo3, useState as useState6 } from "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";
 var LONG_OUTPUT_THRESHOLD = 25;
 var LONG_PEEK_LINES = 12;
@@ -3295,7 +3318,12 @@ function CollapsibleText({
     )
   ] });
 }
-function ToolResult({ toolName, result, isError, className }) {
+var ToolResult = memo2(function ToolResult2({
+  toolName,
+  result,
+  isError,
+  className
+}) {
   const shape = useMemo3(() => detectShape(toolName, result), [toolName, result]);
   if (shape.kind === "json") {
     return /* @__PURE__ */ jsx9(JsonResult, { value: shape.value, isError, className });
@@ -3351,7 +3379,7 @@ function ToolResult({ toolName, result, isError, className }) {
       showLineNumbers: true
     }
   );
-}
+});
 function detectShape(toolName, result) {
   const trimmed = result.trim();
   if (/^\s*\d+→/m.test(result.slice(0, 200))) {
@@ -3657,7 +3685,7 @@ function formatToolDuration(ms) {
   const s = Math.floor(ms % 6e4 / 1e3);
   return `${m}m ${s}s`;
 }
-function MessageBubble({
+var MessageBubble = memo3(function MessageBubble2({
   message,
   isFirst = false,
   isContinuation = false
@@ -4056,7 +4084,7 @@ function MessageBubble({
       ]
     }
   );
-}
+});
 
 // src/components/ModePicker.tsx
 import { Check as Check2, ChevronDown as ChevronDown3 } from "lucide-react";
@@ -4305,7 +4333,7 @@ function SearchOverlay() {
 
 // 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 { useState as useState10 } from "react";
+import { memo as memo4, useState as useState10 } from "react";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
@@ -4314,7 +4342,11 @@ function formatDuration(ms) {
   const s = Math.floor(ms % 6e4 / 1e3);
   return `${m}m${s}s`;
 }
-function ToolGroup({ tools, defaultOpen = false, isContinuation = false }) {
+var ToolGroup = memo4(function ToolGroup2({
+  tools,
+  defaultOpen = false,
+  isContinuation = false
+}) {
   const [open, setOpen] = useState10(defaultOpen);
   if (tools.length === 1) {
     return /* @__PURE__ */ jsx13(MessageBubble, { message: tools[0], isFirst: true, isContinuation });
@@ -4359,7 +4391,7 @@ function ToolGroup({ tools, defaultOpen = false, isContinuation = false }) {
       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)) })
     ] })
   ] });
-}
+});
 
 // src/components/WelcomeScreen.tsx
 import {
@@ -5507,10 +5539,46 @@ 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";
+var ErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[ErrorBoundary]", error, info.componentStack);
+    this.props.onError?.(error, info);
+  }
+  handleReset = () => {
+    this.setState({ error: null });
+  };
+  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" }),
+            "Reload page"
+          ] }),
+          /* @__PURE__ */ jsx20(Button, { size: "sm", onClick: this.handleReset, children: "Try again" })
+        ] })
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+
 // 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 jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function QuickModelSwitcher() {
   const open = useUIStore((s) => s.modelSwitcherOpen);
   const setOpen = useUIStore((s) => s.setModelSwitcherOpen);
@@ -5604,7 +5672,7 @@ function QuickModelSwitcher() {
     setOpen(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-start justify-center bg-background/60 backdrop-blur-sm pt-[15vh]",
@@ -5614,10 +5682,10 @@ function QuickModelSwitcher() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs19("div", { className: "w-full max-w-xl rounded-xl border bg-popover shadow-2xl overflow-hidden", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
-          /* @__PURE__ */ jsx20(Search4, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx20(
+      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(
             "input",
             {
               ref: inputRef,
@@ -5645,9 +5713,9 @@ function QuickModelSwitcher() {
               className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground"
             }
           ),
-          /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
+          /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-muted-foreground font-mono", children: "\u2191\u2193 \xB7 Enter \xB7 Esc" })
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "max-h-[50vh] overflow-y-auto py-1", children: candidates.length === 0 ? /* @__PURE__ */ jsx20("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__ */ jsxs19(
+        /* @__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(
           "button",
           {
             type: "button",
@@ -5659,7 +5727,7 @@ function QuickModelSwitcher() {
               c.isCurrent && "font-medium"
             ),
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 Cpu3,
                 {
                   className: cn(
@@ -5668,19 +5736,19 @@ function QuickModelSwitcher() {
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs19("div", { className: "truncate", children: [
-                  /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: c.provider }),
-                  /* @__PURE__ */ jsx20("span", { className: "mx-1 text-muted-foreground/40", children: "\xB7" }),
-                  /* @__PURE__ */ jsx20("span", { children: c.modelName })
+              /* @__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 })
                 ] }),
-                c.contextWindow && /* @__PURE__ */ jsxs19("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                c.contextWindow && /* @__PURE__ */ jsxs20("div", { className: "text-[10px] text-muted-foreground font-mono", children: [
                   c.model,
                   " \xB7 ctx ",
                   c.contextWindow.toLocaleString()
                 ] })
               ] }),
-              c.isCurrent ? /* @__PURE__ */ jsx20("span", { className: "text-[10px] uppercase tracking-wide text-primary font-semibold", children: "active" }) : /* @__PURE__ */ jsx20(ArrowRight2, { className: "h-3.5 w-3.5 text-muted-foreground opacity-0 group-hover:opacity-100" })
+              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.provider}:${c.model}`
@@ -5705,7 +5773,7 @@ import {
   Network,
   Palette,
   Plus,
-  RefreshCw,
+  RefreshCw as RefreshCw2,
   Sun as Sun3,
   Trash2 as Trash22,
   X as X5
@@ -5714,7 +5782,7 @@ import { useState as useState16, useEffect as useEffect16, useCallback as useCal
 
 // src/components/ThemeProvider.tsx
 import { createContext, useContext, useEffect as useEffect15, useState as useState15 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ThemeProviderContext = createContext(void 0);
 function ThemeProvider({
   children,
@@ -5746,7 +5814,7 @@ function ThemeProvider({
       setStoreTheme(newTheme);
     }
   };
-  return /* @__PURE__ */ jsx21(ThemeProviderContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx22(ThemeProviderContext.Provider, { value, children });
 }
 function useTheme() {
   const context = useContext(ThemeProviderContext);
@@ -5758,10 +5826,10 @@ function useTheme() {
 
 // src/components/ui/input.tsx
 import * as React4 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var Input = React4.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "input",
       {
         type,
@@ -5780,9 +5848,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 jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   TabsPrimitive.List,
   {
     ref,
@@ -5794,7 +5862,7 @@ var TabsList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -5806,7 +5874,7 @@ var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   TabsPrimitive.Content,
   {
     ref,
@@ -5820,7 +5888,7 @@ var TabsContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/SettingsPanel.tsx
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function SettingsPanel() {
   const { setCurrentView } = useUIStore();
   const { provider, model, setProvider, setModel, wsConnected } = useConfigStore();
@@ -5969,52 +6037,52 @@ function SettingsPanel() {
     },
     {}
   );
-  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs20("header", { className: "flex items-center justify-between px-4 py-3 border-b bg-card shrink-0", children: [
-      /* @__PURE__ */ jsx24("h1", { className: "text-lg font-semibold", children: "Settings" }),
-      /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", onClick: () => setCurrentView("chat"), children: /* @__PURE__ */ jsx24(X5, { className: "h-4 w-4" }) })
+  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" }) })
     ] }),
-    /* @__PURE__ */ jsx24(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx24("div", { className: "p-6 max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs20(Tabs, { defaultValue: "provider", children: [
-      /* @__PURE__ */ jsxs20(TabsList, { className: "w-full justify-start mb-6 grid grid-cols-4", children: [
-        /* @__PURE__ */ jsxs20(TabsTrigger, { value: "provider", className: "gap-2", children: [
-          /* @__PURE__ */ jsx24(Network, { 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" }),
           "Provider"
         ] }),
-        /* @__PURE__ */ jsxs20(TabsTrigger, { value: "model", className: "gap-2", children: [
-          /* @__PURE__ */ jsx24(Cpu4, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "model", className: "gap-2", children: [
+          /* @__PURE__ */ jsx25(Cpu4, { className: "h-4 w-4" }),
           "Model"
         ] }),
-        /* @__PURE__ */ jsxs20(TabsTrigger, { value: "connection", className: "gap-2", children: [
-          /* @__PURE__ */ jsx24(Globe2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "connection", className: "gap-2", children: [
+          /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4" }),
           "Connection"
         ] }),
-        /* @__PURE__ */ jsxs20(TabsTrigger, { value: "appearance", className: "gap-2", children: [
-          /* @__PURE__ */ jsx24(Palette, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs21(TabsTrigger, { value: "appearance", className: "gap-2", children: [
+          /* @__PURE__ */ jsx25(Palette, { className: "h-4 w-4" }),
           "Appearance"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs20(TabsContent, { value: "provider", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex gap-2 mb-4", children: [
-          /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsxs21(TabsContent, { value: "provider", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex gap-2 mb-4", children: [
+          /* @__PURE__ */ jsxs21(
             Button,
             {
               variant: providerTab === "catalog" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("catalog"),
               children: [
-                /* @__PURE__ */ jsx24(Globe2, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4 mr-1" }),
                 "Catalog"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             Button,
             {
               variant: providerTab === "saved" ? "default" : "outline",
               size: "sm",
               onClick: () => setProviderTab("saved"),
               children: [
-                /* @__PURE__ */ jsx24(Key, { className: "h-4 w-4 mr-1" }),
+                /* @__PURE__ */ jsx25(Key, { className: "h-4 w-4 mr-1" }),
                 "Saved (",
                 savedProviders.length,
                 ")"
@@ -6022,7 +6090,7 @@ function SettingsPanel() {
             }
           )
         ] }),
-        operationStatus && /* @__PURE__ */ jsxs20(
+        operationStatus && /* @__PURE__ */ jsxs21(
           "div",
           {
             className: cn(
@@ -6030,13 +6098,13 @@ function SettingsPanel() {
               operationStatus.success ? "bg-green-500/10 text-green-600" : "bg-red-500/10 text-red-600"
             ),
             children: [
-              operationStatus.success ? /* @__PURE__ */ jsx24(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(AlertCircle, { className: "h-4 w-4" }),
+              operationStatus.success ? /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(AlertCircle, { className: "h-4 w-4" }),
               operationStatus.message
             ]
           }
         ),
-        providerTab === "catalog" && /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx24(
+        providerTab === "catalog" && /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx25(
             Input,
             {
               placeholder: `Search ${catalogProviders.length} providers (name / id / family)\u2026`,
@@ -6045,19 +6113,19 @@ function SettingsPanel() {
               className: "text-sm"
             }
           ),
-          isLoadingCatalog && catalogProviders.length === 0 ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ jsx24(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-            /* @__PURE__ */ jsx24("span", { className: "ml-2 text-muted-foreground", children: "Loading catalog..." })
-          ] }) : filteredCatalog.length === 0 && catalogQuery ? /* @__PURE__ */ jsxs20("div", { className: "text-center py-8 text-muted-foreground text-sm", children: [
+          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: [
             'No providers match "',
-            /* @__PURE__ */ jsx24("span", { className: "font-mono", children: catalogQuery }),
+            /* @__PURE__ */ jsx25("span", { className: "font-mono", children: catalogQuery }),
             '".'
-          ] }) : /* @__PURE__ */ jsx24(Fragment7, { children: families.map((family) => {
+          ] }) : /* @__PURE__ */ jsx25(Fragment7, { children: families.map((family) => {
             const providers = catalogByFamily[family];
             if (!providers?.length) return null;
-            return /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx24("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wider", children: family }),
-              /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-1 gap-2", children: providers.map((p) => /* @__PURE__ */ jsxs20(
+            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(
                 "button",
                 {
                   type: "button",
@@ -6067,28 +6135,28 @@ function SettingsPanel() {
                     provider === p.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs20("div", { className: "flex w-full justify-between items-start", children: [
-                      /* @__PURE__ */ jsxs20("div", { children: [
-                        /* @__PURE__ */ jsx24("span", { className: "font-medium", children: p.name }),
-                        /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-xs text-muted-foreground", 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: [
                           "(",
                           p.id,
                           ")"
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-                        p.hasApiKey && /* @__PURE__ */ jsxs20("span", { className: "text-xs bg-green-500/10 text-green-600 px-2 py-0.5 rounded", children: [
-                          /* @__PURE__ */ jsx24(Key, { className: "h-3 w-3 inline mr-1" }),
+                      /* @__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" }),
                           "Configured"
                         ] }),
-                        p.envVars[0] && /* @__PURE__ */ jsxs20("span", { className: "text-xs text-muted-foreground", children: [
+                        p.envVars[0] && /* @__PURE__ */ jsxs21("span", { className: "text-xs text-muted-foreground", children: [
                           "ENV: ",
                           p.envVars[0]
                         ] }),
-                        provider === p.id && /* @__PURE__ */ jsx24(CheckCircle24, { className: "h-4 w-4 text-primary" })
+                        provider === p.id && /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4 text-primary" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs20("div", { className: "text-xs text-muted-foreground mt-1", children: [
+                    /* @__PURE__ */ jsxs21("div", { className: "text-xs text-muted-foreground mt-1", children: [
                       p.modelCount,
                       " models",
                       p.apiBase && ` \xB7 ${p.apiBase}`
@@ -6100,25 +6168,25 @@ function SettingsPanel() {
             ] }, family);
           }) })
         ] }),
-        providerTab === "saved" && /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: "Manage your API keys and provider configurations" }),
-            /* @__PURE__ */ jsxs20(
+        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(
               Button,
               {
                 size: "sm",
                 variant: "outline",
                 onClick: () => setShowAddProviderForm(!showAddProviderForm),
                 children: [
-                  /* @__PURE__ */ jsx24(Plus, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx25(Plus, { className: "h-4 w-4 mr-1" }),
                   "Add Provider"
                 ]
               }
             )
           ] }),
-          showAddProviderForm && /* @__PURE__ */ jsxs20("div", { className: "p-4 border rounded-lg space-y-3 bg-muted/50", children: [
-            /* @__PURE__ */ jsx24("h4", { className: "font-medium", children: "Add Custom Provider" }),
-            /* @__PURE__ */ jsx24(
+          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(
               Input,
               {
                 placeholder: "Provider ID (e.g. my-llm-server)",
@@ -6126,21 +6194,21 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderId(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs20(
+            /* @__PURE__ */ jsxs21(
               "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__ */ jsx24("option", { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ jsx24("option", { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ jsx24("option", { value: "openai-compatible", children: "OpenAI Compatible" }),
-                  /* @__PURE__ */ jsx24("option", { value: "google", children: "Google" })
+                  /* @__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__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               Input,
               {
                 placeholder: "Base URL (optional, e.g. http://localhost:11434/v1)",
@@ -6148,7 +6216,7 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderBaseUrl(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               Input,
               {
                 type: "password",
@@ -6157,8 +6225,8 @@ function SettingsPanel() {
                 onChange: (e) => setNewProviderApiKey(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx25(
                 Button,
                 {
                   size: "sm",
@@ -6167,7 +6235,7 @@ function SettingsPanel() {
                   children: "Add"
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 Button,
                 {
                   size: "sm",
@@ -6178,59 +6246,59 @@ function SettingsPanel() {
               )
             ] })
           ] }),
-          isLoadingSaved ? /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx24(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : savedProviders.length === 0 ? /* @__PURE__ */ jsxs20("div", { className: "text-center py-8 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx24(Key, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-            /* @__PURE__ */ jsx24("p", { children: "No saved providers yet" }),
-            /* @__PURE__ */ jsx24("p", { className: "text-sm", children: "Add a provider to get started" })
-          ] }) : savedProviders.map((sp) => /* @__PURE__ */ jsxs20("div", { className: "border rounded-lg p-4 space-y-3", children: [
-            /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxs20("div", { children: [
-                /* @__PURE__ */ jsx24("h4", { className: "font-medium", children: sp.id }),
-                sp.family && /* @__PURE__ */ jsx24("span", { className: "text-xs text-muted-foreground", children: sp.family })
+          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 })
               ] }),
-              /* @__PURE__ */ jsx24("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx25(
                 Button,
                 {
                   size: "icon",
                   variant: "ghost",
                   onClick: () => handleRemoveProvider(sp.id),
-                  children: /* @__PURE__ */ jsx24(Trash22, { className: "h-4 w-4 text-destructive" })
+                  children: /* @__PURE__ */ jsx25(Trash22, { className: "h-4 w-4 text-destructive" })
                 }
               ) })
             ] }),
-            sp.baseUrl && /* @__PURE__ */ jsxs20("div", { className: "text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx24(Globe2, { className: "h-3 w-3 inline mr-1" }),
+            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__ */ jsxs20("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-center", children: [
-                /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium", children: "API Keys" }),
-                /* @__PURE__ */ jsxs20(
+            /* @__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(
                   Button,
                   {
                     size: "sm",
                     variant: "ghost",
                     onClick: () => setShowAddKeyForm(showAddKeyForm === sp.id ? null : sp.id),
                     children: [
-                      /* @__PURE__ */ jsx24(Plus, { className: "h-3 w-3 mr-1" }),
+                      /* @__PURE__ */ jsx25(Plus, { className: "h-3 w-3 mr-1" }),
                       "Add Key"
                     ]
                   }
                 )
               ] }),
-              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
-              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs20(
+              sp.apiKeys.length === 0 && !showAddKeyForm && /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "No keys configured" }),
+              sp.apiKeys.map((key) => /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "flex items-center justify-between p-2 bg-muted/50 rounded",
                   children: [
-                    /* @__PURE__ */ jsxs20("div", { children: [
-                      /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium", children: key.label }),
-                      key.isActive && /* @__PURE__ */ jsx24("span", { className: "ml-2 text-xs bg-green-500/10 text-green-600 px-1.5 py-0.5 rounded", children: "Active" }),
-                      /* @__PURE__ */ jsx24("div", { className: "text-xs text-muted-foreground font-mono", children: key.maskedKey })
+                    /* @__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__ */ jsxs20("div", { className: "flex gap-1", children: [
-                      !key.isActive && /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsxs21("div", { className: "flex gap-1", children: [
+                      !key.isActive && /* @__PURE__ */ jsx25(
                         Button,
                         {
                           size: "sm",
@@ -6239,13 +6307,13 @@ function SettingsPanel() {
                           children: "Set Active"
                         }
                       ),
-                      /* @__PURE__ */ jsx24(
+                      /* @__PURE__ */ jsx25(
                         Button,
                         {
                           size: "icon",
                           variant: "ghost",
                           onClick: () => handleDeleteKey(sp.id, key.label),
-                          children: /* @__PURE__ */ jsx24(Trash22, { className: "h-3 w-3 text-destructive" })
+                          children: /* @__PURE__ */ jsx25(Trash22, { className: "h-3 w-3 text-destructive" })
                         }
                       )
                     ] })
@@ -6253,8 +6321,8 @@ function SettingsPanel() {
                 },
                 key.label
               )),
-              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs20("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
-                /* @__PURE__ */ jsx24(
+              showAddKeyForm === sp.id && /* @__PURE__ */ jsxs21("div", { className: "p-3 border rounded space-y-2 bg-background", children: [
+                /* @__PURE__ */ jsx25(
                   Input,
                   {
                     placeholder: "Key label (e.g. default, production)",
@@ -6262,8 +6330,8 @@ function SettingsPanel() {
                     onChange: (e) => setNewKeyLabel(e.target.value)
                   }
                 ),
-                /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx25(
                     Input,
                     {
                       type: showNewKeyValue ? "text" : "password",
@@ -6272,18 +6340,18 @@ function SettingsPanel() {
                       onChange: (e) => setNewKeyValue(e.target.value)
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     Button,
                     {
                       size: "icon",
                       variant: "ghost",
                       onClick: () => setShowNewKeyValue(!showNewKeyValue),
-                      children: showNewKeyValue ? /* @__PURE__ */ jsx24(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx24(Eye, { className: "h-4 w-4" })
+                      children: showNewKeyValue ? /* @__PURE__ */ jsx25(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(Eye, { className: "h-4 w-4" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx25(
                     Button,
                     {
                       size: "sm",
@@ -6292,7 +6360,7 @@ function SettingsPanel() {
                       children: "Save Key"
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx25(
                     Button,
                     {
                       size: "sm",
@@ -6311,13 +6379,13 @@ function SettingsPanel() {
           ] }, sp.id))
         ] })
       ] }),
-      /* @__PURE__ */ jsx24(TabsContent, { value: "model", className: "space-y-4", children: provider ? /* @__PURE__ */ jsxs20(Fragment7, { children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium", children: currentCatalogProvider?.name || provider }),
-            /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: provider })
+      /* @__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__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "ghost",
@@ -6326,15 +6394,15 @@ function SettingsPanel() {
                 setIsLoadingModels(true);
                 ws.listProviderModels?.(provider);
               },
-              children: /* @__PURE__ */ jsx24(RefreshCw, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
+              children: /* @__PURE__ */ jsx25(RefreshCw2, { className: cn("h-4 w-4", isLoadingModels && "animate-spin") })
             }
           )
         ] }),
-        isLoadingModels && !catalogModels[provider] ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-center py-8", children: [
-          /* @__PURE__ */ jsx24(Loader24, { className: "h-6 w-6 animate-spin text-muted-foreground" }),
-          /* @__PURE__ */ jsx24("span", { className: "ml-2 text-muted-foreground", children: "Loading models..." })
-        ] }) : /* @__PURE__ */ jsxs20("div", { className: "space-y-1", children: [
-          (catalogModels[provider] || []).map((m) => /* @__PURE__ */ jsxs20(
+        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(
             "button",
             {
               type: "button",
@@ -6344,47 +6412,47 @@ function SettingsPanel() {
                 model === m.id ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border hover:bg-muted"
               ),
               children: [
-                /* @__PURE__ */ jsxs20("div", { children: [
-                  /* @__PURE__ */ jsx24("span", { className: "font-medium", children: m.name || m.id }),
-                  /* @__PURE__ */ jsx24("div", { className: "flex gap-2 mt-1", children: m.capabilities.map((cap) => /* @__PURE__ */ jsx24("span", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: cap }, cap)) })
+                /* @__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__ */ jsxs20("div", { className: "text-right text-xs text-muted-foreground", children: [
-                  m.contextWindow && /* @__PURE__ */ jsxs20("div", { children: [
+                /* @__PURE__ */ jsxs21("div", { className: "text-right text-xs text-muted-foreground", children: [
+                  m.contextWindow && /* @__PURE__ */ jsxs21("div", { children: [
                     m.contextWindow / 1e3,
                     "k context"
                   ] }),
-                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs20("div", { children: [
+                  m.inputCost && m.outputCost && /* @__PURE__ */ jsxs21("div", { children: [
                     "$",
                     m.inputCost,
                     "/$",
                     m.outputCost
                   ] }),
-                  model === m.id && /* @__PURE__ */ jsx24(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
+                  model === m.id && /* @__PURE__ */ jsx25(CheckCircle24, { className: "h-4 w-4 text-primary mt-1" })
                 ] })
               ]
             },
             m.id
           )),
-          catalogModels[provider]?.length === 0 && /* @__PURE__ */ jsx24("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__ */ 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." })
         ] })
-      ] }) : /* @__PURE__ */ jsxs20("div", { className: "text-center py-8 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx24(Cpu4, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-        /* @__PURE__ */ jsx24("p", { children: "Select a provider first" })
+      ] }) : /* @__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__ */ jsxs20(TabsContent, { value: "connection", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsxs21(TabsContent, { value: "connection", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs21(
             "label",
             {
               htmlFor: "websocket-url",
               className: "text-sm font-medium flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx24(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx25(Globe2, { className: "h-4 w-4 text-muted-foreground" }),
                 "WebSocket Server URL"
               ]
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             Input,
             {
               id: "websocket-url",
@@ -6394,70 +6462,70 @@ function SettingsPanel() {
               className: "font-mono text-sm"
             }
           ),
-          /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
+          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "URL of the WrongStack WebSocket server. The server runs alongside the CLI." })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "p-4 rounded-lg border bg-muted/50", children: [
-          /* @__PURE__ */ jsx24("h4", { className: "text-sm font-medium mb-2", children: "Starting the WebSocket Server" }),
-          /* @__PURE__ */ jsxs20("p", { className: "text-xs text-muted-foreground mb-3", children: [
+        /* @__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: [
             "Standalone: run ",
-            /* @__PURE__ */ jsx24("code", { className: "bg-muted px-1 py-0.5 rounded", children: "./dev.ps1" }),
+            /* @__PURE__ */ jsx25("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__ */ jsx24("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
+            /* @__PURE__ */ jsx25("code", { className: "bg-muted px-1 py-0.5 rounded", children: "node packages/webui/dist/server/entry.js" }),
             ". Or alongside the CLI:",
             " ",
-            /* @__PURE__ */ jsx24("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
+            /* @__PURE__ */ jsx25("code", { className: "bg-muted px-1 py-0.5 rounded", children: "wstack --webui" }),
             "."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs20(TabsContent, { value: "appearance", className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs20("div", { children: [
-          /* @__PURE__ */ jsx24("h3", { className: "text-sm font-semibold mb-3", children: "Theme" }),
-          /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-3 gap-2 max-w-md", children: [
-            /* @__PURE__ */ jsxs20(
+      /* @__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(
               Button,
               {
                 variant: theme === "light" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("light"),
                 children: [
-                  /* @__PURE__ */ jsx24(Sun3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx25(Sun3, { className: "h-4 w-4 mr-1" }),
                   "Light"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs20(
+            /* @__PURE__ */ jsxs21(
               Button,
               {
                 variant: theme === "dark" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("dark"),
                 children: [
-                  /* @__PURE__ */ jsx24(Moon3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx25(Moon3, { className: "h-4 w-4 mr-1" }),
                   "Dark"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs20(
+            /* @__PURE__ */ jsxs21(
               Button,
               {
                 variant: theme === "system" ? "default" : "outline",
                 size: "sm",
                 onClick: () => setTheme("system"),
                 children: [
-                  /* @__PURE__ */ jsx24(Monitor3, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx25(Monitor3, { className: "h-4 w-4 mr-1" }),
                   "System"
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
+          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground mt-2", children: "System follows your OS-level light/dark preference." })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "pt-2 border-t", children: [
-          /* @__PURE__ */ jsx24("h3", { className: "text-sm font-semibold mb-3 mt-3", children: "Preferences" }),
-          /* @__PURE__ */ jsx24(
+        /* @__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(
             PreferenceToggle,
             {
               label: "Compact density",
@@ -6466,7 +6534,7 @@ function SettingsPanel() {
               onChange: () => useUIStore.getState().toggleCompactMode()
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             PreferenceToggle,
             {
               label: "Sound on completion",
@@ -6501,12 +6569,12 @@ function PreferenceToggle({
       }
     }
   };
-  return /* @__PURE__ */ jsxs20("div", { className: "flex items-start justify-between gap-3 py-2", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx24("div", { className: "text-sm font-medium", children: label }),
-      hint && /* @__PURE__ */ jsx24("div", { className: "text-xs text-muted-foreground mt-0.5", children: hint })
+  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 })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "button",
       {
         type: "button",
@@ -6517,7 +6585,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__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "span",
           {
             className: cn(
@@ -6534,7 +6602,7 @@ 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 jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var SHORTCUTS = [
   {
     section: "Global",
@@ -6603,7 +6671,7 @@ function ShortcutsOverlay() {
     return () => window.removeEventListener("keydown", onKey);
   }, [setOpen]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       className: "fixed inset-0 z-50 bg-background/60 backdrop-blur-sm flex items-center justify-center px-4",
@@ -6611,49 +6679,49 @@ function ShortcutsOverlay() {
       onKeyDown: (e) => {
         if (e.key === "Escape") setOpen(false);
       },
-      children: /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsxs22(
         "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__ */ jsxs21("div", { className: "flex items-center justify-between px-5 py-4 border-b", children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx25(Keyboard2, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx25("h2", { className: "text-sm font-semibold", children: "Keyboard shortcuts" })
+            /* @__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__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 "button",
                 {
                   type: "button",
                   onClick: () => setOpen(false),
                   className: "text-muted-foreground hover:text-foreground p-1 rounded hover:bg-muted",
-                  children: /* @__PURE__ */ jsx25(X6, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx26(X6, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx25("div", { className: "overflow-y-auto px-5 py-4 space-y-6", children: SHORTCUTS.map((group) => /* @__PURE__ */ jsxs21("div", { children: [
-              /* @__PURE__ */ jsx25("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-2", children: group.section }),
-              /* @__PURE__ */ jsx25("div", { className: "grid grid-cols-1 gap-1.5", children: group.items.map((s) => /* @__PURE__ */ jsxs21(
+            /* @__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(
                 "div",
                 {
                   className: "flex items-center justify-between gap-3 text-sm px-2 py-1.5 rounded hover:bg-muted/40",
                   children: [
-                    /* @__PURE__ */ jsx25("span", { className: "text-foreground/80", children: s.description }),
-                    /* @__PURE__ */ jsx25("span", { className: "flex items-center gap-1 shrink-0", children: s.keys.map((k, ki) => /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1", children: [
-                      ki > 0 && /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground/40 text-xs", children: "+" }),
-                      /* @__PURE__ */ jsx25("kbd", { className: "font-mono text-[10px] border rounded px-1.5 py-0.5 bg-background", children: k })
+                    /* @__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 })
                     ] }, k)) })
                   ]
                 },
                 s.description
               )) })
             ] }, group.section)) }),
-            /* @__PURE__ */ jsxs21("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "border-t px-5 py-3 text-xs text-muted-foreground", children: [
               "Press",
               " ",
-              /* @__PURE__ */ jsx25("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
+              /* @__PURE__ */ jsx26("kbd", { className: "font-mono text-[10px] border rounded px-1 py-0.5 bg-background", children: "?" }),
               " ",
               "any time to reopen this list."
             ] })
@@ -6676,7 +6744,7 @@ import {
   MessageSquare,
   PanelLeftClose,
   Pin as Pin2,
-  RefreshCw as RefreshCw2,
+  RefreshCw as RefreshCw3,
   RotateCcw as RotateCcw5,
   Search as Search5,
   Settings as SettingsIcon2,
@@ -6688,7 +6756,7 @@ import {
   Zap as Zap3
 } from "lucide-react";
 import { useEffect as useEffect18, useState as useState17 } from "react";
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function Sidebar() {
   const { toggleSidebar, currentView, setCurrentView } = useUIStore();
   const sidebarWidth = useUIStore((s) => s.sidebarWidth);
@@ -6800,13 +6868,13 @@ function Sidebar() {
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "aside",
     {
       style: { width: `${sidebarWidth}px` },
       className: "relative border-r bg-card flex flex-col shrink-0",
       children: [
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs23(
           "div",
           {
             onMouseDown: startDrag,
@@ -6814,56 +6882,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__ */ jsx26("div", { className: "h-full w-px bg-border group-hover/handle:bg-primary/60 group-hover/handle:w-0.5 transition-all" }),
-              /* @__PURE__ */ jsxs22("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__ */ jsx26("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx26("span", { className: "h-1 w-1 rounded-full bg-primary/70" }),
-                /* @__PURE__ */ jsx26("span", { className: "h-1 w-1 rounded-full bg-primary/70" })
+              /* @__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__ */ jsxs22("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx26("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx26(Zap3, { className: "h-4 w-4 text-primary-foreground" }) }),
-            /* @__PURE__ */ jsx26("span", { className: "text-sm font-semibold tracking-tight", children: "WrongStack" })
+        /* @__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__ */ jsx26(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, children: /* @__PURE__ */ jsx26(PanelLeftClose, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "icon", onClick: toggleSidebar, children: /* @__PURE__ */ jsx27(PanelLeftClose, { className: "h-4 w-4" }) })
         ] }),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs23(
           Tabs,
           {
             value: currentView === "settings" ? "chat" : currentView,
             onValueChange: (v) => setCurrentView(v),
             className: "flex-1 flex flex-col",
             children: [
-              /* @__PURE__ */ jsxs22(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
-                /* @__PURE__ */ jsxs22(
+              /* @__PURE__ */ jsxs23(TabsList, { className: "w-full rounded-none bg-transparent p-2 h-auto grid grid-cols-2", children: [
+                /* @__PURE__ */ jsxs23(
                   TabsTrigger,
                   {
                     value: "chat",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx26(MessageSquare, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx26("span", { className: "text-xs", children: "Chat" })
+                      /* @__PURE__ */ jsx27(MessageSquare, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx27("span", { className: "text-xs", children: "Chat" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs22(
+                /* @__PURE__ */ jsxs23(
                   TabsTrigger,
                   {
                     value: "history",
                     className: "flex-col gap-1.5 py-2 data-[state=active]:bg-primary/10",
                     children: [
-                      /* @__PURE__ */ jsx26(History, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx26("span", { className: "text-xs", children: "History" })
+                      /* @__PURE__ */ jsx27(History, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx27("span", { className: "text-xs", children: "History" })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs22(TabsContent, { value: "chat", className: "flex-1 flex flex-col m-0 overflow-hidden", children: [
-                /* @__PURE__ */ jsxs22("div", { className: "px-4 py-3 border-b", children: [
-                  /* @__PURE__ */ jsxs22(
+              /* @__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(
                     "div",
                     {
                       className: cn(
@@ -6871,95 +6939,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__ */ jsx26(Wifi3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx26(WifiOff4, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: wsConnected ? "Connected" : "Disconnected" })
+                        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" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx26("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
+                  /* @__PURE__ */ jsx27("div", { className: "text-xs text-muted-foreground mt-2 px-1 font-mono", children: wsUrl })
                 ] }),
-                /* @__PURE__ */ jsxs22(
+                /* @__PURE__ */ jsxs23(
                   "button",
                   {
                     type: "button",
                     onClick: () => setCurrentView("settings"),
                     className: "px-4 py-3 border-b text-left hover:bg-muted/40 transition-colors",
                     children: [
-                      /* @__PURE__ */ jsx26("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mb-1", children: "Active model" }),
-                      /* @__PURE__ */ jsxs22("div", { className: "font-mono text-xs truncate", children: [
-                        /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: provider || "\u2014" }),
-                        /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground/40 mx-1", children: "/" }),
-                        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: model || "\u2014" })
+                      /* @__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__ */ jsxs22("div", { className: "px-4 py-3 border-b space-y-3", children: [
-                  /* @__PURE__ */ jsxs22("h3", { className: "text-sm font-medium flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx26(Database2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__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" }),
                     "Session"
                   ] }),
-                  /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
-                    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "Messages" }),
-                      /* @__PURE__ */ jsx26("span", { className: "text-lg font-semibold", children: messages.length })
+                  /* @__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__ */ jsxs22("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "Duration" }),
-                      /* @__PURE__ */ jsx26("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: "Duration" }),
+                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: formatDuration2(session?.startedAt ?? null) })
                     ] }),
-                    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "Input" }),
-                      /* @__PURE__ */ jsx26("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: "Input" }),
+                      /* @__PURE__ */ jsx27("span", { className: "text-lg font-semibold", children: totalTokens.input.toLocaleString() })
                     ] }),
-                    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col p-2 rounded-lg bg-muted/50", children: [
-                      /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "Output" }),
-                      /* @__PURE__ */ jsx26("span", { className: "text-lg font-semibold", children: totalTokens.output.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() })
                     ] })
                   ] }),
-                  cost > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex justify-between items-center p-2 rounded-lg bg-green-500/10", children: [
-                    /* @__PURE__ */ jsx26("span", { className: "text-sm text-muted-foreground", children: "Cost" }),
-                    /* @__PURE__ */ jsxs22("span", { className: "text-lg font-semibold text-green-600 dark:text-green-400", children: [
+                  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.toFixed(4)
                     ] })
                   ] })
                 ] }),
-                todos.length > 0 && /* @__PURE__ */ jsxs22("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs22("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx26(ListTodo, { className: "h-4 w-4 text-muted-foreground" }),
+                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"
                     ] }),
-                    /* @__PURE__ */ jsxs22("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                    /* @__PURE__ */ jsxs23("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
                       todos.filter((t) => t.status === "completed").length,
                       "/",
                       todos.length
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx26("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: todos.map((t) => {
+                  /* @__PURE__ */ jsx27("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__ */ jsxs22(
+                    return /* @__PURE__ */ jsxs23(
                       "li",
                       {
                         className: cn("flex items-start gap-2 text-xs leading-snug", tone2),
                         children: [
-                          /* @__PURE__ */ jsx26(Icon2, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }),
-                          /* @__PURE__ */ jsx26("span", { className: "break-words", children: t.status === "in_progress" && t.activeForm ? t.activeForm : t.content })
+                          /* @__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 })
                         ]
                       },
                       t.id
                     );
                   }) })
                 ] }),
-                pinnedRows.length > 0 && /* @__PURE__ */ jsxs22("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs22("h3", { className: "text-sm font-medium flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx26(Pin2, { className: "h-4 w-4 text-amber-500" }),
+                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" }),
                       "Pinned"
                     ] }),
-                    /* @__PURE__ */ jsx26(
+                    /* @__PURE__ */ jsx27(
                       "button",
                       {
                         type: "button",
@@ -6969,9 +7037,9 @@ function Sidebar() {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx26("ul", { className: "space-y-1 max-h-48 overflow-y-auto pr-1", children: pinnedRows.map((m) => {
+                  /* @__PURE__ */ jsx27("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__ */ jsx26("li", { children: /* @__PURE__ */ jsxs22(
+                    return /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs23(
                       "button",
                       {
                         type: "button",
@@ -6994,8 +7062,8 @@ function Sidebar() {
                     ) }, m.id);
                   }) })
                 ] }),
-                /* @__PURE__ */ jsxs22("div", { className: "px-4 py-3 border-b space-y-2", children: [
-                  /* @__PURE__ */ jsxs22(
+                /* @__PURE__ */ jsxs23("div", { className: "px-4 py-3 border-b space-y-2", children: [
+                  /* @__PURE__ */ jsxs23(
                     Button,
                     {
                       variant: "outline",
@@ -7006,12 +7074,12 @@ function Sidebar() {
                         client2?.clearContext?.();
                       },
                       children: [
-                        /* @__PURE__ */ jsx26(Trash23, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx27(Trash23, { className: "h-4 w-4 mr-2" }),
                         "Clear context"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs22(
+                  /* @__PURE__ */ jsxs23(
                     Button,
                     {
                       variant: "outline",
@@ -7020,12 +7088,12 @@ function Sidebar() {
                       onClick: () => client2?.newSession?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx26(RotateCcw5, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx27(RotateCcw5, { className: "h-4 w-4 mr-2" }),
                         "New session"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs22(
+                  /* @__PURE__ */ jsxs23(
                     Button,
                     {
                       variant: "outline",
@@ -7034,14 +7102,14 @@ function Sidebar() {
                       onClick: () => client2?.compactContext?.(),
                       disabled: !wsConnected,
                       children: [
-                        /* @__PURE__ */ jsx26(Database2, { className: "h-4 w-4 mr-2" }),
+                        /* @__PURE__ */ jsx27(Database2, { className: "h-4 w-4 mr-2" }),
                         "Compact context"
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx26("div", { className: "flex-1" }),
-                /* @__PURE__ */ jsx26("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs22(
+                /* @__PURE__ */ jsx27("div", { className: "flex-1" }),
+                /* @__PURE__ */ jsx27("div", { className: "px-3 py-3 border-t", children: /* @__PURE__ */ jsxs23(
                   Button,
                   {
                     variant: "ghost",
@@ -7049,16 +7117,16 @@ function Sidebar() {
                     className: "w-full justify-start",
                     onClick: () => setCurrentView("settings"),
                     children: [
-                      /* @__PURE__ */ jsx26(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx27(SettingsIcon2, { className: "h-4 w-4 mr-2" }),
                       "Settings"
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs22(TabsContent, { value: "history", className: "flex-1 m-0 flex flex-col overflow-hidden", children: [
-                /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
-                  /* @__PURE__ */ jsx26("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
-                  /* @__PURE__ */ jsx26(
+              /* @__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(
                     Button,
                     {
                       variant: "ghost",
@@ -7067,13 +7135,13 @@ function Sidebar() {
                       onClick: () => listSessions(50),
                       disabled: !wsConnected,
                       title: "Refresh",
-                      children: historyLoading ? /* @__PURE__ */ jsx26(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx26(RefreshCw2, { className: "h-3.5 w-3.5" })
+                      children: historyLoading ? /* @__PURE__ */ jsx27(Loader25, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx27(RefreshCw3, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
-                historyEntries.length > 3 && /* @__PURE__ */ jsx26("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
-                  /* @__PURE__ */ jsx26(Search5, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/60" }),
-                  /* @__PURE__ */ jsx26(
+                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(
                     "input",
                     {
                       type: "text",
@@ -7083,28 +7151,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__ */ jsx26(
+                  historyQuery && /* @__PURE__ */ jsx27(
                     "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__ */ jsx26(X7, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ jsx27(X7, { className: "h-3 w-3" })
                     }
                   )
                 ] }) }),
-                historyError && /* @__PURE__ */ jsx26("div", { className: "px-4 py-2 text-xs text-destructive bg-destructive/5 border-b", children: historyError }),
-                /* @__PURE__ */ jsx26(ScrollArea, { className: "flex-1", children: historyEntries.length === 0 && !historyLoading ? /* @__PURE__ */ jsxs22("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx26(History, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium", children: "No history yet" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-xs mt-1", children: "Your conversations will appear here" })
-                ] }) : groupedHistory.length === 0 ? /* @__PURE__ */ jsxs22("div", { className: "text-center text-muted-foreground py-8 px-4", children: [
-                  /* @__PURE__ */ jsx26(Search5, { className: "h-8 w-8 mx-auto mb-3 opacity-20" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium", children: "No matches" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-xs mt-1", children: "Try a different filter" })
-                ] }) : /* @__PURE__ */ jsx26("div", { className: "p-2 space-y-3", children: groupedHistory.map((group) => /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsxs22(
+                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(
                     "div",
                     {
                       className: cn(
@@ -7112,10 +7180,10 @@ function Sidebar() {
                         group.star ? "text-amber-500" : "text-muted-foreground/80"
                       ),
                       children: [
-                        group.star && /* @__PURE__ */ jsx26(Star, { className: "h-3 w-3 fill-current" }),
+                        group.star && /* @__PURE__ */ jsx27(Star, { className: "h-3 w-3 fill-current" }),
                         group.label,
                         " ",
-                        /* @__PURE__ */ jsxs22("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
+                        /* @__PURE__ */ jsxs23("span", { className: "text-muted-foreground/50 font-normal normal-case ml-1", children: [
                           "(",
                           group.rows.length,
                           ")"
@@ -7123,7 +7191,7 @@ function Sidebar() {
                       ]
                     }
                   ),
-                  group.rows.map((entry) => /* @__PURE__ */ jsxs22(
+                  group.rows.map((entry) => /* @__PURE__ */ jsxs23(
                     "div",
                     {
                       className: cn(
@@ -7131,7 +7199,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__ */ jsx26(
+                        /* @__PURE__ */ jsx27(
                           "button",
                           {
                             type: "button",
@@ -7143,8 +7211,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__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-                              renamingId === entry.id ? /* @__PURE__ */ jsx26(
+                            children: /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+                              renamingId === entry.id ? /* @__PURE__ */ jsx27(
                                 "input",
                                 {
                                   value: renameDraft,
@@ -7167,7 +7235,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__ */ jsx26(
+                              ) : /* @__PURE__ */ jsx27(
                                 "div",
                                 {
                                   className: "font-medium truncate text-foreground",
@@ -7177,30 +7245,30 @@ Double-click to rename`,
                                   children: sessionNicknames[entry.id] || entry.title || "(empty)"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs22("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
+                              /* @__PURE__ */ jsxs23("div", { className: "text-[10px] text-muted-foreground font-mono truncate mt-0.5", children: [
                                 entry.provider,
                                 "/",
                                 entry.model
                               ] }),
-                              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground/80 mt-0.5", children: [
-                                /* @__PURE__ */ jsx26("span", { children: formatRelative(entry.startedAt) }),
-                                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs22(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx26("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsxs22("span", { className: "tabular-nums", children: [
+                              /* @__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: [
                                     entry.tokenTotal.toLocaleString(),
                                     " tok"
                                   ] })
                                 ] }),
-                                entry.isCurrent && /* @__PURE__ */ jsxs22(Fragment8, { children: [
-                                  /* @__PURE__ */ jsx26("span", { children: "\xB7" }),
-                                  /* @__PURE__ */ jsx26("span", { className: "text-primary font-medium", children: "active" })
+                                entry.isCurrent && /* @__PURE__ */ jsxs23(Fragment8, { children: [
+                                  /* @__PURE__ */ jsx27("span", { children: "\xB7" }),
+                                  /* @__PURE__ */ jsx27("span", { className: "text-primary font-medium", children: "active" })
                                 ] })
                               ] })
                             ] })
                           }
                         ),
-                        /* @__PURE__ */ jsxs22("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx26(
+                        /* @__PURE__ */ jsxs23("div", { className: "absolute right-2 top-2 flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsx27(
                             "button",
                             {
                               type: "button",
@@ -7210,7 +7278,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__ */ jsx26(
+                              children: /* @__PURE__ */ jsx27(
                                 Star,
                                 {
                                   className: cn(
@@ -7221,7 +7289,7 @@ Double-click to rename`,
                               )
                             }
                           ),
-                          !entry.isCurrent && /* @__PURE__ */ jsx26(
+                          !entry.isCurrent && /* @__PURE__ */ jsx27(
                             "button",
                             {
                               type: "button",
@@ -7232,7 +7300,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__ */ jsx26(Trash23, { className: "h-3.5 w-3.5" })
+                              children: /* @__PURE__ */ jsx27(Trash23, { className: "h-3.5 w-3.5" })
                             }
                           )
                         ] })
@@ -7251,7 +7319,7 @@ Double-click to rename`,
 }
 
 // src/App.tsx
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function AppInner() {
   const { theme } = useTheme();
   const { currentView, sidebarOpen, toggleSidebar, setSearchOpen, setSidebarOpen } = useUIStore();
@@ -7261,7 +7329,6 @@ 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);
-  const ws = useWebSocket();
   useEffect19(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 768px)");
@@ -7318,10 +7385,10 @@ function AppInner() {
         if (e.key.toLowerCase() === "l") {
           e.preventDefault();
           useChatStore.getState().clearMessages();
-          ws.client?.clearContext?.();
+          getWSClient(useConfigStore.getState().wsUrl)?.clearContext?.();
         } else if (e.key.toLowerCase() === "n") {
           e.preventDefault();
-          ws.client?.newSession?.();
+          getWSClient(useConfigStore.getState().wsUrl)?.newSession?.();
         } else if (e.key.toLowerCase() === "e") {
           e.preventDefault();
           downloadChatAsMarkdown();
@@ -7387,28 +7454,28 @@ function AppInner() {
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [toggleSidebar, setSearchOpen, ws]);
-  return /* @__PURE__ */ jsxs23("div", { className: cn("flex h-screen", theme), children: [
-    sidebarOpen && /* @__PURE__ */ jsx27(Sidebar, {}),
-    /* @__PURE__ */ jsxs23("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx27(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsx27(ChatView, {}),
-      currentView === "settings" && /* @__PURE__ */ jsx27(SettingsPanel, {})
+  }, [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, {})
     ] }),
-    /* @__PURE__ */ jsx27(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx27(CommandPalette, {}),
-    /* @__PURE__ */ jsx27(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx27(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx27(Toaster, {})
+    /* @__PURE__ */ jsx28(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx28(CommandPalette, {}),
+    /* @__PURE__ */ jsx28(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx28(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx28(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx27(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx27(AppInner, {}) });
+  return /* @__PURE__ */ jsx28(ErrorBoundary, { children: /* @__PURE__ */ jsx28(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx28(AppInner, {}) }) });
 }
 
 // src/main.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsx28(React7.StrictMode, { children: /* @__PURE__ */ jsx28(App, {}) })
+  /* @__PURE__ */ jsx29(React7.StrictMode, { children: /* @__PURE__ */ jsx29(App, {}) })
 );
 //# sourceMappingURL=index.js.map