@wrongstack/tui 0.73.1 → 0.77.0

package/dist/index.js

@@ -1,11 +1,11 @@
-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 React5, { useState, useEffect, useReducer, useRef, useMemo, useCallback, useLayoutEffect } from 'react';
+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';
@@ -34,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,
@@ -58,7 +78,9 @@ function StatusBar({
   processCount,
   hiddenItems,
   eternalStage,
-  goalSummary
+  goalSummary,
+  indexState,
+  modeLabel
 }) {
   const { stdout } = useStdout();
   const [termWidth, setTermWidth] = useState(stdout?.columns ?? 90);
@@ -76,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;
@@ -96,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" }),
@@ -116,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" }),
@@ -170,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
           ] })
         ) }),
@@ -227,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: [
@@ -248,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 " }),
@@ -322,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: [
@@ -348,7 +395,7 @@ function StatusBar({
               ] })
             ] }) : null
           ] }, i)
-        )) }) : null
+        )) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
       ]
     }
   );
@@ -779,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;
@@ -824,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 ",
@@ -869,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: [
@@ -954,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(
@@ -1077,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" })
@@ -1147,7 +1208,7 @@ function ConfirmPrompt({
   suggestedPattern,
   onDecision
 }) {
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     writeOut("\x07");
   }, []);
   useInput((input2, _key) => {
@@ -1176,21 +1237,82 @@ function ConfirmPrompt({
     inputSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: inputSummary }) : null,
     showDiff && diff ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: renderDiff(diff) }) : null,
     /* @__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__ */ jsx(Text, { children: buttonLabels(suggestedPattern).map((l) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { children: buttonLabels(suggestedPattern).map((l) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
       /* @__PURE__ */ jsx(Text, { bold: true, color: BUTTON_COLOR[l.decision], children: l.bracket }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: l.rest })
     ] }, 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",
@@ -1285,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" }
       ]
     },
@@ -1860,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);
     }
   }
@@ -1894,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)
@@ -1911,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
@@ -1927,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;
 }
@@ -1944,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++) {
@@ -2730,7 +2938,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
 }
 var MAX_STREAM_DISPLAY_CHARS = 480;
 var MAX_STREAM_LINES = 8;
