@wrongstack/tui 0.68.0 → 0.77.0

package/dist/index.js

@@ -1,12 +1,11 @@
-import { Readable } from 'stream';
-import { writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, buildChildEnv } from '@wrongstack/core';
+import { writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
 import { Box, Text, render, useApp, useStdout, measureElement, Static, useInput, useStdin } from 'ink';
 import React6, { useState, useEffect, useReducer, useRef, useMemo, useCallback, useLayoutEffect } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
-import { getProcessRegistry } from '@wrongstack/tools';
+import { getIndexState, onIndexStateChange, getProcessRegistry } from '@wrongstack/tools';
 import { readClipboardImage } from '@wrongstack/runtime/clipboard';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { spawn } from 'child_process';
@@ -35,8 +34,28 @@ var theme = Object.freeze({
   diffAddBg: "greenBright",
   diffDelBg: "redBright"
 });
+var MODE_ICONS = {
+  teach: "\u{1F9D1}\u200D\u{1F3EB}",
+  brief: "\u26A1",
+  "code-reviewer": "\u{1F50D}",
+  "bug-hunter": "\u{1F41B}",
+  "security-scanner": "\u{1F6E1}\uFE0F",
+  "refactor-planner": "\u{1F527}",
+  architect: "\u{1F3D7}\uFE0F",
+  debugger: "\u{1FAB2}",
+  test: "\u{1F9EA}",
+  document: "\u{1F4DD}",
+  "skill-creator": "\u{1F6E0}\uFE0F"
+};
+function modeIcon(label) {
+  if (!label) return "";
+  const icon = MODE_ICONS[label] ?? "\u25AA";
+  return `${icon} ${label}`;
+}
 var COMPACT_THRESHOLD = 50;
 var COMFORTABLE_THRESHOLD = 90;
+var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var SPINNER_INTERVAL_MS = 130;
 function StatusBar({
   model,
   version,
@@ -59,7 +78,9 @@ function StatusBar({
   processCount,
   hiddenItems,
   eternalStage,
-  goalSummary
+  goalSummary,
+  indexState,
+  modeLabel
 }) {
   const { stdout } = useStdout();
   const [termWidth, setTermWidth] = useState(stdout?.columns ?? 90);
@@ -77,8 +98,19 @@ function StatusBar({
   const usage = tokenCounter?.total();
   const cost = tokenCounter?.estimateCost();
   const cache2 = tokenCounter?.cacheStats();
+  const [spinnerIdx, setSpinnerIdx] = useState(0);
+  useEffect(() => {
+    if (state === "idle" || state === "aborting") return;
+    const t = setInterval(
+      () => setSpinnerIdx((n) => (n + 1) % SPINNER_FRAMES.length),
+      SPINNER_INTERVAL_MS
+    );
+    return () => clearInterval(t);
+  }, [state]);
+  const spinner = SPINNER_FRAMES[spinnerIdx];
   const { label: stateLabel, color: stateColor } = stateChip(state, fleet?.running ?? 0);
-  const hasSecondLine = yolo || autonomy && autonomy !== "off" || elapsedMs !== void 0 || git !== null && git !== void 0 || projectName !== void 0 && projectName.length > 0 || goalSummary !== null && goalSummary !== void 0;
+  const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
+  const hasSecondLine = yolo || autonomy && autonomy !== "off" || elapsedMs !== void 0 || git !== null && git !== void 0 || projectName !== void 0 && projectName.length > 0 || goalSummary !== null && goalSummary !== void 0 || !!modeLabel;
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
   const hasBrainActivity = !!brain && brain.state !== "idle";
   const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity || hasBrainActivity;
@@ -97,7 +129,7 @@ function StatusBar({
           // Ultra-compact: state · model
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
-              "\u25CF",
+              statePrefix,
               stateLabel
             ] }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
@@ -117,7 +149,8 @@ function StatusBar({
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" })
             ] }) : null,
             /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
-              "\u25CF ",
+              statePrefix,
+              " ",
               stateLabel
             ] }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
@@ -171,6 +204,15 @@ function StatusBar({
             hint ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint })
+            ] }) : null,
+            indexState && indexState.indexing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+              /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+                "\u2699 indexing ",
+                indexState.currentFile,
+                "/",
+                indexState.totalFiles
+              ] })
             ] }) : null
           ] })
         ) }),
@@ -228,6 +270,10 @@ function StatusBar({
               }
             )
           ] }) : null,
+          modeLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            yolo || autonomy && autonomy !== "off" || eternalStage || elapsedMs !== void 0 || projectName || goalSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: modeIcon(modeLabel) })
+          ] }) : null,
           git ? /* @__PURE__ */ jsxs(Fragment, { children: [
             yolo || elapsedMs !== void 0 || projectName ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
             /* @__PURE__ */ jsxs(Text, { children: [
@@ -249,7 +295,7 @@ function StatusBar({
               ] }) : null
             ] })
           ] }) : null
-        ] }) : null,
+        ] }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
         hasThirdLine ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
           todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) ? /* @__PURE__ */ jsxs(Text, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "todos " }),
@@ -323,7 +369,7 @@ function StatusBar({
             todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
             /* @__PURE__ */ jsx(BrainChip, { brain })
           ] }) : null
-        ] }) : null,
+        ] }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
         fleetAgents && fleetAgents.length > 0 ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: fleetAgents.map((a, i) => (
           // biome-ignore lint/suspicious/noArrayIndexKey: agent list is stable per render
           /* @__PURE__ */ jsxs(Text, { children: [
@@ -349,7 +395,7 @@ function StatusBar({
               ] })
             ] }) : null
           ] }, i)
-        )) }) : null
+        )) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
       ]
     }
   );
@@ -450,28 +496,6 @@ function ContextChip({ ctx }) {
     ] })
   ] });
 }
-var SB_GAP = 2;
-var SB_PADX = 1;
-function statusBarModelSpan(opts) {
-  let col = SB_PADX;
-  if (opts.version) {
-    col += `WS v${opts.version}`.length + SB_GAP;
-    col += 1 + SB_GAP;
-  }
-  const { label } = stateChip(opts.state, opts.fleetRunning ?? 0);
-  col += 2 + label.length + SB_GAP;
-  col += 1 + SB_GAP;
-  return { start: col, len: opts.model.length };
-}
-function statusBarAutonomySpan(opts) {
-  if (!opts.autonomy || opts.autonomy === "off") return null;
-  let col = SB_PADX;
-  if (opts.yolo) {
-    col += "\u26A0 YOLO".length + SB_GAP;
-    col += 1 + SB_GAP;
-  }
-  return { start: col, len: 2 + opts.autonomy.toUpperCase().length };
-}
 function stateChip(state, fleetRunning) {
   if (state === "idle" && fleetRunning > 0) {
     return { label: `agents \u25B6${fleetRunning}`, color: "magenta" };
@@ -802,10 +826,12 @@ function ContextBar({
 function AgentsMonitor({
   entries,
   totalCost,
+  leaderCost = 0,
   totalTokens,
   nowTick
 }) {
   const all = Object.values(entries);
+  const grandCost = leaderCost + totalCost;
   const live = selectLiveAgents(all, nowTick);
   const running = live.filter((e) => e.status === "running").length;
   const totalDone = all.filter((e) => e.status === "success").length;
@@ -847,9 +873,17 @@ function AgentsMonitor({
         fmtTokens2(totalTokens.output),
         "\u2193"
       ] }) : null,
-      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "total" }),
+      /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
         "$",
-        totalCost.toFixed(3)
+        grandCost.toFixed(3)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "(leader $",
+        leaderCost.toFixed(3),
+        " \xB7 fleet $",
+        totalCost.toFixed(3),
+        ")"
       ] }),
       hiddenIdle > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "\xB7 ",
@@ -892,6 +926,10 @@ function AgentsMonitor({
           e.extensions && e.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
             "\u26A1\xD7",
             e.extensions
+          ] }) : null,
+          e.cost > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+            "$",
+            e.cost.toFixed(3)
           ] }) : null
         ] }),
         e.status === "running" && e.currentTool ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingLeft: 2, children: [
@@ -977,7 +1015,7 @@ function AutonomyPicker({
   selected,
   hint
 }) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Autonomy Mode \u2501\u2501" }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
     options.map((opt, i) => /* @__PURE__ */ jsxs(
@@ -1100,7 +1138,7 @@ function CheckpointTimeline({
       onConfirm(selected);
     }
   });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
     /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
       /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "\u27F2 Session Rewind" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2014 \u2191/\u2193 navigate \xB7 Enter rewind \xB7 Esc cancel" })
@@ -1140,16 +1178,6 @@ function buttonLabels(suggestedPattern) {
     { decision: "deny", bracket: "[d]", rest: "eny" }
   ];
 }
-function confirmButtonSegments(suggestedPattern) {
-  const out = [];
-  let col = 0;
-  for (const l of buttonLabels(suggestedPattern)) {
-    const len = l.bracket.length + l.rest.length;
-    out.push({ decision: l.decision, start: col, len });
-    col += len;
-  }
-  return out;
-}
 function stringifyInput(input) {
   if (!input || typeof input !== "object") return "";
   const obj = input;
@@ -1215,15 +1243,76 @@ function ConfirmPrompt({
     ] }, l.decision)) }) })
   ] });
 }
+function EnhancePanel({
+  original,
+  refined,
+  delayMs,
+  onDecision
+}) {
+  const totalSecs = Math.max(1, Math.ceil(delayMs / 1e3));
+  const [remaining, setRemaining] = React6.useState(totalSecs);
+  const decideRef = React6.useRef(onDecision);
+  decideRef.current = onDecision;
+  React6.useEffect(() => {
+    const id = setInterval(() => {
+      setRemaining((r) => {
+        if (r <= 1) {
+          clearInterval(id);
+          decideRef.current("refined");
+          return 0;
+        }
+        return r - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(id);
+  }, []);
+  useInput((input, key) => {
+    if (key.return) {
+      onDecision("refined");
+    } else if (key.escape) {
+      onDecision("original");
+    } else if (input?.toLowerCase() === "e") {
+      onDecision("edit");
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "\u2728 Refined request" }),
+      /* @__PURE__ */ jsx(Text, { children: " " }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u2014 sending in ",
+        remaining,
+        "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "original: " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: original })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", children: "refined:  " }),
+      /* @__PURE__ */ jsx(Text, { color: "white", children: refined })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[Enter]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " send \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "[Esc]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " use original \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[e]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "dit" })
+    ] }) })
+  ] });
+}
 function FilePicker({ query, matches, selected }) {
   if (matches.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "@",
       query,
       " \u2014 no matches"
     ] }) });
   }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "@",
       query || "\u2026",
