@wrongstack/webui 0.260.0 → 0.264.0

package/dist/index.js

@@ -62,6 +62,20 @@ function installFaviconVisibilityReset() {
   });
 }
 
+// src/lib/ws-client-helpers.ts
+function buildClearModelsMessage(providerId) {
+  return { type: "provider.clear_models", payload: { providerId } };
+}
+function buildUndoClearMessage(providerId, previousModels) {
+  return {
+    type: "provider.undo_clear",
+    payload: { providerId, previousModels: [...previousModels] }
+  };
+}
+function buildProviderUpdateMessage(payload) {
+  return { type: "provider.update", payload };
+}
+
 // src/lib/ws-client.ts
 function getTokenFromWsUrl(wsUrl) {
   try {
@@ -338,14 +352,15 @@ var WrongStackWebSocketClient = class {
   off(eventType, handler) {
     this.handlers.get(eventType)?.delete(handler);
   }
-  sendMessage(content) {
+  sendMessage(content, imageBase64) {
     const id = `msg_${Date.now()}_${crypto.randomUUID().slice(0, 8)}`;
     this.send({
       type: "user_message",
       payload: {
         id,
         content,
-        timestamp: Date.now()
+        timestamp: Date.now(),
+        ...imageBase64 ? { imageBase64 } : {}
       }
     });
     return id;
@@ -356,6 +371,9 @@ var WrongStackWebSocketClient = class {
       payload: {}
     });
   }
+  getGitInfo() {
+    this.send({ type: "git.info" });
+  }
   sendConfirm(id, decision) {
     const pending = this.pendingConfirms.get(id);
     if (pending) {
@@ -404,6 +422,25 @@ var WrongStackWebSocketClient = class {
   removeProvider(providerId) {
     this.send({ type: "provider.remove", payload: { providerId } });
   }
+  /** Run a health probe against a saved provider's `/v1/models`. */
+  probeProvider(providerId, timeoutMs) {
+    this.send({
+      type: "provider.probe",
+      payload: timeoutMs !== void 0 ? { providerId, timeoutMs } : { providerId }
+    });
+  }
+  /** Remove the saved model allowlist for a provider. */
+  clearProviderModels(providerId) {
+    this.send(buildClearModelsMessage(providerId));
+  }
+  /** Restore a previously-cleared model allowlist (pairs with clear). */
+  undoProviderClear(providerId, previousModels) {
+    this.send(buildUndoClearMessage(providerId, previousModels));
+  }
+  /** Update a saved provider's wire config (family / baseUrl / envVars / models). */
+  updateProvider(payload) {
+    this.send(buildProviderUpdateMessage(payload));
+  }
   clearContext() {
     this.send({ type: "context.clear" });
   }
@@ -890,6 +927,8 @@ var useUIStore = create4()(
       agentsMonitorOpen: false,
       inspectorOpen: false,
       inspectorTab: "fleet",
+      processMonitorOpen: false,
+      queuePanelOpen: false,
       selectActivity: (activity) => set({ activeActivity: activity }),
       toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
       setSidebarOpen: (open) => set({ sidebarOpen: open }),
@@ -940,7 +979,9 @@ var useUIStore = create4()(
       setAgentsMonitorOpen: (open) => set({ agentsMonitorOpen: open }),
       setInspectorOpen: (open) => set({ inspectorOpen: open }),
       setInspectorTab: (tab) => set({ inspectorTab: tab }),
-      toggleInspector: () => set((s) => ({ inspectorOpen: !s.inspectorOpen }))
+      toggleInspector: () => set((s) => ({ inspectorOpen: !s.inspectorOpen })),
+      setProcessMonitorOpen: (open) => set({ processMonitorOpen: open }),
+      setQueuePanelOpen: (open) => set({ queuePanelOpen: open })
     }),
     {
       name: "wrongstack-ui",
@@ -990,12 +1031,20 @@ var useMailboxStore = create5()((set) => ({
   setAgents: (agents) => set({ agents })
 }));
 function selectUnreadCount(s) {
-  return s.messages.filter((m) => m.readByCount === 0 && !m.completed).length;
+  return s.messages.filter((m) => !m.completed && (m.readByCount ?? 0) === 0).length;
 }
 
-// src/stores/history-store.ts
+// src/stores/git-info-store.ts
 import { create as create6 } from "zustand";
-var useHistoryStore = create6()((set) => ({
+var useGitInfoStore = create6()((set) => ({
+  info: null,
+  setInfo: (info) => set({ info }),
+  clear: () => set({ info: null })
+}));
+
+// src/stores/history-store.ts
+import { create as create7 } from "zustand";
+var useHistoryStore = create7()((set) => ({
   entries: [],
   loading: false,
   error: null,
@@ -1008,8 +1057,8 @@ var useHistoryStore = create6()((set) => ({
 }));
 
 // src/stores/worktree-store.ts
-import { create as create7 } from "zustand";
-var useWorktreeStore = create7()((set) => ({
+import { create as create8 } from "zustand";
+var useWorktreeStore = create8()((set) => ({
   worktrees: [],
   baseBranch: "",
   activity: [],
@@ -1018,34 +1067,75 @@ var useWorktreeStore = create7()((set) => ({
 }));
 
 // src/stores/fleet-store.ts
-import { create as create8 } from "zustand";
+import { create as create9 } from "zustand";
 
 // src/components/NextStepsBar.tsx
 import { ArrowRight, Lightbulb, MousePointerClick, Timer } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+(?:\s+auto="true")?\n?)+)/i;
-var ITEM_RE = /^(\d+)\.\s+(.+?)(?:\s+auto="true")?$/;
-function parseNextSteps(content) {
-  const match = NEXT_STEPS_RE.exec(content);
-  if (match?.[1]) {
-    const block = match[1];
-    return parseStepLines(block);
+var STRICT_HEADING_RE = /(?:💡\s*Next steps?|<next_steps>)\s*\n+/i;
+var ITEM_RE = /^(?:(\d+)[.)]\s*|[-*•]\s*)(.+?)(\s+auto="true")?$/;
+var MAX_STEPS = 6;
+function parseNextSteps(content, strict = true) {
+  const headingMatch = strict ? STRICT_HEADING_RE.exec(content) : buildPermissiveHeadingRe().exec(content);
+  if (!headingMatch) {
+    return { steps: [], stripped: content };
   }
-  return parseStepLines(content);
-}
-function parseStepLines(block) {
-  const lines = block.split("\n").filter(Boolean);
+  const headingEnd = headingMatch.index + headingMatch[0].length;
+  const afterHeading = content.slice(headingEnd);
+  const lines = afterHeading.split("\n");
   const steps = [];
-  for (const line of lines) {
-    const m = ITEM_RE.exec(line.trim());
-    if (m) {
-      const text = m[2].trim();
-      const hasAuto = line.trim().endsWith('auto="true"');
-      steps.push({ index: Number.parseInt(m[1], 10), text, auto: hasAuto });
+  const seenNumbers = /* @__PURE__ */ new Set();
+  let consumed = 0;
+  let found = 0;
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line === "</next_steps>") {
+      consumed += rawLine.length + 1;
+      break;
     }
+    if (!line) {
+      consumed += rawLine.length + 1;
+      continue;
+    }
+    const m = ITEM_RE.exec(line);
+    if (!m) break;
+    const numPart = m[1];
+    const text = m[2].trim();
+    const hasAuto = !!m[3];
+    const index = numPart !== void 0 ? Number.parseInt(numPart, 10) : steps.length + 1;
+    if (seenNumbers.has(index)) {
+      consumed += rawLine.length + 1;
+      continue;
+    }
+    seenNumbers.add(index);
+    steps.push(hasAuto ? { index, text, auto: true } : { index, text });
+    consumed += rawLine.length + 1;
+    found++;
+    if (found >= MAX_STEPS) break;
+  }
+  if (steps.length === 0) {
+    return { steps: [], stripped: content };
+  }
+  if (strict && /<next_steps>/i.test(headingMatch[0]) && !afterHeading.includes("</next_steps>")) {
+    return { steps: [], stripped: content };
   }
-  return steps.slice(0, 6);
+  const blockStart = headingMatch.index;
+  const blockEnd = headingEnd + consumed;
+  const stripped = (content.slice(0, blockStart) + content.slice(blockEnd)).replace(/\n{3,}/g, "\n\n").trim();
+  return { steps, stripped };
+}
+var PERMISSIVE_HEADING_PATTERNS = [
+  { re: /💡\s*Next steps?\s*\n+/i, label: "emoji" },
+  { re: /##?\s*Next steps?\s*\n+/i, label: "markdown" },
+  { re: /\n{1,2}Next steps?\s*\n+/i, label: "plain" },
+  { re: /<next_steps>\s*\n+/i, label: "xml-tag" }
+];
+function buildPermissiveHeadingRe() {
+  const variants = PERMISSIVE_HEADING_PATTERNS.map(
+    ({ re }) => `(?:${re.source})`
+  ).join("|");
+  return new RegExp(variants, "i");
 }
 function stripNextStepsBlock(text) {
   return text.replace(/<next_steps\b[^>]*>[\s\S]*?<\/next_steps>/gi, "").replace(/<next_steps\b[^>]*\/?>/gi, "").replace(/\n{3,}/g, "\n\n").trim();
@@ -1085,10 +1175,11 @@ function NextStepsBar({
   yoloMode = false,
   autoMode = false,
   autoDelayMs = 3e4,
-  onAutoSubmit
+  onAutoSubmit,
+  canAutoSubmit: canAutoSubmitProp = true
 }) {
   if (steps.length === 0) return null;
-  const showAutoCountdown = yoloMode && autoMode;
+  const showAutoCountdown = yoloMode && autoMode && canAutoSubmitProp;
   const autoStep = showAutoCountdown ? steps.find((s) => s.auto) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-xl border border-primary/20 bg-primary/[0.03] overflow-hidden animate-message", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3.5 py-2 border-b border-primary/10 bg-primary/[0.04]", children: [
@@ -1131,7 +1222,7 @@ function NextStepsBar({
               }
             ),
             s.auto && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[10px] text-primary/70", children: [
-              /* @__PURE__ */ jsx(Timer, { className: "h-3 w-3" }),
+              autoMode && s.index === 1 && !showAutoCountdown ? /* @__PURE__ */ jsx("span", { title: "Will auto-submit after countdown", children: "\u23E9" }) : /* @__PURE__ */ jsx(Timer, { className: "h-3 w-3" }),
               "auto"
             ] }),
             /* @__PURE__ */ jsx(
@@ -1179,7 +1270,7 @@ function pushTimeline(timeline, event) {
 function bumpSparkline(bins) {
   return [bins[0] + 1, ...bins.slice(0, SPARKLINE_BINS - 1)];
 }
-var useFleetStore = create8()((set, get) => ({
+var useFleetStore = create9()((set, get) => ({
   agents: /* @__PURE__ */ new Map(),
   leaderId: void 0,
   fleetTokensIn: 0,
@@ -1378,7 +1469,7 @@ var useFleetStore = create8()((set, get) => ({
 }));
 
 // src/stores/goal-store.ts
-import { create as create9 } from "zustand";
+import { create as create10 } from "zustand";
 
 // src/lib/goal.ts
 function parseGoalState(raw) {
@@ -1405,7 +1496,7 @@ function parseGoalState(raw) {
 }
 
 // src/stores/goal-store.ts
-var useGoalStore = create9()((set) => ({
+var useGoalStore = create10()((set) => ({
   goal: null,
   setGoal: (raw) => set({ goal: parseGoalState(raw) }),
   clear: () => set({ goal: null }),
@@ -1418,8 +1509,8 @@ var useGoalStore = create9()((set) => ({
 }));
 
 // src/stores/autophase-store.ts
-import { create as create10 } from "zustand";
-var useAutoPhaseStore = create10()((set) => ({
+import { create as create11 } from "zustand";
+var useAutoPhaseStore = create11()((set) => ({
   phases: [],
   activePhaseId: null,
   overallPercent: 0,
@@ -1442,7 +1533,7 @@ var useAutoPhaseStore = create10()((set) => ({
 }));
 
 // src/stores/local-prefs.ts
-import { create as create11 } from "zustand";
+import { create as create12 } from "zustand";
 import { persist as persist5 } from "zustand/middleware";
 var DEFAULTS = {
   autonomy: "off",
@@ -1466,9 +1557,13 @@ var DEFAULTS = {
   auditLevel: "standard",
   enhanceEnabled: true,
   enhanceDelayMs: 6e4,
-  enhanceLanguage: "original"
+  enhanceLanguage: "original",
+  tgConfigured: false,
+  tgSessionEnd: false,
+  tgDelegate: true,
+  tgLongToolMs: 3e4
 };
-var useLocalPrefs = create11()(
+var useLocalPrefs = create12()(
   persist5(
     (set) => ({
       ...DEFAULTS,
@@ -1477,11 +1572,17 @@ var useLocalPrefs = create11()(
     }),
     {
       name: "wrongstack-local-prefs",
-      version: 2,
+      version: 3,
       // v1 stored option values that don't exist in core's config schema —
       // contextStrategy frugal/balanced/deep/archival (context-window modes,
       // a different setting) and auditLevel 'verbose'. Map them onto the
       // canonical values so persisted stores don't resurrect invalid prefs.
+      //
+      // v2 added autoProceedMaxIterations.
+      //
+      // v3 added Telegram notification prefs (tgConfigured, tgSessionEnd,
+      // tgDelegate, tgLongToolMs). Older stores simply get the defaults via
+      // the spread of DEFAULTS; no explicit remap is needed.
       migrate: (persisted) => {
         const p = persisted ?? {};
         const validStrategies = ["hybrid", "intelligent", "selective"];
@@ -1502,8 +1603,8 @@ var useLocalPrefs = create11()(
 );
 
 // src/stores/file-store.ts
-import { create as create12 } from "zustand";
-var useFileStore = create12()((set, get) => ({
+import { create as create13 } from "zustand";
+var useFileStore = create13()((set, get) => ({
   projectRoot: "",
   tree: [],
   openFiles: [],
@@ -1566,7 +1667,7 @@ var useFileStore = create12()((set, get) => ({
 }));
 
 // src/stores/viz-store.ts
-import { create as create13 } from "zustand";
+import { create as create14 } from "zustand";
 var _eventSeq = 0;
 function nextId() {
   return `viz_${Date.now()}_${++_eventSeq}`;
@@ -1594,7 +1695,7 @@ var EDGE_COLORS = {
   "mailbox:send": "hsl(140, 70%, 55%)",
   "default": "hsl(0, 0%, 40%)"
 };
-var useVizStore = create13()((set, get) => ({
+var useVizStore = create14()((set, get) => ({
   events: [],
   nodes: /* @__PURE__ */ new Map(),
   edges: /* @__PURE__ */ new Map(),
@@ -1971,12 +2072,14 @@ function cn(...inputs) {
 // src/components/Toaster.tsx
 import { AlertTriangle, CheckCircle2, Info, X, XCircle } from "lucide-react";
 import { useEffect as useEffect2 } from "react";
-import { create as create14 } from "zustand";
+import { randomUUID } from "crypto";
+import { create as create15 } from "zustand";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var useToastStore = create14((set) => ({
+var ACTION_TTL_MS = 8e3;
+var useToastStore = create15((set) => ({
   toasts: [],
   push: (t) => {
-    const id = `toast_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+    const id = `toast_${randomUUID()}`;
     set((state) => ({ toasts: [...state.toasts, { ...t, id }] }));
     return id;
   },
@@ -1987,6 +2090,12 @@ var toast = {
   error: (msg, ttl = 6e3) => useToastStore.getState().push({ message: msg, variant: "error", ttl }),
   warn: (msg, ttl = 4500) => useToastStore.getState().push({ message: msg, variant: "warn", ttl }),
   info: (msg, ttl = 3500) => useToastStore.getState().push({ message: msg, variant: "info", ttl }),
+  /**
+   * Fire a toast carrying an "Undo" action button. The toast lingers
+   * for {@link ACTION_TTL_MS} so the user has time to react; letting it
+   * expire is the same as not undoing.
+   */
+  undoable: (msg, onUndo, label = "Undo", ttl = ACTION_TTL_MS) => useToastStore.getState().push({ message: msg, variant: "info", ttl, action: { label, onClick: onUndo } }),
   dismiss: (id) => useToastStore.getState().dismiss(id)
 };
 function Icon({ variant }) {
@@ -2014,6 +2123,18 @@ function ToastItem({ entry }) {
       children: [
         /* @__PURE__ */ jsx2(Icon, { variant: entry.variant }),
         /* @__PURE__ */ jsx2("div", { className: "flex-1 min-w-0 whitespace-pre-wrap break-words leading-snug", children: entry.message }),
+        entry.action && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              entry.action?.onClick();
+              dismiss(entry.id);
+            },
+            className: "shrink-0 font-medium text-primary hover:underline",
+            children: entry.action.label
+          }
+        ),
         /* @__PURE__ */ jsx2(
           "button",
           {
@@ -2670,8 +2791,8 @@ function handleFilesWritten(msg) {
   }
 }
 function queryMailbox() {
-  const ws = getWSClient(useConfigStore.getState().wsUrl);
-  ws?.send?.({ type: "mailbox.messages", payload: { limit: 30 } });
+  const ws = getWSClient();
+  ws?.send?.({ type: "mailbox.messages", payload: { limit: 30, incompleteOnly: true } });
   ws?.send?.({ type: "mailbox.agents", payload: {} });
 }
 var WS_HANDLERS = {
@@ -2755,6 +2876,9 @@ var WS_HANDLERS = {
     useMailboxStore.getState().setMessages([]);
     queryMailbox();
   },
+  "mailbox.purged": (msg) => {
+    queryMailbox();
+  },
   "brain.status": (msg) => {
     const p = msg.payload;
     const lines = [
@@ -2840,6 +2964,10 @@ _${p.decision.rationale}_` : "";
       refined: p.refined,
       english: p.english
     });
+  },
+  "git.info": (msg) => {
+    const p = msg.payload;
+    useGitInfoStore.getState().setInfo({ ...p, fetchedAt: Date.now() });
   }
 };
 
@@ -2896,8 +3024,8 @@ function useWebSocket() {
   const { wsUrl } = useConfigStore();
   const client2 = getWSClient(wsUrl);
   const sendMessage = useCallback(
-    (content) => {
-      if (client2.isConnected) return client2.sendMessage(content);
+    (content, imageBase64) => {
+      if (client2.isConnected) return client2.sendMessage(content, imageBase64);
       return null;
     },
     [client2]
@@ -3060,7 +3188,7 @@ function useWebSocket() {
 }
 
 // src/App.tsx
-import { useEffect as useEffect44 } from "react";
+import { useEffect as useEffect46 } from "react";
 
 // src/components/ActivityBar.tsx
 import {
@@ -4036,7 +4164,7 @@ import {
   Terminal as Terminal4,
   Zap as Zap4
 } from "lucide-react";
-import { memo as memo5, useCallback as useCallback9, useEffect as useEffect18, useMemo as useMemo6, useRef as useRef13, useState as useState24 } from "react";
+import { memo as memo5, useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo7, useRef as useRef14, useState as useState24 } from "react";
 import { VList } from "virtua";
 
 // src/components/AutonomyPicker.tsx
@@ -4156,9 +4284,68 @@ function AutonomyPicker({
 }
 
 // src/components/ChatInput.tsx
-import { expectDefined as expectDefined6 } from "@wrongstack/core";
+import { expectDefined as expectDefined6, toErrorMessage } from "@wrongstack/core";
+
+// src/stores/auto-submit-streak.ts
+import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef3 } from "react";
+var _streak = 0;
+var _capWarned = false;
+function useAutoSubmitStreak() {
+  const autoProceedMaxIterations = useLocalPrefs((s) => s.autoProceedMaxIterations);
+  const autonomy = useLocalPrefs((s) => s.autonomy);
+  const streakRef = useRef3(_streak);
+  const capWarnedRef = useRef3(_capWarned);
+  const prevAutonomyRef = useRef3(autonomy);
+  useEffect6(() => {
+    streakRef.current = _streak;
+    capWarnedRef.current = _capWarned;
+  });
+  useEffect6(() => {
+    if (prevAutonomyRef.current !== "auto" && autonomy === "auto") {
+      _capWarned = false;
+      capWarnedRef.current = false;
+    }
+    prevAutonomyRef.current = autonomy;
+  }, [autonomy]);
+  const canAutoSubmit = useCallback4(() => {
+    if (autoProceedMaxIterations <= 0) return true;
+    return streakRef.current < autoProceedMaxIterations;
+  }, [autoProceedMaxIterations]);
+  const recordAutoSubmit = useCallback4(() => {
+    const max = autoProceedMaxIterations;
+    if (max > 0 && streakRef.current >= max) {
+      return false;
+    }
+    _streak = ++streakRef.current;
+    if (max > 0 && _streak >= max) {
+      _capWarned = true;
+      capWarnedRef.current = true;
+    }
+    return true;
+  }, [autoProceedMaxIterations]);
+  const reset = useCallback4(() => {
+    _streak = 0;
+    streakRef.current = 0;
+    _capWarned = false;
+    capWarnedRef.current = false;
+  }, []);
+  const resetCapWarned = useCallback4(() => {
+    _capWarned = false;
+    capWarnedRef.current = false;
+  }, []);
+  return {
+    streak: streakRef.current,
+    capWarned: capWarnedRef.current,
+    canAutoSubmit,
+    recordAutoSubmit,
+    reset,
+    resetCapWarned
+  };
+}
+
+// src/components/ChatInput.tsx
 import { Pencil, Send, Square as Square2, Sparkles as Sparkles2 } from "lucide-react";
-import { useCallback as useCallback4, useEffect as useEffect9, useRef as useRef6, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef7, useState as useState8 } from "react";
 
 // src/components/CommandPalette/index.tsx
 import {
@@ -4188,7 +4375,7 @@ import {
   VolumeX,
   Wrench
 } from "lucide-react";
-import { useEffect as useEffect6, useMemo, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect7, useMemo, useRef as useRef4, useState as useState5 } from "react";
 
 // src/components/CommandPalette/export-utils.ts
 function downloadChatAsMarkdown() {
@@ -4327,15 +4514,15 @@ function CommandPalette() {
   const ws = useWebSocket();
   const [query, setQuery] = useState5("");
   const [index, setIndex] = useState5(0);
-  const inputRef = useRef3(null);
-  useEffect6(() => {
+  const inputRef = useRef4(null);
+  useEffect7(() => {
     if (open) {
       setQuery("");
       setIndex(0);
       requestAnimationFrame(() => inputRef.current?.focus());
     }
   }, [open]);
-  useEffect6(() => {
+  useEffect7(() => {
     const onKey = (e) => {
       if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -4564,7 +4751,7 @@ function CommandPalette() {
       return hay.includes(q);
     });
   }, [items, query]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (index >= filtered.length) setIndex(0);
   }, [filtered.length, index]);
   if (!open) return null;
@@ -4669,16 +4856,16 @@ function renderGroupedList(filtered, index, dispatch, setIndex) {
 // src/components/FilePicker.tsx
 import { expectDefined as expectDefined4 } from "@wrongstack/core";
 import { FileText, Folder } from "lucide-react";
-import { useEffect as useEffect7, useRef as useRef4, useState as useState6 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState6 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function FilePicker({ query, onPick, onClose }) {
   const ws = useWebSocket();
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const [files, setFiles] = useState6([]);
   const [index, setIndex] = useState6(0);
-  const debounceRef = useRef4(null);
-  const wantHandle = useRef4(null);
-  useEffect7(() => {
+  const debounceRef = useRef5(null);
+  const wantHandle = useRef5(null);
+  useEffect8(() => {
     const client2 = getWSClient(wsUrl);
     const off = client2.on("files.list", (msg) => {
       const p = msg.payload;
@@ -4689,7 +4876,7 @@ function FilePicker({ query, onPick, onClose }) {
     });
     return () => off();
   }, [wsUrl]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => {
       ws.client.listFiles(query, 50);
@@ -4698,7 +4885,7 @@ function FilePicker({ query, onPick, onClose }) {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [query, ws.client]);
-  useEffect7(() => {
+  useEffect8(() => {
     const onKey = (e) => {
       if (e.key === "ArrowDown") {
         e.preventDefault();
@@ -4987,7 +5174,7 @@ ${text}
 }
 
 // src/components/RefinePanel.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState7 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState7 } from "react";
 import { Check, Edit3, Globe, X as X3 } from "lucide-react";
 import { Fragment, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function RefinePanel({
@@ -5001,9 +5188,9 @@ function RefinePanel({
   const [countdown, setCountdown] = useState7(autoSendDelayMs > 0 ? Math.ceil(autoSendDelayMs / 1e3) : null);
   const [editText, setEditText] = useState7(refined);
   const [isEditing, setIsEditing] = useState7(false);
-  const countdownRef = useRef5(null);
-  const panelRef = useRef5(null);
-  useEffect8(() => {
+  const countdownRef = useRef6(null);
+  const panelRef = useRef6(null);
+  useEffect9(() => {
     if (autoSendDelayMs <= 0 || isEditing) return;
     countdownRef.current = setInterval(() => {
       setCountdown((prev) => {
@@ -5019,7 +5206,7 @@ function RefinePanel({
       if (countdownRef.current) clearInterval(countdownRef.current);
     };
   }, [autoSendDelayMs, isEditing, onDecision]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handleKeyDown = (e) => {
       if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
       switch (e.key) {
@@ -5065,7 +5252,7 @@ function RefinePanel({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isEditing, onDecision, refined, setRefinePanel]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isEditing && panelRef.current) {
       const textarea = panelRef.current.querySelector("textarea");
       textarea?.focus();
@@ -5261,6 +5448,9 @@ function ChatInput({
   const refinePanel = useUIStore((s) => s.refinePanel);
   const toggleRefineEnabled = useUIStore((s) => s.toggleRefineEnabled);
   const setRefinePanel = useUIStore((s) => s.setRefinePanel);
+  const setProcessMonitorOpen = useUIStore((s) => s.setProcessMonitorOpen);
+  const setQueuePanelOpen = useUIStore((s) => s.setQueuePanelOpen);
+  const { reset: resetAutoSubmitStreak } = useAutoSubmitStreak();
   const lastInputTokens = useSessionStore((s) => s.lastInputTokens);
   const maxContext = useSessionStore((s) => s.maxContext);
   const [input, setInput] = useState8("");
@@ -5269,8 +5459,8 @@ function ChatInput({
   const [atMention, setAtMention] = useState8(null);
   const [pasteHint, setPasteHint] = useState8(null);
   const [draggingOver, setDraggingOver] = useState8(false);
-  const textareaRef = useRef6(null);
-  const runSlashCommand = useCallback4(
+  const textareaRef = useRef7(null);
+  const runSlashCommand = useCallback5(
     (raw) => {
       const trimmed = raw.trim();
       const sp = trimmed.indexOf(" ");
@@ -5415,6 +5605,32 @@ function ChatInput({
         case "/next-steps":
           sendMsg("What are the next steps I should take? Be specific and actionable.");
           return true;
+        case "/kill":
+        case "/ps": {
+          setProcessMonitorOpen(true);
+          return true;
+        }
+        case "/queue": {
+          const q = queue;
+          if (q.length === 0) {
+            addMessage({
+              role: "assistant",
+              content: "\u{1F4CB} **Message Queue** \u2014 empty.\n\nType while the agent is running to queue messages; they are sent automatically when the agent finishes."
+            });
+          } else {
+            const lines = [`\u{1F4CB} **Message Queue** (${q.length} queued)`, ""];
+            q.forEach((item, i) => {
+              const preview = item.length > 80 ? `${item.slice(0, 77)}\u2026` : item;
+              lines.push(`${i + 1}. ${preview}`);
+            });
+            lines.push("", "_Use `/queue open` to manage, or `/queue clear` to wipe._");
+            addMessage({ role: "assistant", content: lines.join("\n") });
+          }
+          if (args.toLowerCase() === "open") {
+            setQueuePanelOpen(true);
+          }
+          return true;
+        }
         case "/next": {
           const narg = args.trim().toLowerCase();
           if (!narg || narg === "list" || narg === "ls" || narg === "show") return handleNextList();
@@ -5432,17 +5648,20 @@ function ChatInput({
       addMessage,
       clearMessages,
       client2,
+      queue,
       sendAbort,
       setLoading,
       setCurrentView,
       toggleRefineEnabled,
+      setProcessMonitorOpen,
+      setQueuePanelOpen,
       ws,
       onOpenBreakdown
     ]
   );
-  const NEXT_STEPS_RE2 = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+\n?)+)/i;
+  const NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+\n?)+)/i;
   function parseNextStepsFromContent(content) {
-    const match = NEXT_STEPS_RE2.exec(content);
+    const match = NEXT_STEPS_RE.exec(content);
     if (!match?.[1]) return [];
     const steps = [];
     for (const line of match[1].split("\n").filter(Boolean)) {
@@ -5515,10 +5734,10 @@ function ChatInput({
     return true;
   }
   const slashSuggestions = input.startsWith("/") && !input.includes(" ") ? matchSlash(input) : [];
-  useEffect9(() => {
+  useEffect10(() => {
     if (slashIndex >= slashSuggestions.length) setSlashIndex(0);
   }, [slashSuggestions.length, slashIndex]);
-  const _clearTextarea = useCallback4(() => {
+  const _clearTextarea = useCallback5(() => {
     const ta = textareaRef.current;
     if (ta) {
       ta.value = "";
@@ -5529,10 +5748,13 @@ function ChatInput({
       }
     }
   }, [isLoading]);
-  const handleSubmit = useCallback4(
+  const handleSubmit = useCallback5(
     async (e) => {
       e.preventDefault();
-      if (!input.trim()) return;
+      resetAutoSubmitStreak();
+      if (!input.trim() && !pendingImageRef.current) return;
+      const pendingImage = pendingImageRef.current;
+      pendingImageRef.current = null;
       const content = input.trim();
       if (content.startsWith("/") && runSlashCommand(content)) {
         pushPrompt(content);
@@ -5547,7 +5769,10 @@ function ChatInput({
       pushPrompt(content);
       _clearTextarea();
       if (isLoading) {
-        enqueue(content);
+        const queued = pendingImage ? `![pasted image](${pendingImage})
+
+${content}` : content;
+        enqueue(queued);
         return;
       }
       try {
@@ -5563,15 +5788,18 @@ function ChatInput({
             });
             refineModel(content);
           } else {
-            addMessage({ role: "user", content });
+            const fullContent = pendingImage ? `![pasted image](${pendingImage})
+
+${content}` : content;
+            addMessage({ role: "user", content: fullContent });
             setLoading(true);
-            sendMessage(content);
+            sendMessage(content, pendingImage ?? void 0);
           }
         } else {
           console.warn(JSON.stringify({ level: "warn", event: "ws_send_failed", reason: "not_connected", timestamp: (/* @__PURE__ */ new Date()).toISOString() }));
         }
       } catch (err) {
-        console.warn(JSON.stringify({ level: "warn", event: "ws_send_error", error: err instanceof Error ? err.message : String(err), timestamp: (/* @__PURE__ */ new Date()).toISOString() }));
+        console.warn(JSON.stringify({ level: "warn", event: "ws_send_error", error: toErrorMessage(err), timestamp: (/* @__PURE__ */ new Date()).toISOString() }));
         setLoading(false);
       }
     },
@@ -5588,14 +5816,15 @@ function ChatInput({
       setLoading,
       runSlashCommand,
       pushPrompt,
-      _clearTextarea
+      _clearTextarea,
+      resetAutoSubmitStreak
     ]
   );
-  const handleAbort = useCallback4(() => {
+  const handleAbort = useCallback5(() => {
     sendAbort();
     setLoading(false);
   }, [sendAbort, setLoading]);
-  const handleStopAndEdit = useCallback4(() => {
+  const handleStopAndEdit = useCallback5(() => {
     sendAbort();
     setLoading(false);
     const all = useChatStore.getState().messages;
@@ -5616,7 +5845,7 @@ function ChatInput({
       }
     }
   }, [sendAbort, setLoading]);
-  const handleKeyDown = useCallback4(
+  const handleKeyDown = useCallback5(
     (e) => {
       if (slashSuggestions.length === 0 && !atMention && promptHistory.length > 0) {
         if (e.key === "ArrowUp") {
@@ -5703,6 +5932,33 @@ function ChatInput({
     },
     [slashSuggestions, slashIndex, atMention, promptHistory, historyIdx, input, runSlashCommand, handleSubmit]
   );
+  const pendingImageRef = useRef7(null);
+  useEffect10(() => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    const onPaste = async (e) => {
+      const items = e.clipboardData?.items;
+      if (!items) return;
+      for (const item of items) {
+        if (item.type.startsWith("image/")) {
+          e.preventDefault();
+          try {
+            const blob = item.getAsFile();
+            if (!blob) continue;
+            const reader = new FileReader();
+            reader.onload = () => {
+              pendingImageRef.current = reader.result;
+            };
+            reader.readAsDataURL(blob);
+          } catch {
+          }
+          return;
+        }
+      }
+    };
+    ta.addEventListener("paste", onPaste);
+    return () => ta.removeEventListener("paste", onPaste);
+  }, []);
   const adjustTextareaHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -6130,7 +6386,7 @@ function ChatInput({
 
 // src/components/CheckpointTimeline.tsx
 import { Clock as Clock4, History, Rewind, X as X4 } from "lucide-react";
-import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef7, useState as useState9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef8, useState as useState9 } from "react";
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function CheckpointTimeline({
   open,
@@ -6140,8 +6396,8 @@ function CheckpointTimeline({
   const [checkpoints, setCheckpoints] = useState9([]);
   const [rewinding, setRewinding] = useState9(false);
   const ws = useWebSocket();
-  const offRef = useRef7(null);
-  useEffect10(() => {
+  const offRef = useRef8(null);
+  useEffect11(() => {
     if (!open || !ws.client?.isConnected) return;
     ws.client.send?.({ type: "session.checkpoints" });
     offRef.current = ws.client.on?.("session.checkpoints", (msg) => {
@@ -6152,7 +6408,7 @@ function CheckpointTimeline({
       offRef.current?.();
     };
   }, [open, ws.client]);
-  const handleRewind = useCallback5(
+  const handleRewind = useCallback6(
     async (index) => {
       setRewinding(true);
       ws.client.send?.({ type: "session.rewind", payload: { checkpointIndex: index } });
@@ -6276,7 +6532,7 @@ function CheckpointTimeline({
 // src/components/ContextModePicker.tsx
 import { expectDefined as expectDefined7 } from "@wrongstack/core";
 import { Check as Check2, ChevronDown as ChevronDown2, Gauge, Wrench as Wrench2, Zap as Zap2, FileSearch } from "lucide-react";
-import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef8, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useRef as useRef9, useState as useState10 } from "react";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var FALLBACK_MODES = [
   {
@@ -6294,12 +6550,12 @@ function ContextModePicker() {
   const { listContextModes, switchContextMode, client: client2 } = useWebSocket();
   const [open, setOpen] = useState10(false);
   const [opsOpen, setOpsOpen] = useState10(false);
-  const rootRef = useRef8(null);
-  const opsRef = useRef8(null);
-  useEffect11(() => {
+  const rootRef = useRef9(null);
+  const opsRef = useRef9(null);
+  useEffect12(() => {
     if (open) listContextModes();
   }, [open, listContextModes]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -6314,7 +6570,7 @@ function ContextModePicker() {
       document.removeEventListener("keydown", onKey);
     };
   }, [open]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!opsOpen) return;
     const onClick = (e) => {
       if (!opsRef.current?.contains(e.target)) setOpsOpen(false);
@@ -6322,12 +6578,12 @@ function ContextModePicker() {
     document.addEventListener("mousedown", onClick);
     return () => document.removeEventListener("mousedown", onClick);
   }, [opsOpen]);
-  const compact = useCallback6((aggressive) => {
+  const compact = useCallback7((aggressive) => {
     client2?.compactContext?.(aggressive);
     setOpsOpen(false);
     setOpen(false);
   }, [client2]);
-  const repair = useCallback6(() => {
+  const repair = useCallback7(() => {
     client2?.repairContext?.();
     setOpsOpen(false);
     setOpen(false);
@@ -6731,7 +6987,7 @@ function ContextFillBar({
 
 // src/components/ContextBreakdownModal.tsx
 import { AlertTriangle as AlertTriangle2, FileText as FileText2, MessageSquare as MessageSquare2, RefreshCw, Wrench as Wrench3, X as X5 } from "lucide-react";
-import { useEffect as useEffect12, useState as useState11 } from "react";
+import { useEffect as useEffect13, useState as useState11 } from "react";
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function ContextBreakdownModal({ open, onClose }) {
   const wsUrl = useConfigStore((s) => s.wsUrl);
@@ -6739,7 +6995,7 @@ function ContextBreakdownModal({ open, onClose }) {
   const [data, setData] = useState11(null);
   const [loading, setLoading] = useState11(false);
   const [error, setError] = useState11(null);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!open) {
       setData(null);
       setError(null);
@@ -6773,7 +7029,7 @@ function ContextBreakdownModal({ open, onClose }) {
       unsubscribe();
     };
   }, [open, wsUrl]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -6931,7 +7187,7 @@ function ContextBreakdownModal({ open, onClose }) {
 }
 
 // src/components/CostChip.tsx
-import { useEffect as useEffect13, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState12 } from "react";
 import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function CostChip() {
   const cost = useSessionStore((s) => s.cost);
@@ -6940,8 +7196,8 @@ function CostChip() {
   const cacheReadCost = useSessionStore((s) => s.cacheReadCost);
   const messages = useChatStore((s) => s.messages);
   const [open, setOpen] = useState12(false);
-  const rootRef = useRef9(null);
-  useEffect13(() => {
+  const rootRef = useRef10(null);
+  useEffect14(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -7190,7 +7446,7 @@ import {
   User,
   XCircle as XCircle4
 } from "lucide-react";
-import { memo as memo3, useState as useState18 } from "react";
+import { memo as memo3, useMemo as useMemo5, useState as useState18 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
@@ -7547,7 +7803,7 @@ import { useState as useState15 } from "react";
 
 // src/components/MessageBubble/utils.tsx
 import { Check as Check3, Copy, FileCode2 } from "lucide-react";
-import { useCallback as useCallback7, useMemo as useMemo4, useState as useState14 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo4, useState as useState14 } from "react";
 import rehypeHighlight from "rehype-highlight";
 import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 async function copyToClipboard(text) {
@@ -7600,7 +7856,7 @@ function formatToolDuration(ms) {
 var rehypePlugins = [rehypeHighlight];
 function CodeCopyButton({ text }) {
   const [copied, setCopied] = useState14(false);
-  const handleCopy = useCallback7(async () => {
+  const handleCopy = useCallback8(async () => {
     const ok = await copyToClipboard(text);
     if (ok) {
       setCopied(true);
@@ -7626,25 +7882,17 @@ function CodeCopyButton({ text }) {
   );
 }
 var markdownComponents = {
-  next_steps({ children }) {
-    const rawText = typeof children === "string" ? children.trim() : "";
-    if (!rawText) return null;
-    const steps = parseNextSteps(rawText);
-    if (steps.length === 0) return null;
-    return /* @__PURE__ */ jsx23(
-      NextStepsBar,
-      {
-        steps,
-        onAutoSubmit: (text) => {
-          fillInput(text);
-          const form = document.querySelector('form[class*="flex items-end gap-2"]');
-          if (form) {
-            form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
-          }
-        }
-      }
-    );
-  },
+  // NOTE: <next_steps> is parsed and rendered in MessageBubble/index.tsx
+  // (post-render, via parseNextSteps + NextStepsBar). We do NOT register a
+  // custom component here for two reasons:
+  //   1. react-markdown v10's micromark parser doesn't actually dispatch
+  //      <next_steps> (or any underscored tag) to the components map — they
+  //      fall through as raw HTML, which is exactly what the previous code
+  //      was trying (and failing) to catch.
+  //   2. The MessageBubble path strips the block before passing content to
+  //      react-markdown, so this handler is unreachable in practice.
+  // Leaving the comment here so future contributors know this was a
+  // deliberate decision, not an oversight.
   code({
     inline,
     className,
@@ -7859,7 +8107,20 @@ var MessageBubble = memo3(function MessageBubble2({
   const cacheReadCost = useSessionStore((s) => s.cacheReadCost);
   const localPrefs = useLocalPrefs();
   const { autonomy, yolo } = localPrefs;
+  const { canAutoSubmit, recordAutoSubmit, capWarned } = useAutoSubmitStreak();
+  const autoProceedMaxIterations = localPrefs.autoProceedMaxIterations;
+  const canAutoSubmitNow = autoProceedMaxIterations <= 0 || canAutoSubmit();
   const handleAutoSubmit = (text) => {
+    if (!canAutoSubmit()) {
+      if (!capWarned) {
+        addMessage({
+          role: "assistant",
+          content: "\u26A0\uFE0F _Auto-proceed paused \u2014 maximum consecutive automatic turns reached. Type anything to continue (autonomy stays on)._"
+        });
+      }
+      return;
+    }
+    recordAutoSubmit();
     addMessage({ role: "user", content: text });
     setLoading(true);
     const client2 = getWSClient(wsUrl);
@@ -7875,6 +8136,10 @@ var MessageBubble = memo3(function MessageBubble2({
     }
     return false;
   })();
+  const nextStepsResult = useMemo5(
+    () => isLatestAssistant && message.content ? parseNextSteps(message.content) : null,
+    [isLatestAssistant, message.content]
+  );
   const regenerate = () => {
     const all = useChatStore.getState().messages;
     const idx = all.findIndex((m) => m.id === message.id);
@@ -8034,21 +8299,21 @@ var MessageBubble = memo3(function MessageBubble2({
                 /* @__PURE__ */ jsx27("button", { type: "button", onClick: saveEdit, disabled: !editValue.trim(), className: "text-xs px-2 py-0.5 rounded bg-primary-foreground text-primary disabled:opacity-50", children: "Save & resend" })
               ] })
             ] })
-          ] }) : /* @__PURE__ */ jsx27("div", { className: cn("text-sm leading-relaxed markdown-content", message.streaming && "streaming-cursor"), children: message.content ? showRaw && message.role === "assistant" ? /* @__PURE__ */ jsx27("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-foreground/90 max-h-[40rem] overflow-auto", children: message.content }) : message.role === "assistant" && message.isError ? /* @__PURE__ */ jsx27(ErrorBodyWithStack, { text: message.content }) : /* @__PURE__ */ jsx27(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins, components: markdownComponents, children: message.content }) : message.streaming ? /* @__PURE__ */ jsx27("span", { className: "inline-block animate-pulse text-muted-foreground", children: "Typing..." }) : /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground italic", children: "No content" }) }) }),
-          isLatestAssistant && message.content && (() => {
-            const steps = parseNextSteps(message.content);
-            if (steps.length === 0) return null;
-            return /* @__PURE__ */ jsx27(
-              NextStepsBar,
-              {
-                steps,
-                yoloMode: yolo,
-                autoMode: autonomy === "auto",
-                autoDelayMs: localPrefs.autonomyDelayMs,
-                onAutoSubmit: handleAutoSubmit
-              }
-            );
-          })(),
+          ] }) : (() => {
+            const renderedContent = nextStepsResult ? nextStepsResult.stripped : message.content;
+            return /* @__PURE__ */ jsx27("div", { className: cn("text-sm leading-relaxed markdown-content", message.streaming && "streaming-cursor"), children: renderedContent ? showRaw && message.role === "assistant" ? /* @__PURE__ */ jsx27("pre", { className: "whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-foreground/90 max-h-[40rem] overflow-auto", children: message.content }) : message.role === "assistant" && message.isError ? /* @__PURE__ */ jsx27(ErrorBodyWithStack, { text: message.content }) : /* @__PURE__ */ jsx27(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins, components: markdownComponents, children: renderedContent }) : message.streaming ? /* @__PURE__ */ jsx27("span", { className: "inline-block animate-pulse text-muted-foreground", children: "Typing..." }) : /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground italic", children: "No content" }) });
+          })() }),
+          nextStepsResult && nextStepsResult.steps.length > 0 && /* @__PURE__ */ jsx27(
+            NextStepsBar,
+            {
+              steps: nextStepsResult.steps,
+              yoloMode: yolo,
+              autoMode: autonomy === "auto",
+              autoDelayMs: localPrefs.autonomyDelayMs,
+              onAutoSubmit: handleAutoSubmit,
+              canAutoSubmit: canAutoSubmitNow
+            }
+          ),
           /* @__PURE__ */ jsxs25("div", { className: cn("flex items-center gap-2 px-1", isUser ? "flex-row-reverse" : "flex-row"), children: [
             /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground/50", children: new Date(message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }),
             /* @__PURE__ */ jsx27("span", { className: "w-px h-3 bg-border/60 shrink-0", "aria-hidden": true }),
@@ -8124,18 +8389,18 @@ var MessageBubble = memo3(function MessageBubble2({
 
 // src/components/ModePicker.tsx
 import { Check as Check5, ChevronDown as ChevronDown5 } from "lucide-react";
-import { useEffect as useEffect14, useRef as useRef10, useState as useState19 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState19 } from "react";
 import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 function ModePicker() {
   const mode = useSessionStore((s) => s.mode);
   const modes = useSessionStore((s) => s.modes);
   const { listModes, switchMode } = useWebSocket();
   const [open, setOpen] = useState19(false);
-  const rootRef = useRef10(null);
-  useEffect14(() => {
+  const rootRef = useRef11(null);
+  useEffect15(() => {
     if (open) listModes();
   }, [open, listModes]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!open) return;
     const onClick = (e) => {
       if (!rootRef.current?.contains(e.target)) setOpen(false);
@@ -8207,7 +8472,7 @@ function ModePicker() {
 
 // src/components/ProcessMonitor.tsx
 import { Shield, Square as Square3, Terminal as Terminal2, X as X6 } from "lucide-react";
-import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef11, useState as useState20 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useRef as useRef12, useState as useState20 } from "react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function ProcessMonitor({
   open,
@@ -8216,9 +8481,9 @@ function ProcessMonitor({
 }) {
   const [processes, setProcesses] = useState20([]);
   const ws = useWebSocket();
-  const offRef = useRef11(null);
-  const pollRef = useRef11(null);
-  useEffect15(() => {
+  const offRef = useRef12(null);
+  const pollRef = useRef12(null);
+  useEffect16(() => {
     if (!open || !ws.client?.isConnected) return;
     ws.client.send?.({ type: "process.list" });
     offRef.current = ws.client.on?.("process.list", (msg) => {
@@ -8233,13 +8498,13 @@ function ProcessMonitor({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, [open, ws.client]);
-  const handleKill = useCallback8(
+  const handleKill = useCallback9(
     (pid) => {
       ws.client.send?.({ type: "process.kill", payload: { pid } });
     },
     [ws.client]
   );
-  const handleKillAll = useCallback8(() => {
+  const handleKillAll = useCallback9(() => {
     ws.client.send?.({ type: "process.killAll" });
   }, [ws.client]);
   const running = processes.filter((p) => p.status === "running");
@@ -8365,7 +8630,7 @@ function ProcessMonitor({
 
 // src/components/SearchOverlay.tsx
 import { ArrowDown, ArrowUp, Search as Search2, X as X7 } from "lucide-react";
-import { useEffect as useEffect16, useMemo as useMemo5, useRef as useRef12, useState as useState21 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo6, useRef as useRef13, useState as useState21 } from "react";
 import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 var HIGHLIGHT_STYLES = `
 ::highlight(chat-search) { background-color: hsl(var(--primary) / 0.3); color: inherit; }
@@ -8378,13 +8643,13 @@ function SearchOverlay() {
   const setQuery = useUIStore((s) => s.setSearchQuery);
   const messages = useChatStore((s) => s.messages);
   const requestScrollToMessage = useUIStore((s) => s.requestScrollToMessage);
-  const inputRef = useRef12(null);
+  const inputRef = useRef13(null);
   const [activeHit, setActiveHit] = useState21(0);
   const [repaintNonce, setRepaintNonce] = useState21(0);
-  useEffect16(() => {
+  useEffect17(() => {
     if (open) requestAnimationFrame(() => inputRef.current?.focus());
   }, [open]);
-  useEffect16(() => {
+  useEffect17(() => {
     const style = document.createElement("style");
     style.textContent = HIGHLIGHT_STYLES;
     document.head.appendChild(style);
@@ -8392,7 +8657,7 @@ function SearchOverlay() {
       document.head.removeChild(style);
     };
   }, []);
-  const hits = useMemo5(() => {
+  const hits = useMemo6(() => {
     const q = query.trim().toLowerCase();
     if (!q) return [];
     return messages.filter((m) => {
@@ -8402,10 +8667,10 @@ function SearchOverlay() {
       return m.content.toLowerCase().includes(q);
     }).map((m) => m.id);
   }, [messages, query]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (activeHit >= hits.length) setActiveHit(0);
   }, [hits, activeHit]);
-  useEffect16(() => {
+  useEffect17(() => {
     const win = window;
     const highlights = win.CSS?.highlights;
     const HighlightCtor = win.Highlight;
@@ -8459,7 +8724,7 @@ function SearchOverlay() {
     }
     return clear;
   }, [query, hits, activeHit, open, repaintNonce]);
-  useEffect16(() => {
+  useEffect17(() => {
     const id = hits[activeHit];
     if (!id) return;
     requestScrollToMessage(id);
@@ -8618,7 +8883,7 @@ import {
   Sparkles as Sparkles3,
   Zap as Zap3
 } from "lucide-react";
-import { useEffect as useEffect17, useState as useState23 } from "react";
+import { useEffect as useEffect18, useState as useState23 } from "react";
 import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
 var CARDS = [
   {
@@ -8694,7 +8959,7 @@ function WelcomeScreen() {
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
   const [savedCount, setSavedCount] = useState23(void 0);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!wsConnected) return;
     const client2 = getWSClient(wsUrl);
     const off = client2.on("providers.saved", (msg) => {
@@ -8710,7 +8975,7 @@ function WelcomeScreen() {
   const recentPrompts = promptHistory.slice(0, 6);
   const { listSessions, resumeSession } = useWebSocket();
   const historyEntries = useHistoryStore((s) => s.entries);
-  useEffect17(() => {
+  useEffect18(() => {
     if (wsConnected && historyEntries.length === 0) listSessions(10);
   }, [wsConnected]);
   const sessionNicknames = useUIStore((s) => s.sessionNicknames);
@@ -8958,8 +9223,8 @@ function ChatView() {
   const [titleDraft, setTitleDraft] = useState24("");
   const historyEntries = useHistoryStore((s) => s.entries);
   const [switcherOpen, setSwitcherOpen] = useState24(false);
-  const switcherRef = useRef13(null);
-  useEffect18(() => {
+  const switcherRef = useRef14(null);
+  useEffect19(() => {
     if (!switcherOpen) return;
     const onClick = (e) => {
       if (!switcherRef.current?.contains(e.target)) setSwitcherOpen(false);
@@ -8975,11 +9240,11 @@ function ChatView() {
     };
   }, [switcherOpen]);
   const { provider, model } = useConfigStore();
-  const vlistRef = useRef13(null);
-  const rows = useMemo6(() => buildChatRows(messages), [messages]);
-  const childCountRef = useRef13(0);
+  const vlistRef = useRef14(null);
+  const rows = useMemo7(() => buildChatRows(messages), [messages]);
+  const childCountRef = useRef14(0);
   childCountRef.current = rows.length + 1;
-  const rowIndexById = useMemo6(() => {
+  const rowIndexById = useMemo7(() => {
     const map = /* @__PURE__ */ new Map();
     rows.forEach((row, i) => {
       if (row.kind === "user") map.set(row.message.id, i);
@@ -8994,7 +9259,7 @@ function ChatView() {
   }, [rows]);
   const scrollTarget = useUIStore((s) => s.scrollTarget);
   const autonomy = useLocalPrefs((s) => s.autonomy);
-  const handleAutonomyChange = useCallback9((mode) => {
+  const handleAutonomyChange = useCallback10((mode) => {
     useLocalPrefs.getState().set({ autonomy: mode });
     const ws = getWSClient();
     ws?.send?.({ type: "autonomy.switch", payload: { mode } });
@@ -9002,7 +9267,7 @@ function ChatView() {
   const [processOpen, setProcessOpen] = useState24(false);
   const [checkpointOpen, setCheckpointOpen] = useState24(false);
   const [breakdownOpen, setBreakdownOpen] = useState24(false);
-  useEffect18(() => {
+  useEffect19(() => {
     const handler = () => setBreakdownOpen(true);
     document.addEventListener("open:context-breakdown", handler);
     return () => document.removeEventListener("open:context-breakdown", handler);
@@ -9012,8 +9277,8 @@ function ChatView() {
   const [pinnedToBottom, setPinnedToBottom] = useState24(true);
   const [unreadCount, setUnreadCount] = useState24(0);
   const [scrolledDeep, setScrolledDeep] = useState24(false);
-  const lastSeenCount = useRef13(messages.length);
-  const handleScroll = useCallback9(() => {
+  const lastSeenCount = useRef14(messages.length);
+  const handleScroll = useCallback10(() => {
     const h = vlistRef.current;
     if (!h) return;
     const dist = h.scrollSize - h.scrollOffset - h.viewportSize;
@@ -9025,7 +9290,7 @@ function ChatView() {
     }
     setScrolledDeep(h.scrollOffset > h.viewportSize && h.scrollSize > h.viewportSize * 2.5);
   }, []);
-  const handleHistorySelect = useCallback9(
+  const handleHistorySelect = useCallback10(
     (sessionId2) => {
       const ws = getWSClient();
       ws?.resumeSession?.(sessionId2);
@@ -9033,7 +9298,7 @@ function ChatView() {
     },
     []
   );
-  useEffect18(() => {
+  useEffect19(() => {
     const h = vlistRef.current;
     if (!h) return;
     if (pinnedToBottom) {
@@ -9044,7 +9309,7 @@ function ChatView() {
       if (delta > 0) setUnreadCount(delta);
     }
   }, [messages, pinnedToBottom]);
-  useEffect18(() => {
+  useEffect19(() => {
     setPinnedToBottom(true);
     setUnreadCount(0);
     lastSeenCount.current = useChatStore.getState().messages.length;
@@ -9052,25 +9317,25 @@ function ChatView() {
       vlistRef.current?.scrollToIndex(childCountRef.current - 1, { align: "end" });
     });
   }, [sessionId]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!scrollTarget) return;
     const idx = rowIndexById.get(scrollTarget.id);
     if (idx === void 0) return;
     vlistRef.current?.scrollToIndex(idx, { align: "center", smooth: true });
   }, [scrollTarget, rowIndexById]);
-  const scrollToBottom = useCallback9(() => {
+  const scrollToBottom = useCallback10(() => {
     vlistRef.current?.scrollToIndex(childCountRef.current - 1, { align: "end", smooth: true });
     setPinnedToBottom(true);
     setUnreadCount(0);
     lastSeenCount.current = useChatStore.getState().messages.length;
   }, []);
-  const scrollToTop = useCallback9(() => {
+  const scrollToTop = useCallback10(() => {
     vlistRef.current?.scrollToIndex(0, { align: "start", smooth: true });
   }, []);
   const [runStartedAt, setRunStartedAt] = useState24(null);
   const [nowTick, setNowTick] = useState24(() => Date.now());
-  const streamAnchor = useRef13(null);
-  const runningStatus = useMemo6(() => {
+  const streamAnchor = useRef14(null);
+  const runningStatus = useMemo7(() => {
     const last = messages[messages.length - 1];
     const runningTools = messages.filter((m) => m.role === "tool" && m.toolResult === void 0);
     let label = "Thinking\u2026";
@@ -9105,11 +9370,11 @@ function ChatView() {
     }
     return { label, elapsed, speedLabel };
   }, [messages, nowTick, runStartedAt]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (isLoading && runStartedAt === null) setRunStartedAt(Date.now());
     if (!isLoading && runStartedAt !== null) setRunStartedAt(null);
   }, [isLoading, runStartedAt]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isLoading) return;
     const t = setInterval(() => setNowTick(Date.now()), 500);
     return () => clearInterval(t);
@@ -9495,7 +9760,7 @@ function ChatView() {
 
 // src/components/CodeEditor.tsx
 import { X as X8, Circle as Circle3 } from "lucide-react";
-import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo7, useRef as useRef14 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo8, useRef as useRef15 } from "react";
 import Editor, { loader } from "@monaco-editor/react";
 import * as monaco2 from "monaco-editor";
 
@@ -9941,22 +10206,22 @@ function CodeEditor() {
   const activeFilePath = useFileStore((s) => s.activeFilePath);
   const updateContent = useFileStore((s) => s.updateContent);
   const { theme: appTheme } = useTheme();
-  const editorRef = useRef14(null);
-  const activeFile = useMemo7(
+  const editorRef = useRef15(null);
+  const activeFile = useMemo8(
     () => openFiles.find((f) => f.path === activeFilePath) ?? null,
     [openFiles, activeFilePath]
   );
   const language = activeFilePath ? getLanguage(activeFilePath) : "plaintext";
   const monacoTheme = getMonacoTheme();
-  useEffect19(() => {
+  useEffect20(() => {
     const resolved = getMonacoTheme();
     monaco2.editor.setTheme(resolved);
   }, [appTheme]);
-  const handleMount = useCallback10((editor3) => {
+  const handleMount = useCallback11((editor3) => {
     editorRef.current = editor3;
     monaco2.editor.setTheme(getMonacoTheme());
   }, []);
-  const handleChange = useCallback10(
+  const handleChange = useCallback11(
     (value) => {
       if (activeFilePath && value !== void 0) {
         updateContent(activeFilePath, value);
@@ -9964,7 +10229,7 @@ function CodeEditor() {
     },
     [activeFilePath, updateContent]
   );
-  useEffect19(() => {
+  useEffect20(() => {
     const onKeyDown = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       const tag = e.target?.tagName?.toLowerCase();
@@ -10030,7 +10295,7 @@ function CodeEditor() {
 
 // src/components/ConfirmDialog.tsx
 import { AlertTriangle as AlertTriangle3, FileEdit, Globe as Globe2, ShieldAlert, Terminal as Terminal5, Wrench as Wrench4 } from "lucide-react";
-import { useEffect as useEffect20, useRef as useRef15 } from "react";
+import { useEffect as useEffect21, useRef as useRef16 } from "react";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -10159,14 +10424,14 @@ function SmartInputPreview({
 function ConfirmDialog() {
   const { showConfirmDialog, confirmInfo, hideConfirm } = useUIStore();
   const { sendConfirm } = useWebSocket();
-  const dialogRef = useRef15(null);
+  const dialogRef = useRef16(null);
   const handleConfirm = (decision) => {
     if (confirmInfo) {
       sendConfirm(confirmInfo.id, decision);
     }
     hideConfirm();
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (!showConfirmDialog) return;
     const onKey = (e) => {
       const target = e.target;
@@ -10290,10 +10555,10 @@ function ConfirmDialog() {
 }
 
 // src/components/ConfirmModal.tsx
-import { useEffect as useEffect21 } from "react";
-import { create as create15 } from "zustand";
+import { useEffect as useEffect22 } from "react";
+import { create as create16 } from "zustand";
 import { jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
-var useConfirmModalStore = create15()((set, get) => ({
+var useConfirmModalStore = create16()((set, get) => ({
   request: null,
   open: (request) => {
     get().request?.resolve(false);
@@ -10312,7 +10577,7 @@ function confirmModal(options) {
 function ConfirmModalHost() {
   const request = useConfirmModalStore((s) => s.request);
   const settle = useConfirmModalStore((s) => s.settle);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!request) return;
     const onKey = (e) => {
       if (e.key === "Enter") {
@@ -10355,19 +10620,19 @@ function ConfirmModalHost() {
 
 // src/components/ConnectionBanner.tsx
 import { Loader2 as Loader22, RotateCcw as RotateCcw4, WifiOff, X as X10 } from "lucide-react";
-import { useEffect as useEffect22, useState as useState25 } from "react";
+import { useEffect as useEffect23, useState as useState25 } from "react";
 import { jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
 function ConnectionBanner() {
   const wsStatus = useConfigStore((s) => s.wsStatus);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const [dismissed, setDismissed] = useState25(false);
   const [now, setNow] = useState25(Date.now());
-  useEffect22(() => {
+  useEffect23(() => {
     if (wsStatus.state !== "reconnecting") return;
     const id = setInterval(() => setNow(Date.now()), 500);
     return () => clearInterval(id);
   }, [wsStatus.state]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (wsStatus.state === "open") setDismissed(false);
   }, [wsStatus.state]);
   if (wsStatus.state === "open" || wsStatus.state === "connecting") return null;
@@ -10459,7 +10724,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/QuickModelSwitcher.tsx
 import { ArrowRight as ArrowRight3, Cpu as Cpu5, Search as Search4 } from "lucide-react";
-import { useEffect as useEffect23, useMemo as useMemo8, useRef as useRef16, useState as useState26 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo9, useRef as useRef17, useState as useState26 } from "react";
 
 // src/components/QuickModelSwitcher.filter.ts
 function buildModelCandidates(saved, modelsByProvider, query, currentProvider, currentModel) {
@@ -10495,13 +10760,13 @@ function QuickModelSwitcher() {
   const [selected, setSelected] = useState26(0);
   const [saved, setSaved] = useState26([]);
   const [modelsByProvider, setModelsByProvider] = useState26({});
-  const inputRef = useRef16(null);
+  const inputRef = useRef17(null);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const currentProvider = useConfigStore((s) => s.provider);
   const currentModel = useConfigStore((s) => s.model);
   const paletteOpen = useUIStore((s) => s.paletteOpen);
   const { listSavedProviders, listProviderModels, switchModel } = useWebSocket();
-  useEffect23(() => {
+  useEffect24(() => {
     const onKey = (e) => {
       const mod = e.ctrlKey || e.metaKey;
       if (mod && e.key.toLowerCase() === "m" && !e.shiftKey && !e.altKey) {
@@ -10518,7 +10783,7 @@ function QuickModelSwitcher() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [open, paletteOpen]);
-  useEffect23(() => {
+  useEffect24(() => {
     const client2 = getWSClient(wsUrl);
     const offSaved = client2.on("providers.saved", (msg) => {
       const p = msg.payload;
@@ -10533,14 +10798,14 @@ function QuickModelSwitcher() {
       offModels();
     };
   }, [wsUrl]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) return;
     setQuery("");
     setSelected(0);
     listSavedProviders();
     requestAnimationFrame(() => inputRef.current?.focus());
   }, [open, listSavedProviders]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) return;
     for (const sp of saved) {
       if (!modelsByProvider[sp.id]) {
@@ -10548,7 +10813,7 @@ function QuickModelSwitcher() {
       }
     }
   }, [open, saved, modelsByProvider, listProviderModels]);
-  const candidates = useMemo8(
+  const candidates = useMemo9(
     () => buildModelCandidates(
       saved,
       modelsByProvider,
@@ -10558,7 +10823,7 @@ function QuickModelSwitcher() {
     ),
     [saved, modelsByProvider, query, currentProvider, currentModel]
   );
-  useEffect23(() => {
+  useEffect24(() => {
     if (selected >= candidates.length) setSelected(0);
   }, [candidates.length, selected]);
   const commit = (idx) => {
@@ -10666,12 +10931,13 @@ import {
   Network,
   Palette,
   Puzzle,
+  Send as Send2,
   Shield as Shield2,
   Sun as Sun3,
   X as X11,
   Zap as Zap5
 } from "lucide-react";
-import { useState as useState28, useEffect as useEffect24, useCallback as useCallback12 } from "react";
+import { useState as useState28, useEffect as useEffect25, useCallback as useCallback13 } from "react";
 
 // src/components/ui/input.tsx
 import * as React3 from "react";
@@ -10900,7 +11166,7 @@ import {
   Plus,
   Trash2 as Trash22
 } from "lucide-react";
-import { useState as useState27, useCallback as useCallback11 } from "react";
+import { useState as useState27, useCallback as useCallback12 } from "react";
 import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 var PROVIDER_FAMILIES = ["anthropic", "openai", "google", "openai-compatible"];
 function ProviderSection({
@@ -10929,7 +11195,7 @@ function ProviderSection({
   const [newProviderFamily, setNewProviderFamily] = useState27("openai-compatible");
   const [newProviderBaseUrl, setNewProviderBaseUrl] = useState27("");
   const [newProviderApiKey, setNewProviderApiKey] = useState27("");
-  const handleAddKey = useCallback11(
+  const handleAddKey = useCallback12(
     (providerId) => {
       if (!newKeyLabel.trim() || !newKeyValue.trim()) return;
       onAddKey(providerId, newKeyLabel.trim(), newKeyValue.trim());
@@ -10939,7 +11205,7 @@ function ProviderSection({
     },
     [onAddKey, newKeyLabel, newKeyValue]
   );
-  const handleAddProvider = useCallback11(() => {
+  const handleAddProvider = useCallback12(() => {
     if (!newProviderId.trim()) return;
     onAddProvider(newProviderId.trim(), newProviderFamily, newProviderBaseUrl || void 0, newProviderApiKey || void 0);
     setNewProviderId("");
@@ -11296,7 +11562,7 @@ function ModelSection({
 }
 
 // src/components/SettingsPanel/index.tsx
-import { jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
 function SettingsPanel() {
   const { setCurrentView } = useUIStore();
   const { provider, model, setProvider, setModel, wsConnected } = useConfigStore();
@@ -11305,7 +11571,7 @@ function SettingsPanel() {
   const wsClient = ws.client;
   const { updatePrefs, switchAutonomy } = ws;
   const localPrefs = useLocalPrefs();
-  const syncPref = useCallback12(
+  const syncPref = useCallback13(
     (key, value) => {
       localPrefs.set({ [key]: value });
       updatePrefs({ [key]: value });
@@ -11321,7 +11587,7 @@ function SettingsPanel() {
   const [providerTab, setProviderTab] = useState28("catalog");
   const [catalogQuery, setCatalogQuery] = useState28("");
   const currentCatalogProvider = catalogProviders.find((p) => p.id === provider);
-  useEffect24(() => {
+  useEffect25(() => {
     const handleProviderCatalog = (msg) => {
       if (msg.type === "provider.catalog") {
         const payload = msg.payload;
@@ -11359,7 +11625,7 @@ function SettingsPanel() {
       off3?.();
     };
   }, [wsConnected, wsClient]);
-  const handleProviderSelect = useCallback12(
+  const handleProviderSelect = useCallback13(
     (providerId) => {
       setProvider(providerId);
       if (!catalogModels[providerId]) {
@@ -11369,7 +11635,7 @@ function SettingsPanel() {
     },
     [catalogModels, setProvider, ws]
   );
-  const handleModelSelect = useCallback12(
+  const handleModelSelect = useCallback13(
     (modelId) => {
       setModel(modelId);
       const currentProvider = useConfigStore.getState().provider;
@@ -11378,31 +11644,31 @@ function SettingsPanel() {
     },
     [setModel, ws]
   );
-  const handleAddKey = useCallback12(
+  const handleAddKey = useCallback13(
     (providerId, label, value) => {
       ws.addKey?.(providerId, label, value);
     },
     [ws]
   );
-  const handleDeleteKey = useCallback12(
+  const handleDeleteKey = useCallback13(
     (providerId, label) => {
       ws.deleteKey?.(providerId, label);
     },
     [ws]
   );
-  const handleSetActiveKey = useCallback12(
+  const handleSetActiveKey = useCallback13(
     (providerId, label) => {
       ws.setActiveKey?.(providerId, label);
     },
     [ws]
   );
-  const handleAddProvider = useCallback12(
+  const handleAddProvider = useCallback13(
     (id, family, baseUrl, apiKey) => {
       ws.addProvider?.(id, family, baseUrl, apiKey);
     },
     [ws]
   );
-  const handleRemoveProvider = useCallback12(
+  const handleRemoveProvider = useCallback13(
     (providerId) => {
       ws.removeProvider?.(providerId);
     },
@@ -11742,6 +12008,47 @@ function SettingsPanel() {
               onChange: () => syncPref("nextPrediction", !localPrefs.nextPrediction)
             }
           )
+        ] }),
+        /* @__PURE__ */ jsxs45("div", { className: "pt-2 border-t", children: [
+          /* @__PURE__ */ jsxs45("h3", { className: "text-sm font-semibold mb-3 mt-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx49(Send2, { className: "h-4 w-4 text-muted-foreground" }),
+            "Telegram Notifications"
+          ] }),
+          localPrefs.tgConfigured ? /* @__PURE__ */ jsxs45(Fragment11, { children: [
+            /* @__PURE__ */ jsx49(
+              PreferenceToggle,
+              {
+                label: "Session end",
+                hint: "Send a summary when a session ends.",
+                value: localPrefs.tgSessionEnd,
+                onChange: () => syncPref("tgSessionEnd", !localPrefs.tgSessionEnd)
+              }
+            ),
+            /* @__PURE__ */ jsx49(
+              PreferenceToggle,
+              {
+                label: "Delegate finished",
+                hint: "Send a humanized note when a subagent completes.",
+                value: localPrefs.tgDelegate,
+                onChange: () => syncPref("tgDelegate", !localPrefs.tgDelegate)
+              }
+            ),
+            /* @__PURE__ */ jsx49(
+              PreferenceToggle,
+              {
+                label: "Long-running tools",
+                hint: `Notify when a tool exceeds ${localPrefs.tgLongToolMs}ms. Set 0 to disable.`,
+                value: localPrefs.tgLongToolMs > 0,
+                onChange: () => syncPref("tgLongToolMs", localPrefs.tgLongToolMs > 0 ? 0 : 3e4)
+              }
+            ),
+            /* @__PURE__ */ jsx49("p", { className: "text-xs text-muted-foreground mt-2", children: "Changes apply immediately." })
+          ] }) : /* @__PURE__ */ jsxs45("p", { className: "text-xs text-muted-foreground", children: [
+            "Telegram is not configured. Run",
+            " ",
+            /* @__PURE__ */ jsx49("code", { className: "bg-muted px-1 py-0.5 rounded", children: "/telegram-setup" }),
+            " in the CLI to connect a bot first."
+          ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxs45(TabsContent, { value: "features", className: "space-y-4", children: [
@@ -11880,7 +12187,7 @@ import {
   Network as Network2,
   Zap as Zap6
 } from "lucide-react";
-import { useCallback as useCallback13, useEffect as useEffect25, useState as useState29 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect26, useState as useState29 } from "react";
 import { jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
 function ProviderCard({
   provider,
@@ -12029,7 +12336,7 @@ function SetupScreen() {
   const [isLoadingModels, setIsLoadingModels] = useState29(false);
   const [selectedProvider, setSelectedProvider] = useState29(null);
   const [selectedModel, setSelectedModel] = useState29(null);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     const off1 = wsClient.on("provider.catalog", (msg) => {
@@ -12071,7 +12378,7 @@ function SetupScreen() {
       off3?.();
     };
   }, [wsConnected, wsUrl, provider, model]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!selectedProvider || !wsConnected) return;
     const wsClient = getWSClient(wsUrl);
     if (!catalogModels[selectedProvider]) {
@@ -12082,12 +12389,12 @@ function SetupScreen() {
   const selectedProviderData = catalogProviders.find((p) => p.id === selectedProvider);
   const savedProviderData = savedProviders.find((p) => p.id === selectedProvider);
   const hasActiveKey = savedProviderData?.apiKeys.some((k) => k.isActive) || selectedProviderData?.hasApiKey;
-  const handleProviderSelect = useCallback13((providerId) => {
+  const handleProviderSelect = useCallback14((providerId) => {
     setSelectedProvider(providerId);
     setSelectedModel(null);
     setStep("model");
   }, []);
-  const handleModelSelect = useCallback13(
+  const handleModelSelect = useCallback14(
     (modelId) => {
       setSelectedModel(modelId);
       if (!hasActiveKey) {
@@ -12098,10 +12405,10 @@ function SetupScreen() {
     },
     [hasActiveKey]
   );
-  const handleApiKeySaved = useCallback13(() => {
+  const handleApiKeySaved = useCallback14(() => {
     setStep("done");
   }, []);
-  const handleStartSession = useCallback13(() => {
+  const handleStartSession = useCallback14(() => {
     if (!selectedProvider || !selectedModel) return;
     setProvider(selectedProvider);
     setModel(selectedModel);
@@ -12277,7 +12584,7 @@ function SetupScreen() {
 
 // src/components/SessionsDashboard.tsx
 import { Clock as Clock8, Cpu as Cpu9, FolderGit2, Wifi, WifiOff as WifiOff2, Loader2 as Loader26 } from "lucide-react";
-import { useCallback as useCallback14, useEffect as useEffect26, useState as useState30 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useState as useState30 } from "react";
 import { jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
 function agentIcon(status) {
   switch (status) {
@@ -12343,7 +12650,7 @@ function SessionsDashboard() {
   const [sessions, setSessions] = useState30([]);
   const [loading, setLoading] = useState30(true);
   const [error, setError] = useState30(null);
-  const fetchSessions = useCallback14(async () => {
+  const fetchSessions = useCallback15(async () => {
     try {
       const res = await fetch("/api/sessions");
       if (!res.ok) {
@@ -12363,7 +12670,7 @@ function SessionsDashboard() {
       setLoading(false);
     }
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     void fetchSessions();
     const t = setInterval(fetchSessions, 5e3);
     return () => clearInterval(t);
@@ -12456,7 +12763,7 @@ function SessionsDashboard() {
 
 // src/components/ShortcutsOverlay.tsx
 import { Keyboard as Keyboard3, X as X12 } from "lucide-react";
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect28 } from "react";
 import { jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
 var SHORTCUTS = [
   {
@@ -12518,7 +12825,7 @@ var SHORTCUTS = [
 function ShortcutsOverlay() {
   const open = useUIStore((s) => s.shortcutsOpen);
   const setOpen = useUIStore((s) => s.setShortcutsOpen);
-  useEffect27(() => {
+  useEffect28(() => {
     const onKey = (e) => {
       const target = e.target;
       const tag = target?.tagName?.toLowerCase();
@@ -12612,7 +12919,7 @@ import {
   ReactFlowProvider
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { useCallback as useCallback15, useEffect as useEffect28, useState as useState31 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect29, useState as useState31 } from "react";
 import {
   Bot as Bot7,
   Cpu as Cpu10,
@@ -12693,7 +13000,7 @@ function AgentFlowGraphCSS() {
 }
 
 // src/components/AgentFlowGraph/AgentFlowCanvas.tsx
-import { Fragment as Fragment11, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 var TOOL_ICONS = {
   read: /* @__PURE__ */ jsx54(FileText3, { className: "h-3 w-3" }),
   write: /* @__PURE__ */ jsx54(FileText3, { className: "h-3 w-3" }),
@@ -12820,7 +13127,7 @@ function ContextNode({ data }) {
       /* @__PURE__ */ jsx54(Database2, { className: "h-3 w-3", style: { color: colors } }),
       /* @__PURE__ */ jsx54("span", { className: "text-[10px] font-medium", style: { color: colors }, children: "Context" })
     ] }),
-    data.stats?.ctxPct !== void 0 && /* @__PURE__ */ jsxs49(Fragment11, { children: [
+    data.stats?.ctxPct !== void 0 && /* @__PURE__ */ jsxs49(Fragment12, { children: [
       /* @__PURE__ */ jsxs49("div", { className: "mt-1 text-[9px] text-center text-gray-400", children: [
         data.stats.ctxPct,
         "%"
@@ -12859,7 +13166,7 @@ function FlowEdge({
     status: { icon: "\u{1F4CA}", bg: "bg-pink-500/20", text: "text-pink-400" }
   };
   const meta2 = flowMeta[flowType] || flowMeta.response;
-  return /* @__PURE__ */ jsxs49(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs49(Fragment12, { children: [
     /* @__PURE__ */ jsx54(
       "path",
       {
@@ -12959,7 +13266,7 @@ function AgentFlowCanvas({ containerRef }) {
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
   const [selectedNode, setSelectedNode] = useState31(null);
-  useEffect28(() => {
+  useEffect29(() => {
     const rfNodes = [];
     const rfEdges = [];
     rfNodes.push({
@@ -13133,7 +13440,7 @@ function AgentFlowCanvas({ containerRef }) {
     setEdges(rfEdges);
     setTimeout(() => fitView({ padding: 0.2, duration: 300 }), 50);
   }, [session, projectName, iteration, fleetAgents, cost, lastInputTokens, maxContext, setNodes, setEdges, fitView]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (vizEvents.length === 0) return;
     const latestEvent = vizEvents[0];
     if (!latestEvent) return;
@@ -13155,14 +13462,14 @@ function AgentFlowCanvas({ containerRef }) {
       );
     }
   }, [vizEvents, setNodes]);
-  const onConnect = useCallback15(
+  const onConnect = useCallback16(
     (params) => setEdges((eds) => addEdge({ ...params, type: "flow" }, eds)),
     [setEdges]
   );
-  const onNodeClick = useCallback15((_, node) => {
+  const onNodeClick = useCallback16((_, node) => {
     setSelectedNode(node);
   }, []);
-  const onPaneClick = useCallback15(() => {
+  const onPaneClick = useCallback16(() => {
     setSelectedNode(null);
   }, []);
   return /* @__PURE__ */ jsxs49("div", { className: "w-full h-full bg-background relative", children: [
@@ -13238,7 +13545,7 @@ function AgentFlowCanvas({ containerRef }) {
           /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground", children: "Tool" }),
           /* @__PURE__ */ jsx54("span", { className: "font-mono text-amber-400", children: String(selectedNode.data.currentTool) })
         ] }),
-        selectedNode.data.stats && /* @__PURE__ */ jsxs49(Fragment11, { children: [
+        selectedNode.data.stats && /* @__PURE__ */ jsxs49(Fragment12, { children: [
           selectedNode.data.stats.iterations !== void 0 && /* @__PURE__ */ jsxs49("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground", children: "Iterations" }),
             /* @__PURE__ */ jsx54("span", { className: "font-mono", children: selectedNode.data.stats.iterations })
@@ -13339,7 +13646,7 @@ function AgentFlowCanvasWithProvider(props) {
 
 // src/components/SidePanel/index.tsx
 import { PanelLeftClose } from "lucide-react";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 
 // src/components/FileExplorer.tsx
 import {
@@ -13360,7 +13667,7 @@ import {
   Loader2 as Loader27,
   Minimize2
 } from "lucide-react";
-import { useCallback as useCallback16, useEffect as useEffect29, useMemo as useMemo10, useRef as useRef18, useState as useState32 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect30, useMemo as useMemo11, useRef as useRef19, useState as useState32 } from "react";
 import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
 var EXT_ICONS = {
   // ── Code ──
@@ -13484,7 +13791,7 @@ function TreeNodeItem({
   const [expanded, setExpanded] = useState32(depth < 1);
   const activeFilePath = useFileStore((s) => s.activeFilePath);
   const isActive = node.type === "file" && node.path === activeFilePath;
-  useEffect29(() => {
+  useEffect30(() => {
     if (forceExpand !== null) setExpanded(forceExpand);
   }, [forceExpand]);
   if (node.type === "directory") {
@@ -13586,7 +13893,7 @@ function FileExplorer() {
     const segments = cwd.replace(/\\/g, "/").split("/").filter(Boolean);
     return (segments[segments.length - 1] ?? "") === projectName;
   })();
-  const breadcrumbs = useMemo10(() => {
+  const breadcrumbs = useMemo11(() => {
     if (!cwd || !projectName) return [];
     const norm = cwd.replace(/\\/g, "/");
     const segments = norm.split("/").filter(Boolean);
@@ -13612,18 +13919,18 @@ function FileExplorer() {
       isLast: i === rel.length - 1
     }));
   }, [cwd, projectName]);
-  const bcRef = useRef18(null);
-  useEffect29(() => {
+  const bcRef = useRef19(null);
+  useEffect30(() => {
     const el = bcRef.current;
     if (el && breadcrumbs.length > 1) {
       el.scrollLeft = el.scrollWidth;
     }
   }, [breadcrumbs]);
-  const handleBreadcrumbClick = useCallback16((crumbPath) => {
+  const handleBreadcrumbClick = useCallback17((crumbPath) => {
     getWSClient().send({ type: "working_dir.set", payload: { path: crumbPath } });
   }, []);
   const [contextMenu, setContextMenu] = useState32(null);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!contextMenu) return;
     const close = () => setContextMenu(null);
     const onKey = (e) => {
@@ -13636,7 +13943,7 @@ function FileExplorer() {
       window.removeEventListener("keydown", onKey);
     };
   }, [contextMenu]);
-  const handleBreadcrumbContext = useCallback16(
+  const handleBreadcrumbContext = useCallback17(
     (e, crumb) => {
       e.preventDefault();
       e.stopPropagation();
@@ -13644,29 +13951,29 @@ function FileExplorer() {
     },
     []
   );
-  const copyToClipboard2 = useCallback16((text) => {
+  const copyToClipboard2 = useCallback17((text) => {
     void navigator.clipboard.writeText(text);
     setContextMenu(null);
   }, []);
-  const handleFileIndicatorClick = useCallback16(() => {
+  const handleFileIndicatorClick = useCallback17(() => {
     if (!activeFilePath) return;
     const norm = activeFilePath.replace(/\\/g, "/");
     const parent = norm.split("/").slice(0, -1).join("/") || ".";
     getWSClient().send({ type: "working_dir.set", payload: { path: parent } });
   }, [activeFilePath]);
-  const handleShellOpen = useCallback16((dirPath, target) => {
+  const handleShellOpen = useCallback17((dirPath, target) => {
     getWSClient().send({ type: "shell.open", payload: { path: dirPath, target } });
     setContextMenu(null);
   }, []);
-  const handleGoUp = useCallback16(() => {
+  const handleGoUp = useCallback17(() => {
     if (!cwd) return;
     const norm = cwd.replace(/\\/g, "/");
     const parent = norm.split("/").slice(0, -1).join("/") || norm;
     getWSClient().send({ type: "working_dir.set", payload: { path: parent } });
   }, [cwd]);
   const [showSpinner, setShowSpinner] = useState32(false);
-  const spinnerTimer = useRef18(null);
-  useEffect29(() => {
+  const spinnerTimer = useRef19(null);
+  useEffect30(() => {
     if (treeLoading) {
       spinnerTimer.current = setTimeout(() => setShowSpinner(true), 150);
     } else {
@@ -13679,7 +13986,7 @@ function FileExplorer() {
   }, [treeLoading]);
   const [selectedPath, setSelectedPath] = useState32(null);
   const [globalExpand, setGlobalExpand] = useState32(null);
-  const dirCount = useMemo10(() => {
+  const dirCount = useMemo11(() => {
     let count = 0;
     const walk = (nodes) => {
       for (const n of nodes) {
@@ -13690,7 +13997,7 @@ function FileExplorer() {
     walk(tree);
     return count;
   }, [tree]);
-  const cwdStats = useMemo10(() => {
+  const cwdStats = useMemo11(() => {
     let files = 0;
     let dirs = 0;
     for (const n of tree) {
@@ -13700,21 +14007,21 @@ function FileExplorer() {
     return { files, dirs };
   }, [tree]);
   const userInteractedRef = { value: false };
-  const handleGlobalCollapse = useCallback16(() => {
+  const handleGlobalCollapse = useCallback17(() => {
     userInteractedRef.value = true;
     setGlobalExpand(false);
     setTimeout(() => {
       userInteractedRef.value = false;
     }, 400);
   }, []);
-  const handleGlobalExpand = useCallback16(() => {
+  const handleGlobalExpand = useCallback17(() => {
     userInteractedRef.value = true;
     setGlobalExpand(true);
     setTimeout(() => {
       userInteractedRef.value = false;
     }, 400);
   }, []);
-  const handleSelect = useCallback16(
+  const handleSelect = useCallback17(
     (filePath) => {
       const existing = openFiles.find((f) => f.path === filePath);
       if (existing) {
@@ -13725,13 +14032,13 @@ function FileExplorer() {
     },
     [openFiles]
   );
-  const handleOpen = useCallback16((filePath) => {
+  const handleOpen = useCallback17((filePath) => {
     window.dispatchEvent(
       new CustomEvent("wrongstack:open-file", { detail: { filePath } })
     );
     setSelectedPath(null);
   }, []);
-  useEffect29(() => {
+  useEffect30(() => {
     if (activeFilePath) setSelectedPath(null);
   }, [activeFilePath]);
   if (showSpinner) {
@@ -13939,21 +14246,22 @@ import {
   Circle as Circle4,
   FileText as FileText5,
   HelpCircle,
-  Send as Send2,
+  Send as Send3,
   Bell,
   RotateCw,
   UserCheck,
-  Trash2 as Trash23
+  Trash2 as Trash23,
+  Sparkles as Sparkles4
 } from "lucide-react";
-import { useEffect as useEffect30, useState as useState33 } from "react";
+import { useEffect as useEffect31, useState as useState33 } from "react";
 import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
 var TYPE_ICONS = {
   note: FileText5,
   ask: HelpCircle,
-  assign: Send2,
+  assign: Send3,
   steer: RotateCw,
   btw: Bell,
-  broadcast: Send2,
+  broadcast: Send3,
   status: Circle4,
   result: CheckCircle210
 };
@@ -13971,13 +14279,14 @@ function MailboxPanel({ className }) {
   const agents = useMailboxStore((s) => s.agents);
   const [collapsed, setCollapsed] = useState33(false);
   const [deleting, setDeleting] = useState33(false);
+  const [purging, setPurging] = useState33(false);
   const { client: client2 } = useWebSocket();
   const [ready, setReady] = useState33(client2.status.state === "open");
-  useEffect30(() => {
+  useEffect31(() => {
     const off = client2.onStatus((s) => setReady(s.state === "open"));
     return () => off();
   }, [client2]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!ready) return;
     client2.send({ type: "mailbox.messages", payload: { limit: 30 } });
     client2.send({ type: "mailbox.agents", payload: {} });
@@ -13996,9 +14305,26 @@ function MailboxPanel({ className }) {
     setDeleting(true);
     client2.send({ type: "mailbox.clear" });
   }
-  useEffect30(() => {
+  useEffect31(() => {
     if (deleting && messages.length === 0) setDeleting(false);
   }, [deleting, messages.length]);
+  async function handlePurge() {
+    const ok = await confirmModal({
+      title: "Purge stale messages?",
+      message: "Removes completed messages older than 1 day and incomplete messages older than 7 days. Active messages are preserved.",
+      confirmLabel: "Purge",
+      danger: false
+    });
+    if (!ok) return;
+    setPurging(true);
+    client2.send({ type: "mailbox.purge" });
+  }
+  useEffect31(() => {
+    if (purging) {
+      const t = setTimeout(() => setPurging(false), 3e3);
+      return () => clearTimeout(t);
+    }
+  }, [purging]);
   return /* @__PURE__ */ jsxs51("div", { className: cn("rounded-lg border border-border bg-card/60 backdrop-blur-sm", className), children: [
     /* @__PURE__ */ jsxs51(
       "button",
@@ -14034,6 +14360,20 @@ function MailboxPanel({ className }) {
                 deleting ? "Deleting\u2026" : "Delete all"
               ]
             }
+          ),
+          /* @__PURE__ */ jsxs51(
+            "button",
+            {
+              type: "button",
+              onClick: handlePurge,
+              disabled: purging,
+              className: "flex items-center gap-1 text-[10px] text-muted-foreground hover:text-cyan-500 disabled:opacity-40 transition-colors",
+              title: "Purge stale/orphaned messages",
+              children: [
+                /* @__PURE__ */ jsx56(Sparkles4, { className: "h-3 w-3" }),
+                purging ? "Purging\u2026" : "Purge"
+              ]
+            }
           )
         ] }),
         messages.slice(0, 8).map((m) => {
@@ -14105,7 +14445,7 @@ function MailboxPanel({ className }) {
 
 // src/components/ProjectsPanel.tsx
 import { ExternalLink, Folder as Folder3, FolderPlus, History as History3, Loader2 as Loader28 } from "lucide-react";
-import { useCallback as useCallback17, useEffect as useEffect31, useRef as useRef19, useState as useState34 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect32, useRef as useRef20, useState as useState34 } from "react";
 import { jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
 function ProjectsPanel({ fullView }) {
   const [projects, setProjects] = useState34([]);
@@ -14114,13 +14454,13 @@ function ProjectsPanel({ fullView }) {
   const [folderPath, setFolderPath] = useState34("");
   const [projectName, setProjectName] = useState34("");
   const [dialogOpen, setDialogOpen] = useState34(false);
-  const projectNameRef = useRef19(null);
+  const projectNameRef = useRef20(null);
   const [confirmSwitch, setConfirmSwitch] = useState34({ open: false, project: null, agentCount: 0 });
-  const fetchProjects = useCallback17(() => {
+  const fetchProjects = useCallback18(() => {
     const ws = getWSClient();
     ws.send({ type: "projects.list" });
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     setLoading(true);
     const ws = getWSClient();
     const offList = ws.on("projects.list", (msg) => {
@@ -14157,7 +14497,7 @@ function ProjectsPanel({ fullView }) {
     if (days < 365) return `${Math.floor(days / 30)}mo ago`;
     return `${Math.floor(days / 365)}y ago`;
   };
-  const handleSelect = useCallback17((p) => {
+  const handleSelect = useCallback18((p) => {
     const sessionId = useSessionStore.getState().session?.id;
     if (sessionId) {
       const fleet = useFleetStore.getState();
@@ -14170,7 +14510,7 @@ function ProjectsPanel({ fullView }) {
     }
     doSwitch(p);
   }, []);
-  const doSwitch = useCallback17((p) => {
+  const doSwitch = useCallback18((p) => {
     const ws = getWSClient();
     ws.send({ type: "projects.select", payload: { root: p.root, name: p.name } });
     const off = ws.on("projects.selected", (msg) => {
@@ -14185,7 +14525,7 @@ function ProjectsPanel({ fullView }) {
       }
     });
   }, []);
-  const handleAdd = useCallback17(() => {
+  const handleAdd = useCallback18(() => {
     const trimmed = folderPath.trim();
     if (!trimmed) {
       toast.error("Please enter a folder path.");
@@ -14394,11 +14734,11 @@ function ProjectsPanel({ fullView }) {
 
 // src/components/SidePanel/AgentsPanel.tsx
 import { Bot as Bot9, LayoutGrid as LayoutGrid2, Wrench as Wrench7 } from "lucide-react";
-import { useMemo as useMemo12, useState as useState36 } from "react";
+import { useMemo as useMemo13, useState as useState36 } from "react";
 
 // src/components/FleetPanel.tsx
 import { Bot as Bot8, Check as Check7, ChevronDown as ChevronDown8, ChevronRight as ChevronRight7, Clock as Clock10, Copy as Copy3, Cpu as Cpu11, Crown, Wrench as Wrench6, X as X14, Zap as Zap8 } from "lucide-react";
-import { useCallback as useCallback18, useMemo as useMemo11, useState as useState35 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo12, useState as useState35 } from "react";
 
 // src/components/ui/sparkline.tsx
 import { jsx as jsx58 } from "react/jsx-runtime";
@@ -14442,7 +14782,7 @@ function SparklineChart({ bins, className, width = NUM_BINS }) {
 }
 
 // src/components/FleetPanel.tsx
-import { Fragment as Fragment12, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 var STATUS_META2 = {
   running: { led: "text-[hsl(var(--success))]", label: "running", pulse: true },
   completed: { led: "text-[hsl(var(--success))]", label: "done", pulse: false },
@@ -14477,7 +14817,7 @@ function AgentDetail({
   const [copied, setCopied] = useState35(false);
   const leaderId = useFleetStore((s) => s.leaderId);
   const isLeader = agent.id === leaderId;
-  const handleCopy = useCallback18(async (text) => {
+  const handleCopy = useCallback19(async (text) => {
     try {
       await navigator.clipboard.writeText(text);
       setCopied(true);
@@ -14777,7 +15117,7 @@ function FleetPanel({
   const agents = useFleetStore((s) => s.agents);
   const [collapsed, setCollapsed] = useState35(true);
   const [selectedId, setSelectedId] = useState35(null);
-  const list = useMemo11(() => {
+  const list = useMemo12(() => {
     const arr = Array.from(agents.values());
     arr.sort((x, y) => {
       const xa = x.status === "running" ? 0 : 1;
@@ -14794,7 +15134,7 @@ function FleetPanel({
   const failed = list.filter((a) => a.status === "failed" || a.status === "timeout");
   const totalCost = list.reduce((sum, a) => sum + (a.costUsd ?? 0), 0);
   const effectiveCollapsed = collapsed && list.length >= 3;
-  return /* @__PURE__ */ jsxs53(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs53(Fragment13, { children: [
     /* @__PURE__ */ jsxs53(
       "div",
       {
@@ -14840,7 +15180,7 @@ function FleetPanel({
 }
 
 // src/components/SidePanel/AgentsPanel.tsx
-import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx60, jsxs as jsxs54 } from "react/jsx-runtime";
 var STATUS_META3 = {
   running: { led: "text-[hsl(var(--success))]", label: "running", pulse: true },
   completed: { led: "text-[hsl(var(--success))]", label: "done", pulse: false },
@@ -14891,7 +15231,7 @@ function AgentsPanel() {
   const fleetAgents = useFleetStore((s) => s.agents);
   const setCurrentView = useUIStore((s) => s.setCurrentView);
   const [selectedAgentId, setSelectedAgentId] = useState36(null);
-  const fleetList = useMemo12(() => {
+  const fleetList = useMemo13(() => {
     const arr = Array.from(fleetAgents.values());
     arr.sort((x, y) => {
       const xa = x.status === "running" ? 0 : 1;
@@ -14910,7 +15250,7 @@ function AgentsPanel() {
       /* @__PURE__ */ jsx60("p", { className: "text-xs mt-1", children: "Subagents appear here when the fleet is active." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs54(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs54(Fragment14, { children: [
     /* @__PURE__ */ jsxs54("div", { className: "px-3 py-2 border-b text-[10px] text-muted-foreground flex items-center gap-2", children: [
       /* @__PURE__ */ jsx60("span", { className: "font-semibold uppercase tracking-wider", children: "Fleet" }),
       /* @__PURE__ */ jsxs54("span", { className: "ml-auto tabular-nums", children: [
@@ -14938,7 +15278,7 @@ function AgentsPanel() {
 
 // src/components/SidePanel/HistoryPanel.tsx
 import { LayoutGrid as LayoutGrid3 } from "lucide-react";
-import { useEffect as useEffect33, useState as useState38 } from "react";
+import { useEffect as useEffect34, useState as useState38 } from "react";
 
 // src/components/SidePanel/SessionList.tsx
 import {
@@ -14950,8 +15290,8 @@ import {
   Trash2 as Trash24,
   X as X15
 } from "lucide-react";
-import { useCallback as useCallback19, useEffect as useEffect32, useMemo as useMemo13, useState as useState37 } from "react";
-import { Fragment as Fragment14, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useCallback as useCallback20, useEffect as useEffect33, useMemo as useMemo14, useState as useState37 } from "react";
+import { Fragment as Fragment15, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 var formatRelative = (iso) => {
   const ts = Date.parse(iso);
   if (Number.isNaN(ts)) return "";
@@ -14984,12 +15324,12 @@ function SessionList({
   const [renamingId, setRenamingId] = useState37(null);
   const [renameDraft, setRenameDraft] = useState37("");
   const [resumingId, setResumingId] = useState37(null);
-  useEffect32(() => {
+  useEffect33(() => {
     if (resumingId && historyEntries.some((e) => e.id === resumingId && e.isCurrent)) {
       setResumingId(null);
     }
   }, [resumingId, historyEntries]);
-  const handleResume = useCallback19(
+  const handleResume = useCallback20(
     (id) => {
       setResumingId(id);
       resumeSession(id);
@@ -14997,11 +15337,11 @@ function SessionList({
     },
     [resumeSession]
   );
-  const emptySessionIds = useMemo13(
+  const emptySessionIds = useMemo14(
     () => getEmptySessionIds(historyEntries),
     [historyEntries]
   );
-  const handleDeleteEmpty = useCallback19(async () => {
+  const handleDeleteEmpty = useCallback20(async () => {
     if (emptySessionIds.length === 0) return;
     const ok = await confirmModal({
       title: emptySessionIds.length === 1 ? "Delete 1 empty session?" : `Delete ${emptySessionIds.length} empty sessions?`,
@@ -15050,7 +15390,7 @@ function SessionList({
     if (older.length) out.push({ label: "Earlier", rows: older });
     return out;
   })();
-  return /* @__PURE__ */ jsxs55(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs55(Fragment15, { children: [
     /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
       /* @__PURE__ */ jsx61("span", { className: "text-xs uppercase tracking-wider text-muted-foreground", children: "Recent sessions" }),
       /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
@@ -15162,14 +15502,14 @@ Double-click to rename`, children: sessionNicknames[entry.id] || entry.title ||
                   /* @__PURE__ */ jsx61(Loader29, { className: "h-3 w-3 animate-spin" }),
                   "resuming\u2026"
                 ] }) : /* @__PURE__ */ jsx61("span", { children: formatRelative(entry.startedAt) }),
-                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs55(Fragment14, { children: [
+                entry.tokenTotal > 0 && /* @__PURE__ */ jsxs55(Fragment15, { children: [
                   /* @__PURE__ */ jsx61("span", { className: "opacity-50", children: "\xB7" }),
                   /* @__PURE__ */ jsxs55("span", { className: "tabular-nums", children: [
                     entry.tokenTotal.toLocaleString(),
                     " tok"
                   ] })
                 ] }),
-                entry.isCurrent && /* @__PURE__ */ jsxs55(Fragment14, { children: [
+                entry.isCurrent && /* @__PURE__ */ jsxs55(Fragment15, { children: [
                   /* @__PURE__ */ jsx61("span", { className: "opacity-50", children: "\xB7" }),
                   /* @__PURE__ */ jsx61("span", { className: "text-primary font-medium", children: "active" })
                 ] })
@@ -15212,7 +15552,7 @@ function HistoryPanel() {
   const setCurrentView = useUIStore((s) => s.setCurrentView);
   const activeSessionId = useSessionStore((s) => s.session?.id);
   const [query, setQuery] = useState38("");
-  useEffect33(() => {
+  useEffect34(() => {
     void activeSessionId;
     if (wsConnected) listSessions(50);
   }, [wsConnected, activeSessionId, listSessions]);
@@ -15263,7 +15603,7 @@ import {
   Wifi as Wifi2,
   WifiOff as WifiOff3
 } from "lucide-react";
-import { useCallback as useCallback20, useEffect as useEffect34, useMemo as useMemo14, useState as useState39 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect35, useMemo as useMemo15, useState as useState39 } from "react";
 import { jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
 function fmtCost3(v) {
   if (v <= 0) return "$0.000";
@@ -15383,7 +15723,7 @@ function SessionPanel() {
   const unpinAll = useUIStore((s) => s.unpinAll);
   const setModelSwitcherOpen = useUIStore((s) => s.setModelSwitcherOpen);
   const localPrefs = useLocalPrefs();
-  const syncPref = useCallback20(
+  const syncPref = useCallback21(
     (key, value) => {
       localPrefs.set({ [key]: value });
       updatePrefs({ [key]: value });
@@ -15393,12 +15733,12 @@ function SessionPanel() {
   const [breakdownOpen, setBreakdownOpen] = useState39(false);
   const startedAt = session?.startedAt ?? null;
   const [now, setNow] = useState39(() => Date.now());
-  useEffect34(() => {
+  useEffect35(() => {
     if (!startedAt) return;
     const t = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(t);
   }, [startedAt]);
-  const runningAgents = useMemo14(
+  const runningAgents = useMemo15(
     () => Array.from(fleetAgents.values()).filter((a) => a.status === "running").length,
     [fleetAgents]
   );
@@ -15767,7 +16107,7 @@ function SidePanel() {
   const setSidebarWidth = useUIStore((s) => s.setSidebarWidth);
   const wsConnected = useConfigStore((s) => s.wsConnected);
   const { client: client2 } = useWebSocket();
-  useEffect35(() => {
+  useEffect36(() => {
     if (activeActivity !== "files" || !wsConnected) return;
     useFileStore.getState().setTreeLoading(true);
     const cwd = useSessionStore.getState().cwd;
@@ -15834,11 +16174,30 @@ function SidePanel() {
 
 // src/components/WorkspaceDock.tsx
 import { Bot as Bot10, GitBranch as GitBranch3, ListTodo as ListTodo2, Maximize2 as Maximize22, Rocket as Rocket4, Target as Target3, Users as Users3 } from "lucide-react";
-import { useCallback as useCallback25, useEffect as useEffect41, useMemo as useMemo15, useRef as useRef23, useState as useState46 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect43, useMemo as useMemo16, useRef as useRef25, useState as useState46 } from "react";
+
+// src/hooks/useGitInfo.ts
+import { useCallback as useCallback22, useEffect as useEffect37, useRef as useRef21 } from "react";
+function useGitInfo() {
+  const info = useGitInfoStore((s) => s.info);
+  const { client: client2 } = useWebSocket();
+  const intervalRef = useRef21(null);
+  const fetch2 = useCallback22(() => {
+    client2?.getGitInfo?.();
+  }, [client2]);
+  useEffect37(() => {
+    fetch2();
+    intervalRef.current = setInterval(fetch2, 3e4);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [fetch2]);
+  return info;
+}
 
 // src/components/CollabPanel.tsx
 import { Eye as Eye2, LogIn, LogOut, MessageSquareWarning, Pause as Pause5, Play as Play6, Users as Users2 } from "lucide-react";
-import { useEffect as useEffect36, useState as useState40 } from "react";
+import { useEffect as useEffect38, useState as useState40 } from "react";
 import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
 function CollabPanel({ sessionId, className }) {
   const [participants, setParticipants] = useState40([]);
@@ -15849,7 +16208,7 @@ function CollabPanel({ sessionId, className }) {
   const [paused, setPaused] = useState40(false);
   const wsUrl = useConfigStore((s) => s.wsUrl);
   const client2 = getWSClient(wsUrl);
-  useEffect36(() => {
+  useEffect38(() => {
     const offs = [];
     offs.push(
       client2.on("collab.state", (msg) => {
@@ -16137,7 +16496,7 @@ import {
   TrendingUp,
   Minus
 } from "lucide-react";
-import { useEffect as useEffect37, useState as useState41 } from "react";
+import { useEffect as useEffect39, useState as useState41 } from "react";
 import { jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 var TREND_ICON = {
   up: /* @__PURE__ */ jsx66(TrendingUp, { className: "h-3.5 w-3.5 text-emerald-500" }),
@@ -16173,7 +16532,7 @@ var STATE_CONFIG = {
 };
 function GoalPanel({ goal, className }) {
   const [collapsed, setCollapsed] = useState41(false);
-  useEffect37(() => {
+  useEffect39(() => {
     const ws = getWSClient();
     ws?.send?.({ type: "goal.get" });
     const timer = setInterval(() => {
@@ -16181,7 +16540,7 @@ function GoalPanel({ goal, className }) {
     }, 1e4);
     return () => clearInterval(timer);
   }, []);
-  useEffect37(() => {
+  useEffect39(() => {
     if (!goal || goal.goalState === "completed" || goal.goalState === "failed" || goal.goalState === "abandoned") {
       setCollapsed(true);
     }
@@ -16305,7 +16664,7 @@ import { useState as useState45 } from "react";
 
 // src/components/TodosPanel.tsx
 import { CheckCircle2 as CheckCircle213, Circle as Circle7, Clock as Clock12, Trash2 as Trash25 } from "lucide-react";
-import { useCallback as useCallback22, useEffect as useEffect38, useRef as useRef20, useState as useState42 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect40, useRef as useRef22, useState as useState42 } from "react";
 import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 var STATUS_ORDER = {
   in_progress: 0,
@@ -16316,8 +16675,8 @@ function TodosPanel() {
   const [todos, setTodos] = useState42([]);
   const [collapsedSections, setCollapsedSections] = useState42(/* @__PURE__ */ new Set());
   const ws = getWSClient();
-  const offRef = useRef20(null);
-  useEffect38(() => {
+  const offRef = useRef22(null);
+  useEffect40(() => {
     ws.send({ type: "todos.get" });
     offRef.current = ws.on("todos.updated", (msg) => {
       const payload = msg?.payload;
@@ -16327,10 +16686,10 @@ function TodosPanel() {
       offRef.current?.();
     };
   }, [ws]);
-  const handleRemove = useCallback22((id) => {
+  const handleRemove = useCallback24((id) => {
     ws.removeTodo(id);
   }, [ws]);
-  const handleToggle = useCallback22(
+  const handleToggle = useCallback24(
     (t) => {
       if (t.status === "in_progress") return;
       const next = t.status === "completed" ? "pending" : "completed";
@@ -16450,7 +16809,7 @@ function TodosPanel() {
 
 // src/components/TasksPanel.tsx
 import { CheckCircle2 as CheckCircle214, Circle as Circle8, Clock as Clock13, Pause as Pause6, XCircle as XCircle7, RotateCcw as RotateCcw5 } from "lucide-react";
-import { useCallback as useCallback23, useEffect as useEffect39, useRef as useRef21, useState as useState43 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect41, useRef as useRef23, useState as useState43 } from "react";
 import { jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 var STATUS_CONFIG2 = {
   pending: { icon: /* @__PURE__ */ jsx68(Circle8, { className: "w-3.5 h-3.5" }), label: "Pending", color: "text-muted-foreground/50" },
@@ -16478,8 +16837,8 @@ function TasksPanel() {
   const [tasks, setTasks] = useState43([]);
   const [collapsed, setCollapsed] = useState43(/* @__PURE__ */ new Set());
   const ws = getWSClient();
-  const offRef = useRef21(null);
-  useEffect39(() => {
+  const offRef = useRef23(null);
+  useEffect41(() => {
     ws.getTasks();
     offRef.current = ws.on("tasks.updated", (msg) => {
       const payload = msg?.payload;
@@ -16489,7 +16848,7 @@ function TasksPanel() {
       offRef.current?.();
     };
   }, [ws]);
-  const toggle = useCallback23((key) => {
+  const toggle = useCallback25((key) => {
     setCollapsed((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -16497,7 +16856,7 @@ function TasksPanel() {
       return next;
     });
   }, []);
-  const handleStatusChange = useCallback23(
+  const handleStatusChange = useCallback25(
     (taskId, status) => {
       ws.updateTaskStatus(taskId, status);
     },
@@ -16619,7 +16978,7 @@ function TasksPanel() {
 
 // src/components/PlanPanel.tsx
 import { CheckCircle2 as CheckCircle215, Circle as Circle9, Clock as Clock14 } from "lucide-react";
-import { useCallback as useCallback24, useEffect as useEffect40, useRef as useRef22, useState as useState44 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect42, useRef as useRef24, useState as useState44 } from "react";
 import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
 var STATUS_CONFIG3 = {
   open: { icon: /* @__PURE__ */ jsx69(Circle9, { className: "w-3.5 h-3.5" }), label: "Open", color: "text-muted-foreground/50" },
@@ -16630,8 +16989,8 @@ function PlanPanel() {
   const [items, setItems] = useState44([]);
   const [collapsed, setCollapsed] = useState44(/* @__PURE__ */ new Set());
   const ws = getWSClient();
-  const offRef = useRef22(null);
-  useEffect40(() => {
+  const offRef = useRef24(null);
+  useEffect42(() => {
     ws.getPlan();
     offRef.current = ws.on("plan.updated", (msg) => {
       const payload = msg?.payload;
@@ -16641,7 +17000,7 @@ function PlanPanel() {
       offRef.current?.();
     };
   }, [ws]);
-  const toggle = useCallback24((key) => {
+  const toggle = useCallback26((key) => {
     setCollapsed((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -16649,7 +17008,7 @@ function PlanPanel() {
       return next;
     });
   }, []);
-  const handleStatusChange = useCallback24(
+  const handleStatusChange = useCallback26(
     (item, status) => {
       ws.updatePlanItem(item.id, status);
     },
@@ -16857,25 +17216,26 @@ function WorkspaceDock({ sessionId }) {
   const baseBranch = useWorktreeStore((s) => s.baseBranch);
   const todos = useSessionStore((s) => s.todos);
   const fleetAgents = useFleetStore((s) => s.agents);
-  const handlePhaseClick = useCallback25(
+  const gitInfo = useGitInfo();
+  const handlePhaseClick = useCallback27(
     (phaseId) => selectAutoPhase(phaseId),
     [selectAutoPhase]
   );
-  const handleToggleAutonomous = useCallback25(
+  const handleToggleAutonomous = useCallback27(
     () => toggleAutoPhaseAutonomous(!autoPhase.autonomous),
     [toggleAutoPhaseAutonomous, autoPhase.autonomous]
   );
   const [worktreeView, setWorktreeView] = useState46("graph");
   const fleetTotal = fleetAgents.size;
-  const fleetRunning = useMemo15(
+  const fleetRunning = useMemo16(
     () => Array.from(fleetAgents.values()).filter((a) => a.status === "running").length,
     [fleetAgents]
   );
   const todosDone = todos.filter((t) => t.status === "completed").length;
   const todosActive = todos.some((t) => t.status === "in_progress");
   const phasesActive = autoPhase.phases.length > 0;
-  const prevPhaseCount = useRef23(autoPhase.phases.length);
-  useEffect41(() => {
+  const prevPhaseCount = useRef25(autoPhase.phases.length);
+  useEffect43(() => {
     const ui = useUIStore.getState();
     if (prevPhaseCount.current === 0 && autoPhase.phases.length > 0 && ui.dockSection === null) {
       ui.setDockSection("autophase");
@@ -16955,6 +17315,39 @@ function WorkspaceDock({ sessionId }) {
           onClick: () => toggleDockSection("worktrees")
         }
       ),
+      gitInfo && /* @__PURE__ */ jsxs65(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+          },
+          className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-[11px] font-mono border border-transparent hover:border-border transition-colors",
+          children: [
+            /* @__PURE__ */ jsx71(GitBranch3, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx71("span", { className: "font-semibold text-foreground", children: gitInfo.branch }),
+            gitInfo.ahead > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-emerald-600 dark:text-emerald-400", title: `${gitInfo.ahead} ahead`, children: [
+              "\u2191",
+              gitInfo.ahead
+            ] }),
+            gitInfo.behind > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-amber-600 dark:text-amber-400", title: `${gitInfo.behind} behind`, children: [
+              "\u2193",
+              gitInfo.behind
+            ] }),
+            gitInfo.added > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-emerald-600 dark:text-emerald-400", title: `${gitInfo.added} lines added`, children: [
+              "+",
+              gitInfo.added
+            ] }),
+            gitInfo.deleted > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-red-600 dark:text-red-400", title: `${gitInfo.deleted} lines deleted`, children: [
+              "-",
+              gitInfo.deleted
+            ] }),
+            gitInfo.untracked > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-muted-foreground", title: `${gitInfo.untracked} untracked files`, children: [
+              gitInfo.untracked,
+              "?"
+            ] })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx71(
         DockChip,
         {
@@ -17018,8 +17411,8 @@ function WorkspaceDock({ sessionId }) {
 
 // src/components/AgentsMonitor.tsx
 import { Bot as Bot11, ChevronLeft, ChevronRight as ChevronRight9, Cpu as Cpu13, Crown as Crown2, Loader2 as Loader210, Wrench as Wrench8, X as X16, Zap as Zap9 } from "lucide-react";
-import { useCallback as useCallback26, useEffect as useEffect42, useMemo as useMemo16, useState as useState47 } from "react";
-import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useCallback as useCallback28, useEffect as useEffect44, useMemo as useMemo17, useState as useState47 } from "react";
+import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
 function fmtCost4(v) {
   if (v <= 0) return "$0";
   if (v >= 0.01) return `$${v.toFixed(3)}`;
@@ -17144,7 +17537,7 @@ function AgentsMonitor({ onClose }) {
   const fleetAgents = useFleetStore((s) => s.agents);
   const leaderId = useFleetStore((s) => s.leaderId);
   const [selectedIdx, setSelectedIdx] = useState47(0);
-  const fleetList = useMemo16(() => {
+  const fleetList = useMemo17(() => {
     const arr = Array.from(fleetAgents.values());
     arr.sort((x, y) => {
       if (x.id === leaderId) return -1;
@@ -17156,7 +17549,7 @@ function AgentsMonitor({ onClose }) {
     });
     return arr;
   }, [fleetAgents, leaderId]);
-  const handleKeyDown = useCallback26(
+  const handleKeyDown = useCallback28(
     (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -17175,7 +17568,7 @@ function AgentsMonitor({ onClose }) {
     },
     [fleetList.length, onClose]
   );
-  useEffect42(() => {
+  useEffect44(() => {
     const handleGlobal = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -17183,7 +17576,7 @@ function AgentsMonitor({ onClose }) {
     return () => window.removeEventListener("keydown", handleGlobal);
   }, [onClose]);
   const selectedAgent = fleetList[selectedIdx] ?? null;
-  return /* @__PURE__ */ jsxs66(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs66(Fragment16, { children: [
     /* @__PURE__ */ jsx72(
       "div",
       {
@@ -17297,7 +17690,7 @@ import {
   XCircle as XCircle8,
   Zap as Zap10
 } from "lucide-react";
-import { useCallback as useCallback27, useEffect as useEffect43, useMemo as useMemo17, useState as useState48 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect45, useMemo as useMemo18, useState as useState48 } from "react";
 
 // src/components/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -17486,7 +17879,7 @@ function EventTimeline({ events, max = 20, className }) {
 }
 
 // src/components/FleetMonitor.tsx
-import { Fragment as Fragment16, jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
 function fmtCost5(v) {
   if (v <= 0) return "$0";
   if (v >= 0.01) return `$${v.toFixed(3)}`;
@@ -17520,7 +17913,7 @@ function FleetAgentDetailPanel({
   const [showFullToolLog, setShowFullToolLog] = useState48(false);
   const meta2 = STATUS_META5[agent.status];
   const active = agent.status === "running";
-  const handleCopy = useCallback27(async (text) => {
+  const handleCopy = useCallback29(async (text) => {
     try {
       await navigator.clipboard.writeText(text);
       setCopied(true);
@@ -17530,9 +17923,9 @@ function FleetAgentDetailPanel({
   }, []);
   const totalToolDuration = agent.toolLog.reduce((sum, t) => sum + t.durationMs, 0);
   const avgToolDuration = agent.toolLog.length > 0 ? Math.round(totalToolDuration / agent.toolLog.length) : 0;
-  const uniqueTools = useMemo17(() => {
+  const uniqueTools = useMemo18(() => {
     const tools = /* @__PURE__ */ new Set();
-    agent.toolLog.forEach((t) => tools.add(t.name));
+    for (const t of agent.toolLog) tools.add(t.name);
     return tools.size;
   }, [agent.toolLog]);
   const outputText = agent.partialText || agent.finalText || void 0;
@@ -17663,10 +18056,10 @@ function FleetAgentDetailPanel({
       ] }),
       outputText ? /* @__PURE__ */ jsxs70("div", { className: "rounded-lg border bg-card", children: [
         /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30", children: [
-          /* @__PURE__ */ jsx76("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: isStream ? /* @__PURE__ */ jsxs70(Fragment16, { children: [
+          /* @__PURE__ */ jsx76("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: isStream ? /* @__PURE__ */ jsxs70(Fragment17, { children: [
             /* @__PURE__ */ jsx76("span", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
             "Live Output"
-          ] }) : /* @__PURE__ */ jsxs70(Fragment16, { children: [
+          ] }) : /* @__PURE__ */ jsxs70(Fragment17, { children: [
             /* @__PURE__ */ jsx76(FolderOpen4, { className: "h-3 w-3" }),
             "Final Output"
           ] }) }),
@@ -17840,11 +18233,11 @@ function FleetMonitor({
   const eventTimeline = useFleetStore((s) => s.eventTimeline);
   const [selectedIdx, setSelectedIdx] = useState48(null);
   const [nowTick, setNowTick] = useState48(Date.now());
-  useEffect43(() => {
+  useEffect45(() => {
     const t = setInterval(() => setNowTick(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
-  const fleetList = useMemo17(() => {
+  const fleetList = useMemo18(() => {
     const arr = Array.from(fleetAgents.values());
     arr.sort((x, y) => {
       if (x.id === leaderId) return -1;
@@ -17856,17 +18249,17 @@ function FleetMonitor({
     });
     return arr;
   }, [fleetAgents, leaderId]);
-  const totalCost = useMemo17(
+  const totalCost = useMemo18(
     () => Array.from(fleetAgents.values()).reduce((sum, a) => sum + a.costUsd, 0),
     [fleetAgents]
   );
   const runningCount = fleetList.filter((a) => a.status === "running").length;
   const selectedAgent = selectedIdx !== null ? fleetList[selectedIdx] : null;
-  const handleAgentClick = useCallback27(
+  const handleAgentClick = useCallback29(
     (i) => setSelectedIdx((prev) => prev === i ? null : i),
     []
   );
-  const handleKeyDown = useCallback27(
+  const handleKeyDown = useCallback29(
     (e) => {
       if (e.key === "Escape") {
         if (selectedIdx !== null) {
@@ -17892,14 +18285,14 @@ function FleetMonitor({
     },
     [fleetList, selectedIdx, onClose, onSelectAgent]
   );
-  useEffect43(() => {
+  useEffect45(() => {
     const handleGlobal = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", handleGlobal);
     return () => window.removeEventListener("keydown", handleGlobal);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs70(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs70(Fragment17, { children: [
     /* @__PURE__ */ jsx76(
       "div",
       {
@@ -18052,8 +18445,8 @@ function FleetMonitor({
 
 // src/components/InspectorPanel.tsx
 import { Bot as Bot13, ChevronDown as ChevronDown10, ChevronUp, Users as Users5 } from "lucide-react";
-import { useMemo as useMemo18, useState as useState49 } from "react";
-import { Fragment as Fragment17, jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
+import { useMemo as useMemo19, useState as useState49 } from "react";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
 var PANEL_HEIGHT = 320;
 function fmtCost6(v) {
   if (v <= 0) return "$0";
@@ -18090,7 +18483,7 @@ function InspectorPanel() {
   const fleetConcurrency = useFleetStore((s) => s.fleetConcurrency);
   const fleetConcurrencyMax = useFleetStore((s) => s.fleetConcurrencyMax);
   const eventTimeline = useFleetStore((s) => s.eventTimeline);
-  const fleetList = useMemo18(
+  const fleetList = useMemo19(
     () => sortFleet(fleetAgents, leaderId),
     [fleetAgents, leaderId]
   );
@@ -18098,7 +18491,7 @@ function InspectorPanel() {
   const totalCost = fleetList.reduce((sum, a) => sum + a.costUsd, 0);
   const fleetTotal = fleetList.length;
   const [selectedAgentId, setSelectedAgentId] = useState49(null);
-  const selectedAgent = useMemo18(() => {
+  const selectedAgent = useMemo19(() => {
     if (!selectedAgentId) return fleetList[0] ?? null;
     return fleetAgents.get(selectedAgentId) ?? fleetList[0] ?? null;
   }, [selectedAgentId, fleetList, fleetAgents]);
@@ -18123,7 +18516,7 @@ function InspectorPanel() {
           /* @__PURE__ */ jsxs71("span", { className: "flex items-center gap-2 min-w-0", children: [
             inspectorOpen ? /* @__PURE__ */ jsx77(ChevronDown10, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx77(ChevronUp, { className: "h-3.5 w-3.5 shrink-0" }),
             /* @__PURE__ */ jsx77("span", { className: "font-medium uppercase tracking-wider", children: "Inspector" }),
-            fleetTotal > 0 && /* @__PURE__ */ jsxs71(Fragment17, { children: [
+            fleetTotal > 0 && /* @__PURE__ */ jsxs71(Fragment18, { children: [
               /* @__PURE__ */ jsx77("span", { className: "opacity-40", children: "\xB7" }),
               /* @__PURE__ */ jsxs71("span", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx77(
@@ -18364,8 +18757,106 @@ function AgentsTabContent({
   ] });
 }
 
+// src/components/QueuePanel.tsx
+import { ListOrdered, Trash2 as Trash26, X as X17 } from "lucide-react";
+import { useCallback as useCallback30 } from "react";
+import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
+function QueuePanel({ open, onClose, className }) {
+  const queue = useChatStore((s) => s.queue);
+  const removeQueued = useChatStore((s) => s.removeQueued);
+  const clearQueue = useChatStore((s) => s.clearQueue);
+  const handleRemove = useCallback30(
+    (index) => {
+      removeQueued(index);
+    },
+    [removeQueued]
+  );
+  if (!open) return null;
+  return /* @__PURE__ */ jsx78(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-50 flex items-start justify-center pt-[10vh] bg-black/40 backdrop-blur-sm",
+        className
+      ),
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
+      children: /* @__PURE__ */ jsxs72("div", { className: "w-full max-w-lg rounded-xl border bg-card shadow-2xl max-h-[70vh] flex flex-col animate-in fade-in zoom-in-95", children: [
+        /* @__PURE__ */ jsxs72("div", { className: "flex items-center justify-between px-4 py-3 border-b shrink-0", children: [
+          /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx78("span", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-indigo-500/10 text-indigo-600 dark:text-indigo-400", children: /* @__PURE__ */ jsx78(ListOrdered, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsxs72("div", { children: [
+              /* @__PURE__ */ jsx78("h2", { className: "text-sm font-semibold", children: "Message Queue" }),
+              /* @__PURE__ */ jsxs72("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                queue.length,
+                " queued \xB7 messages sent before the agent finishes"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-1", children: [
+            queue.length > 0 && /* @__PURE__ */ jsxs72(
+              "button",
+              {
+                type: "button",
+                onClick: () => clearQueue(),
+                className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs text-destructive hover:bg-destructive/10 transition-colors font-medium",
+                title: "Clear all queued messages",
+                children: [
+                  /* @__PURE__ */ jsx78(Trash26, { className: "h-3 w-3" }),
+                  "Clear"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx78(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "p-1.5 rounded-md hover:bg-muted transition-colors",
+                children: /* @__PURE__ */ jsx78(X17, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx78("div", { className: "flex-1 overflow-y-auto", children: queue.length === 0 ? /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-center justify-center py-16 gap-3 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx78(ListOrdered, { className: "h-10 w-10 opacity-15" }),
+          /* @__PURE__ */ jsx78("p", { className: "text-sm font-medium", children: "Queue is empty" }),
+          /* @__PURE__ */ jsx78("p", { className: "text-xs text-center max-w-xs", children: "Type messages while the agent is running to queue them. Queued messages are sent automatically when the agent finishes." })
+        ] }) : /* @__PURE__ */ jsx78("div", { className: "divide-y", children: queue.map((item, idx) => /* @__PURE__ */ jsxs72(
+          "div",
+          {
+            className: "flex items-start justify-between px-4 py-3 text-xs hover:bg-muted/30 transition-colors",
+            children: [
+              /* @__PURE__ */ jsxs72("div", { className: "flex items-start gap-3 min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs72("span", { className: "mt-0.5 text-[10px] font-mono text-muted-foreground shrink-0 w-5 text-right", children: [
+                  idx + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsx78("p", { className: "text-sm text-foreground leading-relaxed min-w-0 break-words", children: item.length > 120 ? `${item.slice(0, 117)}\u2026` : item })
+              ] }),
+              /* @__PURE__ */ jsx78(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleRemove(idx),
+                  className: "ml-3 p-1.5 rounded-md shrink-0 hover:bg-destructive/10 hover:text-destructive transition-colors",
+                  title: "Remove from queue",
+                  children: /* @__PURE__ */ jsx78(X17, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ]
+          },
+          idx
+        )) }) }),
+        queue.length > 0 && /* @__PURE__ */ jsx78("div", { className: "px-4 py-2.5 border-t shrink-0", children: /* @__PURE__ */ jsx78("p", { className: "text-[10px] text-muted-foreground text-center", children: "Messages are sent in order when the current agent run completes." }) })
+      ] })
+    }
+  );
+}
+
 // src/App.tsx
-import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
 function AppInner() {
   const { theme } = useTheme();
   const {
@@ -18380,7 +18871,11 @@ function AppInner() {
     fleetMonitorOpen,
     agentsMonitorOpen,
     setFleetMonitorOpen,
-    setAgentsMonitorOpen
+    setAgentsMonitorOpen,
+    processMonitorOpen,
+    setProcessMonitorOpen,
+    queuePanelOpen,
+    setQueuePanelOpen
   } = useUIStore();
   const isLoading = useChatStore((s) => s.isLoading);
   const iteration = useSessionStore((s) => s.iteration);
@@ -18388,7 +18883,7 @@ function AppInner() {
   const sessionTitle = useSessionStore((s) => s.session?.title);
   const sessionId = useSessionStore((s) => s.session?.id);
   const nickname = useUIStore((s) => sessionId ? s.sessionNicknames[sessionId] : void 0);
-  useEffect44(() => {
+  useEffect46(() => {
     const onOpenFile = (e) => {
       const { filePath } = e.detail;
       const ws = getWSClient(useConfigStore.getState().wsUrl);
@@ -18399,7 +18894,7 @@ function AppInner() {
     window.addEventListener("wrongstack:open-file", onOpenFile);
     return () => window.removeEventListener("wrongstack:open-file", onOpenFile);
   }, []);
-  useEffect44(() => {
+  useEffect46(() => {
     const onSaveFile = (e) => {
       const { filePath } = e.detail;
       const file = useFileStore.getState().openFiles.find((f) => f.path === filePath);
@@ -18415,7 +18910,7 @@ function AppInner() {
     window.addEventListener("wrongstack:save-file", onSaveFile);
     return () => window.removeEventListener("wrongstack:save-file", onSaveFile);
   }, []);
-  useEffect44(() => {
+  useEffect46(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 768px)");
     const apply = () => {
@@ -18428,7 +18923,7 @@ function AppInner() {
     return () => mq.removeEventListener("change", apply);
   }, [setSidebarOpen]);
   useWebSocketBootstrap();
-  useEffect44(() => {
+  useEffect46(() => {
     const parts = [];
     if (isLoading) {
       const it = iteration ? ` iter ${iteration.index}${iteration.max ? `/${iteration.max}` : ""}` : "";
@@ -18445,7 +18940,7 @@ function AppInner() {
       document.title = projectName || "AI Agent";
     };
   }, [isLoading, iteration, projectName, sessionTitle, nickname]);
-  useEffect44(() => {
+  useEffect46(() => {
     const onKey = (e) => {
       const t = e.target;
       const tag = t?.tagName?.toLowerCase();
@@ -18573,41 +19068,43 @@ function AppInner() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [toggleSidebar, setSearchOpen]);
-  return /* @__PURE__ */ jsxs72("div", { className: cn("flex h-screen", theme), children: [
-    currentView !== "setup" && /* @__PURE__ */ jsx78(ActivityBar, {}),
-    sidebarOpen && currentView !== "setup" && /* @__PURE__ */ jsx78(SidePanel, {}),
-    /* @__PURE__ */ jsxs72("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      currentView !== "setup" && /* @__PURE__ */ jsx78(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsxs72(Fragment18, { children: [
-        sessionId && /* @__PURE__ */ jsx78("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx78(WorkspaceDock, { sessionId }) }),
-        /* @__PURE__ */ jsx78(ChatView, {}),
-        /* @__PURE__ */ jsx78(InspectorPanel, {})
+  return /* @__PURE__ */ jsxs73("div", { className: cn("flex h-screen", theme), children: [
+    currentView !== "setup" && /* @__PURE__ */ jsx79(ActivityBar, {}),
+    sidebarOpen && currentView !== "setup" && /* @__PURE__ */ jsx79(SidePanel, {}),
+    /* @__PURE__ */ jsxs73("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      currentView !== "setup" && /* @__PURE__ */ jsx79(ConnectionBanner, {}),
+      currentView === "chat" && /* @__PURE__ */ jsxs73(Fragment19, { children: [
+        sessionId && /* @__PURE__ */ jsx79("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsx79(WorkspaceDock, { sessionId }) }),
+        /* @__PURE__ */ jsx79(ChatView, {}),
+        /* @__PURE__ */ jsx79(InspectorPanel, {})
       ] }),
-      currentView === "settings" && /* @__PURE__ */ jsx78(SettingsPanel, {}),
-      currentView === "setup" && /* @__PURE__ */ jsx78(SetupScreen, {}),
-      currentView === "autophase" && /* @__PURE__ */ jsx78(AutoPhaseView, { onClose: () => setCurrentView("chat") }),
-      currentView === "agentflow" && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx78(AgentFlowCanvasWithProvider, {}) }),
-      currentView === "sessions" && /* @__PURE__ */ jsx78("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx78(SessionsDashboard, {}) }),
-      currentView === "files" && /* @__PURE__ */ jsx78(CodeEditor, {})
+      currentView === "settings" && /* @__PURE__ */ jsx79(SettingsPanel, {}),
+      currentView === "setup" && /* @__PURE__ */ jsx79(SetupScreen, {}),
+      currentView === "autophase" && /* @__PURE__ */ jsx79(AutoPhaseView, { onClose: () => setCurrentView("chat") }),
+      currentView === "agentflow" && /* @__PURE__ */ jsx79("div", { className: "flex-1 flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx79(AgentFlowCanvasWithProvider, {}) }),
+      currentView === "sessions" && /* @__PURE__ */ jsx79("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx79(SessionsDashboard, {}) }),
+      currentView === "files" && /* @__PURE__ */ jsx79(CodeEditor, {})
     ] }),
-    fleetMonitorOpen && /* @__PURE__ */ jsx78(FleetMonitor, { onClose: () => setFleetMonitorOpen(false) }),
-    agentsMonitorOpen && /* @__PURE__ */ jsx78(AgentsMonitor, { onClose: () => setAgentsMonitorOpen(false) }),
-    /* @__PURE__ */ jsx78(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx78(ConfirmModalHost, {}),
-    /* @__PURE__ */ jsx78(CommandPalette, {}),
-    /* @__PURE__ */ jsx78(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx78(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx78(Toaster, {})
+    fleetMonitorOpen && /* @__PURE__ */ jsx79(FleetMonitor, { onClose: () => setFleetMonitorOpen(false) }),
+    agentsMonitorOpen && /* @__PURE__ */ jsx79(AgentsMonitor, { onClose: () => setAgentsMonitorOpen(false) }),
+    processMonitorOpen && /* @__PURE__ */ jsx79(ProcessMonitor, { open: processMonitorOpen, onClose: () => setProcessMonitorOpen(false) }),
+    queuePanelOpen && /* @__PURE__ */ jsx79(QueuePanel, { open: queuePanelOpen, onClose: () => setQueuePanelOpen(false) }),
+    /* @__PURE__ */ jsx79(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx79(ConfirmModalHost, {}),
+    /* @__PURE__ */ jsx79(CommandPalette, {}),
+    /* @__PURE__ */ jsx79(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx79(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx79(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx78(ErrorBoundary, { children: /* @__PURE__ */ jsx78(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx78(AppInner, {}) }) });
+  return /* @__PURE__ */ jsx79(ErrorBoundary, { children: /* @__PURE__ */ jsx79(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx79(AppInner, {}) }) });
 }
 
 // src/main.tsx
 import "./index.css";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 ReactDOM.createRoot(expectDefined14(document.getElementById("root"))).render(
-  /* @__PURE__ */ jsx79(React7.StrictMode, { children: /* @__PURE__ */ jsx79(App, {}) })
+  /* @__PURE__ */ jsx80(React7.StrictMode, { children: /* @__PURE__ */ jsx80(App, {}) })
 );
 //# sourceMappingURL=index.js.map