@wrongstack/webui 0.73.1 → 0.82.6

package/dist/index.js

@@ -408,6 +408,10 @@ var WrongStackWebSocketClient = class {
   clearTodos() {
     this.send({ type: "todos.clear" });
   }
+  removeTodo(idOrIndex) {
+    const payload = typeof idOrIndex === "number" ? { index: idOrIndex } : { id: idOrIndex };
+    this.send({ type: "todos.remove", payload });
+  }
   listSessions(limit = 50) {
     this.send({ type: "sessions.list", payload: { limit } });
   }
@@ -469,19 +473,25 @@ function getWSClient(url) {
 // src/stores/chat-store.ts
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
+function expectDefined(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function dedupeRepeatedBlocks(text) {
   if (!text) return text;
   const paraSplit = text.split(/\n{2,}/);
   const paras = [];
   for (const p of paraSplit) {
-    if (paras.length > 0 && paras[paras.length - 1].trim() === p.trim()) continue;
+    if (paras.length > 0 && paras[paras.length - 1]?.trim() === p.trim()) continue;
     paras.push(p);
   }
   const cleaned = paras.map((p) => {
     const lines = p.split("\n");
     const out = [];
     for (const line of lines) {
-      if (out.length > 0 && line.trim().length > 0 && out[out.length - 1].trim() === line.trim()) {
+      if (out.length > 0 && line.trim().length > 0 && out[out.length - 1]?.trim() === line.trim()) {
         continue;
       }
       out.push(line);
@@ -591,7 +601,7 @@ var useChatStore = create()(
         if (queue.length === 0) return null;
         const [next, ...rest] = queue;
         set({ queue: rest });
-        return next;
+        return expectDefined(next);
       },
       removeQueued: (idx) => set((state) => ({ queue: state.queue.filter((_, i) => i !== idx) })),
       clearQueue: () => set({ queue: [] }),
@@ -1048,6 +1058,12 @@ function notifyIfHidden(title, body, tag) {
 }
 
 // src/hooks/ws-handlers.ts
+function expectDefined2(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function handleSessionStart(msg) {
   const payload = msg.payload;
   const prev = useSessionStore.getState().session?.id;
@@ -1097,8 +1113,8 @@ function handleSessionStart(msg) {
               const all = useChatStore.getState().messages;
               let last;
               for (let i = all.length - 1; i >= 0; i--) {
-                if (all[i].toolUseId === String(b.tool_use_id ?? "")) {
-                  last = all[i];
+                if (all[i]?.toolUseId === String(b.tool_use_id ?? "")) {
+                  last = expectDefined2(all[i]);
                   break;
                 }
               }
@@ -1143,7 +1159,7 @@ function handleKeyOperationResult(msg) {
 function handleContextCompacted(msg) {
   const payload = msg.payload;
   let summary = payload.reductions.length ? payload.reductions.map((r) => `${r.phase}: ${r.saved}`).join(", ") : "no-op";
-  if (payload.repaired) summary += `; repaired ${payload.repaired.removedToolUses.length} tool_use, ${payload.repaired.removedToolResults.length} tool_result, ${payload.repaired.removedMessages} empty messages`;
+  if (payload.repaired) summary += `; repaired ${payload.repaired.removedToolUses?.length ?? 0} tool_use, ${payload.repaired.removedToolResults?.length ?? 0} tool_result, ${payload.repaired.removedMessages} empty messages`;
   useChatStore.getState().addMessage({ role: "assistant", content: `\u{1F5DC}\uFE0F Context compacted: ${payload.before} \u2192 ${payload.after} tokens (saved ~${payload.saved}). ${summary}` });
   useSessionStore.setState({ lastInputTokens: payload.after });
 }
@@ -1257,14 +1273,14 @@ function handleRunResult(msg) {
     let lastAssistantIdx = -1;
     let toolCount = 0;
     for (let i = all.length - 1; i >= 0; i--) {
-      const m = all[i];
+      const m = expectDefined2(all[i]);
       if (m.role === "assistant" && lastAssistantIdx === -1 && m.content) lastAssistantIdx = i;
       if (m.role === "tool" && m.timestamp >= runStart.at) toolCount += 1;
       if (m.role === "user" && m.timestamp <= runStart.at) break;
     }
     if (lastAssistantIdx !== -1) {
       const sessionCost = useSessionStore.getState().cost;
-      useChatStore.getState().updateMessage(all[lastAssistantIdx].id, { runSummary: { iterations: payload.iterations, tools: toolCount, durationMs: Date.now() - runStart.at, costDelta: Math.max(0, sessionCost - runStart.cost) } });
+      useChatStore.getState().updateMessage(all[lastAssistantIdx]?.id, { runSummary: { iterations: payload.iterations, tools: toolCount, durationMs: Date.now() - runStart.at, costDelta: Math.max(0, sessionCost - runStart.cost) } });
     }
   }
   useChatStore.getState().setRunStart(null);
@@ -1605,7 +1621,7 @@ function useWebSocket() {
 }
 
 // src/App.tsx
-import { useEffect as useEffect21 } from "react";
+import { useEffect as useEffect22 } from "react";
 
 // src/components/ChatView/index.tsx
 import {
@@ -2056,7 +2072,7 @@ function renderGroupedList(filtered, index, dispatch, setIndex) {
   const groups = {};
   filtered.forEach((it, i) => {
     if (!groups[it.category]) groups[it.category] = [];
-    groups[it.category].push({ item: it, globalIdx: i });
+    groups[it.category]?.push({ item: it, globalIdx: i });
   });
   return /* @__PURE__ */ jsx2("div", { className: "p-1", children: Object.entries(groups).map(([cat, rows]) => /* @__PURE__ */ jsxs2("div", { children: [
     /* @__PURE__ */ jsx2("div", { className: "px-3 pt-2 pb-1 text-[10px] uppercase tracking-wider text-muted-foreground", children: cat }),
@@ -2092,6 +2108,12 @@ function renderGroupedList(filtered, index, dispatch, setIndex) {
 import { FileText, Folder } from "lucide-react";
 import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function expectDefined3(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function FilePicker({ query, onPick, onClose }) {
   const ws = useWebSocket();
   const wsUrl = useConfigStore((s) => s.wsUrl);
@@ -2130,7 +2152,7 @@ function FilePicker({ query, onPick, onClose }) {
       } else if (e.key === "Enter" || e.key === "Tab") {
         if (files.length === 0) return;
         e.preventDefault();
-        onPick(files[index]);
+        onPick(expectDefined3(files[index]));
       } else if (e.key === "Escape") {
         e.preventDefault();
         onClose();
@@ -2206,25 +2228,64 @@ var Button = React.forwardRef(
 Button.displayName = "Button";
 
 // src/components/ChatInput/slash-commands.ts
+function expectDefined4(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var SLASH_COMMANDS = [
-  { name: "/help", category: "App", description: "Show every slash command and what it does" },
-  { name: "/export", category: "Session", description: "Download the current chat as markdown" },
-  { name: "/todos", category: "Inspect", description: "List current todos (try `/todos clear` to reset)" },
-  { name: "/clear", category: "Session", description: "Wipe current context (keeps session id, disk record stays)" },
+  // Run
+  { name: "/abort", category: "Run", aliases: ["/stop"], description: "Abort the current run" },
+  // Session
   { name: "/new", category: "Session", description: "Start a brand-new session (fresh on disk and in memory)" },
+  { name: "/clear", category: "Session", description: "Wipe current context (keeps session id, disk record stays)" },
   { name: "/compact", category: "Session", description: "Shrink context \u2014 elide ancient tool output" },
   { name: "/repair", category: "Session", description: "Repair orphan tool_use/tool_result blocks in context" },
+  { name: "/save", category: "Session", description: "Force-flush the session (auto-saved already)" },
+  { name: "/load", category: "Session", aliases: ["/resume"], description: "Resume a previous session from disk" },
+  { name: "/prune", category: "Session", description: "Delete old sessions (default older than 30 days)" },
+  { name: "/export", category: "Session", description: "Download the current chat as markdown" },
+  // Inspect
   { name: "/debug", category: "Inspect", aliases: ["/context"], description: "Per-section context size breakdown" },
   { name: "/tools", category: "Inspect", description: "List every registered tool the model can call" },
   { name: "/memory", category: "Inspect", description: "Show all remembered notes (project + user scope)" },
   { name: "/skill", category: "Inspect", aliases: ["/skills"], description: "List active skills" },
   { name: "/diag", category: "Inspect", description: "Runtime diagnostics (provider, tools, features, mode, usage)" },
   { name: "/stats", category: "Inspect", description: "Session stats: tokens, cache hit ratio, cost, elapsed" },
-  { name: "/save", category: "Session", description: "Force-flush the session (auto-saved already)" },
-  { name: "/abort", category: "Run", aliases: ["/stop"], description: "Abort the current run" },
-  { name: "/settings", category: "App", aliases: ["/model"], description: "Open settings (provider/model/keys)" }
+  { name: "/todos", category: "Inspect", description: "List current todos (try `/todos clear` to reset)" },
+  { name: "/codebase-reindex", category: "Inspect", aliases: ["/reindex"], description: "Rebuild the codebase symbol index" },
+  // Agent
+  { name: "/spawn", category: "Agent", description: "Spawn an isolated subagent to handle a task" },
+  { name: "/agents", category: "Agent", description: "Show status of spawned subagents" },
+  { name: "/fleet", category: "Agent", description: "Inspect and control the agent fleet" },
+  { name: "/director", category: "Agent", description: "Promote to director mode at runtime" },
+  { name: "/autonomy", category: "Agent", description: "Toggle or query autonomy mode (self-driving agent)" },
+  { name: "/goal", category: "Agent", description: "Set, inspect, or clear the autonomous mission" },
+  { name: "/autophase", category: "Agent", description: "Autonomous phase-based workflow with subagents" },
+  { name: "/fix", category: "Agent", description: "Diagnose and fix a reported error or bug" },
+  { name: "/sdd", category: "Agent", description: "AI-driven Specification-Driven Development workflow" },
+  { name: "/btw", category: "Agent", description: "Drop a mid-run note without interrupting the agent" },
+  { name: "/collab", category: "Agent", description: "Live collaboration helpers (status / invite / history)" },
+  // Config
+  { name: "/settings", category: "Config", aliases: ["/model"], description: "Open settings (provider/model/keys)" },
+  { name: "/setmodel", category: "Config", description: "Quick-switch the active provider/model" },
+  { name: "/models", category: "Config", description: "List available providers and models" },
+  { name: "/mode", category: "Config", description: "Switch the active mode (persona/skill set)" },
+  { name: "/yolo", category: "Config", description: "Toggle or query YOLO (auto-approve) mode" },
+  { name: "/next", category: "Config", description: "Toggle next-task prediction after each turn" },
+  { name: "/enhance", category: "Config", description: "Toggle prompt refinement before sending" },
+  { name: "/mcp", category: "Config", aliases: ["/mcp-servers"], description: "Manage MCP servers" },
+  { name: "/plugin", category: "Config", aliases: ["/plugins"], description: "Manage plugins" },
+  { name: "/statusline", category: "Config", aliases: ["/sl"], description: "Customize status bar chips" },
+  { name: "/telegram-setup", category: "Config", aliases: ["/tg-setup"], description: "Configure Telegram bot token and chat" },
+  { name: "/init", category: "Config", description: "Create or update .wrongstack/AGENTS.md project context" },
+  { name: "/worktree", category: "Config", aliases: ["/wt"], description: "Inspect/manage git worktrees for AutoPhase" },
+  // App
+  { name: "/help", category: "App", description: "Show every slash command and what it does" },
+  { name: "/exit", category: "App", description: "Exit the current session" }
 ];
-var SLASH_CATEGORY_ORDER = ["Run", "Session", "Inspect", "App"];
+var SLASH_CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
 function matchSlash(query) {
   const q = query.toLowerCase();
   if (q === "/" || q === "") return SLASH_COMMANDS;
@@ -2235,7 +2296,7 @@ function matchSlash(query) {
 function detectAtMention(value, cursor) {
   let i = cursor - 1;
   while (i >= 0) {
-    const c = value[i];
+    const c = expectDefined4(value[i]);
     if (c === "@") {
       const prev = i > 0 ? value[i - 1] : "";
       if (i === 0 || /\s/.test(prev ?? "")) {
@@ -2251,6 +2312,12 @@ function detectAtMention(value, cursor) {
 
 // src/components/ChatInput.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function expectDefined5(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function ChatInput() {
   const { isLoading, setLoading, addMessage, clearMessages } = useChatStore();
   const queue = useChatStore((s) => s.queue);
@@ -2444,7 +2511,7 @@ function ChatInput() {
     setLoading(false);
     const all = useChatStore.getState().messages;
     for (let i = all.length - 1; i >= 0; i--) {
-      const m = all[i];
+      const m = expectDefined5(all[i]);
       if (m.role === "user" && m.content) {
         setInput(m.content);
         requestAnimationFrame(() => {
@@ -2656,7 +2723,7 @@ function ChatInput() {
           const next = before + insertion + after;
           setInput(next);
           const lastTokenStart = before.length + lead.length + tokens.slice(0, -1).join(" ").length + (tokens.length > 1 ? 1 : 0);
-          const lastBasename = files[files.length - 1].name;
+          const lastBasename = files[files.length - 1]?.name;
           requestAnimationFrame(() => {
             if (ta) {
               const cur = before.length + insertion.length - trail.length;
@@ -2708,14 +2775,14 @@ function ChatInput() {
               const byCategory = {};
               slashSuggestions.forEach((cmd, idx) => {
                 if (!byCategory[cmd.category]) byCategory[cmd.category] = [];
-                byCategory[cmd.category].push({ cmd, idx });
+                byCategory[cmd.category]?.push({ cmd, idx });
               });
               const orderedCategories = SLASH_CATEGORY_ORDER.filter((c) => byCategory[c]?.length);
               return /* @__PURE__ */ jsxs4("div", { className: "absolute bottom-full left-0 right-0 mb-2 rounded-lg border bg-popover shadow-md p-1 text-sm max-h-72 overflow-auto", children: [
                 /* @__PURE__ */ jsx5("div", { className: "px-3 py-1 text-[10px] uppercase tracking-wider text-muted-foreground border-b mb-1", children: "\u2191/\u2193 select \xB7 Tab complete \xB7 Enter dispatch \xB7 Esc dismiss" }),
                 orderedCategories.map((cat) => /* @__PURE__ */ jsxs4("div", { className: "mb-1", children: [
                   /* @__PURE__ */ jsx5("div", { className: "px-3 pt-1 pb-0.5 text-[10px] uppercase tracking-wider text-muted-foreground/70 font-semibold", children: cat }),
-                  byCategory[cat].map(({ cmd, idx }) => /* @__PURE__ */ jsxs4(
+                  byCategory[cat]?.map(({ cmd, idx }) => /* @__PURE__ */ jsxs4(
                     "button",
                     {
                       type: "button",
@@ -2946,6 +3013,12 @@ function ConnectionChip({ wsStatus, wsConnected }) {
 import { Check, ChevronDown, Gauge } from "lucide-react";
 import { useEffect as useEffect7, useRef as useRef5, useState as useState5 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function expectDefined6(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var FALLBACK_MODES = [
   {
     id: "balanced",
@@ -2981,7 +3054,7 @@ function ContextModePicker() {
     };
   }, [open]);
   const items = contextModes.length > 0 ? contextModes : FALLBACK_MODES;
-  const active = items.find((m) => m.id === contextMode) ?? items[0];
+  const active = items.find((m) => m.id === contextMode) ?? expectDefined6(items[0]);
   return /* @__PURE__ */ jsxs6("div", { ref: rootRef, className: "relative shrink-0", children: [
     /* @__PURE__ */ jsxs6(
       "button",
@@ -3028,7 +3101,7 @@ function ContextModePicker() {
             /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ jsx7("span", { className: "text-xs font-mono", children: m.id }),
-                m.thresholds && /* @__PURE__ */ jsxs6("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                m.thresholds?.warn !== void 0 && /* @__PURE__ */ jsxs6("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
                   Math.round(m.thresholds.warn * 100),
                   "/",
                   Math.round(m.thresholds.soft * 100),
@@ -3318,6 +3391,12 @@ import remarkGfm from "remark-gfm";
 // src/components/DiffView.tsx
 import { memo, useMemo as useMemo2 } from "react";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function expectDefined7(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var DiffView = memo(function DiffView2({ oldText, newText, caption }) {
   const rows = useMemo2(() => computeDiff(oldText, newText), [oldText, newText]);
   if (rows === null) {
@@ -3387,8 +3466,8 @@ function computeDiff(oldText, newText) {
   const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
   for (let i2 = n - 1; i2 >= 0; i2--) {
     for (let j2 = m - 1; j2 >= 0; j2--) {
-      if (a[i2] === b[j2]) dp[i2][j2] = dp[i2 + 1][j2 + 1] + 1;
-      else dp[i2][j2] = Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
+      if (a[i2] === b[j2]) expectDefined7(dp[i2])[j2] = expectDefined7(dp[i2 + 1]?.[j2 + 1]) + 1;
+      else expectDefined7(dp[i2])[j2] = Math.max(expectDefined7(dp[i2 + 1]?.[j2]), expectDefined7(dp[i2]?.[j2 + 1]));
     }
   }
   const rows = [];
@@ -3396,19 +3475,19 @@ function computeDiff(oldText, newText) {
   let j = 0;
   while (i < n && j < m) {
     if (a[i] === b[j]) {
-      rows.push({ kind: "ctx", text: a[i] });
+      rows.push({ kind: "ctx", text: expectDefined7(a[i]) });
       i++;
       j++;
-    } else if (dp[i + 1][j] >= dp[i][j + 1]) {
-      rows.push({ kind: "del", text: a[i] });
+    } else if (expectDefined7(dp[i + 1]?.[j]) >= expectDefined7(dp[i]?.[j + 1])) {
+      rows.push({ kind: "del", text: expectDefined7(a[i]) });
       i++;
     } else {
-      rows.push({ kind: "add", text: b[j] });
+      rows.push({ kind: "add", text: expectDefined7(b[j]) });
       j++;
     }
   }
-  while (i < n) rows.push({ kind: "del", text: a[i++] });
-  while (j < m) rows.push({ kind: "add", text: b[j++] });
+  while (i < n) rows.push({ kind: "del", text: expectDefined7(a[i++]) });
+  while (j < m) rows.push({ kind: "add", text: expectDefined7(b[j++]) });
   return rows;
 }
 function diffFromToolInput(toolName, input) {
@@ -3775,10 +3854,16 @@ function CopyButton({
 // src/components/MessageBubble/ErrorBody.tsx
 import { useState as useState9 } from "react";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function expectDefined8(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function detectStackBoundary(text) {
   const lines = text.split("\n");
   for (let i = 0; i < lines.length; i++) {
-    const ln = lines[i];
+    const ln = expectDefined8(lines[i]);
     if (/^\s*at\s+\S+.*\(.*:\d+:\d+\)\s*$/.test(ln)) return i;
     if (/^\s*at\s+\S+\.\S+\(\S+\.java:\d+\)\s*$/.test(ln)) return i;
     if (/^\s+File "[^"]+", line \d+/.test(ln)) return i;
@@ -3881,6 +3966,12 @@ function ToolInputView({ input }) {
 
 // src/components/MessageBubble/index.tsx
 import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function expectDefined9(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var MessageBubble = memo3(function MessageBubble2({
   message,
   isFirst = false,
@@ -3909,7 +4000,7 @@ var MessageBubble = memo3(function MessageBubble2({
     if (message.role !== "assistant" || isLoading) return false;
     const all = useChatStore.getState().messages;
     for (let i = all.length - 1; i >= 0; i--) {
-      const m = all[i];
+      const m = expectDefined9(all[i]);
       if (m.role === "assistant") return m.id === message.id;
     }
     return false;
@@ -3920,13 +4011,13 @@ var MessageBubble = memo3(function MessageBubble2({
     if (idx === -1) return;
     let userIdx = -1;
     for (let i = idx - 1; i >= 0; i--) {
-      if (all[i].role === "user") {
+      if (all[i]?.role === "user") {
         userIdx = i;
         break;
       }
     }
     if (userIdx === -1) return;
-    const userMsg = all[userIdx];
+    const userMsg = expectDefined9(all[userIdx]);
     truncateAfter(userMsg.id);
     addMessage({ role: "user", content: userMsg.content });
     setLoading(true);
@@ -4003,7 +4094,14 @@ var MessageBubble = memo3(function MessageBubble2({
             const lines = message.toolResult ? message.toolResult.split("\n").length : 0;
             return /* @__PURE__ */ jsxs14("div", { className: "space-y-1", children: [
               inputSummary && !expanded && /* @__PURE__ */ jsx15("div", { className: "text-xs text-muted-foreground font-mono truncate", children: inputSummary }),
-              message.toolResult === void 0 && message.progressLines && message.progressLines.length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-1 rounded-md border border-amber-500/20 bg-amber-500/5 p-1.5 text-[11px] font-mono leading-snug max-h-32 overflow-auto", children: message.progressLines.slice(-6).map((line, i) => /* @__PURE__ */ jsx15("div", { className: "truncate text-muted-foreground", children: line }, i)) }),
+              message.toolResult === void 0 && message.progressLines && message.progressLines.length > 0 && /* @__PURE__ */ jsx15("div", { className: "mt-1 rounded-md border border-amber-500/20 bg-amber-500/5 p-1.5 text-[11px] font-mono leading-snug max-h-32 overflow-auto", children: (() => {
+                const seen = /* @__PURE__ */ new Map();
+                return message.progressLines.slice(-6).map((line) => {
+                  const occurrence = seen.get(line) ?? 0;
+                  seen.set(line, occurrence + 1);
+                  return /* @__PURE__ */ jsx15("div", { className: "truncate text-muted-foreground", children: line }, `${line}-${occurrence}`);
+                });
+              })() }),
               expanded && message.toolInput !== void 0 && (() => {
                 const diffArgs = diffFromToolInput(message.toolName, message.toolInput);
                 if (diffArgs) return /* @__PURE__ */ jsx15(DiffView, { oldText: diffArgs.oldText, newText: diffArgs.newText, caption: diffArgs.caption });
@@ -4447,7 +4545,6 @@ function ThemeToggle({ className }) {
         "inline-flex items-center gap-0.5 rounded-lg border border-border bg-card/70 p-0.5 shadow-sm",
         className
       ),
-      role: "radiogroup",
       "aria-label": "Theme",
       children: OPTIONS.map(({ value, icon: Icon2, label }) => {
         const active = theme === value;
@@ -4455,8 +4552,7 @@ function ThemeToggle({ className }) {
           "button",
           {
             type: "button",
-            role: "radio",
-            "aria-checked": active,
+            "aria-pressed": active,
             title: `${label} theme`,
             "aria-label": `${label} theme`,
             onClick: () => setTheme(value),
@@ -4477,6 +4573,12 @@ function ThemeToggle({ className }) {
 import { CheckCircle2 as CheckCircle23, ChevronDown as ChevronDown5, ChevronRight as ChevronRight3, Loader2 as Loader22, Terminal as Terminal2, XCircle as XCircle3 } from "lucide-react";
 import { memo as memo4, useState as useState15 } from "react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+function expectDefined10(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 2 : 1)}s`;
@@ -4491,7 +4593,7 @@ var ToolGroup = memo4(function ToolGroup2({
 }) {
   const [open, setOpen] = useState15(defaultOpen);
   if (tools.length === 1) {
-    return /* @__PURE__ */ jsx20(MessageBubble, { message: tools[0], isFirst: true, isContinuation });
+    return /* @__PURE__ */ jsx20(MessageBubble, { message: expectDefined10(tools[0]), isFirst: true, isContinuation });
   }
   const running = tools.filter((t) => t.toolResult === void 0).length;
   const errored = tools.filter((t) => t.isError).length;
@@ -4864,6 +4966,12 @@ function ThinkingBubble() {
 
 // src/components/ChatView/index.tsx
 import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+function expectDefined11(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function ChatView() {
   const { messages, isLoading } = useChatStore();
   const setPaletteOpen = useUIStore((s) => s.setPaletteOpen);
@@ -5168,7 +5276,7 @@ function ChatView() {
             (() => {
               const groups = [];
               for (let i = 0; i < messages.length; i++) {
-                const m = messages[i];
+                const m = expectDefined11(messages[i]);
                 if (m.role === "tool") {
                   const last = groups[groups.length - 1];
                   if (last && last.kind === "tools") {
@@ -5219,12 +5327,12 @@ function ChatView() {
               };
               const turnTs = (t) => {
                 if (t.kind === "user") return t.message.timestamp;
-                const first = t.items[0];
-                return first.kind === "msg" ? first.message.timestamp : first.tools[0].timestamp;
+                const first = expectDefined11(t.items[0]);
+                return first.kind === "msg" ? first.message.timestamp : first.tools[0]?.timestamp;
               };
               const out = [];
               for (let idx = 0; idx < turns.length; idx++) {
-                const t = turns[idx];
+                const t = expectDefined11(turns[idx]);
                 const ts = turnTs(t);
                 const day = dayKey(ts);
                 if (day !== prevDay) {
@@ -6561,7 +6669,7 @@ function ProviderSection({
   const catalogByFamily = filteredCatalog.reduce(
     (acc, p) => {
       if (!acc[p.family]) acc[p.family] = [];
-      acc[p.family].push(p);
+      acc[p.family]?.push(p);
       return acc;
     },
     {}
@@ -7812,8 +7920,104 @@ function Sidebar() {
   ] });
 }
 
+// src/components/TodosPanel.tsx
+import { CheckCircle2 as CheckCircle27, Circle as Circle2, Clock as Clock3, X as X8 } from "lucide-react";
+import { useCallback as useCallback6, useEffect as useEffect21, useRef as useRef12, useState as useState26 } from "react";
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+function TodosPanel() {
+  const [todos, setTodos] = useState26([]);
+  const ws = getWSClient();
+  const offRef = useRef12(null);
+  useEffect21(() => {
+    ws.send({ type: "todos.get" });
+    offRef.current = ws.on("todos.updated", (msg) => {
+      const payload = msg?.payload;
+      if (payload?.todos) setTodos(payload.todos);
+    });
+    return () => {
+      offRef.current?.();
+    };
+  }, [ws]);
+  const handleRemove = useCallback6(
+    (id) => {
+      ws.removeTodo(id);
+    },
+    [ws]
+  );
+  const pending = todos.filter((t) => t.status === "pending");
+  const inProgress = todos.filter((t) => t.status === "in_progress");
+  const completed = todos.filter((t) => t.status === "completed");
+  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col h-full bg-background", children: [
+    /* @__PURE__ */ jsxs38("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between shrink-0", children: [
+      /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx43("h2", { className: "text-sm font-semibold text-foreground", children: "TODOS" }),
+        /* @__PURE__ */ jsxs38("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+          completed.length,
+          "/",
+          todos.length
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2 text-xs", children: [
+        inProgress.length > 0 && /* @__PURE__ */ jsxs38("span", { className: "flex items-center gap-1 text-yellow-600 dark:text-yellow-400", children: [
+          /* @__PURE__ */ jsx43(Clock3, { className: "w-3 h-3" }),
+          inProgress.length
+        ] }),
+        pending.length > 0 && /* @__PURE__ */ jsxs38("span", { className: "flex items-center gap-1 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx43(Circle2, { className: "w-3 h-3" }),
+          pending.length
+        ] }),
+        completed.length > 0 && /* @__PURE__ */ jsxs38("span", { className: "flex items-center gap-1 text-emerald-600 dark:text-emerald-400", children: [
+          /* @__PURE__ */ jsx43(CheckCircle27, { className: "w-3 h-3" }),
+          completed.length
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx43("div", { className: "flex-1 overflow-y-auto", children: todos.length === 0 ? /* @__PURE__ */ jsx43("p", { className: "px-4 py-8 text-xs text-muted-foreground text-center", children: "No todos yet. The agent will create them as it plans work." }) : /* @__PURE__ */ jsx43("div", { className: "py-1", children: todos.map((t) => {
+      const label = t.status === "in_progress" && t.activeForm ? t.activeForm : t.content;
+      const isInProgress = t.status === "in_progress";
+      const isCompleted = t.status === "completed";
+      return /* @__PURE__ */ jsxs38(
+        "div",
+        {
+          className: `px-4 py-2 flex items-start gap-2.5 text-sm border-l-2 group ${isInProgress ? "border-l-yellow-500 bg-yellow-50/40 dark:bg-yellow-950/20" : isCompleted ? "border-l-emerald-500 bg-emerald-50/30 dark:bg-emerald-950/15" : "border-l-transparent"}`,
+          children: [
+            /* @__PURE__ */ jsx43("span", { className: "mt-0.5 shrink-0", children: isCompleted ? /* @__PURE__ */ jsx43(CheckCircle27, { className: "w-3.5 h-3.5 text-emerald-500" }) : isInProgress ? /* @__PURE__ */ jsx43(Clock3, { className: "w-3.5 h-3.5 text-yellow-500 animate-spin" }) : /* @__PURE__ */ jsx43(Circle2, { className: "w-3.5 h-3.5 text-muted-foreground/50" }) }),
+            /* @__PURE__ */ jsx43(
+              "span",
+              {
+                className: `leading-snug flex-1 ${isInProgress ? "text-yellow-800 dark:text-yellow-200 font-medium" : isCompleted ? "text-muted-foreground line-through" : "text-foreground"}`,
+                children: label
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleRemove(t.id);
+                },
+                className: "shrink-0 p-0.5 rounded opacity-0 group-hover:opacity-60 hover:opacity-100 hover:bg-muted transition-all",
+                title: "Remove",
+                children: /* @__PURE__ */ jsx43(X8, { className: "w-3 h-3 text-muted-foreground" })
+              }
+            )
+          ]
+        },
+        t.id
+      );
+    }) }) })
+  ] });
+}
+
 // src/App.tsx
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+function expectDefined12(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function AppInner() {
   const { theme } = useTheme();
   const { currentView, sidebarOpen, toggleSidebar, setSearchOpen, setSidebarOpen } = useUIStore();
@@ -7823,7 +8027,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);
-  useEffect21(() => {
+  useEffect22(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia("(max-width: 768px)");
     const apply = () => {
@@ -7836,7 +8040,7 @@ function AppInner() {
     return () => mq.removeEventListener("change", apply);
   }, [setSidebarOpen]);
   useWebSocketBootstrap();
-  useEffect21(() => {
+  useEffect22(() => {
     const parts = [];
     if (isLoading) {
       const it = iteration ? ` iter ${iteration.index}${iteration.max ? `/${iteration.max}` : ""}` : "";
@@ -7853,7 +8057,7 @@ function AppInner() {
       document.title = "WrongStack";
     };
   }, [isLoading, iteration, projectName, sessionTitle, nickname]);
-  useEffect21(() => {
+  useEffect22(() => {
     const onKey = (e) => {
       const t = e.target;
       const tag = t?.tagName?.toLowerCase();
@@ -7922,12 +8126,12 @@ function AppInner() {
         }
         if (e.key === "g" && !e.shiftKey) {
           e.preventDefault();
-          focusBubble(bubbles[0]);
+          focusBubble(expectDefined12(bubbles[0]));
           return;
         }
         if (e.key === "G" || e.key === "g" && e.shiftKey) {
           e.preventDefault();
-          focusBubble(bubbles[bubbles.length - 1]);
+          focusBubble(expectDefined12(bubbles[bubbles.length - 1]));
           return;
         }
         if (e.key === "Escape" && current) {
@@ -7949,33 +8153,40 @@ function AppInner() {
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [toggleSidebar, setSearchOpen]);
-  return /* @__PURE__ */ jsxs38("div", { className: cn("flex h-screen", theme), children: [
-    sidebarOpen && /* @__PURE__ */ jsx43(Sidebar, {}),
-    /* @__PURE__ */ jsxs38("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx43(ConnectionBanner, {}),
-      currentView === "chat" && /* @__PURE__ */ jsxs38(Fragment11, { children: [
-        sessionId && /* @__PURE__ */ jsxs38("div", { className: "px-4 pt-2 space-y-2", children: [
-          /* @__PURE__ */ jsx43(CollabPanel, { sessionId }),
-          /* @__PURE__ */ jsx43(FleetPanel, {})
+  return /* @__PURE__ */ jsxs39("div", { className: cn("flex h-screen", theme), children: [
+    sidebarOpen && /* @__PURE__ */ jsx44(Sidebar, {}),
+    /* @__PURE__ */ jsxs39("main", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx44(ConnectionBanner, {}),
+      currentView === "chat" && /* @__PURE__ */ jsxs39(Fragment11, { children: [
+        sessionId && /* @__PURE__ */ jsxs39("div", { className: "px-4 pt-2 space-y-2", children: [
+          /* @__PURE__ */ jsx44(CollabPanel, { sessionId }),
+          /* @__PURE__ */ jsx44(FleetPanel, {}),
+          /* @__PURE__ */ jsx44(TodosPanel, {})
         ] }),
-        /* @__PURE__ */ jsx43(ChatView, {})
+        /* @__PURE__ */ jsx44(ChatView, {})
       ] }),
-      currentView === "settings" && /* @__PURE__ */ jsx43(SettingsPanel, {})
+      currentView === "settings" && /* @__PURE__ */ jsx44(SettingsPanel, {})
     ] }),
-    /* @__PURE__ */ jsx43(ConfirmDialog, {}),
-    /* @__PURE__ */ jsx43(CommandPalette, {}),
-    /* @__PURE__ */ jsx43(ShortcutsOverlay, {}),
-    /* @__PURE__ */ jsx43(QuickModelSwitcher, {}),
-    /* @__PURE__ */ jsx43(Toaster, {})
+    /* @__PURE__ */ jsx44(ConfirmDialog, {}),
+    /* @__PURE__ */ jsx44(CommandPalette, {}),
+    /* @__PURE__ */ jsx44(ShortcutsOverlay, {}),
+    /* @__PURE__ */ jsx44(QuickModelSwitcher, {}),
+    /* @__PURE__ */ jsx44(Toaster, {})
   ] });
 }
 function App() {
-  return /* @__PURE__ */ jsx43(ErrorBoundary, { children: /* @__PURE__ */ jsx43(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx43(AppInner, {}) }) });
+  return /* @__PURE__ */ jsx44(ErrorBoundary, { children: /* @__PURE__ */ jsx44(ThemeProvider, { defaultTheme: "system", children: /* @__PURE__ */ jsx44(AppInner, {}) }) });
 }
 
 // src/main.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
-ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsx44(React6.StrictMode, { children: /* @__PURE__ */ jsx44(App, {}) })
+import { jsx as jsx45 } from "react/jsx-runtime";
+function expectDefined13(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
+ReactDOM.createRoot(expectDefined13(document.getElementById("root"))).render(
+  /* @__PURE__ */ jsx45(React6.StrictMode, { children: /* @__PURE__ */ jsx45(App, {}) })
 );
 //# sourceMappingURL=index.js.map