@@ -1306,13 +1395,6 @@ function FleetPanel({
 function helpSections(opts) {
   const nav = [];
   if (opts.managed) nav.push({ keys: "PgUp/PgDn", desc: "scroll chat history" });
-  if (opts.mouse)
-    nav.push(
-      { keys: "wheel", desc: "scroll chat history" },
-      { keys: "drag scrollbar", desc: "scrub to any position" },
-      { keys: "click input", desc: "move the caret" },
-      { keys: "click", desc: "select / confirm" }
-    );
   nav.push(
     { keys: "\u2191/\u2193", desc: "previous / next input (empty prompt)" },
     { keys: "?", desc: "open this help (empty prompt)" }
@@ -1325,6 +1407,9 @@ function helpSections(opts) {
         { keys: "Ctrl+F / F2", desc: "fleet orchestration monitor" },
         { keys: "Ctrl+G / F3", desc: "agents live monitor" },
         { keys: "Ctrl+T / F4", desc: "worktree monitor" },
+        { keys: "F5", desc: "autonomy settings (also Ctrl+S)" },
+        { keys: "F6", desc: "todos monitor overlay" },
+        { keys: "F7", desc: "queue panel" },
         { keys: "Esc", desc: "close the open monitor / overlay" }
       ]
     },
@@ -1353,10 +1438,9 @@ function helpSections(opts) {
   ];
 }
 function HelpOverlay({
-  managed,
-  mouse
+  managed
 }) {
-  const sections = helpSections({ managed, mouse });
+  const sections = helpSections({ managed });
   const keyWidth = Math.max(...sections.flatMap((s2) => s2.entries.map((e) => e.keys.length)), 0);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -1901,8 +1985,9 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
   for (const row of allRows) {
     for (let c = 0; c < cols; c++) {
       const cell = row[c] ?? "";
-      const w = longestWord(cell);
-      const total = strWidth(cell);
+      const stripped = stripInlineMarkers(cell);
+      const w = longestWord(stripped);
+      const total = strWidth(stripped);
       natural[c] = Math.max(natural[c], w, total);
     }
   }
@@ -1935,11 +2020,77 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
   return widths;
 }
 var MIN_COL_WIDTH = 4;
+var LIGATURE_PAIRS = [
+  ["-", ">"],
+  // →  arrow
+  ["<", "-"],
+  // ←
+  ["=", ">"],
+  // ⇒
+  ["<", "="],
+  // ≤
+  [">", "="],
+  // ≥
+  ["!", "="],
+  // ≠
+  ["=", "="],
+  // equality (some fonts)
+  ["~", ">"],
+  // ⇝
+  ["<", "~"]
+  // ⇜
+];
+var ZWSP = "\u200B";
+function breakLigatures(text) {
+  if (!/[-<=>!~]/.test(text)) return text;
+  let result = "";
+  for (let i = 0; i < text.length; i++) {
+    result += text[i];
+    if (i + 1 >= text.length) break;
+    for (const [a, b] of LIGATURE_PAIRS) {
+      if (text[i] === a && text[i + 1] === b) {
+        result += ZWSP;
+        break;
+      }
+    }
+  }
+  return result;
+}
 function strWidth(s2) {
   let width = 0;
-  for (const cp of s2) {
-    const code = cp.codePointAt(0);
+  const len = s2.length;
+  let i = 0;
+  while (i < len) {
+    if (s2[i] === "\x1B" && i + 1 < len && s2[i + 1] === "[") {
+      i += 2;
+      while (i < len && s2[i] !== "m") i++;
+      if (i < len) i++;
+      continue;
+    }
+    const code = s2.codePointAt(i);
+    const cpLen = code > 65535 ? 2 : 1;
+    if (code === 8205 || // ZWJ — Zero Width Joiner (emoji sequences)
+    code === 8203 || // ZWSP — Zero Width Space
+    code === 8204 || // ZWNJ — Zero Width Non-Joiner
+    code === 8206 || // LRM — Left-to-Right Mark
+    code === 8207 || // RLM — Right-to-Left Mark
+    code === 8288 || // WJ — Word Joiner
+    code === 65279 || // BOM / ZWNBSP
+    code >= 65024 && code <= 65039 || // Variation Selectors 1–16
+    code >= 917760 && code <= 917999) {
+      i += cpLen;
+      continue;
+    }
     if (code < 32 || code >= 127 && code < 160) {
+      i += cpLen;
+      continue;
+    }
+    if (code >= 768 && code <= 879 || // Combining Diacritical Marks
+    code >= 6832 && code <= 6911 || // Combining Diacritical Marks Extended
+    code >= 7616 && code <= 7679 || // Combining Diacritical Marks Supplement
+    code >= 8400 && code <= 8447 || // Combining Diacritical Marks for Symbols
+    code >= 65056 && code <= 65071) {
+      i += cpLen;
       continue;
     }
     if (code >= 126976 || // Supplementary Pictographs (U+1F000-U+1FFFF)
@@ -1952,11 +2103,11 @@ function strWidth(s2) {
     code >= 9664 && code <= 9726 || // More Geometric Shapes (includes ▶)
     code >= 9984 && code <= 10175) {
       width += 2;
+      i += cpLen;
       continue;
     }
     if (code >= 4352 && code <= 4447 || // Hangul Jamo
-    code === 9001 || // LEFT-POINTING ANGLE BRACKET
-    code === 9002 || // RIGHT-POINTING ANGLE BRACKET
+    code === 9001 || code === 9002 || // Angle brackets
     code >= 11904 && code <= 12350 || // CJK Radicals Supplement
     code >= 12352 && code <= 42191 || // Hiragana, Katakana, CJK
     code >= 44032 && code <= 55203 || // Hangul Syllables
@@ -1968,9 +2119,11 @@ function strWidth(s2) {
     code >= 131072 && code <= 196605 || // CJK Extension B+
     code >= 196608 && code <= 262141) {
       width += 2;
+      i += cpLen;
       continue;
     }
     width += 1;
+    i += cpLen;
   }
   return width;
 }
@@ -1985,8 +2138,22 @@ function longestWord(s2) {
 function border(left, mid, right, widths) {
   return left + widths.map((w) => "\u2500".repeat(w + 2)).join(mid) + right;
 }
+function stripInlineMarkers(text) {
+  return text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "$1").replace(/`(.+?)`/g, "$1").replace(/~~(.+?)~~/g, "$1");
+}
+var ANSI_BOLD = "\x1B[1m";
+var ANSI_RESET = "\x1B[22m";
+var ANSI_DIM = "\x1B[2m";
+var ANSI_CYAN = "\x1B[36m";
+var ANSI_STRIKE = "\x1B[9m";
+var ANSI_RESET_ALL = "\x1B[0m";
+function applyInlineAnsi(text) {
+  return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
+}
 function renderRow(cells, widths, aligns) {
-  const wrapped = cells.map((c, i) => wrapCell(c, widths[i] ?? MIN_COL_WIDTH));
+  const styled = cells.map((c) => applyInlineAnsi(c));
+  const safe = styled.map((c) => breakLigatures(c));
+  const wrapped = safe.map((c, i) => wrapCell(c, widths[i] ?? MIN_COL_WIDTH));
   const height = Math.max(1, ...wrapped.map((w) => w.length));
   const out = [];
   for (let line = 0; line < height; line++) {
@@ -3435,52 +3602,6 @@ function layoutInputRows(prompt, value, cursor, width) {
   if (row.length > 0 || rows.length === 0) rows.push(row);
   return rows;
 }
-function inputIndexAtRowCol(prompt, value, width, row, col) {
-  const w = Math.max(1, Math.floor(width));
-  const flat = [];
-  for (let i = 0; i < prompt.length; i++) flat.push({ ch: prompt[i], buf: -1 });
-  for (let i = 0; i < value.length; i++) flat.push({ ch: value[i], buf: i });
-  const rows = [];
-  const starts = [];
-  let cur = [];
-  let curStart = 0;
-  for (const cell of flat) {
-    if (cell.ch === "\n") {
-      rows.push(cur);
-      starts.push(curStart);
-      cur = [];
-      curStart = cell.buf + 1;
-      continue;
-    }
-    if (cur.length === 0 && cell.buf >= 0) curStart = cell.buf;
-    cur.push({ buf: cell.buf });
-    if (cur.length >= w) {
-      rows.push(cur);
-      starts.push(curStart);
-      cur = [];
-      curStart = -1;
-    }
-  }
-  if (cur.length > 0 || rows.length === 0) {
-    rows.push(cur);
-    starts.push(curStart);
-  }
-  const clamp = (n) => Math.max(0, Math.min(value.length, n));
-  if (row < 0) return 0;
-  if (row >= rows.length) return value.length;
-  const r = rows[row];
-  const c = Math.max(0, col);
-  if (c < r.length) {
-    const b = r[c].buf;
-    return b < 0 ? 0 : clamp(b);
-  }
-  for (let k = r.length - 1; k >= 0; k--) {
-    const b = r[k].buf;
-    if (b >= 0) return clamp(b + 1);
-  }
-  const start = starts[row];
-  return clamp(start !== void 0 && start >= 0 ? start : value.length);
-}
 function renderRow2(cells, rowKey, promptColor) {
   const out = [];
   let run = "";
@@ -3529,6 +3650,11 @@ function isHomeEnd(data) {
     return "end";
   return null;
 }
+function isBackspaceOrDelete(data) {
+  if (data === "\x7F" || data === "\b") return "backspace";
+  if (data === "\x1B[3~") return "delete";
+  return null;
+}
 var EMPTY_KEY = {
   upArrow: false,
   downArrow: false,
@@ -3564,15 +3690,24 @@ function Input({
     if (!stdin || disabled) return;
     const handleData = (data) => {
       const s2 = data.toString();
-      const kind = isHomeEnd(s2);
-      if (kind === "home") {
+      const homeEnd = isHomeEnd(s2);
+      if (homeEnd === "home") {
         onKey("", { ...EMPTY_KEY, home: true });
         return;
       }
-      if (kind === "end") {
+      if (homeEnd === "end") {
         onKey("", { ...EMPTY_KEY, end: true });
         return;
       }
+      const bsdel = isBackspaceOrDelete(s2);
+      if (bsdel === "backspace") {
+        onKey("", { ...EMPTY_KEY, backspace: true });
+        return;
+      }
+      if (bsdel === "delete") {
+        onKey("", { ...EMPTY_KEY, delete: true });
+        return;
+      }
       const fn = fnKey(s2);
       if (fn !== null) onKey("", { ...EMPTY_KEY, fn });
     };
@@ -3620,8 +3755,7 @@ function hintsFor(ctx) {
     return [
       { key: "\u2191\u2193", label: "move" },
       { key: "\u21B5", label: "select" },
-      { key: "Esc", label: "cancel" },
-      ...ctx.mouse ? [{ key: "click", label: "pick" }] : []
+      { key: "Esc", label: "cancel" }
     ];
   }
   if (ctx.monitor) {
@@ -3629,12 +3763,12 @@ function hintsFor(ctx) {
       { key: "Esc", label: "close" },
       { key: "^F", label: "fleet" },
       { key: "^G", label: "agents" },
-      { key: "^T", label: "worktrees" }
+      { key: "^T", label: "worktrees" },
+      { key: "F6", label: "todos" }
     ];
   }
   const base = [{ key: "?", label: "help" }];
-  if (ctx.managed) base.push({ key: "PgUp/PgDn", label: "scroll" });
-  if (ctx.mouse) base.push({ key: "wheel", label: "scroll" }, { key: "click", label: "select" });
+  if (ctx.managed) base.push({ key: "PgUp/PgDn", label: "scroll" }, { key: "F5", label: "Settings" });
   base.push({ key: "^G", label: "agents" }, { key: "^C", label: "stop" });
   return base;
 }
@@ -3680,7 +3814,10 @@ var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
   maxRows = 4
 }) {
   const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt).slice(0, maxRows);
-  if (running.length === 0) return null;
+  if (running.length === 0) {
+    if (Object.keys(entries).length === 0) return null;
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: Array.from({ length: maxRows }, (_, i) => /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }, `empty-${i}`)) });
+  }
   const now = Date.now();
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
     running.map((e) => {
@@ -3750,7 +3887,7 @@ function ModelPicker({
   hint
 }) {
   if (step === "provider") {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
       /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Switch model \u2014 Step 1/2: Pick provider \u2501\u2501" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
       providerOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no providers with keys \u2014 add one via `wstack auth`)" }) : providerOptions.map((p, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
@@ -3775,7 +3912,7 @@ function ModelPicker({
   const { start, end } = getVisibleWindow(selected, total);
   const visibleItems = filteredOptions.slice(start, end);
   const searchHint = searchQuery ? ` | filter:"${searchQuery}" \u2192 ${total} match${total === 1 ? "" : "es"}` : total > MAX_VISIBLE ? ` (${total} models \u2014 type to filter)` : "";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Text, { color: "cyan", bold: true, children: [
       "\u2501\u2501 Switch model \u2014 Step 2/2: Pick model ",
       "(",
@@ -3990,6 +4127,52 @@ function PhasePanel({ phases, nowTick }) {
     }
   );
 }
+function QueuePanel({ items }) {
+  const { stdout } = useStdout();
+  const w = stdout?.columns ?? 80;
+  const h = stdout?.rows ?? 24;
+  const avail = Math.max(10, Math.floor(w * 0.3) - 4);
+  const labelMax = Math.max(4, avail - 7);
+  const trunc = (s2) => {
+    if (s2.length <= labelMax) return s2;
+    return s2.slice(0, labelMax - 1) + "\u2026";
+  };
+  const OVERHEAD = 7;
+  const maxVisible = Math.max(4, h - OVERHEAD);
+  const visible = items.slice(0, maxVisible);
+  const overflow = items.length - visible.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "QUEUE" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: items.length }),
+      overflow > 0 ? /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+        "+",
+        overflow
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 F7 / Esc to close" })
+    ] }) }),
+    items.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No queued messages" }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      visible.map((item, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexShrink: 0, children: [
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          String(i + 1).padStart(2),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " ",
+          trunc(item.displayText)
+        ] })
+      ] }, item.id)),
+      overflow > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexShrink: 0, marginTop: 0, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2026" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " +",
+          overflow,
+          " more"
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
 var MAX_MOUNTED = 500;
 function scrollbarThumb(rows, offset, total) {
   const scrollable = total > rows;
@@ -4000,13 +4183,6 @@ function scrollbarThumb(rows, offset, total) {
   const top = Math.max(0, Math.min(rawTop, rows - size));
   return { top, size, scrollable: true };
 }
-function scrollOffsetForTrackRow(rows, total, cell) {
-  if (total <= rows) return 0;
-  const maxOffset = total - rows;
-  const clampedCell = Math.max(0, Math.min(rows - 1, cell));
-  const windowTop = Math.round(clampedCell / Math.max(1, rows - 1) * maxOffset);
-  return Math.max(0, Math.min(maxOffset, maxOffset - windowTop));
-}
 function Scrollbar({
   rows,
   offset,
@@ -4034,17 +4210,12 @@ function ScrollableHistory({
   scrollOffset,
   viewportRows,
   totalLines,
-  onMeasure
+  onMeasure,
+  maxWidth
 }) {
   const { stdout } = useStdout();
-  const [termWidth, setTermWidth] = useState(stdout?.columns ?? 80);
-  useEffect(() => {
-    const onResize = () => setTermWidth(stdout?.columns ?? 80);
-    process.stdout.on("resize", onResize);
-    return () => {
-      process.stdout.off("resize", onResize);
-    };
-  }, [stdout]);
+  const rawWidth = stdout?.columns ?? 80;
+  const termWidth = maxWidth ? Math.min(rawWidth, maxWidth) : rawWidth;
   const tail = streamingText ? tailForDisplay(streamingText, MAX_STREAM_DISPLAY_CHARS) : "";
   const toolTail = toolStream?.text ? tailForDisplay(toolStream.text, MAX_STREAM_DISPLAY_CHARS) : "";
   const hiddenCount = Math.max(0, entries.length - MAX_MOUNTED);
@@ -4100,46 +4271,221 @@ function ScrollableHistory({
 }
 var DELAY_PRESETS_MS = [0, 15e3, 3e4, 45e3, 6e4, 12e4];
 var SETTINGS_MODES = ["off", "suggest", "auto"];
+var LOG_LEVELS = ["error", "warn", "info", "debug", "trace"];
+var AUDIT_LEVELS = ["minimal", "standard", "full"];
+var COMPACTOR_STRATEGIES = ["hybrid", "intelligent", "selective"];
+var MAX_ITERATIONS_PRESETS = [100, 200, 500, 1e3, 0];
 function formatSettingsDelay(ms) {
   if (ms === 0) return "disabled";
   if (ms >= 6e4) return `${Math.round(ms / 6e4)}m`;
   return `${Math.round(ms / 1e3)}s`;
 }
+function formatMaxIterations(n) {
+  if (n === 0) return "unlimited";
+  return String(n);
+}
 var MODE_DESC = {
   off: "Agent stops after each turn (normal)",
   suggest: "Shows next-step suggestions after each turn",
   auto: "Self-driving \u2014 agent continues automatically"
 };
+var SETTINGS_FIELD_COUNT = 19;
 function SettingsPicker({
   field,
   mode,
   delayMs,
+  titleAnimation,
+  yolo,
+  streamFleet,
+  chime,
+  confirmExit,
+  nextPrediction,
+  featureMcp,
+  featurePlugins,
+  featureMemory,
+  featureSkills,
+  featureModelsRegistry,
+  contextAutoCompact,
+  contextStrategy,
+  logLevel,
+  auditLevel,
+  indexOnStart,
+  maxIterations,
   hint
 }) {
+  const boolVal = (v) => v ? "on" : "off";
   const rows = [
+    // ── Autonomy ──
+    { section: "Autonomy" },
     { label: "Default autonomy mode", value: mode, detail: MODE_DESC[mode] },
     {
       label: "Auto-proceed delay",
       value: formatSettingsDelay(delayMs),
       detail: "Wait before auto-continuing in auto mode"
+    },
+    // ── UX ──
+    { section: "UX" },
+    {
+      label: "Terminal title animation",
+      value: boolVal(titleAnimation),
+      detail: "Animated window/tab title with status"
+    },
+    {
+      label: "YOLO mode",
+      value: boolVal(yolo),
+      detail: "Skip all confirmation prompts"
+    },
+    {
+      label: "Stream fleet to chat",
+      value: boolVal(streamFleet),
+      detail: "Show subagent messages in main chat"
+    },
+    {
+      label: "Completion chime",
+      value: boolVal(chime),
+      detail: "Play a sound when agent finishes"
+    },
+    {
+      label: "Confirm before exit",
+      value: boolVal(confirmExit),
+      detail: "Ask for confirmation on Ctrl+C exit"
+    },
+    {
+      label: "Next-step prediction",
+      value: boolVal(nextPrediction),
+      detail: "Show LLM-predicted next steps (/next)"
+    },
+    // ── Features ──
+    { section: "Features" },
+    {
+      label: "MCP servers",
+      value: boolVal(featureMcp),
+      detail: "Load MCP servers from config"
+    },
+    {
+      label: "Plugins",
+      value: boolVal(featurePlugins),
+      detail: "Load npm plugins from config"
+    },
+    {
+      label: "Memory",
+      value: boolVal(featureMemory),
+      detail: "Enable remember/forget tools"
+    },
+    {
+      label: "Skills",
+      value: boolVal(featureSkills),
+      detail: "Discover and load skills from disk"
+    },
+    {
+      label: "Models registry",
+      value: boolVal(featureModelsRegistry),
+      detail: "Fetch models.dev catalog at startup"
+    },
+    // ── Context ──
+    { section: "Context" },
+    {
+      label: "Auto-compact",
+      value: boolVal(contextAutoCompact),
+      detail: "Auto-compact context when thresholds crossed"
+    },
+    {
+      label: "Compactor strategy",
+      value: contextStrategy,
+      detail: "hybrid (fast) | intelligent (LLM) | selective"
+    },
+    // ── Logging ──
+    { section: "Logging" },
+    {
+      label: "Log level",
+      value: logLevel,
+      detail: "Console log verbosity"
+    },
+    // ── Session ──
+    { section: "Session" },
+    {
+      label: "Audit level",
+      value: auditLevel,
+      detail: "minimal | standard | full (large)"
+    },
+    // ── Indexing ──
+    { section: "Indexing" },
+    {
+      label: "Index on session start",
+      value: boolVal(indexOnStart),
+      detail: "Run incremental index at session start"
+    },
+    // ── Tools ──
+    { section: "Tools" },
+    {
+      label: "Max iterations",
+      value: formatMaxIterations(maxIterations),
+      detail: "100\u20131000 or unlimited (0)"
     }
   ];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+  const fieldRowIndex = [];
+  for (let i = 0; i < rows.length; i++) {
+    if (!rows[i].section) fieldRowIndex.push(i);
+  }
+  const VISIBLE_FIELDS = 8;
+  const totalFields = fieldRowIndex.length;
+  const windowStart = totalFields <= VISIBLE_FIELDS ? 0 : Math.max(0, Math.min(field - Math.floor(VISIBLE_FIELDS / 2), totalFields - VISIBLE_FIELDS));
+  const windowEnd = Math.min(windowStart + VISIBLE_FIELDS, totalFields);
+  const hasAbove = windowStart > 0;
+  const hasBelow = windowEnd < totalFields;
+  const sectionFields = [];
+  let curHeader = -1;
+  for (let i = 0; i < rows.length; i++) {
+    if (rows[i].section) curHeader = i;
+    else if (curHeader >= 0) {
+      const fieldIdx = fieldRowIndex.indexOf(i);
+      if (fieldIdx === -1) continue;
+      const entry = sectionFields.find((s2) => s2.headerIdx === curHeader);
+      if (entry) {
+        entry.fieldEnd = fieldIdx + 1;
+      } else {
+        sectionFields.push({ headerIdx: curHeader, fieldStart: fieldIdx, fieldEnd: fieldIdx + 1 });
+      }
+    }
+  }
+  const shouldShowSection = (headerIdx) => {
+    const sec = sectionFields.find((s2) => s2.headerIdx === headerIdx);
+    if (!sec) return false;
+    return sec.fieldStart < windowEnd && sec.fieldEnd > windowStart;
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Settings \u2501\u2501" }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 Enter save \xB7 Esc cancel" }),
-    rows.map((row, i) => /* @__PURE__ */ jsxs(Text, { color: i === field ? "yellow" : void 0, inverse: i === field, children: [
-      i === field ? "\u203A " : "  ",
-      /* @__PURE__ */ jsx(Text, { bold: true, children: row.label.padEnd(22) }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: String(row.value).padEnd(10) }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: row.detail })
-    ] }, row.label)),
+    hasAbove ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${windowStart} field${windowStart === 1 ? "" : "s"} above` }) : null,
+    rows.map((row, i) => {
+      const fieldAtRow = fieldRowIndex.indexOf(i);
+      if (fieldAtRow === -1) {
+        if (shouldShowSection(i)) {
+          return /* @__PURE__ */ jsxs(Text, { bold: true, color: "green", children: [
+            "\u2500\u2500 ",
+            row.section,
+            " \u2500\u2500"
+          ] }, `section-${i}`);
+        }
+        return null;
+      }
+      if (fieldAtRow < windowStart || fieldAtRow >= windowEnd) return null;
+      const selected = fieldAtRow === field;
+      return /* @__PURE__ */ jsxs(Text, { color: selected ? "yellow" : void 0, inverse: selected, children: [
+        selected ? "\u203A " : "  ",
+        /* @__PURE__ */ jsx(Text, { bold: true, children: (row.label ?? "").padEnd(26) }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: String(row.value ?? "").padEnd(12) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: row.detail ?? "" })
+      ] }, `row-${i}`);
+    }),
+    hasBelow ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${totalFields - windowEnd} field${totalFields - windowEnd === 1 ? "" : "s"} below` }) : null,
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Persisted to ~/.wrongstack/config.json" }),
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
 function SlashMenu({ query, matches, selected }) {
   const placeholder = query ? `/${query}` : "/";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       placeholder || "/",
       " \u2014 \u2191/\u2193 select, Enter dispatch, Tab autocomplete, Esc close"
@@ -4159,6 +4505,110 @@ function SlashMenu({ query, matches, selected }) {
     matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
   ] });
 }
