@wrongstack/tui 0.73.1 → 0.82.6

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 { Box, Text, render, useApp, useStdout, Static, useInput, useStdin } from 'ink';
+import React6, { useState, useEffect, useReducer, useRef, useMemo, useCallback } 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,34 @@ var theme = Object.freeze({
   diffAddBg: "greenBright",
   diffDelBg: "redBright"
 });
+function expectDefined(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
+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 = 250;
 function StatusBar({
   model,
   version,
@@ -45,7 +71,7 @@ function StatusBar({
   queueCount = 0,
   yolo = false,
   autonomy,
-  elapsedMs,
+  startedAt,
   todos,
   plan,
   fleet,
@@ -58,7 +84,9 @@ function StatusBar({
   processCount,
   hiddenItems,
   eternalStage,
-  goalSummary
+  goalSummary,
+  indexState,
+  modeLabel
 }) {
   const { stdout } = useStdout();
   const [termWidth, setTermWidth] = useState(stdout?.columns ?? 90);
@@ -76,8 +104,26 @@ function StatusBar({
   const usage = tokenCounter?.total();
   const cost = tokenCounter?.estimateCost();
   const cache2 = tokenCounter?.cacheStats();
+  const [elapsedMs, setElapsedMs] = useState(startedAt ? Date.now() - startedAt : 0);
+  useEffect(() => {
+    if (startedAt == null) return;
+    const t = setInterval(() => setElapsedMs(Date.now() - startedAt), 1e3);
+    return () => clearInterval(t);
+  }, [startedAt]);
+  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 = expectDefined(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 thinking = state === "running" || state === "streaming";
+  const hasSecondLine = yolo || autonomy && autonomy !== "off" || startedAt != null || 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;
@@ -95,8 +141,8 @@ function StatusBar({
         /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: isCompact ? (
           // Ultra-compact: state · model
           /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
-              "\u25CF",
+            thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix}${stateLabel}`, phase: spinnerIdx }) : /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+              statePrefix,
               stateLabel
             ] }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
@@ -115,8 +161,9 @@ function StatusBar({
               ] }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" })
             ] }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
-              "\u25CF ",
+            thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+              statePrefix,
+              " ",
               stateLabel
             ] }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
@@ -170,6 +217,15 @@ function StatusBar({
             hint ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint })
+            ] }) : null,
+            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
           ] })
         ) }),
@@ -201,14 +257,14 @@ function StatusBar({
             ] })
           ] }) : null,
           projectName ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || elapsedMs !== void 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+            yolo || startedAt != null ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
             /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
               "\u{1F4C1} ",
               projectName
             ] })
           ] }) : null,
           goalSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || elapsedMs !== void 0 || projectName ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+            yolo || startedAt != null || projectName ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
             /* @__PURE__ */ jsxs(
               Text,
               {
@@ -227,8 +283,12 @@ function StatusBar({
               }
             )
           ] }) : null,
+          modeLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            yolo || autonomy && autonomy !== "off" || eternalStage || startedAt != null || 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,
+            yolo || startedAt != null || projectName ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
             /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
                 "\u2387 ",
@@ -248,7 +308,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,13 +382,13 @@ 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: [
             /* @__PURE__ */ jsx(Text, { color: a.color, bold: true, children: a.label }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
-            /* @__PURE__ */ jsx(Text, { color: a.running ? "yellow" : void 0, dimColor: !a.running, children: a.running ? "\u25B6" : "\xB7" }),
+            /* @__PURE__ */ jsx(Text, { dimColor: !a.running, ...a.running ? { color: "yellow" } : {}, children: a.running ? "\u25B6" : "\xB7" }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: fmtElapsed(a.elapsedMs) }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
@@ -348,7 +408,7 @@ function StatusBar({
               ] })
             ] }) : null
           ] }, i)
-        )) }) : null
+        )) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
       ]
     }
   );
@@ -457,6 +517,26 @@ function stateChip(state, fleetRunning) {
   if (state === "aborting") return { label: "aborting\u2026", color: "yellow" };
   return { label: "thinking\u2026", color: "green" };
 }
+var WAVE_COLORS = [
+  "#ff5f5f",
+  "#ff8f3f",
+  "#ffd23f",
+  "#bce84a",
+  "#6bcb77",
+  "#3dd9c0",
+  "#3fb6ff",
+  "#5f8bff",
+  "#845ef7",
+  "#b15bff",
+  "#f06595",
+  "#ff5fa2"
+];
+function WaveText({ text, phase }) {
+  return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: glyph order is positional and re-rendered each tick
+    /* @__PURE__ */ jsx(Text, { color: WAVE_COLORS[(i + phase) % WAVE_COLORS.length], children: ch }, i)
+  )) });
+}
 var FILLED = "\u2588";
 var EMPTY = "\u2591";
 function renderProgress(ratio, width) {
@@ -518,7 +598,7 @@ function bucketActivity(recentTools, now, bins = 12, binMs = 2e3) {
     let idx = Math.floor((t.at - windowStart) / binMs);
     if (idx < 0) idx = 0;
     if (idx >= bins) idx = bins - 1;
-    out[idx]++;
+    out[idx] = (out[idx] ?? 0) + 1;
   }
   return out;
 }
@@ -647,7 +727,7 @@ function FleetMonitor({
         // biome-ignore lint/suspicious/noArrayIndexKey: timeline is rebuilt per render
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${fmtElapsed(Math.max(0, nowTick - ev.at))} ago`.padEnd(10) }),
-          /* @__PURE__ */ jsx(Text, { color: ev.color, children: ev.icon }),
+          /* @__PURE__ */ jsx(Text, { ...ev.color ? { color: ev.color } : {}, children: ev.icon }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: ev.text })
         ] }, i)
       )) }) : null
@@ -779,10 +859,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 +906,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 +959,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,14 +1048,14 @@ 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(
       Text,
       {
-        color: i === selected ? opt.color : void 0,
         inverse: i === selected,
+        ...i === selected ? { color: opt.color } : {},
         children: [
           i === selected ? "\u203A " : "  ",
           /* @__PURE__ */ jsx(Text, { bold: true, children: opt.label.padEnd(12) }),
@@ -1077,7 +1171,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" })
@@ -1086,8 +1180,8 @@ function CheckpointTimeline({
       const isSelected = i === selected;
       const label = `[${cp.promptIndex}] ${cp.promptPreview}`;
       return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : void 0, bold: isSelected, children: isSelected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : void 0, bold: isSelected, children: label }),
+        /* @__PURE__ */ jsx(Text, { bold: isSelected, ...isSelected ? { color: "cyan" } : {}, children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx(Text, { bold: isSelected, ...isSelected ? { color: "cyan" } : {}, children: label }),
         /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
           " ",
           new Date(cp.ts).toLocaleTimeString()
@@ -1132,7 +1226,7 @@ function hasDiff(input) {
 }
 function renderDiffLine(line) {
   const prefix = line.startsWith("+") ? "green" : line.startsWith("-") ? "red" : line.startsWith("@@") ? "cyan" : void 0;
-  return /* @__PURE__ */ jsxs(Text, { color: prefix, children: [
+  return /* @__PURE__ */ jsxs(Text, { ...prefix ? { color: prefix } : {}, children: [
     line,
     "\n"
   ] }, line);
@@ -1147,7 +1241,7 @@ function ConfirmPrompt({
   suggestedPattern,
   onDecision
 }) {
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     writeOut("\x07");
   }, []);
   useInput((input2, _key) => {
@@ -1176,27 +1270,88 @@ 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",
       " \u2014 \u2191/\u2193 select, Enter attach, Esc cancel"
     ] }),
-    matches.map((m, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
+    matches.map((m, i) => /* @__PURE__ */ jsxs(Text, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
       i === selected ? "\u203A " : "  ",
       highlight(m)
     ] }, m))
@@ -1270,9 +1425,8 @@ function FleetPanel({
     ] }) : null
   ] });
 }
-function helpSections(opts) {
+function helpSections() {
   const nav = [];
-  if (opts.managed) nav.push({ keys: "PgUp/PgDn", desc: "scroll chat history" });
   nav.push(
     { keys: "\u2191/\u2193", desc: "previous / next input (empty prompt)" },
     { keys: "?", desc: "open this help (empty prompt)" }
@@ -1285,6 +1439,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" }
       ]
     },
@@ -1312,10 +1469,8 @@ function helpSections(opts) {
     }
   ];
 }
-function HelpOverlay({
-  managed
-}) {
-  const sections = helpSections({ managed });
+function HelpOverlay() {
+  const sections = helpSections();
   const keyWidth = Math.max(...sections.flatMap((s2) => s2.entries.map((e) => e.keys.length)), 0);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -1780,6 +1935,12 @@ function detectLang(fenceInfo) {
 }
 
 // src/markdown-table.ts
+function expectDefined2(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var ROW_RE = /^\s*\|.*\|\s*$/;
 var SEP_RE = /^\s*\|[\s\-:|]+\|\s*$/;
 function detectTable(lines, start) {
@@ -1860,16 +2021,17 @@ 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);
-      natural[c] = Math.max(natural[c], w, total);
+      const stripped = stripInlineMarkers(cell);
+      const w = longestWord(stripped);
+      const total = strWidth(stripped);
+      natural[c] = Math.max(expectDefined2(natural[c]), w, total);
     }
   }
   if (sepWidths) {
     for (let c = 0; c < cols && c < sepWidths.length; c++) {
       const sepW = sepWidths[c];
       if (sepW != null) {
-        natural[c] = Math.max(natural[c], sepW);
+        natural[c] = Math.max(expectDefined2(natural[c]), sepW);
       }
     }
   }
@@ -1881,24 +2043,90 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
     let maxIdx = -1;
     let maxVal = MIN_COL_WIDTH;
     for (let i = 0; i < cols; i++) {
-      const w = widths[i];
+      const w = expectDefined2(widths[i]);
       if (w > maxVal) {
         maxVal = w;
         maxIdx = i;
       }
     }
     if (maxIdx < 0) break;
-    widths[maxIdx]--;
+    widths[maxIdx] = (widths[maxIdx] ?? 0) - 1;
     sum--;
   }
   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 = expectDefined2(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 +2139,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 +2155,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 +2174,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++) {
@@ -2102,10 +2346,10 @@ function InlineLine({ tokens, dim }) {
     Text,
     {
       color: t.code ? theme.accent : "white",
-      bold: t.bold,
-      italic: t.italic,
-      strikethrough: t.strike,
-      dimColor: dim,
+      bold: Boolean(t.bold),
+      italic: Boolean(t.italic),
+      strikethrough: Boolean(t.strike),
+      dimColor: Boolean(dim),
       children: t.text
     },
     j
@@ -2730,7 +2974,22 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
 }
 var MAX_STREAM_DISPLAY_CHARS = 480;
 var MAX_STREAM_LINES = 8;
-var ToolStreamBox = React5.memo(function ToolStreamBox2({
+function streamBoxRows(text, maxLines, contentWidth) {
+  const trunc = (line) => line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line;
+  const lines = text.split("\n");
+  const totalLines = lines.length;
+  const hidden = Math.max(0, totalLines - maxLines);
+  const rows = [];
+  if (hidden > 0) {
+    rows.push({ text: `  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"} above`, italic: true });
+    for (const line of lines.slice(totalLines - (maxLines - 1))) rows.push({ text: trunc(line) });
+  } else {
+    for (let i = 0; i < maxLines - totalLines; i++) rows.push({ text: "" });
+    for (const line of lines) rows.push({ text: trunc(line) });
+  }
+  return rows;
+}
+React6.memo(function ToolStreamBox2({
   name,
   text,
   startedAt,
@@ -2742,11 +3001,10 @@ var ToolStreamBox = React5.memo(function ToolStreamBox2({
     return () => clearInterval(t);
   }, []);
   const elapsedMs = Date.now() - startedAt;
-  const lines = text.split("\n");
-  const totalLines = lines.length;
+  const totalLines = text.split("\n").length;
   const hidden = Math.max(0, totalLines - MAX_STREAM_LINES);
-  const visible = hidden > 0 ? lines.slice(hidden) : lines;
   const contentWidth = Math.max(20, Math.min(termWidth - 4, 100));
+  const rows = streamBoxRows(text, MAX_STREAM_LINES, contentWidth);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 0, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx(Text, { color: theme.warn, children: "\u25C6 " }),
@@ -2754,13 +3012,10 @@ var ToolStreamBox = React5.memo(function ToolStreamBox2({
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u23F1 ${fmtDuration(elapsedMs)}` }),
       hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  (${totalLines} lines, showing last ${MAX_STREAM_LINES})` }) : null
     ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [
-      hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"} above` }) : null,
-      visible.map((line, i) => {
-        const trimmed = line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line;
-        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: trimmed || " " }, i);
-      })
-    ] })
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, children: rows.map((r, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: fixed-height block, index is the row
+      /* @__PURE__ */ jsx(Text, { dimColor: true, italic: Boolean(r.italic), children: r.text || " " }, i)
+    )) })
   ] });
 });
 function tailForDisplay(text, maxChars) {
@@ -2806,9 +3061,15 @@ function CodeBlock({
           // biome-ignore lint/suspicious/noArrayIndexKey: code lines are positional
           /* @__PURE__ */ jsxs(Text, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${String(i + 1).padStart(gutterW, " ")} ` }),
-            tokens.length === 0 ? " " : tokens.map((t, j) => (
-              // biome-ignore lint/suspicious/noArrayIndexKey: token order is stable per line
-              /* @__PURE__ */ jsx(Text, { color: t.color, dimColor: t.dim, bold: t.bold, children: t.text }, j)
+            tokens.length === 0 ? " " : tokens.map((t, j) => /* @__PURE__ */ jsx(
+              Text,
+              {
+                dimColor: Boolean(t.dim),
+                bold: Boolean(t.bold),
+                ...t.color ? { color: t.color } : {},
+                children: t.text
+              },
+              j
             ))
           ] }, i)
         )),
@@ -2962,7 +3223,22 @@ function AssistantBody({
     )
   ) });
 }
-function AssistantTail({ text }) {
+var ASSISTANT_TAIL_LINES = 8;
+function assistantTailRows(text, tailLines, contentWidth) {
+  const tail = text.split("\n").slice(-tailLines);
+  const rows = [];
+  for (let i = 0; i < tailLines - tail.length; i++) rows.push("");
+  for (const line of tail) {
+    rows.push(line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line);
+  }
+  return rows;
+}
+function AssistantTail({
+  text,
+  termWidth
+}) {
+  const contentWidth = Math.max(20, termWidth - 3);
+  const rows = assistantTailRows(text, ASSISTANT_TAIL_LINES, contentWidth);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -2979,7 +3255,10 @@ function AssistantTail({ text }) {
           /* @__PURE__ */ jsx(Text, { bold: true, color: theme.assistant, children: "ASSISTANT" }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  (streaming\u2026)" })
         ] }),
-        /* @__PURE__ */ jsx(Text, { color: "white", children: text })
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows.map((r, i) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: fixed-height block, index is the row
+          /* @__PURE__ */ jsx(Text, { color: "white", children: r || " " }, i)
+        )) })
       ]
     }
   );
@@ -3050,7 +3329,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
 }) {
@@ -3142,8 +3421,8 @@ var Entry = React5.memo(function Entry2({
             /* @__PURE__ */ jsx(
               Text,
               {
-                color: !entry.ok || line.startsWith("!") ? "red" : void 0,
                 dimColor: entry.ok && !line.startsWith("!"),
+                ...!entry.ok || line.startsWith("!") ? { color: "red" } : {},
                 children: line
               }
             )
@@ -3276,19 +3555,9 @@ function History({ entries, streamingText, toolStream }) {
   }, [stdout]);
   const termWidth = termSize.columns;
   const tail = streamingText ? tailForDisplay(streamingText, MAX_STREAM_DISPLAY_CHARS) : "";
-  const toolTail = toolStream?.text ? tailForDisplay(toolStream.text, MAX_STREAM_DISPLAY_CHARS) : "";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth }) }, entry.id) }),
-    tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail }) : null,
-    toolTail ? /* @__PURE__ */ jsx(
-      ToolStreamBox,
-      {
-        name: toolStream.name,
-        text: toolTail,
-        startedAt: toolStream.startedAt,
-        termWidth
-      }
-    ) : null
+    tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail, termWidth }) : null
   ] });
 }
 
@@ -3394,6 +3663,12 @@ function layoutInputRows(prompt, value, cursor, width) {
   if (row.length > 0 || rows.length === 0) rows.push(row);
   return rows;
 }
+function expectDefined3(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function renderRow2(cells, rowKey, promptColor) {
   const out = [];
   let run = "";
@@ -3442,6 +3717,19 @@ 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;
+}
+function parseMouseWheel(data) {
+  const m = data.match(new RegExp(`^${String.fromCharCode(27)}\\[<(\\d+);(\\d+);(\\d+)([Mm])$`, "u"));
+  if (!m) return null;
+  const cb = Number.parseInt(expectDefined3(m[1]), 10);
+  if (cb === 64) return 1;
+  if (cb === 65) return -1;
+  return null;
+}
 var EMPTY_KEY = {
   upArrow: false,
   downArrow: false,
@@ -3477,15 +3765,29 @@ 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 wheelDelta = parseMouseWheel(s2);
+      if (wheelDelta !== null) {
+        onKey("", { ...EMPTY_KEY, wheelDeltaY: wheelDelta });
+        return;
+      }
       const fn = fnKey(s2);
       if (fn !== null) onKey("", { ...EMPTY_KEY, fn });
     };
@@ -3520,45 +3822,6 @@ function Input({
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
 }
-function hintsFor(ctx) {
-  if (ctx.confirm) {
-    return [
-      { key: "y", label: "yes" },
-      { key: "n", label: "no" },
-      { key: "a", label: "always" },
-      { key: "d", label: "deny" }
-    ];
-  }
-  if (ctx.picker) {
-    return [
-      { key: "\u2191\u2193", label: "move" },
-      { key: "\u21B5", label: "select" },
-      { key: "Esc", label: "cancel" }
-    ];
-  }
-  if (ctx.monitor) {
-    return [
-      { key: "Esc", label: "close" },
-      { key: "^F", label: "fleet" },
-      { key: "^G", label: "agents" },
-      { key: "^T", label: "worktrees" }
-    ];
-  }
-  const base = [{ key: "?", label: "help" }];
-  if (ctx.managed) base.push({ key: "PgUp/PgDn", label: "scroll" });
-  base.push({ key: "^G", label: "agents" }, { key: "^C", label: "stop" });
-  return base;
-}
-function KeyHintBar({ context }) {
-  const hints = hintsFor(context);
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", paddingX: 1, children: hints.map((h, i) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: hints are positional + stable
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginRight: 2, children: [
-      /* @__PURE__ */ jsx(Text, { color: theme.accent, children: h.key }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` ${h.label}` })
-    ] }, i)
-  )) });
-}
 function fmtElapsed2(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
@@ -3585,13 +3848,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 }, (_, slot) => slot).map((slot) => /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }, `empty-${slot}`)) });
+  }
   const now = Date.now();
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
     running.map((e) => {
@@ -3661,10 +3927,10 @@ 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: [
+      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, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
         i === selected ? "\u203A " : "  ",
         /* @__PURE__ */ jsx(Text, { bold: true, children: p.id.padEnd(28) }),
         /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -3686,7 +3952,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 ",
       "(",
@@ -3707,8 +3973,8 @@ function ModelPicker({
         return /* @__PURE__ */ jsxs(
           Text,
           {
-            color: absoluteIndex === selected ? "cyan" : void 0,
             inverse: absoluteIndex === selected,
+            ...absoluteIndex === selected ? { color: "cyan" } : {},
             children: [
               absoluteIndex === selected ? "\u203A " : "  ",
               id
@@ -3901,166 +4167,406 @@ function PhasePanel({ phases, nowTick }) {
     }
   );
 }
-var MAX_MOUNTED = 500;
-function scrollbarThumb(rows, offset, total) {
-  const scrollable = total > rows;
-  if (!scrollable) return { top: 0, size: rows, scrollable: false };
-  const windowTop = Math.max(0, total - rows - offset);
-  const size = Math.max(1, Math.round(rows / total * rows));
-  const rawTop = Math.round(windowTop / total * rows);
-  const top = Math.max(0, Math.min(rawTop, rows - size));
-  return { top, size, scrollable: true };
-}
-function Scrollbar({
-  rows,
-  offset,
-  total
-}) {
-  const { top: thumbTop, size: thumbSize, scrollable } = scrollbarThumb(rows, offset, total);
-  const cells = [];
-  for (let i = 0; i < rows; i++) {
-    cells.push(i >= thumbTop && i < thumbTop + thumbSize ? "\u2588" : "\u2502");
-  }
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 1, flexShrink: 0, children: cells.map((c, i) => /* @__PURE__ */ jsx(
-    Text,
-    {
-      color: scrollable ? theme.accent : void 0,
-      dimColor: !scrollable || c === "\u2502",
-      children: c
-    },
-    i
-  )) });
-}
-function ScrollableHistory({
-  entries,
-  streamingText,
-  toolStream,
-  scrollOffset,
-  viewportRows,
-  totalLines,
-  onMeasure
-}) {
+function QueuePanel({ items }) {
   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 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);
-  const shown = hiddenCount > 0 ? entries.slice(-MAX_MOUNTED) : entries;
-  const contentRef = useRef(null);
-  const lastReported = useRef(-1);
-  useLayoutEffect(() => {
-    const node = contentRef.current;
-    if (!node) return;
-    const { height } = measureElement(node);
-    if (height !== lastReported.current) {
-      lastReported.current = height;
-      onMeasure(height);
-    }
-  }, [onMeasure]);
-  const vp = Math.max(1, viewportRows);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        flexDirection: "column",
-        flexGrow: 1,
-        height: vp,
-        overflowY: "hidden",
-        justifyContent: "flex-end",
-        children: /* @__PURE__ */ jsxs(
-          Box,
-          {
-            ref: contentRef,
-            flexDirection: "column",
-            marginBottom: Math.max(0, scrollOffset),
-            flexShrink: 0,
-            children: [
-              hiddenCount > 0 ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `  \u2191 ${hiddenCount} earlier ${hiddenCount === 1 ? "entry" : "entries"} (scroll lives in this session; full log on disk)` }) }) : null,
-              shown.map((entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, flexShrink: 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth }) }, entry.id)),
-              tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail }) : null,
-              toolTail ? /* @__PURE__ */ jsx(
-                ToolStreamBox,
-                {
-                  name: toolStream.name,
-                  text: toolTail,
-                  startedAt: toolStream.startedAt,
-                  termWidth
-                }
-              ) : null
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Scrollbar, { rows: vp, offset: Math.max(0, scrollOffset), total: totalLines })
+  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 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-${row.section ?? i}`);
+        }
+        return null;
+      }
+      if (fieldAtRow < windowStart || fieldAtRow >= windowEnd) return null;
+      const selected = fieldAtRow === field;
+      return /* @__PURE__ */ jsxs(Text, { inverse: selected, ...selected ? { color: "yellow" } : {}, 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-${row.label ?? fieldAtRow}`);
+    }),
+    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: [
+  const rows = [];
+  let lastCategory = "";
+  for (let i = 0; i < matches.length; i++) {
+    const m = matches[i];
+    if (m.category !== lastCategory) {
+      lastCategory = m.category;
+      rows.push({ type: "header", category: m.category });
+    }
+    rows.push({ type: "item", match: m, index: i });
+  }
+  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"
     ] }),
-    matches.map((m, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
-      i === selected ? "\u203A " : "  ",
-      /* @__PURE__ */ jsx(Text, { bold: true, children: m.name }),
-      m.argsHint ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    rows.map((row) => {
+      if (row.type === "header") {
+        return /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+          "  ",
+          row.category
+        ] }, `cat-${row.category}`);
+      }
+      const { match: m, index: i } = row;
+      return /* @__PURE__ */ jsxs(Text, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
+        i === selected ? "\u203A " : "  ",
+        /* @__PURE__ */ jsx(Text, { bold: true, children: m.name }),
+        m.argsHint ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " ",
+          m.argsHint
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " \u2014 ",
+          m.description
+        ] })
+      ] }, m.name);
+    }),
+    matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
+  ] });
+}
+function TodosMonitor({ todos }) {
+  const { stdout } = useStdout();
+  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,
+          "."
+        ] }),
         " ",
-        m.argsHint
-      ] }) : null,
+        /* @__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: [
-        " \u2014 ",
-        m.description
+        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)) })
       ] })
-    ] }, m.name)),
-    matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
+    ) : (
+      /* Single column layout */
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: todos.map(renderRow3) })
+    )
   ] });
 }
 var fmtElapsed5 = (ms) => {
@@ -4395,15 +4901,57 @@ function runGit(cwd, args) {
     }
   });
 }
-var STREAM_COLORS = ["cyan", "magenta", "yellow", "green", "blue"];
-function labelFor(labelsRef, id, name) {
-  const m = labelsRef.current;
-  const existing = m.get(id);
+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") {
+        const prompt = {
+          requestId: p.request.id,
+          source: p.request.source,
+          risk: p.request.risk,
+          question: p.request.question
+        };
+        if (p.request.context !== void 0) prompt.context = p.request.context;
+        if (p.request.options !== void 0) prompt.options = p.request.options;
+        dispatch({ type: "brainPromptSet", prompt });
+      } 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]);
+}
+function expectDefined4(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
+var STREAM_COLORS = ["cyan", "magenta", "yellow", "green", "blue"];
+function labelFor(labelsRef, id, name) {
+  const m = labelsRef.current;
+  const existing = m.get(id);
   if (existing) return existing;
   const n = m.size + 1;
   const v = {
     label: name && name !== id ? name : `AGENT#${n}`,
-    color: STREAM_COLORS[(n - 1) % STREAM_COLORS.length]
+    color: expectDefined4(STREAM_COLORS[(n - 1) % STREAM_COLORS.length])
   };
   m.set(id, v);
   return v;
@@ -4493,34 +5041,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 {
@@ -4778,6 +5298,12 @@ function buildSteeringPreamble(snapshot, newDirection) {
 }
 
 // src/app-reducer.ts
+function expectDefined5(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 function reducer(state, action) {
   switch (action.type) {
     case "addEntry": {
@@ -4803,7 +5329,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 +5625,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 +5651,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: expectDefined5(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: expectDefined5(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: expectDefined5(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: expectDefined5(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: expectDefined5(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: expectDefined5(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 +5720,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 +5959,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 +6055,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;
@@ -5740,13 +6359,34 @@ function reducer(state, action) {
     }
   }
 }
-var MIN_VIEWPORT = 3;
+function expectDefined6(value) {
+  if (value === null || value === void 0) {
+    throw new Error("Expected value to be defined");
+  }
+  return value;
+}
 var INPUT_PROMPT = "\u203A ";
 function selectedSlashCommandLine(picker) {
   if (!picker.open || picker.matches.length === 0) return null;
   const picked = picker.matches[picker.selected];
   return picked ? `/${picked.name}` : null;
 }
+function rehydrateHistory(messages, startId) {
+  const entries = [];
+  let nextId = startId;
+  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: nextId++, kind: "user", text: trimmed });
+    } else if (msg.role === "assistant") {
+      entries.push({ id: nextId++, kind: "assistant", text: trimmed });
+    }
+  }
+  return entries;
+}
 var PASTE_THRESHOLD_CHARS = 200;
 function App({
   agent,
@@ -5760,6 +6400,11 @@ function App({
   banner = true,
   queueStore,
   yolo = false,
+  chime = false,
+  confirmExit = true,
+  enhanceEnabled = true,
+  enhanceController,
+  enhanceDelayMs = 4e3,
   getYolo,
   getAutonomy,
   getEternalEngine,
@@ -5791,7 +6436,8 @@ function App({
   initialGoal,
   initialAsk,
   sessionsDir,
-  managed = false
+  modeLabel,
+  getModeLabel
 }) {
   const { exit } = useApp();
   const [liveModel, setLiveModel] = useState(model);
@@ -5799,19 +6445,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 { stdout } = useStdout();
-  const [termRows, setTermRows] = useState(stdout?.rows ?? 24);
+  const [indexState, setIndexState] = useState(() => getIndexState());
   useEffect(() => {
-    const onResize = () => {
-      setTermRows(process.stdout.rows ?? 24);
-    };
-    process.stdout.on("resize", onResize);
-    return () => {
-      process.stdout.off("resize", onResize);
-    };
+    setIndexState(getIndexState());
+    return onIndexStateChange((next) => setIndexState(next));
   }, []);
-  const [managedLive, setManagedLive] = useState(managed);
   useEffect(() => {
     setHiddenItems(statuslineHiddenItems);
   }, [statuslineHiddenItems]);
@@ -5840,19 +6480,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 +6519,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 +6537,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 +6560,8 @@ function App({
     monitorOpen: false,
     agentsMonitorOpen: false,
     helpOpen: false,
+    todosMonitorOpen: false,
+    queuePanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -5926,10 +6586,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);
@@ -5937,21 +6601,8 @@ function App({
   stateRef.current = state;
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
   draftRef.current = { buffer: state.buffer, cursor: state.cursor };
-  const bottomRef = useRef(null);
-  React5.useLayoutEffect(() => {
-    if (!managedLive) return;
-    const node = bottomRef.current;
-    if (!node) return;
-    const { height } = measureElement(node);
-    const s2 = stateRef.current;
-    const affordance = s2.scrollOffset > 0 && s2.pendingNewLines > 0 ? 1 : 0;
-    const vp = Math.max(MIN_VIEWPORT, termRows - height - affordance - 1);
-    if (vp !== s2.viewportRows) {
-      dispatch({ type: "setViewportRows", rows: vp });
-    }
-  }, [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 +6621,24 @@ 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);
+    const t = setInterval(() => setNowTick(Date.now()), 1e4);
     return () => clearInterval(t);
   }, []);
-  const elapsedMs = nowTick - startedAtRef.current;
-  const [gitInfo, setGitInfo] = React5.useState(null);
+  const todosRef = useRef(JSON.stringify([]));
+  useEffect(() => {
+    const poll = () => {
+      const snap = JSON.stringify(agent.ctx.todos.map((t2) => ({ s: t2.status })));
+      if (snap !== todosRef.current) {
+        todosRef.current = snap;
+        setNowTick(Date.now());
+      }
+    };
+    const t = setInterval(poll, 2e3);
+    return () => clearInterval(t);
+  }, [agent.ctx.todos]);
+  const [gitInfo, setGitInfo] = React6.useState(null);
   useEffect(() => {
     let cancelled = false;
     const refresh = () => {
@@ -6031,7 +6693,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 +6705,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) => {
@@ -6050,7 +6715,7 @@ function App({
     const n = m.size + 1;
     const v = {
       label: name && name !== id ? name : `AGENT#${n}`,
-      color: STREAM_COLORS2[(n - 1) % STREAM_COLORS2.length]
+      color: STREAM_COLORS2[(n - 1) % STREAM_COLORS2.length] ?? "cyan"
     };
     m.set(id, v);
     return v;
@@ -6091,19 +6756,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 +6781,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 +6795,9 @@ function App({
       process.stdout.off("resize", handleResize);
     };
   }, [eraseLiveRegion]);
+  React6.useLayoutEffect(() => {
+    if (state.enhanceBusy || state.enhance != null) eraseLiveRegion();
+  }, [state.enhanceBusy, state.enhance, eraseLiveRegion]);
   useEffect(() => {
     const detected = detectAtToken(state.buffer, state.cursor);
     if (!detected) {
@@ -6154,16 +6829,22 @@ function App({
     }
     const query = trimmed.slice(1).toLowerCase();
     const allCommands = slashRegistry.listWithOwner();
+    const CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
     const matches = allCommands.filter(({ cmd }) => {
       const name = cmd.name.toLowerCase();
       const aliases = cmd.aliases ?? [];
       return name.includes(query) || aliases.some((a) => a.toLowerCase().includes(query));
-    }).slice(0, 12).map(({ cmd, owner }) => ({
+    }).map(({ cmd, owner }) => ({
       name: cmd.name,
       description: cmd.description,
       argsHint: cmd.argsHint,
-      isBuiltin: owner === "core"
-    }));
+      isBuiltin: owner === "core",
+      category: cmd.category ?? "App"
+    })).sort((a, b) => {
+      const catDiff = CATEGORY_ORDER.indexOf(a.category) - CATEGORY_ORDER.indexOf(b.category);
+      if (catDiff !== 0) return catDiff;
+      return a.name.localeCompare(b.name);
+    });
     if (!state.slashPicker.open) {
       dispatch({ type: "slashPickerOpen", query, matches });
     } else if (state.slashPicker.query !== query) {
@@ -6295,44 +6976,6 @@ function App({
       getProcessRegistry().killAll();
     };
   }, []);
-  useEffect(() => {
-    const ALT_OFF = "\x1B[?1049l";
-    const ALT_ON = "\x1B[?1049h";
-    const cmd = {
-      name: "altscreen",
-      description: "Toggle the alt-screen buffer. Default is OFF (native scroll); /altscreen on for full-screen mode.",
-      async run(args) {
-        const arg = args.trim().toLowerCase();
-        if (arg === "off") {
-          try {
-            writeOut(ALT_OFF);
-          } catch {
-            return { message: "Failed to exit alt-screen." };
-          }
-          setManagedLive(false);
-          return {
-            message: "Alt-screen disabled. New entries will land in normal scrollback (mouse wheel / Shift+PgUp work). On-screen history rendered before this command is no longer reachable via terminal scroll. Resize may now leak the live region \u2014 `/altscreen on` to re-enable."
-          };
-        }
-        if (arg === "on") {
-          try {
-            writeOut(ALT_ON);
-          } catch {
-            return { message: "Failed to re-enter alt-screen." };
-          }
-          setManagedLive(true);
-          return {
-            message: "Alt-screen re-enabled. Managed scroll (PgUp/PgDn) is now active; native scroll is off."
-          };
-        }
-        return { message: "Usage: /altscreen on|off" };
-      }
-    };
-    slashRegistry.register(cmd);
-    return () => {
-      slashRegistry.unregister("altscreen");
-    };
-  }, [slashRegistry]);
   useEffect(() => {
     const cmd = {
       name: "steer",
@@ -6439,15 +7082,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 +7124,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("model");
     };
@@ -6470,13 +7134,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 +7156,7 @@ function App({
         return { message: void 0 };
       }
     };
-    slashRegistry.register(cmd);
+    slashRegistry.register(cmd, "tui", { official: true });
     return () => {
       slashRegistry.unregister("autonomy");
     };
@@ -6533,23 +7197,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 +7275,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 +7315,8 @@ function App({
       offProvResp();
       offConfirmNeeded();
       offTrustPersisted();
+      offDelegateStart();
+      offDelegateDone();
       if (flushTimerRef.current) clearTimeout(flushTimerRef.current);
     };
   }, [events, agent.ctx.todos]);
@@ -6628,6 +7324,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 +7554,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 +7645,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 +7775,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 +7904,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 +7986,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 +7994,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 +8025,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,29 +8068,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;
     }
     if (inputGateRef.current) return;
-    if (managedLive) {
-      if (key.pageUp) {
-        dispatch({ type: "scrollPage", dir: "up" });
-        return;
-      }
-      if (key.pageDown) {
-        dispatch({ type: "scrollPage", dir: "down" });
-        return;
-      }
-      if (key.ctrl && key.home) {
-        dispatch({ type: "scrollToTop" });
-        return;
-      }
-      if (key.ctrl && key.end) {
-        dispatch({ type: "scrollToBottom" });
-        return;
-      }
-    }
     if (key.escape) {
       const now = Date.now();
       if (state.buffer.length > 0 && now - lastEscAtRef.current < ESC_DOUBLE_PRESS_MS) {
@@ -7527,8 +8230,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 +8344,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 +8379,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 +8411,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 +8517,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 +8552,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;
@@ -7768,19 +8612,11 @@ function App({
       return;
     }
     if (key.home) {
-      if (managedLive && buffer.length === 0) {
-        dispatch({ type: "scrollToTop" });
-      } else {
-        setDraft(buffer, 0);
-      }
+      setDraft(buffer, 0);
       return;
     }
     if (key.end) {
-      if (managedLive && buffer.length === 0) {
-        dispatch({ type: "scrollToBottom" });
-      } else {
-        setDraft(buffer, buffer.length);
-      }
+      setDraft(buffer, buffer.length);
       return;
     }
     if (key.upArrow) {
@@ -7813,7 +8649,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 +8776,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 +8934,10 @@ function App({
             void runParallelLoopRef.current();
           }
         }
+        if (getModeLabel) {
+          const currentMode = getModeLabel();
+          if (currentMode !== liveModeLabel) setLiveModeLabel(currentMode);
+        }
         if (res?.exit) {
           exit();
           onExit(0);
@@ -8107,6 +8957,7 @@ function App({
         const cmd = trimmed.slice(1).split(/\s+/, 1)[0];
         if (cmd === "clear") {
           onClearHistory?.(dispatch);
+          tokenCounter?.reset();
         }
       } catch (err) {
         dispatch({
@@ -8119,6 +8970,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 +9026,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];
@@ -8193,20 +9090,9 @@ User message:
     if (state.picker.open) return "";
     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: [
-    managedLive ? /* @__PURE__ */ jsx(
-      ScrollableHistory,
-      {
-        entries: state.entries,
-        streamingText: state.streamingText,
-        toolStream: state.toolStream,
-        scrollOffset: state.scrollOffset,
-        viewportRows: state.viewportRows || Math.max(MIN_VIEWPORT, termRows - 8),
-        totalLines: state.totalLines,
-        onMeasure: (total) => dispatch({ type: "setMeasuredLines", totalLines: total })
-      }
-    ) : /* @__PURE__ */ jsx(
+  const enhanceActive = state.enhanceBusy || state.enhance != null;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx(
       History,
       {
         entries: state.entries,
@@ -8214,17 +9100,16 @@ User message:
         toolStream: state.toolStream
       }
     ),
-    affordanceShown ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${state.pendingNewLines} new line${state.pendingNewLines === 1 ? "" : "s"} \u2014 PgDn or click to jump to bottom` }) : null,
-    /* @__PURE__ */ jsxs(Box, { ref: managedLive ? bottomRef : void 0, flexDirection: "column", flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
       /* @__PURE__ */ jsx(
         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,19 +9156,42 @@ 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,
-      state.rewindOverlay ? /* @__PURE__ */ jsx(
-        CheckpointTimeline,
-        {
-          checkpoints: state.rewindOverlay.checkpoints,
-          selected: state.rewindOverlay.selected,
-          onSelect: (i) => dispatch({ type: "rewindOverlayMove", delta: i - state.rewindOverlay.selected }),
-          onConfirm: (i) => handleRewindTo(state.rewindOverlay.checkpoints[i].promptIndex),
-          onClose: () => dispatch({ type: "rewindOverlayClose" })
-        }
-      ) : null,
+      state.rewindOverlay ? (() => {
+        const overlay = state.rewindOverlay;
+        return /* @__PURE__ */ jsx(
+          CheckpointTimeline,
+          {
+            checkpoints: overlay.checkpoints,
+            selected: overlay.selected,
+            onSelect: (i) => dispatch({ type: "rewindOverlayMove", delta: i - overlay.selected }),
+            onConfirm: (i) => {
+              const checkpoint = overlay.checkpoints[i];
+              if (checkpoint) handleRewindTo(checkpoint.promptIndex);
+            },
+            onClose: () => dispatch({ type: "rewindOverlayClose" })
+          }
+        );
+      })() : null,
       state.brainPrompt ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx(
         BrainDecisionPrompt,
         {
@@ -8295,7 +9203,7 @@ User message:
         }
       ) }) : null,
       state.confirmQueue.length > 0 && (() => {
-        const head = state.confirmQueue[0];
+        const head = expectDefined6(state.confirmQueue[0]);
         let resolved = false;
         const onDecision = (decision) => {
           if (resolved) return;
@@ -8313,6 +9221,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,
         {
@@ -8324,7 +9251,7 @@ User message:
           queueCount: state.queue.length,
           yolo: yoloLive,
           autonomy: autonomyLive,
-          elapsedMs,
+          startedAt: startedAtRef.current,
           todos,
           plan: planCounts ?? void 0,
           fleet: fleetCounts,
@@ -8336,26 +9263,18 @@ User message:
           processCount: getProcessRegistry().activeCount,
           hiddenItems,
           eternalStage: state.eternalStage,
-          goalSummary: state.goalSummary
+          goalSummary: state.goalSummary,
+          indexState,
+          modeLabel: liveModeLabel || void 0
         }
       ),
-      managedLive ? /* @__PURE__ */ jsx(
-        KeyHintBar,
-        {
-          context: {
-            confirm: state.confirmQueue.length > 0,
-            picker: state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || !!state.rewindOverlay,
-            monitor: state.agentsMonitorOpen || state.monitorOpen || state.worktreeMonitorOpen || !!state.autoPhase?.monitorOpen,
-            managed: managedLive
-          }
-        }
-      ) : null,
-      state.helpOpen ? /* @__PURE__ */ jsx(HelpOverlay, { managed: managedLive }) : null,
+      state.helpOpen ? /* @__PURE__ */ jsx(HelpOverlay, {}) : null,
       state.agentsMonitorOpen ? /* @__PURE__ */ jsx(
         AgentsMonitor,
         {
           entries: entriesWithLeader,
           totalCost: state.fleetCost,
+          leaderCost: tokenCounter?.estimateCost().total ?? 0,
           totalTokens: state.fleetTokens,
           nowTick
         }
@@ -8376,7 +9295,7 @@ User message:
           nowTick,
           onClose: () => dispatch({ type: "worktreeMonitorToggle" })
         }
-      ) : state.monitorOpen ? /* @__PURE__ */ jsx(
+      ) : state.todosMonitorOpen ? /* @__PURE__ */ jsx(TodosMonitor, { todos: agent.ctx.todos }) : state.monitorOpen ? /* @__PURE__ */ jsx(
         FleetMonitor,
         {
           entries: state.fleet,
@@ -8403,9 +9322,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 "";
@@ -8505,9 +9425,6 @@ function startTerminalTitle(opts) {
 // src/run-tui.ts
 var BRACKETED_PASTE_ON = "\x1B[?2004h";
 var BRACKETED_PASTE_OFF = "\x1B[?2004l";
-var ALT_SCREEN_ON = "\x1B[?1049h";
-var ALT_SCREEN_OFF = "\x1B[?1049l";
-var CURSOR_HOME = "\x1B[H";
 async function runTui(opts) {
   const stdout = process.stdout;
   const stdin = process.stdin;
@@ -8517,14 +9434,11 @@ async function runTui(opts) {
     );
     return 2;
   }
-  const useAltScreen = opts.altScreen === true;
-  if (useAltScreen) {
-    stdout.write(ALT_SCREEN_ON);
-    stdout.write(CURSOR_HOME);
-  }
   stdout.write(BRACKETED_PASTE_ON);
+  stdout.write("\x1B[2J\x1B[H");
   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 = () => {
   };
@@ -8544,9 +9458,6 @@ async function runTui(opts) {
     }
     try {
       stdout.write(BRACKETED_PASTE_OFF);
-      if (useAltScreen) {
-        stdout.write(ALT_SCREEN_OFF);
-      }
     } catch {
     }
   };
@@ -8573,18 +9484,12 @@ async function runTui(opts) {
     const settle = (code) => {
       cleanup();
       detachListeners();
-      if (useAltScreen && opts.onAfterExit) {
-        try {
-          opts.onAfterExit();
-        } catch {
-        }
-      }
       resolve(code);
     };
     let instance;
     try {
       instance = render(
-        React5.createElement(App, {
+        React6.createElement(App, {
           agent: opts.agent,
           slashRegistry: opts.slashRegistry,
           attachments: opts.attachments,
@@ -8614,8 +9519,10 @@ async function runTui(opts) {
           onExit,
           director: opts.director ?? null,
           fleetRoster: opts.fleetRoster,
-          onClearHistory: opts.onClearHistory ? (dispatch) => opts.onClearHistory(dispatch) : void 0,
+          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,
@@ -8628,9 +9535,10 @@ async function runTui(opts) {
           getSettings: opts.getSettings,
           saveSettings: opts.saveSettings,
           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
+          chime: opts.chime,
+          confirmExit: opts.confirmExit,
+          modeLabel: opts.modeLabel,
+          getModeLabel: opts.getModeLabel
         }),
         { exitOnCtrlC: false, stdin: inkStdin }
       );
@@ -8643,16 +9551,14 @@ async function runTui(opts) {
       return;
     }
     let detachResize = null;
-    if (!useAltScreen) {
-      const onResize = () => {
-        try {
-          stdout.write("\x1B[J");
-        } catch {
-        }
-      };
-      stdout.on("resize", onResize);
-      detachResize = () => stdout.off("resize", onResize);
-    }
+    const onResize = () => {
+      try {
+        stdout.write("\x1B[J");
+      } catch {
+      }
+    };
+    stdout.on("resize", onResize);
+    detachResize = () => stdout.off("resize", onResize);
     instance.waitUntilExit().then(() => {
       detachResize?.();
       settle(exitCode);