-var ToolStreamBox = React5.memo(function ToolStreamBox2({
+var ToolStreamBox = React6.memo(function ToolStreamBox2({
   name,
   text,
   startedAt,
@@ -3050,7 +3258,7 @@ function brainRiskColor(risk) {
 function assistantContentWidth(termWidth) {
   return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
 }
-var Entry = React5.memo(function Entry2({
+var Entry = React6.memo(function Entry2({
   entry,
   termWidth
 }) {
@@ -3442,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,
@@ -3477,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 });
     };
@@ -3541,11 +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.managed) base.push({ key: "PgUp/PgDn", label: "scroll" }, { key: "F5", label: "Settings" });
   base.push({ key: "^G", label: "agents" }, { key: "^C", label: "stop" });
   return base;
 }
@@ -3585,13 +3808,16 @@ function fmtRecentMessage(message) {
   const text = message.text.replace(/\s+/g, " ");
   return text.length > 48 ? `${text.slice(0, 47)}...` : text;
 }
-var LiveActivityStrip = React5.memo(function LiveActivityStrip2({
+var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
   entries,
   nowTick,
   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) => {
@@ -3661,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: [
@@ -3686,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 ",
       "(",
@@ -3901,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;
@@ -3938,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);
@@ -4004,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"
@@ -4063,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);
@@ -4395,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;
@@ -4493,34 +5067,6 @@ function useSubagentEvents(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 {
@@ -4803,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":
@@ -5084,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
         }
       };
@@ -5093,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 } };
@@ -5131,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 ---
@@ -5362,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,
@@ -5442,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;
@@ -5747,6 +6386,21 @@ function selectedSlashCommandLine(picker) {
   const picked = picker.matches[picker.selected];
   return picked ? `/${picked.name}` : null;
 }
+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 });
+    }
+  }
+  return entries;
+}
 var PASTE_THRESHOLD_CHARS = 200;
 function App({
   agent,
@@ -5760,6 +6414,11 @@ function App({
   banner = true,
   queueStore,
   yolo = false,
+  chime = false,
+  confirmExit = true,
+  enhanceEnabled = true,
+  enhanceController,
+  enhanceDelayMs = 4e3,
   getYolo,
   getAutonomy,
   getEternalEngine,
@@ -5791,7 +6450,9 @@ function App({
   initialGoal,
   initialAsk,
   sessionsDir,
-  managed = false
+  managed = false,
+  modeLabel,
+  getModeLabel
 }) {
   const { exit } = useApp();
   const [liveModel, setLiveModel] = useState(model);
@@ -5799,7 +6460,13 @@ 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);
   useEffect(() => {
@@ -5840,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: "",
@@ -5864,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(),
@@ -5882,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: {
@@ -5902,6 +6587,8 @@ function App({
     monitorOpen: false,
     agentsMonitorOpen: false,
     helpOpen: false,
+    todosMonitorOpen: false,
+    queuePanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -5926,10 +6613,14 @@ function App({
   const inputGateRef = useRef(false);
   const lastEnterAtRef = useRef(0);
   const tokenPreviewsRef = useRef(/* @__PURE__ */ new Map());
-  const projectName = React5.useMemo(() => {
+  const projectName = React6.useMemo(() => {
     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);
@@ -5938,7 +6629,7 @@ function App({
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
   draftRef.current = { buffer: state.buffer, cursor: state.cursor };
   const bottomRef = useRef(null);
-  React5.useLayoutEffect(() => {
+  React6.useLayoutEffect(() => {
     if (!managedLive) return;
     const node = bottomRef.current;
     if (!node) return;
@@ -5951,7 +6642,7 @@ function App({
     }
   }, [managedLive, termRows]);
   const handleKeyRef = useRef(null);
-  const handleRewindTo = React5.useCallback(
+  const handleRewindTo = React6.useCallback(
     async (checkpointIndex) => {
       const sessionId = agent.ctx.session.id;
       if (!sessionId) return;
@@ -5970,13 +6661,13 @@ function App({
     dispatch({ type: "clearInput" });
   };
   const startedAtRef = useRef(Date.now());
-  const [nowTick, setNowTick] = React5.useState(Date.now());
+  const [nowTick, setNowTick] = React6.useState(Date.now());
   useEffect(() => {
     const t = setInterval(() => setNowTick(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
   const elapsedMs = nowTick - startedAtRef.current;
-  const [gitInfo, setGitInfo] = React5.useState(null);
+  const [gitInfo, setGitInfo] = React6.useState(null);
   useEffect(() => {
     let cancelled = false;
     const refresh = () => {
@@ -6031,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,
@@ -6040,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) => {
@@ -6091,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();
     }
   }, [
@@ -6112,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(() => {
@@ -6123,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) {
@@ -6439,15 +7143,36 @@ function App({
       slashRegistry.unregister("agents");
     };
   }, [slashRegistry]);
-  const openModelPicker = React5.useCallback(async () => {
+  const openModelPicker = React6.useCallback(async () => {
     if (!getPickableProviders) return;
     const providers = await getPickableProviders();
     dispatch({ type: "modelPickerOpen", providers });
   }, [getPickableProviders]);
-  const openSettings = React5.useCallback(() => {
+  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;
@@ -6460,7 +7185,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("model");
     };
@@ -6470,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");
     };
@@ -6492,7 +7217,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("autonomy");
     };
@@ -6533,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 });
@@ -6609,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();
@@ -6621,6 +7376,8 @@ function App({
       offProvResp();
       offConfirmNeeded();
       offTrustPersisted();
+      offDelegateStart();
+      offDelegateDone();
       if (flushTimerRef.current) clearTimeout(flushTimerRef.current);
     };
   }, [events, agent.ctx.todos]);
@@ -6628,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) => {
@@ -6853,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;
@@ -6932,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();
@@ -7061,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;
         }
@@ -7189,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);
@@ -7270,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 {
@@ -7278,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."}`
             }
           });
         }
@@ -7309,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;
@@ -7352,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) {
@@ -7527,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;
@@ -7641,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) {
@@ -7664,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;
@@ -7678,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;
     }
@@ -7700,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;
@@ -7713,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;
@@ -7813,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);
@@ -7940,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);
     }
   };
@@ -8088,6 +9022,10 @@ function App({
             void runParallelLoopRef.current();
           }
         }
+        if (getModeLabel) {
+          const currentMode = getModeLabel();
+          if (currentMode !== liveModeLabel) setLiveModeLabel(currentMode);
+        }
         if (res?.exit) {
           exit();
           onExit(0);
@@ -8107,6 +9045,7 @@ function App({
         const cmd = trimmed.slice(1).split(/\s+/, 1)[0];
         if (cmd === "clear") {
           onClearHistory?.(dispatch);
+          tokenCounter?.reset();
         }
       } catch (err) {
         dispatch({
@@ -8119,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]
@@ -8129,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];
@@ -8194,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,
       {
@@ -8221,10 +9207,10 @@ User message:
         Input,
         {
           prompt: INPUT_PROMPT,
-          value: state.buffer,
-          cursor: state.cursor,
+          value: enhanceActive ? "" : state.buffer,
+          cursor: enhanceActive ? 0 : state.cursor,
           disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
-          hint: inputHint,
+          hint: enhanceActive ? "" : inputHint,
           onKey: handleKey
         }
       ),
@@ -8271,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,
@@ -8313,6 +9316,25 @@ User message:
           }
         );
       })(),
+      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,
         {
@@ -8336,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(
@@ -8345,7 +9369,7 @@ 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,
+            monitor: state.agentsMonitorOpen || state.monitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || !!state.autoPhase?.monitorOpen,
             managed: managedLive
           }
         }
@@ -8356,6 +9380,7 @@ User message:
         {
           entries: entriesWithLeader,
           totalCost: state.fleetCost,
+          leaderCost: tokenCounter?.estimateCost().total ?? 0,
           totalTokens: state.fleetTokens,
           nowTick
         }
@@ -8376,7 +9401,7 @@ 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,
@@ -8403,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 "";
@@ -8524,7 +9550,8 @@ async function runTui(opts) {
   }
   stdout.write(BRACKETED_PASTE_ON);
   const inkStdin = stdin;
-  const stopTitle = startTerminalTitle({ stdout, events: opts.events, model: opts.model });
+  const stopTitle = opts.titleAnimation !== false ? startTerminalTitle({ stdout, events: opts.events, model: opts.model }) : (() => {
+  });
   const swallowSignals = ["SIGTSTP", "SIGQUIT", "SIGTTIN", "SIGTTOU"];
   const swallow = () => {
   };
@@ -8584,7 +9611,7 @@ async function runTui(opts) {
     let instance;
     try {
       instance = render(
-        React5.createElement(App, {
+        React6.createElement(App, {
           agent: opts.agent,
           slashRegistry: opts.slashRegistry,
           attachments: opts.attachments,
@@ -8616,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,
@@ -8630,7 +9659,11 @@ async function runTui(opts) {
           predictNext: opts.predictNext,
           // Managed viewport (in-app scroll + collapsibility) follows
           // alt-screen: it owns the screen, so there's no native-scrollback leak.
-          managed: useAltScreen
+          managed: useAltScreen,
+          chime: opts.chime,
+          confirmExit: opts.confirmExit,
+          modeLabel: opts.modeLabel,
+          getModeLabel: opts.getModeLabel
         }),
         { exitOnCtrlC: false, stdin: inkStdin }
       );