+function TodosMonitor({ todos }) {
+  const { stdout } = useStdout();
+  useInput((_input, key) => {
+    if (key.escape) ;
+  });
+  const done = todos.filter((t) => t.status === "completed").length;
+  const inProgress = todos.filter((t) => t.status === "in_progress").length;
+  const pending = todos.filter((t) => t.status === "pending").length;
+  const w = stdout?.columns ?? 80;
+  const twoCols = w >= 100;
+  const mid = Math.ceil(todos.length / 2);
+  const colWidth = twoCols ? Math.floor((w - 8) / 2) : w - 6;
+  const trunc = (text, maxLen) => {
+    if (text.length <= maxLen) return text;
+    return text.slice(0, maxLen - 1) + "\u2026";
+  };
+  const renderRow3 = (t, idx) => {
+    const num = String(idx + 1).padStart(2);
+    const label = t.status === "in_progress" && t.activeForm ? t.activeForm : t.content;
+    const display = trunc(label, colWidth - 8);
+    if (t.status === "completed") {
+      return /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "  ",
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          num,
+          "."
+        ] }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: "green", children: "[x]" }),
+        " ",
+        display
+      ] }, t.id);
+    }
+    if (t.status === "in_progress") {
+      return /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          num,
+          "."
+        ] }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "[~]" }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: "yellow", children: display })
+      ] }, t.id);
+    }
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      "  ",
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        num,
+        "."
+      ] }),
+      " ",
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[ ]" }),
+      " ",
+      display
+    ] }, t.id);
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "TODOS" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        done,
+        "/",
+        todos.length,
+        " done"
+      ] }),
+      inProgress > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+          "\u231B",
+          inProgress
+        ] })
+      ] }) : null,
+      pending > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "\u2610",
+          pending
+        ] })
+      ] }) : null,
+      done > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+          "\u2713",
+          done
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 F6 / Esc to close" })
+    ] }),
+    todos.length === 0 ? /* @__PURE__ */ jsx(Box, { marginY: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No todos. The agent will create them as it plans work." }) }) : twoCols ? (
+      /* Two-column layout: split the list in half, render side-by-side.
+         Pass the absolute position so numbering is continuous across columns. */
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: colWidth, children: todos.slice(0, mid).map((t, i) => renderRow3(t, i)) }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: colWidth, children: todos.slice(mid).map((t, i) => renderRow3(t, mid + i)) })
+      ] })
+    ) : (
+      /* Single column layout */
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: todos.map(renderRow3) })
+    )
+  ] });
+}
 var fmtElapsed5 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
@@ -4491,6 +4941,34 @@ function runGit(cwd, args) {
     }
   });
 }
+function useBrainEvents(events, dispatch) {
+  useEffect(() => {
+    const requestSummary = (request) => `${request.source}: ${request.question}`.slice(0, 80);
+    const addBrainEntry = (status, payload) => {
+      const p = payload;
+      const decision = p.decision.optionId ?? p.decision.text ?? p.decision.reason ?? p.decision.prompt ?? p.decision.type;
+      dispatch({ type: "brainStatus", state: status, source: p.request.source, risk: p.request.risk, summary: decision });
+      if (status === "ask_human") {
+        dispatch({ type: "brainPromptSet", prompt: { requestId: p.request.id, source: p.request.source, risk: p.request.risk, question: p.request.question, context: p.request.context, options: p.request.options } });
+      } else {
+        dispatch({ type: "brainPromptClear" });
+      }
+      dispatch({ type: "addEntry", entry: { kind: "brain", status, source: p.request.source, risk: p.request.risk, question: p.request.question, decision, rationale: p.decision.rationale } });
+    };
+    const offRequested = events.on("brain.decision_requested", ({ request }) => {
+      dispatch({ type: "brainStatus", state: "deciding", source: request.source, risk: request.risk, summary: requestSummary(request) });
+    });
+    const offAnswered = events.on("brain.decision_answered", (payload) => addBrainEntry("answered", payload));
+    const offAskHuman = events.on("brain.decision_ask_human", (payload) => addBrainEntry("ask_human", payload));
+    const offDenied = events.on("brain.decision_denied", (payload) => addBrainEntry("denied", payload));
+    return () => {
+      offRequested();
+      offAnswered();
+      offAskHuman();
+      offDenied();
+    };
+  }, [events, dispatch]);
+}
 var STREAM_COLORS = ["cyan", "magenta", "yellow", "green", "blue"];
 function labelFor(labelsRef, id, name) {
   const m = labelsRef.current;
@@ -4506,7 +4984,11 @@ function labelFor(labelsRef, id, name) {
 }
 function useSubagentEvents(events, dispatch, setActiveMaxContext) {
   const labelsRef = useRef(/* @__PURE__ */ new Map());
-  const lbl = (id, name) => labelFor(labelsRef, id, name);
+  const lbl = useCallback(
+    (id, name) => labelFor(labelsRef, id, name),
+    []
+    // labelsRef is a stable ref
+  );
   useEffect(() => {
     const offSpawned = events.on("subagent.spawned", (e) => {
       const l = lbl(e.subagentId, e.name);
@@ -4553,6 +5035,12 @@ function useSubagentEvents(events, dispatch, setActiveMaxContext) {
     const offCtxPct = events.on("subagent.ctx_pct", (e) => {
       dispatch({ type: "fleetCtxPct", id: e.subagentId, load: e.load, tokens: e.tokens, maxContext: e.maxContext });
     });
+    const offConcurrencyChanged = events.on("concurrency.changed", (e) => {
+      const { n } = e;
+      if (typeof n === "number" && n > 0) {
+        dispatch({ type: "fleetConcurrency", n });
+      }
+    });
     const offLeaderCtxPct = events.on("ctx.pct", (e) => {
       setActiveMaxContext(e.maxContext);
       dispatch({ type: "leaderCtxPct", load: e.load, tokens: e.tokens, maxContext: e.maxContext });
@@ -4572,51 +5060,24 @@ function useSubagentEvents(events, dispatch, setActiveMaxContext) {
       offBudgetExtended();
       offIterationSummary();
       offCtxPct();
+      offConcurrencyChanged();
       offLeaderCtxPct();
       offLeaderMaxContext();
       offTool();
     };
-  }, [events, dispatch, setActiveMaxContext]);
+  }, [events, dispatch, setActiveMaxContext, lbl]);
 }
-function useBrainEvents(events, dispatch) {
-  useEffect(() => {
-    const requestSummary = (request) => `${request.source}: ${request.question}`.slice(0, 80);
-    const addBrainEntry = (status, payload) => {
-      const p = payload;
-      const decision = p.decision.optionId ?? p.decision.text ?? p.decision.reason ?? p.decision.prompt ?? p.decision.type;
-      dispatch({ type: "brainStatus", state: status, source: p.request.source, risk: p.request.risk, summary: decision });
-      if (status === "ask_human") {
-        dispatch({ type: "brainPromptSet", prompt: { requestId: p.request.id, source: p.request.source, risk: p.request.risk, question: p.request.question, context: p.request.context, options: p.request.options } });
-      } else {
-        dispatch({ type: "brainPromptClear" });
-      }
-      dispatch({ type: "addEntry", entry: { kind: "brain", status, source: p.request.source, risk: p.request.risk, question: p.request.question, decision, rationale: p.decision.rationale } });
-    };
-    const offRequested = events.on("brain.decision_requested", ({ request }) => {
-      dispatch({ type: "brainStatus", state: "deciding", source: request.source, risk: request.risk, summary: requestSummary(request) });
-    });
-    const offAnswered = events.on("brain.decision_answered", (payload) => addBrainEntry("answered", payload));
-    const offAskHuman = events.on("brain.decision_ask_human", (payload) => addBrainEntry("ask_human", payload));
-    const offDenied = events.on("brain.decision_denied", (payload) => addBrainEntry("denied", payload));
-    return () => {
-      offRequested();
-      offAnswered();
-      offAskHuman();
-      offDenied();
-    };
-  }, [events, dispatch]);
-}
-var USAGE = "Usage:\n  /kill             \u2014 list active processes + breaker state\n  /kill list        \u2014 same as /kill\n  /kill all         \u2014 kill all tracked processes (SIGTERM \u2192 SIGKILL)\n  /kill force       \u2014 kill all with SIGKILL immediately\n  /kill reset       \u2014 reset the circuit breaker to closed\n  /kill <pid>       \u2014 kill a specific process by PID";
-function createKillSlashCommand() {
-  return {
-    name: "kill",
-    description: "List or kill active bash/exec processes managed by the process registry.",
-    async run(args) {
-      const trimmed = args.trim();
-      const parts = trimmed.split(/\s+/);
-      const sub = parts[0]?.toLowerCase() ?? "";
-      if (sub === "" || sub === "list") {
-        return { message: renderList() };
+var USAGE = "Usage:\n  /kill             \u2014 list active processes + breaker state\n  /kill list        \u2014 same as /kill\n  /kill all         \u2014 kill all tracked processes (SIGTERM \u2192 SIGKILL)\n  /kill force       \u2014 kill all with SIGKILL immediately\n  /kill reset       \u2014 reset the circuit breaker to closed\n  /kill <pid>       \u2014 kill a specific process by PID";
+function createKillSlashCommand() {
+  return {
+    name: "kill",
+    description: "List or kill active bash/exec processes managed by the process registry.",
+    async run(args) {
+      const trimmed = args.trim();
+      const parts = trimmed.split(/\s+/);
+      const sub = parts[0]?.toLowerCase() ?? "";
+      if (sub === "" || sub === "list") {
+        return { message: renderList() };
       }
       if (sub === "all") {
         const pids = getProcessRegistry().killAll();
@@ -4826,6 +5287,42 @@ function oneLine(s2, max) {
   return collapsed.length <= max ? collapsed : `${collapsed.slice(0, max - 1)}\u2026`;
 }
 
+// src/steering-preamble.ts
+function buildSteeringPreamble(snapshot, newDirection) {
+  const lines = ["[STEERING \u2014 I pressed Esc to interrupt you mid-task on purpose.", ""];
+  const ctx = [];
+  if (snapshot?.runningTools && snapshot.runningTools.length > 0) {
+    ctx.push(`- in-flight tools (now cancelled): ${snapshot.runningTools.join(", ")}`);
+  }
+  if (snapshot?.subagentsTerminated && snapshot.subagentsTerminated > 0) {
+    const subDetails = snapshot.subagents.map((s2) => `${s2.label}${s2.tool ? ` (was running: ${s2.tool})` : ""}`).join(", ");
+    ctx.push(
+      `- subagents (${snapshot.subagentsTerminated} terminated by me, do NOT await them): ${subDetails}`
+    );
+  }
+  if (snapshot?.partialAssistantText && snapshot.partialAssistantText.trim().length > 0) {
+    const tail = snapshot.partialAssistantText.trim().slice(-300);
+    ctx.push(`- your last partial output (truncated, for context only): "${tail}"`);
+  }
+  if (ctx.length > 0) {
+    lines.push("What was happening when I cut you off:");
+    lines.push(...ctx);
+    lines.push("");
+  }
+  lines.push("You have authority to:");
+  lines.push("- Abandon the prior plan entirely if the new direction makes it stale.");
+  lines.push("- Re-spawn fresh subagents (with different roles or tasks) if needed.");
+  lines.push('- Skip a polite "should I continue?" \u2014 just pivot.');
+  lines.push("- Ask me to clarify if the new direction is genuinely ambiguous.");
+  lines.push("");
+  lines.push("New direction:");
+  lines.push("---");
+  lines.push(newDirection);
+  lines.push("---");
+  lines.push("]");
+  return lines.join("\n");
+}
+
 // src/app-reducer.ts
 function reducer(state, action) {
   switch (action.type) {
@@ -4852,7 +5349,22 @@ function reducer(state, action) {
         queue: [],
         nextQueueId: 1,
         scrollOffset: 0,
-        pendingNewLines: 0
+        pendingNewLines: 0,
+        // Reset fleet state on /clear so old subagent entries don't
+        // cause the LiveActivityStrip to render stale spacers, and
+        // the fleet cost/tokens chips show zero.
+        fleet: {},
+        fleetCost: 0,
+        fleetTokens: { input: 0, output: 0 },
+        leader: {
+          iterations: 0,
+          toolCalls: 0,
+          recentTools: [],
+          currentTool: void 0,
+          startedAt: Date.now(),
+          lastEventAt: Date.now(),
+          iterating: false
+        }
       };
     }
     case "streamDelta":
@@ -5133,6 +5645,23 @@ function reducer(state, action) {
           field: 0,
           mode: action.mode,
           delayMs: action.delayMs,
+          titleAnimation: action.titleAnimation,
+          yolo: action.yolo,
+          streamFleet: action.streamFleet,
+          chime: action.chime,
+          confirmExit: action.confirmExit,
+          nextPrediction: action.nextPrediction,
+          featureMcp: action.featureMcp,
+          featurePlugins: action.featurePlugins,
+          featureMemory: action.featureMemory,
+          featureSkills: action.featureSkills,
+          featureModelsRegistry: action.featureModelsRegistry,
+          contextAutoCompact: action.contextAutoCompact,
+          contextStrategy: action.contextStrategy,
+          logLevel: action.logLevel,
+          auditLevel: action.auditLevel,
+          indexOnStart: action.indexOnStart,
+          maxIterations: action.maxIterations,
           hint: void 0
         }
       };
@@ -5142,37 +5671,68 @@ function reducer(state, action) {
         settingsPicker: { ...state.settingsPicker, open: false, hint: void 0 }
       };
     case "settingsFieldMove": {
-      const next = (state.settingsPicker.field + action.delta + 2) % 2;
+      const next = (state.settingsPicker.field + action.delta + SETTINGS_FIELD_COUNT) % SETTINGS_FIELD_COUNT;
       return {
         ...state,
         settingsPicker: { ...state.settingsPicker, field: next, hint: void 0 }
       };
     }
     case "settingsFieldSet": {
-      const field = action.field === 1 ? 1 : 0;
+      const field = action.field >= 0 && action.field < SETTINGS_FIELD_COUNT ? action.field : 0;
       return { ...state, settingsPicker: { ...state.settingsPicker, field, hint: void 0 } };
     }
     case "settingsValueChange": {
-      if (state.settingsPicker.field === 0) {
-        const i = SETTINGS_MODES.indexOf(state.settingsPicker.mode);
-        const base2 = i < 0 ? 0 : i;
-        const next2 = (base2 + action.delta + SETTINGS_MODES.length) % SETTINGS_MODES.length;
-        return {
-          ...state,
-          settingsPicker: { ...state.settingsPicker, mode: SETTINGS_MODES[next2], hint: void 0 }
-        };
+      const sp = state.settingsPicker;
+      const f = sp.field;
+      if (f === 0) {
+        const i = SETTINGS_MODES.indexOf(sp.mode);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + SETTINGS_MODES.length) % SETTINGS_MODES.length;
+        return { ...state, settingsPicker: { ...sp, mode: SETTINGS_MODES[next], hint: void 0 } };
+      }
+      if (f === 1) {
+        const j = DELAY_PRESETS_MS.indexOf(sp.delayMs);
+        const base = j < 0 ? 0 : j;
+        const next = (base + action.delta + DELAY_PRESETS_MS.length) % DELAY_PRESETS_MS.length;
+        return { ...state, settingsPicker: { ...sp, delayMs: DELAY_PRESETS_MS[next], hint: void 0 } };
+      }
+      if (f === 2) return { ...state, settingsPicker: { ...sp, titleAnimation: !sp.titleAnimation, hint: void 0 } };
+      if (f === 3) return { ...state, settingsPicker: { ...sp, yolo: !sp.yolo, hint: void 0 } };
+      if (f === 4) return { ...state, settingsPicker: { ...sp, streamFleet: !sp.streamFleet, hint: void 0 } };
+      if (f === 5) return { ...state, settingsPicker: { ...sp, chime: !sp.chime, hint: void 0 } };
+      if (f === 6) return { ...state, settingsPicker: { ...sp, confirmExit: !sp.confirmExit, hint: void 0 } };
+      if (f === 7) return { ...state, settingsPicker: { ...sp, nextPrediction: !sp.nextPrediction, hint: void 0 } };
+      if (f === 8) return { ...state, settingsPicker: { ...sp, featureMcp: !sp.featureMcp, hint: void 0 } };
+      if (f === 9) return { ...state, settingsPicker: { ...sp, featurePlugins: !sp.featurePlugins, hint: void 0 } };
+      if (f === 10) return { ...state, settingsPicker: { ...sp, featureMemory: !sp.featureMemory, hint: void 0 } };
+      if (f === 11) return { ...state, settingsPicker: { ...sp, featureSkills: !sp.featureSkills, hint: void 0 } };
+      if (f === 12) return { ...state, settingsPicker: { ...sp, featureModelsRegistry: !sp.featureModelsRegistry, hint: void 0 } };
+      if (f === 13) return { ...state, settingsPicker: { ...sp, contextAutoCompact: !sp.contextAutoCompact, hint: void 0 } };
+      if (f === 14) {
+        const i = COMPACTOR_STRATEGIES.indexOf(sp.contextStrategy);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + COMPACTOR_STRATEGIES.length) % COMPACTOR_STRATEGIES.length;
+        return { ...state, settingsPicker: { ...sp, contextStrategy: COMPACTOR_STRATEGIES[next], hint: void 0 } };
+      }
+      if (f === 15) {
+        const i = LOG_LEVELS.indexOf(sp.logLevel);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + LOG_LEVELS.length) % LOG_LEVELS.length;
+        return { ...state, settingsPicker: { ...sp, logLevel: LOG_LEVELS[next], hint: void 0 } };
+      }
+      if (f === 16) {
+        const i = AUDIT_LEVELS.indexOf(sp.auditLevel);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + AUDIT_LEVELS.length) % AUDIT_LEVELS.length;
+        return { ...state, settingsPicker: { ...sp, auditLevel: AUDIT_LEVELS[next], hint: void 0 } };
+      }
+      if (f === 17) return { ...state, settingsPicker: { ...sp, indexOnStart: !sp.indexOnStart, hint: void 0 } };
+      {
+        const j = MAX_ITERATIONS_PRESETS.indexOf(sp.maxIterations);
+        const base = j < 0 ? 0 : j;
+        const next = (base + action.delta + MAX_ITERATIONS_PRESETS.length) % MAX_ITERATIONS_PRESETS.length;
+        return { ...state, settingsPicker: { ...sp, maxIterations: MAX_ITERATIONS_PRESETS[next], hint: void 0 } };
       }
-      const j = DELAY_PRESETS_MS.indexOf(state.settingsPicker.delayMs);
-      const base = j < 0 ? 0 : j;
-      const next = (base + action.delta + DELAY_PRESETS_MS.length) % DELAY_PRESETS_MS.length;
-      return {
-        ...state,
-        settingsPicker: {
-          ...state.settingsPicker,
-          delayMs: DELAY_PRESETS_MS[next],
-          hint: void 0
-        }
-      };
     }
     case "settingsHint":
       return { ...state, settingsPicker: { ...state.settingsPicker, hint: action.text } };
@@ -5180,6 +5740,14 @@ function reducer(state, action) {
       return { ...state, confirmQueue: [...state.confirmQueue, action.info] };
     case "confirmClose":
       return { ...state, confirmQueue: state.confirmQueue.slice(1) };
+    case "enhanceOpen":
+      return { ...state, enhance: action.info };
+    case "enhanceClose":
+      return { ...state, enhance: null };
+    case "enhanceSet":
+      return { ...state, enhanceEnabled: action.enabled };
+    case "enhanceBusy":
+      return { ...state, enhanceBusy: action.on };
     case "resetContextChip":
       return { ...state, contextChipVersion: state.contextChipVersion + 1 };
     // --- Fleet ---
@@ -5411,8 +5979,24 @@ function reducer(state, action) {
       };
     }
     case "fleetCost": {
+      let fleet = state.fleet;
+      if (action.perAgent) {
+        let changed = false;
+        const next = {};
+        for (const [id, entry] of Object.entries(state.fleet)) {
+          const cost = action.perAgent[id]?.cost;
+          if (cost !== void 0 && cost !== entry.cost) {
+            next[id] = { ...entry, cost };
+            changed = true;
+          } else {
+            next[id] = entry;
+          }
+        }
+        if (changed) fleet = next;
+      }
       return {
         ...state,
+        fleet,
         fleetCost: action.cost,
         fleetTokens: action.input !== void 0 || action.output !== void 0 ? {
           input: action.input ?? state.fleetTokens.input,
@@ -5420,6 +6004,9 @@ function reducer(state, action) {
         } : state.fleetTokens
       };
     }
+    case "fleetConcurrency": {
+      return { ...state, fleetConcurrency: action.n };
+    }
     case "leaderIterStart": {
       return {
         ...state,
@@ -5488,6 +6075,12 @@ function reducer(state, action) {
     case "toggleHelp": {
       return { ...state, helpOpen: !state.helpOpen };
     }
+    case "toggleTodosMonitor": {
+      return { ...state, todosMonitorOpen: !state.todosMonitorOpen };
+    }
+    case "toggleQueuePanel": {
+      return { ...state, queuePanelOpen: !state.queuePanelOpen };
+    }
     case "checkpointReceived": {
       const existing = state.checkpoints.find((c) => c.promptIndex === action.cp.promptIndex);
       if (existing) return state;
@@ -5608,7 +6201,7 @@ function reducer(state, action) {
     case "worktreeMonitorToggle": {
       return { ...state, worktreeMonitorOpen: !state.worktreeMonitorOpen };
     }
-    // --- In-app chat scroll (mouse mode) ---
+    // --- In-app chat scroll ---
     case "scrollBy": {
       const maxOffset = Math.max(0, state.totalLines - state.viewportRows);
       const next = Math.max(0, Math.min(maxOffset, state.scrollOffset + action.delta));
@@ -5786,7 +6379,6 @@ function reducer(state, action) {
     }
   }
 }
-var WHEEL_STEP = 3;
 var MIN_VIEWPORT = 3;
 var INPUT_PROMPT = "\u203A ";
 function selectedSlashCommandLine(picker) {
@@ -5794,41 +6386,22 @@ function selectedSlashCommandLine(picker) {
   const picked = picker.matches[picker.selected];
   return picked ? `/${picked.name}` : null;
 }
-var PASTE_THRESHOLD_CHARS = 200;
-function buildSteeringPreamble(snapshot, newDirection) {
-  const lines = ["[STEERING \u2014 I pressed Esc to interrupt you mid-task on purpose.", ""];
-  const ctx = [];
-  if (snapshot?.runningTools && snapshot.runningTools.length > 0) {
-    ctx.push(`- in-flight tools (now cancelled): ${snapshot.runningTools.join(", ")}`);
-  }
-  if (snapshot?.subagentsTerminated && snapshot.subagentsTerminated > 0) {
-    const subDetails = snapshot.subagents.map((s2) => `${s2.label}${s2.tool ? ` (was running: ${s2.tool})` : ""}`).join(", ");
-    ctx.push(
-      `- subagents (${snapshot.subagentsTerminated} terminated by me, do NOT await them): ${subDetails}`
-    );
-  }
-  if (snapshot?.partialAssistantText && snapshot.partialAssistantText.trim().length > 0) {
-    const tail = snapshot.partialAssistantText.trim().slice(-300);
-    ctx.push(`- your last partial output (truncated, for context only): "${tail}"`);
-  }
-  if (ctx.length > 0) {
-    lines.push("What was happening when I cut you off:");
-    lines.push(...ctx);
-    lines.push("");
+function rehydrateHistory(messages, startId) {
+  const entries = [];
+  for (const msg of messages) {
+    if (msg.role === "system") continue;
+    const text = typeof msg.content === "string" ? msg.content : msg.content.filter((b) => b.type === "text").map((b) => b.text).join("");
+    const trimmed = text.trim();
+    if (!trimmed) continue;
+    if (msg.role === "user") {
+      entries.push({ id: startId++, kind: "user", text: trimmed });
+    } else if (msg.role === "assistant") {
+      entries.push({ id: startId++, kind: "assistant", text: trimmed });
+    }
   }
-  lines.push("You have authority to:");
-  lines.push("- Abandon the prior plan entirely if the new direction makes it stale.");
-  lines.push("- Re-spawn fresh subagents (with different roles or tasks) if needed.");
-  lines.push('- Skip a polite "should I continue?" \u2014 just pivot.');
-  lines.push("- Ask me to clarify if the new direction is genuinely ambiguous.");
-  lines.push("");
-  lines.push("New direction:");
-  lines.push("---");
-  lines.push(newDirection);
-  lines.push("---");
-  lines.push("]");
-  return lines.join("\n");
+  return entries;
 }
+var PASTE_THRESHOLD_CHARS = 200;
 function App({
   agent,
   slashRegistry,
@@ -5841,6 +6414,11 @@ function App({
   banner = true,
   queueStore,
   yolo = false,
+  chime = false,
+  confirmExit = true,
+  enhanceEnabled = true,
+  enhanceController,
+  enhanceDelayMs = 4e3,
   getYolo,
   getAutonomy,
   getEternalEngine,
@@ -5872,9 +6450,9 @@ function App({
   initialGoal,
   initialAsk,
   sessionsDir,
-  mouse = false,
-  subscribeMouse,
-  managed = false
+  managed = false,
+  modeLabel,
+  getModeLabel
 }) {
   const { exit } = useApp();
   const [liveModel, setLiveModel] = useState(model);
@@ -5882,21 +6460,24 @@ function App({
   const [activeMaxContext, setActiveMaxContext] = useState(effectiveMaxContext);
   const [yoloLive, setYoloLive] = useState(yolo);
   const [autonomyLive, setAutonomyLive] = useState(getAutonomy?.() ?? "off");
+  const [liveModeLabel, setLiveModeLabel] = useState(modeLabel ?? "");
   const [hiddenItems, setHiddenItems] = useState(statuslineHiddenItems);
+  const [indexState, setIndexState] = useState(() => getIndexState());
+  useEffect(() => {
+    setIndexState(getIndexState());
+    return onIndexStateChange((next) => setIndexState(next));
+  }, []);
   const { stdout } = useStdout();
   const [termRows, setTermRows] = useState(stdout?.rows ?? 24);
-  const [termCols, setTermCols] = useState(stdout?.columns ?? 80);
   useEffect(() => {
     const onResize = () => {
       setTermRows(process.stdout.rows ?? 24);
-      setTermCols(process.stdout.columns ?? 80);
     };
     process.stdout.on("resize", onResize);
     return () => {
       process.stdout.off("resize", onResize);
     };
   }, []);
-  const [mouseLive, setMouseLive] = useState(mouse);
   const [managedLive, setManagedLive] = useState(managed);
   useEffect(() => {
     setHiddenItems(statuslineHiddenItems);
@@ -5926,19 +6507,34 @@ function App({
     }).catch(() => {
     });
   }, [projectRoot]);
+  const restoredEntries = (() => {
+    const msgs = agent.ctx.messages;
+    if (!msgs || msgs.length === 0) return [];
+    const visible = msgs.filter((m) => m.role !== "system");
+    if (visible.length === 0) return [];
+    return rehydrateHistory(
+      visible,
+      /* startId */
+      1
+    );
+  })();
+  const initialNextId = 1 + restoredEntries.length;
   const [state, dispatch] = useReducer(reducer, {
-    entries: banner ? [
-      {
-        id: 0,
-        kind: "banner",
-        version: appVersion ?? "dev",
-        provider: provider ?? "agent",
-        model,
-        cwd: agent.ctx.cwd,
-        family,
-        keyTail
-      }
-    ] : [],
+    entries: [
+      ...banner ? [
+        {
+          id: 0,
+          kind: "banner",
+          version: appVersion ?? "dev",
+          provider: provider ?? "agent",
+          model,
+          cwd: agent.ctx.cwd,
+          family,
+          keyTail
+        }
+      ] : [],
+      ...restoredEntries
+    ],
     buffer: "",
     cursor: 0,
     streamingText: "",
@@ -5950,7 +6546,7 @@ function App({
     hint: "",
     brain: { state: "idle" },
     brainPrompt: null,
-    nextId: 1,
+    nextId: initialNextId,
     picker: { open: false, query: "", matches: [], selected: 0 },
     slashPicker: { open: false, query: "", matches: [], selected: 0 },
     runningTools: /* @__PURE__ */ new Map(),
@@ -5968,8 +6564,11 @@ function App({
       searchQuery: ""
     },
     autonomyPicker: { open: false, options: [], selected: 0 },
-    settingsPicker: { open: false, field: 0, mode: "off", delayMs: 0 },
+    settingsPicker: { open: false, field: 0, mode: "off", delayMs: 0, titleAnimation: true, yolo: false, streamFleet: true, chime: false, confirmExit: true, nextPrediction: false, featureMcp: true, featurePlugins: true, featureMemory: true, featureSkills: true, featureModelsRegistry: true, contextAutoCompact: true, contextStrategy: "hybrid", logLevel: "info", auditLevel: "standard", indexOnStart: true, maxIterations: 500 },
     confirmQueue: [],
+    enhance: null,
+    enhanceEnabled,
+    enhanceBusy: false,
     contextChipVersion: 0,
     fleet: {},
     leader: {
@@ -5983,10 +6582,13 @@ function App({
     },
     fleetCost: 0,
     fleetTokens: { input: 0, output: 0 },
+    fleetConcurrency: 4,
     streamFleet: true,
     monitorOpen: false,
     agentsMonitorOpen: false,
     helpOpen: false,
+    todosMonitorOpen: false,
+    queuePanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -6015,6 +6617,10 @@ function App({
     const base = path2.basename(projectRoot);
     return base && base !== path2.sep ? base : void 0;
   }, [projectRoot]);
+  const chimeRef = useRef(chime);
+  chimeRef.current = chime;
+  const confirmExitRef = useRef(confirmExit);
+  confirmExitRef.current = confirmExit;
   const streamingTextRef = useRef("");
   const pendingDeltaRef = useRef("");
   const flushTimerRef = useRef(null);
@@ -6023,21 +6629,11 @@ function App({
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
   draftRef.current = { buffer: state.buffer, cursor: state.cursor };
   const bottomRef = useRef(null);
-  const prePickerRef = useRef(null);
-  const preRowsRef = useRef(0);
-  const liveStripRef = useRef(null);
-  const liveStripRowsRef = useRef(0);
   React6.useLayoutEffect(() => {
     if (!managedLive) return;
     const node = bottomRef.current;
     if (!node) return;
     const { height } = measureElement(node);
-    if (prePickerRef.current) {
-      preRowsRef.current = measureElement(prePickerRef.current).height;
-    }
-    if (liveStripRef.current) {
-      liveStripRowsRef.current = measureElement(liveStripRef.current).height;
-    }
     const s2 = stateRef.current;
     const affordance = s2.scrollOffset > 0 && s2.pendingNewLines > 0 ? 1 : 0;
     const vp = Math.max(MIN_VIEWPORT, termRows - height - affordance - 1);
@@ -6046,213 +6642,6 @@ function App({
     }
   }, [managedLive, termRows]);
   const handleKeyRef = useRef(null);
-  const pendingClickConfirmRef = useRef(null);
-  const openModelPickerRef = useRef(null);
-  const openAutonomyPickerRef = useRef(null);
-  const handleRewindToRef = useRef(null);
-  const confirmRef = useRef(null);
-  const confirmDecisionRef = useRef(null);
-  const scrollbarDragRef = useRef(false);
-  const lastLeftClickRef = useRef(null);
-  const DOUBLE_CLICK_MS = 500;
-  const DOUBLE_CLICK_DIST = 5;
-  const statusChipRef = useRef({ version: appVersion, model, fleetRunning: 0, yolo, autonomy: "off" });
-  const handleMouse = React6.useCallback(
-    (ev) => {
-      const s2 = stateRef.current;
-      if (ev.type === "wheel") {
-        const up = ev.button === "wheelUp";
-        const step = up ? -1 : 1;
-        if (s2.slashPicker.open) return dispatch({ type: "slashPickerMove", delta: step });
-        if (s2.modelPicker.open) return dispatch({ type: "modelPickerMove", delta: step });
-        if (s2.autonomyPicker.open) return dispatch({ type: "autonomyPickerMove", delta: step });
-        if (s2.settingsPicker.open) return dispatch({ type: "settingsFieldMove", delta: step });
-        if (s2.picker.open) return dispatch({ type: "pickerMove", delta: step });
-        if (s2.rewindOverlay) return dispatch({ type: "rewindOverlayMove", delta: step });
-        return dispatch({ type: "scrollBy", delta: up ? WHEEL_STEP : -WHEEL_STEP });
-      }
-      if (ev.type === "release") {
-        scrollbarDragRef.current = false;
-        return;
-      }
-      if (ev.button !== "left") return;
-      const now = Date.now();
-      const lastClick = lastLeftClickRef.current;
-      const isMultiClick = lastClick !== null && now - lastClick.ts < DOUBLE_CLICK_MS && Math.abs(ev.x - lastClick.x) <= DOUBLE_CLICK_DIST && Math.abs(ev.y - lastClick.y) <= DOUBLE_CLICK_DIST;
-      const clickCount = isMultiClick ? lastClick.count + 1 : 1;
-      lastLeftClickRef.current = { x: ev.x, y: ev.y, ts: now, count: clickCount };
-      {
-        const rows = s2.viewportRows;
-        if (ev.drag) {
-          if (scrollbarDragRef.current && s2.totalLines > rows) {
-            dispatch({
-              type: "scrollTo",
-              offset: scrollOffsetForTrackRow(rows, s2.totalLines, ev.y - 1)
-            });
-          }
-          return;
-        }
-        const cols = termCols || 80;
-        const onScrollbar = cols > 0 && ev.x >= cols - 2 && ev.y >= 1 && ev.y <= rows;
-        if (onScrollbar && s2.totalLines > rows) {
-          scrollbarDragRef.current = true;
-          dispatch({
-            type: "scrollTo",
-            offset: scrollOffsetForTrackRow(rows, s2.totalLines, ev.y - 1)
-          });
-          return;
-        }
-      }
-      if (ev.y > s2.viewportRows) {
-        if (s2.helpOpen) return dispatch({ type: "toggleHelp" });
-        if (s2.agentsMonitorOpen) return dispatch({ type: "toggleAgentsMonitor" });
-        if (s2.monitorOpen) return dispatch({ type: "toggleMonitor" });
-        if (s2.worktreeMonitorOpen) return dispatch({ type: "worktreeMonitorToggle" });
-        if (s2.autoPhase?.monitorOpen) return dispatch({ type: "autoPhaseMonitorToggle" });
-      }
-      const affordance = s2.scrollOffset > 0 && s2.pendingNewLines > 0 ? 1 : 0;
-      if (affordance && ev.y === s2.viewportRows + 1) {
-        return dispatch({ type: "scrollToBottom" });
-      }
-      if (s2.confirmQueue.length > 0) {
-        const node = confirmRef.current;
-        const head = s2.confirmQueue[0];
-        if (node && head) {
-          const { height } = measureElement(node);
-          const top = s2.viewportRows + affordance + preRowsRef.current + 1;
-          const buttonsRow = top + height - 2;
-          if (ev.y === buttonsRow) {
-            const contentX = ev.x - 1 - 2;
-            for (const seg of confirmButtonSegments(head.suggestedPattern)) {
-              if (contentX >= seg.start && contentX < seg.start + seg.len) {
-                confirmDecisionRef.current?.(seg.decision);
-                return;
-              }
-            }
-          }
-        }
-        return;
-      }
-      if (s2.rewindOverlay) {
-        const cps = s2.rewindOverlay.checkpoints;
-        const firstItemRow2 = s2.viewportRows + affordance + preRowsRef.current + 3 + 1;
-        const index2 = ev.y - firstItemRow2;
-        if (index2 < 0 || index2 >= cps.length) return;
-        if (index2 === s2.rewindOverlay.selected) {
-          handleRewindToRef.current?.(cps[index2].promptIndex);
-        } else {
-          dispatch({ type: "rewindOverlayMove", delta: index2 - s2.rewindOverlay.selected });
-        }
-        return;
-      }
-      if (s2.settingsPicker.open) {
-        const firstRow = s2.viewportRows + affordance + preRowsRef.current + 2 + 1;
-        const field = ev.y - firstRow;
-        if (field < 0 || field > 1) return;
-        if (field === s2.settingsPicker.field) {
-          dispatch({ type: "settingsValueChange", delta: 1 });
-        } else {
-          dispatch({ type: "settingsFieldSet", field });
-        }
-        return;
-      }
-      const picker = s2.modelPicker.open ? {
-        header: 2,
-        count: s2.modelPicker.step === "provider" ? s2.modelPicker.providerOptions.length : s2.modelPicker.modelOptions.length,
-        selected: s2.modelPicker.selected,
-        move: (delta) => dispatch({ type: "modelPickerMove", delta })
-      } : s2.autonomyPicker.open ? {
-        header: 2,
-        count: s2.autonomyPicker.options.length,
-        selected: s2.autonomyPicker.selected,
-        move: (delta) => dispatch({ type: "autonomyPickerMove", delta })
-      } : s2.slashPicker.open ? {
-        header: 1,
-        count: s2.slashPicker.matches.length,
-        selected: s2.slashPicker.selected,
-        move: (delta) => dispatch({ type: "slashPickerMove", delta })
-      } : s2.picker.open ? {
-        header: 1,
-        count: s2.picker.matches.length,
-        selected: s2.picker.selected,
-        move: (delta) => dispatch({ type: "pickerMove", delta })
-      } : null;
-      if (!picker || picker.count === 0) {
-        const inputDisabled = s2.status === "aborting" && !s2.steeringPending;
-        if (!inputDisabled) {
-          const cols = termCols || 80;
-          const inputTop = s2.viewportRows + affordance + liveStripRowsRef.current + 1;
-          const inputRows = layoutInputRows(INPUT_PROMPT, s2.buffer, s2.cursor, cols).length;
-          const rowIdx = ev.y - inputTop;
-          if (rowIdx >= 0 && rowIdx < inputRows) {
-            const next = inputIndexAtRowCol(INPUT_PROMPT, s2.buffer, cols, rowIdx, ev.x - 1);
-            return dispatch({ type: "setBuffer", buffer: s2.buffer, cursor: next });
-          }
-        }
-        if (!s2.helpOpen && !s2.agentsMonitorOpen && !s2.monitorOpen && !s2.worktreeMonitorOpen && !s2.autoPhase?.monitorOpen) {
-          const chip = statusChipRef.current;
-          const statusTop = s2.viewportRows + affordance + preRowsRef.current + 1;
-          const contentX = ev.x - 1;
-          if (ev.y === statusTop + 1) {
-            const span = statusBarModelSpan({
-              version: chip.version,
-              state: s2.status,
-              fleetRunning: chip.fleetRunning,
-              model: chip.model
-            });
-            if (contentX >= span.start && contentX < span.start + span.len) {
-              openModelPickerRef.current?.();
-            }
-          } else if (ev.y === statusTop + 2) {
-            const span = statusBarAutonomySpan({ yolo: chip.yolo, autonomy: chip.autonomy });
-            if (span && contentX >= span.start && contentX < span.start + span.len) {
-              openAutonomyPickerRef.current?.();
-            }
-          }
-        }
-        return;
-      }
-      const firstItemRow = s2.viewportRows + affordance + preRowsRef.current + picker.header + 1;
-      const index = ev.y - firstItemRow;
-      if (index < 0 || index >= picker.count) return;
-      if (index === picker.selected) {
-        handleKeyRef.current?.("", { ...EMPTY_KEY, return: true });
-      } else {
-        pendingClickConfirmRef.current = index;
-        picker.move(index - picker.selected);
-      }
-    },
-    // dispatch is stable (useReducer); refs are mutable — no reactive deps.
-    // termCols is stable (useState + resize effect).
-    [termCols]
-  );
-  useEffect(() => {
-    if (!subscribeMouse) return;
-    return subscribeMouse(handleMouse);
-  }, [subscribeMouse, handleMouse]);
-  useEffect(() => {
-    const target = pendingClickConfirmRef.current;
-    if (target === null) return;
-    const open = state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.picker.open;
-    if (!open) {
-      pendingClickConfirmRef.current = null;
-      return;
-    }
-    const sel = state.slashPicker.open ? state.slashPicker.selected : state.modelPicker.open ? state.modelPicker.selected : state.autonomyPicker.open ? state.autonomyPicker.selected : state.picker.selected;
-    if (sel === target) {
-      pendingClickConfirmRef.current = null;
-      handleKeyRef.current?.("", { ...EMPTY_KEY, return: true });
-    }
-  }, [
-    state.slashPicker.open,
-    state.slashPicker.selected,
-    state.modelPicker.open,
-    state.modelPicker.selected,
-    state.autonomyPicker.open,
-    state.autonomyPicker.selected,
-    state.picker.open,
-    state.picker.selected
-  ]);
   const handleRewindTo = React6.useCallback(
     async (checkpointIndex) => {
       const sessionId = agent.ctx.session.id;
@@ -6333,7 +6722,10 @@ function App({
       toolCalls: state.leader.toolCalls,
       recentTools: state.leader.recentTools,
       recentMessages: [],
-      cost: 0,
+      // Leader (main session) cost — the same number the statusline shows.
+      // Kept distinct from fleet (subagent) cost so the monitor can show a
+      // trustworthy grand total = leader + fleet.
+      cost: tokenCounter?.estimateCost().total ?? 0,
       startedAt: state.leader.startedAt,
       lastEventAt: state.leader.lastEventAt,
       currentTool: state.leader.currentTool,
@@ -6342,7 +6734,7 @@ function App({
       ctxMaxTokens: state.leader.ctxMaxTokens ?? effectiveMaxContext
     };
     return { leader: leaderEntry, ...state.fleet };
-  }, [state.fleet, state.leader, state.status, provider, model, effectiveMaxContext]);
+  }, [state.fleet, state.leader, state.status, provider, model, effectiveMaxContext, tokenCounter]);
   const STREAM_COLORS2 = ["cyan", "magenta", "yellow", "green", "blue"];
   const labelsRef = useRef(/* @__PURE__ */ new Map());
   const labelFor2 = (id, name) => {
@@ -6393,19 +6785,23 @@ function App({
   }, [agent.ctx.meta]);
   const prevAnyOverlayOpen = useRef(false);
   const prevEntriesCount = useRef(0);
+  const prevToolStreamLen = useRef(0);
   const eraseLiveRegion = useCallback(() => {
     try {
       writeOut("\x1B[J");
     } catch {
     }
   }, []);
-  useEffect(() => {
-    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.confirmQueue.length > 0;
+  React6.useLayoutEffect(() => {
+    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.enhanceBusy || state.enhance != null || state.confirmQueue.length > 0;
     const overlayClosed = prevAnyOverlayOpen.current && !anyOpenNow;
     const newEntryCommitted = state.entries.length > prevEntriesCount.current;
+    const curToolStreamLen = state.toolStream?.text.length ?? 0;
+    const toolStreamGrew = curToolStreamLen > 0 && curToolStreamLen > prevToolStreamLen.current;
     prevAnyOverlayOpen.current = anyOpenNow;
     prevEntriesCount.current = state.entries.length;
-    if (overlayClosed || newEntryCommitted) {
+    prevToolStreamLen.current = curToolStreamLen;
+    if (overlayClosed || newEntryCommitted || toolStreamGrew) {
       eraseLiveRegion();
     }
   }, [
@@ -6414,8 +6810,11 @@ function App({
     state.modelPicker.open,
     state.autonomyPicker.open,
     state.settingsPicker.open,
+    state.enhanceBusy,
+    state.enhance,
     state.confirmQueue.length,
     state.entries.length,
+    state.toolStream?.text,
     eraseLiveRegion
   ]);
   useEffect(() => {
@@ -6425,6 +6824,9 @@ function App({
       process.stdout.off("resize", handleResize);
     };
   }, [eraseLiveRegion]);
+  React6.useLayoutEffect(() => {
+    if (state.enhanceBusy || state.enhance != null) eraseLiveRegion();
+  }, [nowTick, state.enhanceBusy, state.enhance, eraseLiveRegion]);
   useEffect(() => {
     const detected = detectAtToken(state.buffer, state.cursor);
     if (!detected) {
@@ -6635,60 +7037,6 @@ function App({
       slashRegistry.unregister("altscreen");
     };
   }, [slashRegistry]);
-  const mouseLiveRef = useRef(mouseLive);
-  mouseLiveRef.current = mouseLive;
-  useEffect(() => {
-    const MOUSE_ON_SEQ = "\x1B[?1000h\x1B[?1006h";
-    const MOUSE_OFF_SEQ = "\x1B[?1006l\x1B[?1000l";
-    const ALT_ON = "\x1B[?1049h";
-    const ALT_OFF = "\x1B[?1049l";
-    const cmd = {
-      name: "mouse",
-      description: "Toggle mouse mode (clickable menus + wheel-scroll chat). Needs launch with --mouse to enable.",
-      async run(args) {
-        const arg = args.trim().toLowerCase();
-        if (arg !== "on" && arg !== "off") {
-          return {
-            message: `Mouse mode is ${mouseLiveRef.current ? "ON" : "OFF"}. Usage: /mouse on|off`
-          };
-        }
-        if (arg === "on") {
-          if (!mouse) {
-            return {
-              message: "Mouse mode needs the --mouse launch flag (it rewires stdin so mouse bytes never reach the input). Restart with `wstack --tui --mouse`."
-            };
-          }
-          try {
-            writeOut(ALT_ON);
-            writeOut("\x1B[H");
-            writeOut(MOUSE_ON_SEQ);
-          } catch {
-            return { message: "Failed to enable mouse mode." };
-          }
-          setMouseLive(true);
-          setManagedLive(true);
-          return {
-            message: "Mouse mode ON. Click menu items, wheel-scroll the chat (PgUp/PgDn too). Native terminal copy/scroll are suspended until `/mouse off`."
-          };
-        }
-        try {
-          writeOut(MOUSE_OFF_SEQ);
-          writeOut(ALT_OFF);
-        } catch {
-          return { message: "Failed to disable mouse mode." };
-        }
-        setMouseLive(false);
-        setManagedLive(false);
-        return {
-          message: "Mouse mode OFF. Native terminal scroll/copy restored; chat history flows into native scrollback again."
-        };
-      }
-    };
-    slashRegistry.register(cmd);
-    return () => {
-      slashRegistry.unregister("mouse");
-    };
-  }, [slashRegistry, mouse]);
   useEffect(() => {
     const cmd = {
       name: "steer",
@@ -6800,14 +7148,31 @@ function App({
     const providers = await getPickableProviders();
     dispatch({ type: "modelPickerOpen", providers });
   }, [getPickableProviders]);
-  const openAutonomyPicker = React6.useCallback(() => {
-    if (!switchAutonomy) return;
-    dispatch({ type: "autonomyPickerOpen", options: AUTONOMY_OPTIONS });
-  }, [switchAutonomy]);
   const openSettings = React6.useCallback(() => {
     if (!getSettings) return;
     const s2 = getSettings();
-    dispatch({ type: "settingsOpen", mode: s2.mode, delayMs: s2.delayMs });
+    dispatch({
+      type: "settingsOpen",
+      mode: s2.mode,
+      delayMs: s2.delayMs,
+      titleAnimation: s2.titleAnimation ?? true,
+      yolo: s2.yolo ?? false,
+      streamFleet: s2.streamFleet ?? true,
+      chime: s2.chime ?? false,
+      confirmExit: s2.confirmExit ?? true,
+      nextPrediction: s2.nextPrediction ?? false,
+      featureMcp: s2.featureMcp ?? true,
+      featurePlugins: s2.featurePlugins ?? true,
+      featureMemory: s2.featureMemory ?? true,
+      featureSkills: s2.featureSkills ?? true,
+      featureModelsRegistry: s2.featureModelsRegistry ?? true,
+      contextAutoCompact: s2.contextAutoCompact ?? true,
+      contextStrategy: s2.contextStrategy ?? "hybrid",
+      logLevel: s2.logLevel ?? "info",
+      auditLevel: s2.auditLevel ?? "standard",
+      indexOnStart: s2.indexOnStart ?? true,
+      maxIterations: s2.maxIterations ?? 500
+    });
   }, [getSettings]);
   useEffect(() => {
     if (!getPickableProviders || !switchProviderAndModel) return;
@@ -6820,7 +7185,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("model");
     };
@@ -6830,13 +7195,13 @@ function App({
     const cmd = {
       name: "settings",
       aliases: ["config", "prefs"],
-      description: "Edit autonomy defaults (mode + auto-proceed delay).",
+      description: "Open the interactive settings editor (19 config fields across 8 sections).",
       async run() {
         openSettings();
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("settings");
     };
@@ -6852,7 +7217,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("autonomy");
     };
@@ -6893,23 +7258,25 @@ function App({
       });
     });
     const offTool = events.on("tool.executed", (e) => {
-      dispatch({
-        type: "addEntry",
-        entry: {
-          kind: "tool",
-          name: e.name,
-          durationMs: e.durationMs,
-          ok: e.ok,
-          input: e.input,
-          output: e.output,
-          // Real model-visible sizes — forwarded so the size chip beside
-          // the tool header can show what the model paid for instead of
-          // the misleading preview-byte count we used to surface.
-          outputBytes: e.outputBytes,
-          outputTokens: e.outputTokens,
-          outputLines: e.outputLines
-        }
-      });
+      if (e.name !== "delegate") {
+        dispatch({
+          type: "addEntry",
+          entry: {
+            kind: "tool",
+            name: e.name,
+            durationMs: e.durationMs,
+            ok: e.ok,
+            input: e.input,
+            output: e.output,
+            // Real model-visible sizes — forwarded so the size chip beside
+            // the tool header can show what the model paid for instead of
+            // the misleading preview-byte count we used to surface.
+            outputBytes: e.outputBytes,
+            outputTokens: e.outputTokens,
+            outputLines: e.outputLines
+          }
+        });
+      }
       dispatch({ type: "toolEnded", name: e.name });
       dispatch({ type: "toolStreamClear", name: e.name });
       dispatch({ type: "leaderToolEnd", name: e.name, ok: e.ok, durationMs: e.durationMs });
@@ -6969,6 +7336,34 @@ function App({
         }
       });
     });
+    const offDelegateStart = events.on("delegate.started", (e) => {
+      const task = e.task.length > 100 ? `${e.task.slice(0, 99)}\u2026` : e.task;
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "subagent",
+          agentLabel: e.target,
+          agentColor: "magenta",
+          icon: "\u{1F91D}",
+          text: "delegating",
+          detail: task
+        }
+      });
+    });
+    const offDelegateDone = events.on("delegate.completed", (e) => {
+      const cost = e.costUsd && e.costUsd > 0 ? `$${e.costUsd.toFixed(3)}` : void 0;
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "subagent",
+          agentLabel: e.target,
+          agentColor: e.ok ? "green" : "red",
+          icon: e.ok ? "\u2713" : "\u2717",
+          text: e.summary,
+          detail: cost
+        }
+      });
+    });
     return () => {
       offDelta();
       offToolStart();
@@ -6981,6 +7376,8 @@ function App({
       offProvResp();
       offConfirmNeeded();
       offTrustPersisted();
+      offDelegateStart();
+      offDelegateDone();
       if (flushTimerRef.current) clearTimeout(flushTimerRef.current);
     };
   }, [events, agent.ctx.todos]);
@@ -6988,6 +7385,11 @@ function App({
   useEffect(() => {
     streamFleetRef.current = state.streamFleet;
   }, [state.streamFleet]);
+  const enhanceEnabledRef = useRef(state.enhanceEnabled);
+  useEffect(() => {
+    enhanceEnabledRef.current = state.enhanceEnabled;
+  }, [state.enhanceEnabled]);
+  const enhanceAbortRef = useRef(null);
   useSubagentEvents(events, dispatch, setActiveMaxContext);
   useEffect(() => {
     const offCheckpoint = events.on("checkpoint.written", (e) => {
@@ -7213,6 +7615,18 @@ function App({
   useEffect(() => {
     if (fleetStreamController) fleetStreamController.enabled = state.streamFleet;
   }, [state.streamFleet, fleetStreamController]);
+  useEffect(() => {
+    if (!enhanceController) return;
+    enhanceController.enabled = state.enhanceEnabled;
+    enhanceController.setEnabled = (enabled) => {
+      dispatch({ type: "enhanceSet", enabled });
+    };
+    return () => {
+      enhanceController.setEnabled = (enabled) => {
+        enhanceController.enabled = enabled;
+      };
+    };
+  }, [enhanceController, state.enhanceEnabled]);
   useEffect(() => {
     if (!agentsMonitorController) return;
     agentsMonitorController.visible = state.agentsMonitorOpen;
@@ -7292,7 +7706,8 @@ function App({
       type: "fleetCost",
       cost: d.snapshot().total.cost,
       input: d.snapshot().total.input,
-      output: d.snapshot().total.output
+      output: d.snapshot().total.output,
+      perAgent: d.snapshot().perSubagent
     });
     const seen = new Set(Object.keys(status.subagents));
     const pending = /* @__PURE__ */ new Map();
@@ -7421,7 +7836,8 @@ function App({
             type: "fleetCost",
             cost: d.snapshot().total.cost,
             input: d.snapshot().total.input,
-            output: d.snapshot().total.output
+            output: d.snapshot().total.output,
+            perAgent: d.snapshot().perSubagent
           });
           break;
         }
@@ -7549,7 +7965,8 @@ function App({
         type: "fleetCost",
         cost: d.snapshot().total.cost,
         input: d.snapshot().total.input,
-        output: d.snapshot().total.output
+        output: d.snapshot().total.output,
+        perAgent: d.snapshot().perSubagent
       });
       if (streamFlushTimer) {
         clearTimeout(streamFlushTimer);
@@ -7630,7 +8047,7 @@ function App({
             type: "addEntry",
             entry: {
               kind: "warn",
-              text: `Iteration cancelled${director ? " + fleet terminated" : ""}${procTag}. Dropped ${droppedCount} queued message${droppedCount === 1 ? "" : "s"}. Press Ctrl+C again to exit.`
+              text: `Iteration cancelled${director ? " + fleet terminated" : ""}${procTag}. Dropped ${droppedCount} queued message${droppedCount === 1 ? "" : "s"}. ${confirmExitRef.current ? "Press Ctrl+C again to confirm exit." : "Press Ctrl+C again to exit."}`
             }
           });
         } else {
@@ -7638,7 +8055,7 @@ function App({
             type: "addEntry",
             entry: {
               kind: "warn",
-              text: `Iteration cancelled${director ? " + fleet terminated" : ""}${procTag}. Press Ctrl+C again to exit.`
+              text: `Iteration cancelled${director ? " + fleet terminated" : ""}${procTag}. ${confirmExitRef.current ? "Press Ctrl+C again to confirm exit." : "Press Ctrl+C again to exit."}`
             }
           });
         }
@@ -7669,7 +8086,7 @@ function App({
             type: "addEntry",
             entry: {
               kind: "warn",
-              text: `${bits.join(" + ") || "Background work stopped"}. Press Ctrl+C again to exit.`
+              text: `${bits.join(" + ") || "Background work stopped"}. ${confirmExitRef.current ? "Press Ctrl+C again to confirm exit." : "Press Ctrl+C again to exit."}`
             }
           });
           return;
@@ -7712,10 +8129,16 @@ function App({
   const handleKey = async (input, key) => {
     if (state.status === "aborting" && !state.steeringPending && state.interrupts === 0) return;
     if (state.confirmQueue.length > 0) return;
+    if (state.enhanceBusy) {
+      if (key.escape) enhanceAbortRef.current?.abort();
+      return;
+    }
+    if (state.enhance) return;
     if (state.helpOpen) {
       if (key.escape || input === "?" || input === "q") dispatch({ type: "toggleHelp" });
       return;
     }
+    state.todosMonitorOpen || state.monitorOpen || state.agentsMonitorOpen || state.worktreeMonitorOpen || !!state.autoPhase?.monitorOpen;
     if (inputGateRef.current) return;
     if (managedLive) {
       if (key.pageUp) {
@@ -7887,8 +8310,8 @@ function App({
         const now = Date.now();
         if (now - lastEnterAtRef.current < 50) return;
         lastEnterAtRef.current = now;
-        const { mode, delayMs } = state.settingsPicker;
-        const err = await saveSettings?.({ mode, delayMs });
+        const { mode, delayMs, titleAnimation, yolo: yolo2, streamFleet, chime: chime2, confirmExit: confirmExit2, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, contextAutoCompact, contextStrategy, logLevel, auditLevel, indexOnStart, maxIterations } = state.settingsPicker;
+        const err = await saveSettings?.({ mode, delayMs, titleAnimation, yolo: yolo2, streamFleet, chime: chime2, confirmExit: confirmExit2, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, contextAutoCompact, contextStrategy, logLevel, auditLevel, indexOnStart, maxIterations });
         if (err) {
           dispatch({ type: "settingsHint", text: err });
           return;
@@ -8001,20 +8424,32 @@ function App({
       return;
     }
     const toggleFleetOverlay = () => {
-      if (state.agentsMonitorOpen) {
-        dispatch({ type: "toggleAgentsMonitor" });
-        dispatch({ type: "toggleMonitor" });
-      } else {
+      if (state.monitorOpen) {
         dispatch({ type: "toggleMonitor" });
+        return;
       }
+      if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+      if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+      if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+      if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+      if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+      if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+      if (state.helpOpen) dispatch({ type: "toggleHelp" });
+      dispatch({ type: "toggleMonitor" });
     };
     const toggleAgentsOverlay = () => {
-      if (state.monitorOpen) {
-        dispatch({ type: "toggleMonitor" });
-        dispatch({ type: "toggleAgentsMonitor" });
-      } else {
+      if (state.agentsMonitorOpen) {
         dispatch({ type: "toggleAgentsMonitor" });
+        return;
       }
+      if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+      if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+      if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+      if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+      if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+      if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+      if (state.helpOpen) dispatch({ type: "toggleHelp" });
+      dispatch({ type: "toggleAgentsMonitor" });
     };
     const toggleWorktreeOverlay = () => {
       if (state.worktreeMonitorOpen) {
@@ -8024,8 +8459,26 @@ function App({
       if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
       if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
       if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+      if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+      if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+      if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+      if (state.helpOpen) dispatch({ type: "toggleHelp" });
       dispatch({ type: "worktreeMonitorToggle" });
     };
+    const toggleTodosOverlay = () => {
+      if (state.todosMonitorOpen) {
+        dispatch({ type: "toggleTodosMonitor" });
+        return;
+      }
+      if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+      if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+      if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+      if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+      if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+      if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+      if (state.helpOpen) dispatch({ type: "toggleHelp" });
+      dispatch({ type: "toggleTodosMonitor" });
+    };
     if (key.ctrl && input === "f" || key.fn === 2) {
       toggleFleetOverlay();
       return;
@@ -8038,12 +8491,96 @@ function App({
       toggleWorktreeOverlay();
       return;
     }
+    if (key.fn === 5) {
+      if (state.settingsPicker.open) {
+        dispatch({ type: "settingsClose" });
+      } else if (getSettings && saveSettings) {
+        if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+        if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+        if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+        if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+        if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+        if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+        if (state.helpOpen) dispatch({ type: "toggleHelp" });
+        const cfg = getSettings();
+        dispatch({
+          type: "settingsOpen",
+          mode: cfg.mode,
+          delayMs: cfg.delayMs,
+          titleAnimation: cfg.titleAnimation ?? true,
+          yolo: cfg.yolo ?? false,
+          streamFleet: cfg.streamFleet ?? true,
+          chime: cfg.chime ?? false,
+          confirmExit: cfg.confirmExit ?? true,
+          nextPrediction: cfg.nextPrediction ?? false,
+          featureMcp: cfg.featureMcp ?? true,
+          featurePlugins: cfg.featurePlugins ?? true,
+          featureMemory: cfg.featureMemory ?? true,
+          featureSkills: cfg.featureSkills ?? true,
+          featureModelsRegistry: cfg.featureModelsRegistry ?? true,
+          contextAutoCompact: cfg.contextAutoCompact ?? true,
+          contextStrategy: cfg.contextStrategy ?? "hybrid",
+          logLevel: cfg.logLevel ?? "info",
+          auditLevel: cfg.auditLevel ?? "standard",
+          indexOnStart: cfg.indexOnStart ?? true,
+          maxIterations: cfg.maxIterations ?? 500
+        });
+      }
+      return;
+    }
+    if (key.fn === 6) {
+      toggleTodosOverlay();
+      return;
+    }
+    if (key.fn === 7) {
+      if (state.queuePanelOpen) {
+        dispatch({ type: "toggleQueuePanel" });
+      } else {
+        if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+        if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+        if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+        if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+        if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+        if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+        if (state.helpOpen) dispatch({ type: "toggleHelp" });
+        dispatch({ type: "toggleQueuePanel" });
+      }
+      return;
+    }
     if (key.ctrl && input === "s") {
       if (state.settingsPicker.open) {
         dispatch({ type: "settingsClose" });
       } else if (getSettings && saveSettings) {
+        if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+        if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+        if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+        if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+        if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+        if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+        if (state.helpOpen) dispatch({ type: "toggleHelp" });
         const cfg = getSettings();
-        dispatch({ type: "settingsOpen", mode: cfg.mode, delayMs: cfg.delayMs });
+        dispatch({
+          type: "settingsOpen",
+          mode: cfg.mode,
+          delayMs: cfg.delayMs,
+          titleAnimation: cfg.titleAnimation ?? true,
+          yolo: cfg.yolo ?? false,
+          streamFleet: cfg.streamFleet ?? true,
+          chime: cfg.chime ?? false,
+          confirmExit: cfg.confirmExit ?? true,
+          nextPrediction: cfg.nextPrediction ?? false,
+          featureMcp: cfg.featureMcp ?? true,
+          featurePlugins: cfg.featurePlugins ?? true,
+          featureMemory: cfg.featureMemory ?? true,
+          featureSkills: cfg.featureSkills ?? true,
+          featureModelsRegistry: cfg.featureModelsRegistry ?? true,
+          contextAutoCompact: cfg.contextAutoCompact ?? true,
+          contextStrategy: cfg.contextStrategy ?? "hybrid",
+          logLevel: cfg.logLevel ?? "info",
+          auditLevel: cfg.auditLevel ?? "standard",
+          indexOnStart: cfg.indexOnStart ?? true,
+          maxIterations: cfg.maxIterations ?? 500
+        });
       }
       return;
     }
@@ -8060,12 +8597,34 @@ function App({
         dispatch({ type: "worktreeMonitorToggle" });
         return;
       }
+      if (state.todosMonitorOpen) {
+        dispatch({ type: "toggleTodosMonitor" });
+        return;
+      }
+      if (state.autoPhase?.monitorOpen) {
+        dispatch({ type: "autoPhaseMonitorToggle" });
+        return;
+      }
+      if (state.settingsPicker.open) {
+        dispatch({ type: "settingsClose" });
+        return;
+      }
+      if (state.queuePanelOpen) {
+        dispatch({ type: "toggleQueuePanel" });
+        return;
+      }
     }
-    if (input === "?" && !key.ctrl && !key.meta && draftRef.current.buffer === "" && !state.slashPicker.open && !state.picker.open && !state.modelPicker.open && !state.autonomyPicker.open && !state.settingsPicker.open && !state.rewindOverlay && !state.monitorOpen && !state.agentsMonitorOpen && !state.worktreeMonitorOpen && !state.autoPhase?.monitorOpen) {
+    if (input === "?" && !key.ctrl && !key.meta && draftRef.current.buffer === "" && !state.slashPicker.open && !state.picker.open && !state.modelPicker.open && !state.autonomyPicker.open && !state.settingsPicker.open && !state.rewindOverlay && !state.monitorOpen && !state.agentsMonitorOpen && !state.worktreeMonitorOpen && !state.todosMonitorOpen && !state.autoPhase?.monitorOpen) {
       dispatch({ type: "toggleHelp" });
       return;
     }
     if (isEnter) {
+      if (key.shift) {
+        const { buffer: buffer2, cursor: cursor2 } = draftRef.current;
+        const next2 = buffer2.slice(0, cursor2) + "\n" + buffer2.slice(cursor2);
+        setDraft(next2, cursor2 + 1);
+        return;
+      }
       const now = Date.now();
       if (now - lastEnterAtRef.current < 50) return;
       lastEnterAtRef.current = now;
@@ -8073,36 +8632,41 @@ function App({
       return;
     }
     const { buffer, cursor } = draftRef.current;
-    if (key.backspace || key.delete) {
+    if (key.backspace) {
       if (key.ctrl) {
-        if (key.backspace) {
-          if (cursor === 0) return;
-          const beforeCursor = buffer.slice(0, cursor);
-          const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;
-          const next3 = beforeCursor.slice(0, lastWordStart) + buffer.slice(cursor);
-          setDraft(next3, lastWordStart);
-        } else {
-          if (cursor >= buffer.length) return;
-          const afterCursor = buffer.slice(cursor);
-          const nextWordStart = afterCursor.indexOf(" ");
-          const end = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
-          const next3 = buffer.slice(0, cursor) + buffer.slice(end);
-          setDraft(next3, cursor);
-        }
+        if (cursor === 0) return;
+        const beforeCursor = buffer.slice(0, cursor);
+        const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;
+        const next3 = beforeCursor.slice(0, lastWordStart) + buffer.slice(cursor);
+        setDraft(next3, lastWordStart);
         return;
       }
-      if (key.backspace) {
-        const tokenDel = deleteTokenBackward(buffer, cursor);
-        if (tokenDel) {
-          setDraft(tokenDel.buffer, tokenDel.cursor);
-          return;
-        }
+      const tokenDel = deleteTokenBackward(buffer, cursor);
+      if (tokenDel) {
+        setDraft(tokenDel.buffer, tokenDel.cursor);
+        return;
       }
       if (cursor === 0) return;
       const next2 = buffer.slice(0, cursor - 1) + buffer.slice(cursor);
       setDraft(next2, cursor - 1);
       return;
     }
+    if (key.delete) {
+      if (key.ctrl) {
+        if (cursor >= buffer.length) return;
+        const afterCursor = buffer.slice(cursor);
+        const nextWordStart = afterCursor.indexOf(" ");
+        const end = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
+        const next3 = buffer.slice(0, cursor) + buffer.slice(end);
+        setDraft(next3, cursor);
+        return;
+      }
+      if (cursor >= buffer.length) return;
+      const span = tokenLengthForward(buffer, cursor) || 1;
+      const next2 = buffer.slice(0, cursor) + buffer.slice(cursor + span);
+      setDraft(next2, cursor);
+      return;
+    }
     if (key.leftArrow) {
       if (key.ctrl) {
         if (cursor === 0) return;
@@ -8173,7 +8737,7 @@ function App({
       setDraft("", 0);
       return;
     }
-    if (key.delete || key.ctrl && input === "d") {
+    if (key.ctrl && input === "d") {
       if (cursor >= buffer.length) return;
       const span = tokenLengthForward(buffer, cursor) || 1;
       const next2 = buffer.slice(0, cursor) + buffer.slice(cursor + span);
@@ -8300,10 +8864,20 @@ function App({
     } finally {
       activeCtrlRef.current = null;
       dispatch({ type: "status", status: "idle" });
+      if (chimeRef.current) {
+        try {
+          process.stdout.write("\x07");
+        } catch {
+        }
+      }
     }
     const head = stateRef.current.queue[0];
     if (head) {
       dispatch({ type: "dequeueFirst" });
+      dispatch({
+        type: "addEntry",
+        entry: { kind: "user", text: head.displayText }
+      });
       await runBlocks(head.blocks);
     }
   };
@@ -8448,6 +9022,10 @@ function App({
             void runParallelLoopRef.current();
           }
         }
+        if (getModeLabel) {
+          const currentMode = getModeLabel();
+          if (currentMode !== liveModeLabel) setLiveModeLabel(currentMode);
+        }
         if (res?.exit) {
           exit();
           onExit(0);
@@ -8467,6 +9045,7 @@ function App({
         const cmd = trimmed.slice(1).split(/\s+/, 1)[0];
         if (cmd === "clear") {
           onClearHistory?.(dispatch);
+          tokenCounter?.reset();
         }
       } catch (err) {
         dispatch({
@@ -8479,6 +9058,52 @@ function App({
     const builder = builderRef.current;
     if (!builder) return;
     const steering = state.steeringPending;
+    let effectiveText = trimmed;
+    const hasChips = trimmed ? new RegExp(INLINE_TOKEN_SRC, "g").test(trimmed) : false;
+    if (enhanceEnabledRef.current && state.status === "idle" && !steering && !hasChips && shouldEnhance(trimmed)) {
+      dispatch({ type: "enhanceBusy", on: true });
+      const ac = new AbortController();
+      enhanceAbortRef.current = ac;
+      let refined = null;
+      let enhanceErr = null;
+      try {
+        refined = await enhanceUserPrompt({
+          provider: agent.ctx.provider,
+          model: agent.ctx.model,
+          text: trimmed,
+          signal: ac.signal,
+          onError: (reason) => {
+            enhanceErr = reason;
+          },
+          // Feed recent conversation so follow-ups ("do the same", "that file")
+          // resolve against context instead of being refined blind.
+          history: recentTextTurns(agent.ctx.messages)
+        });
+      } finally {
+        enhanceAbortRef.current = null;
+        dispatch({ type: "enhanceBusy", on: false });
+      }
+      if (refined === null && !ac.signal.aborted) {
+        dispatch({
+          type: "addEntry",
+          entry: {
+            kind: "info",
+            text: enhanceErr ? `\u2728 refinement unavailable (${enhanceErr}) \u2014 sent your message as-is` : "\u2728 refinement unavailable \u2014 sent your message as-is"
+          }
+        });
+      }
+      if (refined && !normalizedEqual(refined, trimmed)) {
+        const decision = await new Promise((resolve) => {
+          dispatch({ type: "enhanceOpen", info: { original: trimmed, refined, resolve } });
+        });
+        dispatch({ type: "enhanceClose" });
+        if (decision === "edit") {
+          setDraft(refined, refined.length);
+          return;
+        }
+        effectiveText = decision === "refined" ? refined : trimmed;
+      }
+    }
     const sddContext = getSDDContext?.();
     if (sddContext && trimmed) {
       builder.appendText(`[SDD SESSION ACTIVE]
@@ -8489,11 +9114,11 @@ User message:
 `);
     }
     if (trimmed) {
-      const toAppend = steering ? buildSteeringPreamble(state.steerSnapshot, trimmed) : trimmed;
+      const toAppend = steering ? buildSteeringPreamble(state.steerSnapshot, effectiveText) : effectiveText;
       builder.appendText(toAppend);
     }
     if (steering) dispatch({ type: "steerConsume" });
-    const displayText = trimmed ? steering ? `\u21AF ${trimmed}` : trimmed : "(attachments only)";
+    const displayText = trimmed ? steering ? `\u21AF ${effectiveText}` : effectiveText : "(attachments only)";
     const pasteParts = [];
     for (const m of trimmed.matchAll(new RegExp(INLINE_TOKEN_SRC, "g"))) {
       const token = m[0];
@@ -8547,20 +9172,6 @@ User message:
     })();
   }, [initialAsk, initialGoal]);
   handleKeyRef.current = handleKey;
-  openModelPickerRef.current = () => {
-    void openModelPicker();
-  };
-  openAutonomyPickerRef.current = openAutonomyPicker;
-  handleRewindToRef.current = (promptIndex) => {
-    void handleRewindTo(promptIndex);
-  };
-  statusChipRef.current = {
-    version: appVersion,
-    model: `${liveProvider}/${liveModel}`,
-    fleetRunning: fleetCounts?.running ?? 0,
-    yolo: yoloLive,
-    autonomy: autonomyLive
-  };
   const inputHint = useMemo(() => {
     if (state.status !== "idle") return "";
     if (state.buffer.startsWith("/")) return "slash command \u2014 Enter to dispatch";
@@ -8568,7 +9179,8 @@ User message:
     return "";
   }, [state.buffer, state.status, state.picker.open]);
   const affordanceShown = managedLive && state.scrollOffset > 0 && state.pendingNewLines > 0;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: managedLive ? termRows : void 0, children: [
+  const enhanceActive = state.enhanceBusy || state.enhance != null;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", height: managedLive ? termRows : void 0, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     managedLive ? /* @__PURE__ */ jsx(
       ScrollableHistory,
       {
@@ -8590,20 +9202,18 @@ User message:
     ),
     affordanceShown ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${state.pendingNewLines} new line${state.pendingNewLines === 1 ? "" : "s"} \u2014 PgDn or click to jump to bottom` }) : null,
     /* @__PURE__ */ jsxs(Box, { ref: managedLive ? bottomRef : void 0, flexDirection: "column", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs(Box, { ref: managedLive ? prePickerRef : void 0, flexDirection: "column", flexShrink: 0, children: [
-        /* @__PURE__ */ jsx(Box, { ref: managedLive ? liveStripRef : void 0, flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }) }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            prompt: INPUT_PROMPT,
-            value: state.buffer,
-            cursor: state.cursor,
-            disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
-            hint: inputHint,
-            onKey: handleKey
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          prompt: INPUT_PROMPT,
+          value: enhanceActive ? "" : state.buffer,
+          cursor: enhanceActive ? 0 : state.cursor,
+          disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
+          hint: enhanceActive ? "" : inputHint,
+          onKey: handleKey
+        }
+      ),
       state.picker.open ? /* @__PURE__ */ jsx(
         FilePicker,
         {
@@ -8647,6 +9257,23 @@ User message:
           field: state.settingsPicker.field,
           mode: state.settingsPicker.mode,
           delayMs: state.settingsPicker.delayMs,
+          titleAnimation: state.settingsPicker.titleAnimation,
+          yolo: state.settingsPicker.yolo,
+          streamFleet: state.settingsPicker.streamFleet,
+          chime: state.settingsPicker.chime,
+          confirmExit: state.settingsPicker.confirmExit,
+          nextPrediction: state.settingsPicker.nextPrediction,
+          featureMcp: state.settingsPicker.featureMcp,
+          featurePlugins: state.settingsPicker.featurePlugins,
+          featureMemory: state.settingsPicker.featureMemory,
+          featureSkills: state.settingsPicker.featureSkills,
+          featureModelsRegistry: state.settingsPicker.featureModelsRegistry,
+          contextAutoCompact: state.settingsPicker.contextAutoCompact,
+          contextStrategy: state.settingsPicker.contextStrategy,
+          logLevel: state.settingsPicker.logLevel,
+          auditLevel: state.settingsPicker.auditLevel,
+          indexOnStart: state.settingsPicker.indexOnStart,
+          maxIterations: state.settingsPicker.maxIterations,
           hint: state.settingsPicker.hint
         }
       ) : null,
@@ -8679,8 +9306,7 @@ User message:
           head.resolve(decision);
           dispatch({ type: "confirmClose" });
         };
-        confirmDecisionRef.current = onDecision;
-        return /* @__PURE__ */ jsx(Box, { ref: confirmRef, flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(
           ConfirmPrompt,
           {
             toolName: head.toolName,
@@ -8688,8 +9314,27 @@ User message:
             suggestedPattern: head.suggestedPattern,
             onDecision
           }
-        ) });
+        );
       })(),
+      state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2728 refining your request\u2026" }) }) : null,
+      state.enhance ? (() => {
+        const info = state.enhance;
+        let resolved = false;
+        const onDecision = (decision) => {
+          if (resolved) return;
+          resolved = true;
+          info.resolve(decision);
+        };
+        return /* @__PURE__ */ jsx(
+          EnhancePanel,
+          {
+            original: info.original,
+            refined: info.refined,
+            delayMs: enhanceDelayMs,
+            onDecision
+          }
+        );
+      })() : null,
       /* @__PURE__ */ jsx(
         StatusBar,
         {
@@ -8713,7 +9358,9 @@ User message:
           processCount: getProcessRegistry().activeCount,
           hiddenItems,
           eternalStage: state.eternalStage,
-          goalSummary: state.goalSummary
+          goalSummary: state.goalSummary,
+          indexState,
+          modeLabel: liveModeLabel || void 0
         }
       ),
       managedLive ? /* @__PURE__ */ jsx(
@@ -8722,18 +9369,18 @@ User message:
           context: {
             confirm: state.confirmQueue.length > 0,
             picker: state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || !!state.rewindOverlay,
-            monitor: state.agentsMonitorOpen || state.monitorOpen || state.worktreeMonitorOpen || !!state.autoPhase?.monitorOpen,
-            managed: managedLive,
-            mouse: mouseLive
+            monitor: state.agentsMonitorOpen || state.monitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || !!state.autoPhase?.monitorOpen,
+            managed: managedLive
           }
         }
       ) : null,
-      state.helpOpen ? /* @__PURE__ */ jsx(HelpOverlay, { managed: managedLive, mouse: mouseLive }) : null,
+      state.helpOpen ? /* @__PURE__ */ jsx(HelpOverlay, { managed: managedLive }) : null,
       state.agentsMonitorOpen ? /* @__PURE__ */ jsx(
         AgentsMonitor,
         {
           entries: entriesWithLeader,
           totalCost: state.fleetCost,
+          leaderCost: tokenCounter?.estimateCost().total ?? 0,
           totalTokens: state.fleetTokens,
           nowTick
         }
@@ -8754,12 +9401,13 @@ User message:
           nowTick,
           onClose: () => dispatch({ type: "worktreeMonitorToggle" })
         }
-      ) : state.monitorOpen ? /* @__PURE__ */ jsx(
+      ) : state.todosMonitorOpen && !managedLive ? /* @__PURE__ */ jsx(TodosMonitor, { todos: agent.ctx.todos }) : state.monitorOpen ? /* @__PURE__ */ jsx(
         FleetMonitor,
         {
           entries: state.fleet,
           totalCost: state.fleetCost,
           totalTokens: state.fleetTokens,
+          maxConcurrent: state.fleetConcurrency,
           nowTick,
           collabSession: state.collabSession
         }
@@ -8780,9 +9428,10 @@ User message:
           nowTick
         }
       ) : null,
-      Object.keys(state.worktrees).length > 0 && !state.worktreeMonitorOpen && !state.monitorOpen ? /* @__PURE__ */ jsx(WorktreePanel, { worktrees: state.worktrees, nowTick }) : null
+      Object.keys(state.worktrees).length > 0 && !state.worktreeMonitorOpen && !state.monitorOpen ? /* @__PURE__ */ jsx(WorktreePanel, { worktrees: state.worktrees, nowTick }) : null,
+      state.queuePanelOpen ? /* @__PURE__ */ jsx(QueuePanel, { items: state.queue }) : null
     ] })
-  ] });
+  ] }) });
 }
 function renderRunningTools(running) {
   if (running.size === 0) return "";
@@ -8816,48 +9465,6 @@ function fmtTok3(n) {
   return `${(n / 1e6).toFixed(1)}M`;
 }
 
-// src/mouse.ts
-var SGR_MOUSE_RE = /\x1b?\[<(\d+);(\d+);(\d+)([Mm])/g;
-function stripSgrMouse(s2) {
-  return s2.replace(SGR_MOUSE_RE, "");
-}
-function parseSgrMouse(s2) {
-  const events = [];
-  for (const m of s2.matchAll(SGR_MOUSE_RE)) {
-    const cb = Number.parseInt(m[1] ?? "", 10);
-    const x = Number.parseInt(m[2] ?? "", 10);
-    const y = Number.parseInt(m[3] ?? "", 10);
-    const final = m[4];
-    if (!Number.isFinite(cb) || !Number.isFinite(x) || !Number.isFinite(y)) continue;
-    const isWheel = (cb & 64) !== 0;
-    const drag = (cb & 32) !== 0;
-    const low = cb & 3;
-    let button;
-    let type;
-    if (isWheel) {
-      type = "wheel";
-      button = low === 0 ? "wheelUp" : low === 1 ? "wheelDown" : "other";
-    } else if (final === "m") {
-      type = "release";
-      button = low === 0 ? "left" : low === 1 ? "middle" : low === 2 ? "right" : "other";
-    } else {
-      type = "press";
-      button = low === 0 ? "left" : low === 1 ? "middle" : low === 2 ? "right" : "other";
-    }
-    events.push({
-      type,
-      button,
-      x,
-      y,
-      shift: (cb & 4) !== 0,
-      alt: (cb & 8) !== 0,
-      ctrl: (cb & 16) !== 0,
-      drag
-    });
-  }
-  return events;
-}
-
 // src/terminal-title.ts
 var SPINNER = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var setTitle = (s2) => `\x1B]0;${s2}\x07`;
@@ -8927,8 +9534,6 @@ var BRACKETED_PASTE_OFF = "\x1B[?2004l";
 var ALT_SCREEN_ON = "\x1B[?1049h";
 var ALT_SCREEN_OFF = "\x1B[?1049l";
 var CURSOR_HOME = "\x1B[H";
-var MOUSE_ON = "\x1B[?1000h\x1B[?1002h\x1B[?1006h";
-var MOUSE_OFF = "\x1B[?1006l\x1B[?1002l\x1B[?1000l";
 async function runTui(opts) {
   const stdout = process.stdout;
   const stdin = process.stdin;
@@ -8938,108 +9543,15 @@ async function runTui(opts) {
     );
     return 2;
   }
-  const useMouse = opts.mouse === true;
-  const useAltScreen = opts.altScreen === true || useMouse;
+  const useAltScreen = opts.altScreen === true;
   if (useAltScreen) {
     stdout.write(ALT_SCREEN_ON);
     stdout.write(CURSOR_HOME);
   }
   stdout.write(BRACKETED_PASTE_ON);
-  if (useMouse) {
-    stdout.write(MOUSE_ON);
-  }
-  const mouseListeners = /* @__PURE__ */ new Set();
-  let inkStdin = stdin;
-  let detachMouse = null;
-  if (useMouse) {
-    class KeyboardReadable extends Readable {
-      pendingChunks = [];
-      // eslint-disable-next-line no-useless-constructor
-      constructor() {
-        super({ encoding: "utf8", highWaterMark: 64 * 1024 });
-      }
-      _read(_size) {
-        this.flushPending();
-      }
-      flushPending() {
-        while (this.pendingChunks.length > 0) {
-          const chunk = this.pendingChunks[0];
-          const ok = this.push(chunk);
-          this.pendingChunks.shift();
-          if (!ok) {
-            break;
-          }
-        }
-      }
-      /** Called by the stdin data handler when keyboard bytes are available. */
-      doPush(chunk) {
-        if (chunk.length === 0) return;
-        const ok = this.push(chunk);
-        if (ok) {
-          if (this.pendingChunks.length > 0) {
-            this.flushPending();
-          }
-        } else {
-          if (this.pendingChunks.length >= 100) {
-            this.pendingChunks.shift();
-          }
-          this.pendingChunks.push(chunk);
-        }
-      }
-      /** Called on shutdown so the stream closes cleanly. */
-      doEnd() {
-        this.pendingChunks = [];
-        this.push(null);
-      }
-    }
-    const keyboardStream = new KeyboardReadable();
-    const p = keyboardStream;
-    p.isTTY = true;
-    p.setRawMode = (mode) => {
-      try {
-        stdin.setRawMode?.(mode);
-      } catch {
-      }
-      return p;
-    };
-    const realRef = stdin.ref?.bind(stdin);
-    const realUnref = stdin.unref?.bind(stdin);
-    p.ref = () => {
-      realRef?.();
-      return p;
-    };
-    p.unref = () => {
-      realUnref?.();
-      return p;
-    };
-    stdin.setEncoding("utf8");
-    const onData = (chunk) => {
-      const evs = parseSgrMouse(chunk);
-      for (const ev of evs) {
-        for (const fn of mouseListeners) {
-          try {
-            fn(ev);
-          } catch {
-          }
-        }
-      }
-      const rest = stripSgrMouse(chunk);
-      keyboardStream.doPush(rest);
-    };
-    stdin.on("data", onData);
-    detachMouse = () => {
-      stdin.off("data", onData);
-      keyboardStream.doEnd();
-    };
-    inkStdin = p;
-  }
-  const subscribeMouse = useMouse ? (fn) => {
-    mouseListeners.add(fn);
-    return () => {
-      mouseListeners.delete(fn);
-    };
-  } : void 0;
-  const stopTitle = startTerminalTitle({ stdout, events: opts.events, model: opts.model });
+  const inkStdin = stdin;
+  const stopTitle = opts.titleAnimation !== false ? startTerminalTitle({ stdout, events: opts.events, model: opts.model }) : (() => {
+  });
   const swallowSignals = ["SIGTSTP", "SIGQUIT", "SIGTTIN", "SIGTTOU"];
   const swallow = () => {
   };
@@ -9057,15 +9569,8 @@ async function runTui(opts) {
       stopTitle();
     } catch {
     }
-    try {
-      detachMouse?.();
-    } catch {
-    }
     try {
       stdout.write(BRACKETED_PASTE_OFF);
-      if (useMouse) {
-        stdout.write(MOUSE_OFF);
-      }
       if (useAltScreen) {
         stdout.write(ALT_SCREEN_OFF);
       }
@@ -9138,6 +9643,8 @@ async function runTui(opts) {
           fleetRoster: opts.fleetRoster,
           onClearHistory: opts.onClearHistory ? (dispatch) => opts.onClearHistory(dispatch) : void 0,
           fleetStreamController: opts.fleetStreamController,
+          enhanceController: opts.enhanceController,
+          enhanceEnabled: opts.enhanceController?.enabled ?? true,
           statuslineHiddenItems: opts.statuslineHiddenItems,
           setStatuslineHiddenItems: opts.setStatuslineHiddenItems,
           agentsMonitorController: opts.agentsMonitorController,
@@ -9150,12 +9657,13 @@ async function runTui(opts) {
           getSettings: opts.getSettings,
           saveSettings: opts.saveSettings,
           predictNext: opts.predictNext,
-          mouse: useMouse,
-          subscribeMouse,
           // Managed viewport (in-app scroll + collapsibility) follows
-          // alt-screen: it owns the screen, so there's no native-scrollback
-          // leak. Decoupled from mouse so --alt-screen alone gets it.
-          managed: useAltScreen
+          // alt-screen: it owns the screen, so there's no native-scrollback leak.
+          managed: useAltScreen,
+          chime: opts.chime,
+          confirmExit: opts.confirmExit,
+          modeLabel: opts.modeLabel,
+          getModeLabel: opts.getModeLabel
         }),
         { exitOnCtrlC: false, stdin: inkStdin }
       );