@wrongstack/tui 0.272.2 → 0.273.1

package/dist/index.js

@@ -3,7 +3,7 @@ export { buildGoalPreamble } from '@wrongstack/core';
 import { Box as Box$1, useInput, useStdin, useStdout, Text as Text$1, render, useApp, measureElement, Static } from 'ink';
 import { randomUUID } from 'crypto';
 import * as path5 from 'path';
-import React5, { forwardRef, useState, useEffect, useMemo, memo, useRef, useCallback, useReducer, useLayoutEffect } from 'react';
+import React5, { forwardRef, useState, useEffect, useMemo, memo, useRef, useCallback, useReducer, useLayoutEffect, isValidElement, Fragment as Fragment$1 } from 'react';
 import * as fs3 from 'fs/promises';
 import { expectDefined, toErrorMessage, resolveWstackPaths as resolveWstackPaths$1 } from '@wrongstack/core/utils';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
@@ -140,6 +140,11 @@ function isStreamChipVisible(key, dataIsPresent, hiddenSet, visibleChips) {
   if (chipExpired(meta)) return false;
   return true;
 }
+function hasMailboxActivity(mailbox) {
+  if (!mailbox) return false;
+  const peerClientCount = Math.max(0, mailbox.onlineClients.tui - 1) + mailbox.onlineClients.webui + mailbox.onlineClients.repl;
+  return mailbox.unread > 0 || mailbox.onlineAgents > 1 || peerClientCount > 0 || Boolean(mailbox.lastSubject || mailbox.lastFrom);
+}
 var MODE_ICONS = {
   teach: "\u{1F9D1}\u200D\u{1F3EB}",
   brief: "\u26A1",
@@ -166,6 +171,68 @@ function formatSuggestionLabel(label, maxLen = 28) {
   const lastSpace = shortened.lastIndexOf(" ");
   return lastSpace > 10 ? `${shortened.slice(0, lastSpace)}\u2026` : `${shortened}\u2026`;
 }
+function countdownColor(secs, warn, danger) {
+  if (secs > warn) return "green";
+  if (secs > danger) return "yellow";
+  return "red";
+}
+function joinChips(chips) {
+  const out = [];
+  chips.forEach((chip, i) => {
+    if (i > 0) {
+      out.push(
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }, `sep-${i}`)
+      );
+    }
+    out.push(/* @__PURE__ */ jsx(Fragment$1, { children: chip }, `chip-${i}`));
+  });
+  return out;
+}
+function truncateChip(text, max) {
+  return text.length > max ? `${text.slice(0, max - 1)}\u2026` : text;
+}
+function nodeText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(nodeText).join("");
+  if (isValidElement(node)) {
+    return nodeText(node.props.children);
+  }
+  return "";
+}
+var SB_SEP_COST = 5;
+function planChipFit(widths, budget, sepCost = SB_SEP_COST) {
+  let used = 0;
+  let keep = 0;
+  for (const w of widths) {
+    const cost = w + (keep > 0 ? sepCost : 0);
+    if (keep > 0 && used + cost > budget) break;
+    used += cost;
+    keep += 1;
+  }
+  return keep;
+}
+function renderChipLine(chips, budget) {
+  const keep = planChipFit(
+    chips.map((c) => nodeText(c).length),
+    budget
+  );
+  const nodes = joinChips(chips.slice(0, keep));
+  const dropped = chips.length - keep;
+  if (dropped > 0) {
+    nodes.push(
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }, "ovf-sep")
+    );
+    nodes.push(
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "+",
+        dropped
+      ] }, "ovf")
+    );
+  }
+  return nodes;
+}
 var COMPACT_THRESHOLD = 50;
 var COMFORTABLE_THRESHOLD = 90;
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
@@ -237,19 +304,22 @@ function StatusBar({
   }, [stdout]);
   const isCompact = termWidth < COMPACT_THRESHOLD;
   const isComfortable = termWidth >= COMFORTABLE_THRESHOLD;
-  const hiddenSet = new Set(hiddenItems);
+  const hiddenSet = useMemo(() => new Set(hiddenItems), [hiddenItems]);
+  const showChip = (item) => !hiddenSet.has(item);
   const tokenData = useTokenCounterRefresh(tokenCounter, events);
   const usage = tokenData?.usage;
   const displayTokens = tokenDisplayTotals(usage, tokenData?.currentRequest);
   const showTokenDisplay = hasTokenDisplay(displayTokens);
   const cost = tokenData?.cost;
   const cache2 = tokenData?.cacheStats;
+  const elapsedHidden = hiddenSet.has("elapsed");
   const [elapsedMs, setElapsedMs] = useState(startedAt ? Date.now() - startedAt : 0);
   useEffect(() => {
-    if (startedAt == null) return;
+    if (startedAt == null || elapsedHidden) return;
+    setElapsedMs(Date.now() - startedAt);
     const t = setInterval(() => setElapsedMs(Date.now() - startedAt), 1e3);
     return () => clearInterval(t);
-  }, [startedAt]);
+  }, [startedAt, elapsedHidden]);
   const [spinnerIdx, setSpinnerIdx] = useState(0);
   useEffect(() => {
     if (state === "idle" || state === "aborting") return;
@@ -264,21 +334,22 @@ function StatusBar({
   const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
   const thinking = state === "running" || state === "streaming";
   const hasAutoProceed = autoProceedCountdown != null && autoProceedCountdown > 0;
-  const hasSecondLine = yolo || autonomy && autonomy !== "off" || startedAt != null || git !== null && git !== void 0 || projectName !== void 0 && projectName.length > 0 || workingDir !== void 0 && workingDir.length > 0 || goalSummary !== null && goalSummary !== void 0 || !!modeLabel || hasAutoProceed || tokenSavingMode || typeof toolCount === "number" && toolCount > 0;
+  const hasSecondLine = yolo && showChip("yolo") || autonomy && autonomy !== "off" && showChip("autonomy") || eternalStage != null && showChip("eternal_stage") || startedAt != null && showChip("elapsed") || git !== null && git !== void 0 && showChip("git") || projectName !== void 0 && projectName.length > 0 && showChip("project") || workingDir !== void 0 && workingDir.length > 0 && showChip("working_dir") || goalSummary !== null && goalSummary !== void 0 && showChip("goal") || !!modeLabel && showChip("mode") || hasAutoProceed && showChip("auto_proceed") || tokenSavingMode && showChip("token_saving") || typeof toolCount === "number" && toolCount > 0 && showChip("tools") || sessionCount != null && sessionCount > 0 && showChip("sessions");
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
-  const showBrain = isStreamChipVisible("brain", brain, hiddenSet ?? /* @__PURE__ */ new Set(), visibleChips);
-  const showDebugStream = isStreamChipVisible("debug_stream", debugStreamStats, hiddenSet ?? /* @__PURE__ */ new Set(), visibleChips);
-  const showEnhance = isStreamChipVisible("enhance", enhanceCountdown, hiddenSet ?? /* @__PURE__ */ new Set(), visibleChips);
+  const showBrain = isStreamChipVisible("brain", brain, hiddenSet, visibleChips);
+  const showDebugStream = isStreamChipVisible("debug_stream", debugStreamStats, hiddenSet, visibleChips);
+  const showEnhance = isStreamChipVisible("enhance", enhanceCountdown, hiddenSet, visibleChips);
+  const showMailbox = showChip("mailbox") && hasMailboxActivity(mailbox);
   const hasNextStepsAutoSubmit = nextStepsAutoSubmitCountdown != null && nextStepsAutoSubmitCountdown > 0;
-  const countdownColor = nextStepsAutoSubmitCountdown != null ? nextStepsAutoSubmitCountdown > 20 ? "green" : nextStepsAutoSubmitCountdown > 10 ? "yellow" : "red" : "green";
+  const nextStepsColor = nextStepsAutoSubmitCountdown != null ? countdownColor(nextStepsAutoSubmitCountdown, 20, 10) : "green";
   const hasTaskActivity = tasks && (tasks.pending > 0 || tasks.inProgress > 0 || tasks.completed > 0 || tasks.blocked > 0 || tasks.failed > 0);
-  const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") || hasTaskActivity && !hiddenSet.has("tasks") || fleetHasActivity && !hiddenSet.has("fleet") || showBrain || showDebugStream || showEnhance || hasNextStepsAutoSubmit;
+  const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && showChip("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && showChip("plan") || hasTaskActivity && showChip("tasks") || fleetHasActivity && showChip("fleet") || showBrain || showDebugStream || showEnhance || hasNextStepsAutoSubmit && showChip("next_steps");
   const minimalWorkParts = [
-    queueCount > 0 ? `q${queueCount}` : "",
-    todos && !hiddenSet.has("todos") && todos.inProgress + todos.pending > 0 ? `todo ${todos.inProgress}/${todos.pending}` : "",
-    hasTaskActivity && !hiddenSet.has("tasks") ? `task ${tasks.inProgress}/${tasks.pending}` : "",
-    fleetHasActivity && !hiddenSet.has("fleet") ? fleet ? `agent \u25B6${fleet.running} \xB7${fleet.idle}` : `agent ${subagentCount}` : "",
-    typeof processCount === "number" && processCount > 0 ? `proc ${processCount}` : ""
+    queueCount > 0 && showChip("queue") ? `q${queueCount}` : "",
+    todos && showChip("todos") && todos.inProgress + todos.pending > 0 ? `todo ${todos.inProgress}/${todos.pending}` : "",
+    hasTaskActivity && showChip("tasks") ? `task ${tasks.inProgress}/${tasks.pending}` : "",
+    fleetHasActivity && showChip("fleet") ? fleet ? `agent \u25B6${fleet.running} \xB7${fleet.idle}` : `agent ${subagentCount}` : "",
+    typeof processCount === "number" && processCount > 0 && showChip("processes") ? `proc ${processCount}` : ""
   ].filter(Boolean);
   if (mode === "minimum") {
     const ctxMax = context?.max;
@@ -296,22 +367,22 @@ function StatusBar({
         borderLeft: false,
         borderRight: false,
         children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
-          version ? /* @__PURE__ */ jsxs(Text, { children: [
+          version && showChip("version") ? /* @__PURE__ */ jsxs(Text, { children: [
             /* @__PURE__ */ jsx(Text, { color: "blue", bold: true, children: "WS" }),
             /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
               " v",
               version
             ] })
           ] }) : null,
-          version ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-          thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+          version && showChip("version") && (showChip("state") || showChip("model")) ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+          showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
             statePrefix,
             " ",
             stateLabel
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }),
-          ctxClampedRatio !== void 0 && ctxPctText && ctxMax !== void 0 && !hiddenSet.has("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          ] }) : null,
+          showChip("state") && showChip("model") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+          showChip("model") ? /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }) : null,
+          ctxClampedRatio !== void 0 && ctxPctText && ctxMax !== void 0 && showChip("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
             /* @__PURE__ */ jsxs(Text, { color: ctxClampedRatio < 0.6 ? "green" : ctxClampedRatio < 0.75 ? "yellow" : "red", children: [
               "ctx ",
@@ -320,7 +391,7 @@ function StatusBar({
               fmtTok(ctxMax)
             ] })
           ] }) : null,
-          showTokenDisplay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          showTokenDisplay && showChip("tokens") ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
             /* @__PURE__ */ jsxs(Text, { children: [
               "\u2191 ",
@@ -330,7 +401,7 @@ function StatusBar({
               /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.output) })
             ] })
           ] }) : null,
-          cost && cost.total > 0 && !hiddenSet.has("cost") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          cost && cost.total > 0 && showChip("cost") ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
             /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
               "$",
@@ -359,17 +430,17 @@ function StatusBar({
         /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: isCompact ? (
           // Ultra-compact: state · model
           /* @__PURE__ */ jsxs(Fragment, { children: [
-            thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix}${stateLabel}`, phase: spinnerIdx }) : /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+            showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix}${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
               statePrefix,
               stateLabel
-            ] }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: model })
+            ] }) : null,
+            showChip("state") && showChip("model") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }) : null,
+            showChip("model") ? /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }) : null
           ] })
         ) : (
           // Full mode: version · state · model · context · tokens · cost · queue · processes · hint
           /* @__PURE__ */ jsxs(Fragment, { children: [
-            version ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            version && showChip("version") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs(Text, { children: [
                 /* @__PURE__ */ jsx(Text, { color: "blue", bold: true, children: "WS" }),
                 /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -379,14 +450,16 @@ function StatusBar({
               ] }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" })
             ] }) : null,
-            thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+            showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
               statePrefix,
               " ",
               stateLabel
-            ] }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }),
-            context && !hiddenSet.has("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            ] }) : null,
+            showChip("model") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+              /* @__PURE__ */ jsx(Text, { color: "magenta", children: model })
+            ] }) : null,
+            context && showChip("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               (() => {
                 const ratio = context.used / context.max;
@@ -407,7 +480,7 @@ function StatusBar({
                 ] });
               })()
             ] }) : null,
-            showTokenDisplay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            showTokenDisplay && showChip("tokens") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { children: [
                 "\u2191 ",
@@ -417,7 +490,7 @@ function StatusBar({
                 /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.output) })
               ] })
             ] }) : null,
-            cache2 && cache2.hitRatio > 0 && isComfortable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            cache2 && cache2.hitRatio > 0 && isComfortable && showChip("cache") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
                 "cache ",
@@ -425,21 +498,21 @@ function StatusBar({
                 "%"
               ] })
             ] }) : null,
-            cost && cost.total > 0 && !hiddenSet.has("cost") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            cost && cost.total > 0 && showChip("cost") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
                 "$",
                 cost.total.toFixed(4)
               ] })
             ] }) : null,
-            queueCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            queueCount > 0 && showChip("queue") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
                 "\u231B queued: ",
                 queueCount
               ] })
             ] }) : null,
-            typeof processCount === "number" && processCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            typeof processCount === "number" && processCount > 0 && showChip("processes") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { color: "red", children: [
                 "\u26A1 ",
@@ -448,11 +521,11 @@ function StatusBar({
                 processCount === 1 ? "" : "es"
               ] })
             ] }) : null,
-            hint ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            hint && showChip("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: [
+            indexState?.indexing && showChip("index") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
                 "\u2699 indexing ",
@@ -460,11 +533,11 @@ function StatusBar({
                 "/",
                 indexState.totalFiles
               ] })
-            ] }) : indexState?.circuit?.state === "open" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            ] }) : indexState?.circuit?.state === "open" && showChip("index") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2699 index paused (/reindex)" })
             ] }) : null,
-            breakerCountdown ? (() => {
+            breakerCountdown && showChip("breaker") ? (() => {
               const secs = Math.ceil(breakerCountdown.remainingMs / 1e3);
               const ratio = breakerCountdown.totalMs > 0 ? breakerCountdown.remainingMs / breakerCountdown.totalMs : 0;
               const c = secs > 20 ? "green" : secs > 10 ? "yellow" : "red";
@@ -480,11 +553,10 @@ function StatusBar({
             })() : null
           ] })
         ) }),
-        hasSecondLine ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
-          yolo ? /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: "\u26A0 YOLO" }) : null,
-          autonomy && autonomy !== "off" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(
+        hasSecondLine ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: renderChipLine(
+          [
+            yolo && showChip("yolo") ? /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: "\u26A0 YOLO" }) : null,
+            autonomy && autonomy !== "off" && showChip("autonomy") ? /* @__PURE__ */ jsxs(
               Text,
               {
                 color: autonomy === "eternal" ? "red" : autonomy === "auto" ? "yellow" : "cyan",
@@ -494,36 +566,21 @@ function StatusBar({
                   autonomy.toUpperCase()
                 ]
               }
-            )
-          ] }) : null,
-          eternalStage ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || autonomy && autonomy !== "off" ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsx(EternalStageChip, { stage: eternalStage })
-          ] }) : null,
-          elapsedMs !== void 0 && !hiddenSet.has("elapsed") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || autonomy && autonomy !== "off" || eternalStage ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            ) : null,
+            eternalStage && showChip("eternal_stage") ? /* @__PURE__ */ jsx(EternalStageChip, { stage: eternalStage }) : null,
+            elapsedMs !== void 0 && showChip("elapsed") ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
               "\u23F1 ",
               fmtElapsed(elapsedMs)
-            ] })
-          ] }) : null,
-          projectName ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+            ] }) : null,
+            projectName && showChip("project") ? /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
               "\u{1F4C1} ",
-              projectName
-            ] })
-          ] }) : null,
-          workingDir && !hiddenSet.has("working_dir") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || goalSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+              truncateChip(projectName, 24)
+            ] }) : null,
+            workingDir && showChip("working_dir") ? /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
               "\u{1F4C2} ",
-              workingDir
-            ] })
-          ] }) : null,
-          goalSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || workingDir ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(
+              truncateChip(workingDir, 28)
+            ] }) : null,
+            goalSummary && showChip("goal") ? /* @__PURE__ */ jsxs(
               Text,
               {
                 color: goalSummary.goalState === "active" ? "green" : goalSummary.goalState === "paused" ? "yellow" : goalSummary.goalState === "completed" ? "green" : "dim",
@@ -539,26 +596,17 @@ function StatusBar({
                   ")"
                 ]
               }
-            )
-          ] }) : null,
-          modeLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || autonomy && autonomy !== "off" || eternalStage || startedAt != null || projectName || workingDir || goalSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: modeIcon(modeLabel) })
-          ] }) : null,
-          hasAutoProceed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || autonomy && autonomy !== "off" || eternalStage || startedAt != null || projectName || workingDir || goalSummary || modeLabel ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: autoProceedCountdown != null && autoProceedCountdown <= 5 ? "yellow" : "cyan", children: [
+            ) : null,
+            modeLabel && showChip("mode") ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: modeIcon(modeLabel) }) : null,
+            hasAutoProceed && showChip("auto_proceed") ? /* @__PURE__ */ jsxs(Text, { color: autoProceedCountdown != null && autoProceedCountdown <= 5 ? "yellow" : "cyan", children: [
               "\u23F3 auto in ",
               autoProceedCountdown,
               "s"
-            ] })
-          ] }) : null,
-          git && !hiddenSet.has("git") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || workingDir ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { children: [
+            ] }) : null,
+            git && showChip("git") ? /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
                 "\u2387 ",
-                git.branch
+                truncateChip(git.branch, 24)
               ] }),
               git.deleted > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
                 " -",
@@ -568,52 +616,43 @@ function StatusBar({
                 " ?",
                 git.untracked
               ] }) : null
-            ] })
-          ] }) : null,
-          sessionCount != null && sessionCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || workingDir || git && !hiddenSet.has("git") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            ] }) : null,
+            sessionCount != null && sessionCount > 0 && showChip("sessions") ? /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
               "\u29C9 ",
               sessionCount,
               " session",
               sessionCount === 1 ? "" : "s"
-            ] })
-          ] }) : null,
-          toolCount != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || workingDir || git && !hiddenSet.has("git") || sessionCount ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            ] }) : null,
+            toolCount != null && showChip("tools") ? /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
               "\u{1F527} ",
               toolCount,
               " tool",
               toolCount === 1 ? "" : "s"
-            ] })
-          ] }) : null,
-          tokenSavingMode ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            yolo || startedAt != null || projectName || workingDir || git && !hiddenSet.has("git") || sessionCount || toolCount ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "\u{1F4BE} save" })
-          ] }) : 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) && !hiddenSet.has("todos") ? /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "todos " }),
-            todos.inProgress > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-              "\u231B",
-              todos.inProgress
             ] }) : null,
-            todos.inProgress > 0 && (todos.pending > 0 || todos.completed > 0) ? " " : "",
-            todos.pending > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              "\u2610",
-              todos.pending
+            tokenSavingMode && showChip("token_saving") ? /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "\u{1F4BE} save" }) : null
+          ].filter((c) => c !== null),
+          termWidth - 6
+        ) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
+        hasThirdLine ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: renderChipLine(
+          [
+            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && showChip("todos") ? /* @__PURE__ */ jsxs(Text, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "todos " }),
+              todos.inProgress > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+                "\u231B",
+                todos.inProgress
+              ] }) : null,
+              todos.inProgress > 0 && (todos.pending > 0 || todos.completed > 0) ? " " : "",
+              todos.pending > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                "\u2610",
+                todos.pending
+              ] }) : null,
+              todos.pending > 0 && todos.completed > 0 ? " " : "",
+              todos.completed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+                "\u2713",
+                todos.completed
+              ] }) : null
             ] }) : null,
-            todos.pending > 0 && todos.completed > 0 ? " " : "",
-            todos.completed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-              "\u2713",
-              todos.completed
-            ] }) : null
-          ] }) : null,
-          plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { children: [
+            plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && showChip("plan") ? /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u{1F4CB} " }),
               plan.inProgress > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
                 "\u231B",
@@ -634,11 +673,8 @@ function StatusBar({
                 plan.scope,
                 "]"
               ] }) : null
-            ] })
-          ] }) : null,
-          hasTaskActivity && !hiddenSet.has("tasks") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { children: [
+            ] }) : null,
+            hasTaskActivity && showChip("tasks") ? /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u26A1 " }),
               tasks.inProgress > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
                 "\u231B",
@@ -669,11 +705,8 @@ function StatusBar({
                 tasks.scope,
                 "]"
               ] }) : null
-            ] })
-          ] }) : null,
-          fleetHasActivity && !hiddenSet.has("fleet") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            fleet ? /* @__PURE__ */ jsxs(Text, { children: [
+            ] }) : null,
+            fleetHasActivity && showChip("fleet") ? fleet ? /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsx(Text, { color: "blue", children: "\u{1F310} " }),
               fleet.running > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
                 "\u25B6",
@@ -700,15 +733,9 @@ function StatusBar({
               subagentCount,
               " agent",
               subagentCount === 1 ? "" : "s"
-            ] })
-          ] }) : null,
-          showBrain ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") || hasTaskActivity && !hiddenSet.has("tasks") || fleetHasActivity && !hiddenSet.has("fleet") ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsx(BrainChip, { brain })
-          ] }) : null,
-          showDebugStream ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") || hasTaskActivity && !hiddenSet.has("tasks") || fleetHasActivity && !hiddenSet.has("fleet") || showBrain ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            ] }) : null,
+            showBrain ? /* @__PURE__ */ jsx(BrainChip, { brain }) : null,
+            showDebugStream ? /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
               /* @__PURE__ */ jsx(Text, { bold: true, children: "\u{1F41B} stream" }),
               /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
                 " #",
@@ -728,31 +755,28 @@ function StatusBar({
                 " \xB7 ",
                 fmtDebugBytes(debugStreamStats.totalBytes)
               ] })
-            ] })
-          ] }) : null,
-          showEnhance ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") || hasTaskActivity && !hiddenSet.has("tasks") || fleetHasActivity && !hiddenSet.has("fleet") || showBrain || showDebugStream ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: enhanceCountdown > 15 ? "green" : enhanceCountdown > 5 ? "yellow" : "red", children: [
+            ] }) : null,
+            showEnhance ? /* @__PURE__ */ jsxs(Text, { color: countdownColor(enhanceCountdown, 15, 5), children: [
               "\u23F3 auto-send in ",
               enhanceCountdown,
               "s"
-            ] })
-          ] }) : null,
-          hasNextStepsAutoSubmit && nextStepsAutoSubmitCountdown != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) && !hiddenSet.has("todos") || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) && !hiddenSet.has("plan") || hasTaskActivity && !hiddenSet.has("tasks") || fleetHasActivity && !hiddenSet.has("fleet") || showBrain || showDebugStream || showEnhance ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: countdownColor, bold: true, children: [
-              "\u23F3 ",
-              nextStepsAutoSubmitCountdown,
-              "s"
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              " ",
-              nextStepsAutoSubmitLabel ? formatSuggestionLabel(nextStepsAutoSubmitLabel) : "",
-              " \xB7 \u21E5 edit"
-            ] })
-          ] }) : null
-        ] }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
-        mailbox && !hiddenSet.has("mailbox") ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+            ] }) : null,
+            hasNextStepsAutoSubmit && nextStepsAutoSubmitCountdown != null && showChip("next_steps") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(Text, { color: nextStepsColor, bold: true, children: [
+                "\u23F3 ",
+                nextStepsAutoSubmitCountdown,
+                "s"
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " ",
+                nextStepsAutoSubmitLabel ? formatSuggestionLabel(nextStepsAutoSubmitLabel) : "",
+                " \xB7 \u21E5 edit"
+              ] })
+            ] }) : null
+          ].filter((c) => c !== null),
+          termWidth - 6
+        ) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
+        mailbox && showMailbox ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
           mailbox.unread > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", bold: true, children: [
             "\u2709 ",
             mailbox.unread,
@@ -786,37 +810,9 @@ function StatusBar({
               mailbox.lastSubject.length > 40 ? `${mailbox.lastSubject.slice(0, 37)}\u2026` : mailbox.lastSubject
             ] })
           ] }) : null,
-          fleetAgents && fleetAgents.length > 0 ? fleetAgents.map((a, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: agent list is stable per render
-            /* @__PURE__ */ jsxs(Text, { children: [
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-              " ",
-              /* @__PURE__ */ jsx(Text, { color: a.color, bold: true, children: a.label }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
-              /* @__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 " }),
-              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                a.toolCalls,
-                "t"
-              ] }),
-              a.tool ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
-                /* @__PURE__ */ jsx(Text, { color: "cyan", children: a.tool })
-              ] }) : null,
-              a.extensions && a.extensions > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
-                /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-                  "\u26A1\xD7",
-                  a.extensions
-                ] })
-              ] }) : null
-            ] }, i)
-          )) : null
-        ] }) : 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: [
+          fleetAgents && fleetAgents.length > 0 && showChip("fleet_agents") ? fleetAgents.map((a, i) => /* @__PURE__ */ jsxs(Text, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+            " ",
             /* @__PURE__ */ jsx(Text, { color: a.color, bold: true, children: a.label }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
             /* @__PURE__ */ jsx(Text, { dimColor: !a.running, ...a.running ? { color: "yellow" } : {}, children: a.running ? "\u25B6" : "\xB7" }),
@@ -838,8 +834,30 @@ function StatusBar({
                 a.extensions
               ] })
             ] }) : null
-          ] }, i)
-        )) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
+          ] }, i)) : null
+        ] }) : fleetAgents && fleetAgents.length > 0 && showChip("fleet_agents") ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: fleetAgents.map((a, i) => /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { color: a.color, bold: true, children: a.label }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
+          /* @__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 " }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            a.toolCalls,
+            "t"
+          ] }),
+          a.tool ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: a.tool })
+          ] }) : null,
+          a.extensions && a.extensions > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
+            /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+              "\u26A1\xD7",
+              a.extensions
+            ] })
+          ] }) : null
+        ] }, i)) }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
       ]
     }
   );
@@ -981,10 +999,7 @@ var WAVE_COLORS = [
   // flamingo
 ];
 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] ?? "#ffffff", children: ch }, i)
-  )) });
+  return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => /* @__PURE__ */ jsx(Text, { color: WAVE_COLORS[(i + phase) % WAVE_COLORS.length] ?? "#ffffff", children: ch }, i)) });
 }
 var FILLED = "\u2588";
 var EMPTY = "\u2591";
@@ -1183,14 +1198,11 @@ function FleetMonitor({
           /* @__PURE__ */ jsx(Text, { bold: true, color: VERDICT_COLOR[collabSession.overallVerdict] ?? "white", children: collabSession.overallVerdict })
         ] }) : null
       ] }),
-      collabSession.timeline.length > 0 ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, children: collabSession.timeline.slice(0, 6).map((ev, i) => (
-        // 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, { ...ev.color ? { color: ev.color } : {}, children: ev.icon }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: ev.text })
-        ] }, i)
-      )) }) : null
+      collabSession.timeline.length > 0 ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, children: collabSession.timeline.slice(0, 6).map((ev, i) => /* @__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, { ...ev.color ? { color: ev.color } : {}, children: ev.icon }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: ev.text })
+      ] }, i)) }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "concurrency" }),
@@ -1228,7 +1240,7 @@ function FleetMonitor({
         const s2 = STATUS[e.status];
         const elapsed = e.status === "running" ? fmtElapsed(Math.max(0, nowTick - e.startedAt)) : fmtElapsed(Math.max(0, nowTick - e.lastEventAt)) + " ago";
         const model = fmtModelLabel(e.provider, e.model) || "\u2014";
-        const ltCtx = e.ctxPct !== void 0 ? `L${e.iterations} ${e.toolCalls}t ${Math.round(e.ctxPct * 100)}%` : `L${e.iterations} ${e.toolCalls}t`;
+        const ltCtx = e.ctxPct !== void 0 ? `L${e.iterations} ${e.toolCalls}t ${Math.min(100, Math.max(0, Math.round(e.ctxPct * 100)))}%` : `L${e.iterations} ${e.toolCalls}t`;
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
           /* @__PURE__ */ jsx(Text, { children: e.name.padEnd(14).slice(0, 14) }),
@@ -1248,14 +1260,11 @@ function FleetMonitor({
     ] }) : null,
     timeline.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "timeline" }),
-      timeline.map((ev, i) => (
-        // 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, { dimColor: true, children: ev.text })
-        ] }, i)
-      ))
+      timeline.map((ev, i) => /* @__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, { dimColor: true, children: ev.text })
+      ] }, i))
     ] }) : null
   ] });
 }
@@ -1421,6 +1430,10 @@ function ContextBar({
     tokenText
   ] });
 }
+function pctTextFromRatio(pct) {
+  if (typeof pct !== "number" || !Number.isFinite(pct)) return "0%";
+  return `${Math.min(100, Math.max(0, Math.round(pct * 100)))}%`;
+}
 function AgentRow({
   entry,
   now,
@@ -1570,10 +1583,7 @@ function AgentDetail({
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "recent" }),
           entry.recentTools.slice(-4).map((tool, i) => {
             const visual = getToolVisual(tool.name);
-            return (
-              // biome-ignore lint/suspicious/noArrayIndexKey: recent tool entries do not carry stable ids.
-              /* @__PURE__ */ jsx(Text, { color: tool.ok === false ? "red" : visual.color, children: `\u2039${visual.glyph} ${formatRecentToolChip(tool)}\u203A` }, `${tool.name}-${tool.at}-${i}`)
-            );
+            return /* @__PURE__ */ jsx(Text, { color: tool.ok === false ? "red" : visual.color, children: `\u2039${visual.glyph} ${formatRecentToolChip(tool)}\u203A` }, `${tool.name}-${tool.at}-${i}`);
           })
         ] }) : null,
         entry.status === "running" && streamTail ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -1678,14 +1688,13 @@ function AgentsMonitor({
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "pulse" }),
           /* @__PURE__ */ jsxs(Text, { color: pressure >= 0.9 ? "red" : pressure >= 0.75 ? "yellow" : "green", children: [
             "max ctx ",
-            Math.round(pressure * 100),
-            "%"
+            pctTextFromRatio(pressure)
           ] }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 hot" }),
           hotAgent ? /* @__PURE__ */ jsxs(Text, { color: riskMeta(agentRisk(hotAgent)).color, children: [
             hotAgent.name,
             " ",
-            hotAgent.ctxPct !== void 0 ? `${Math.round(hotAgent.ctxPct * 100)}%` : ""
+            hotAgent.ctxPct !== void 0 ? pctTextFromRatio(hotAgent.ctxPct) : ""
           ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "none" }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 throughput" }),
           /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
@@ -1853,10 +1862,7 @@ function BrainDecisionPrompt({
     /* @__PURE__ */ jsx(Text, { color: "white", children: question }),
     ctx.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Context:" }),
-      ctx.map((line, index) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: context lines are static for this prompt render
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: line }, index)
-      ))
+      ctx.map((line, index) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: line }, index))
     ] }) : null,
     options.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Options:" }),
@@ -3507,10 +3513,7 @@ function MarkdownView({
           /[\u2500-\u257F]/.test(qContent) ? (
             // Box-drawing characters inside blockquotes also need transparent
             // background to avoid inheriting the message panel background.
-            /* @__PURE__ */ jsx(Box, { flexDirection: "row", backgroundColor: "transparent", children: [...qContent].slice(0, (contentWidth ?? termWidth) - 2).map((ch, ci) => (
-              /* biome-ignore lint/suspicious/noArrayIndexKey: characters are not reorderable */
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: ch }, ci)
-            )) })
+            /* @__PURE__ */ jsx(Box, { flexDirection: "row", backgroundColor: "transparent", children: [...qContent].slice(0, (contentWidth ?? termWidth) - 2).map((ch, ci) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: ch }, ci)) })
           ) : /* @__PURE__ */ jsx(InlineLine, { tokens: parseInline(qContent), dim: true })
         ] }, `q${key++}`)
       );
@@ -3540,10 +3543,7 @@ function MarkdownView({
       const maxW = contentWidth ?? termWidth;
       const chars = [...line].slice(0, maxW);
       rows.push(
-        /* @__PURE__ */ jsx(Box, { width: maxW, backgroundColor: "transparent", flexDirection: "row", children: chars.map((ch, ci) => (
-          /* biome-ignore lint/suspicious/noArrayIndexKey: characters are not reorderable */
-          /* @__PURE__ */ jsx(Text, { children: ch }, ci)
-        )) }, `bx${key++}`)
+        /* @__PURE__ */ jsx(Box, { width: maxW, backgroundColor: "transparent", flexDirection: "row", children: chars.map((ch, ci) => /* @__PURE__ */ jsx(Text, { children: ch }, ci)) }, `bx${key++}`)
       );
       continue;
     }
@@ -3633,6 +3633,19 @@ function formatMatchHit(hit) {
   return void 0;
 }
 var ARG_BUDGET = 60;
+function stringArrayOf(v) {
+  return Array.isArray(v) ? v.filter((item) => typeof item === "string") : void 0;
+}
+function fileScopeSummary(files, fallback) {
+  const list = stringArrayOf(files);
+  if (list && list.length > 0) {
+    const first = list[0] ?? "";
+    const more = list.length > 1 ? ` (+${list.length - 1})` : "";
+    return first ? `${shortenPath(first, 42)}${more}` : `${list.length} files`;
+  }
+  const scalar = typeof files === "string" ? files : fallback;
+  return scalar ? shortenPath(scalar, 44) : "";
+}
 function formatToolArgs(toolName, input) {
   if (!input || typeof input !== "object") return "";
   const obj = input;
@@ -3641,13 +3654,18 @@ function formatToolArgs(toolName, input) {
     case "write":
     case "edit":
     case "patch":
-    case "document":
     case "list_dir":
     case "ls":
     case "tree": {
       const p = stringOf(obj["path"]) ?? stringOf(obj["file"]);
       return p ? shortenPath(p, ARG_BUDGET) : "";
     }
+    case "document": {
+      const target = stringOf(obj["target"]) ?? "all";
+      const scope = fileScopeSummary(obj["files"], stringOf(obj["path"]));
+      const style = stringOf(obj["style"]);
+      return [target, scope, style].filter(Boolean).join(" \xB7 ");
+    }
     case "grep":
     case "search":
     case "replace": {
@@ -3663,12 +3681,19 @@ function formatToolArgs(toolName, input) {
     }
     case "bash":
     case "shell":
-    case "exec":
     case "install":
     case "git": {
       const cmd = stringOf(obj["command"]) ?? stringOf(obj["args"]);
       return cmd ? truncMid(cmd, ARG_BUDGET) : "";
     }
+    case "exec": {
+      const command = stringOf(obj["command"]);
+      const args = stringArrayOf(obj["args"]) ?? [];
+      const cwd = stringOf(obj["cwd"]);
+      const cmd = [command, ...args].filter(Boolean).join(" ");
+      const head = cmd ? truncMid(cmd, cwd ? 44 : ARG_BUDGET) : "";
+      return cwd ? `${head} in ${shortenPath(cwd, 14)}` : head;
+    }
     case "diff": {
       const files = Array.isArray(obj["files"]) ? obj["files"] : void 0;
       if (files && files.length > 0) {
@@ -3690,6 +3715,19 @@ function formatToolArgs(toolName, input) {
       if (Array.isArray(list)) return `${list.length} item${list.length === 1 ? "" : "s"}`;
       return "";
     }
+    case "plan": {
+      const action = stringOf(obj["action"]) ?? "show";
+      const target = stringOf(obj["target"]) ?? stringOf(obj["title"]) ?? stringOf(obj["template"]) ?? "";
+      const scope = stringOf(obj["scope"]);
+      return [action, target ? truncMid(target, 34) : "", scope].filter(Boolean).join(" \xB7 ");
+    }
+    case "task": {
+      const action = stringOf(obj["action"]) ?? "show";
+      const task = obj["task"] && typeof obj["task"] === "object" ? obj["task"] : void 0;
+      const target = stringOf(obj["target"]) ?? stringOf(obj["id"]) ?? stringOf(task?.["title"]) ?? (Array.isArray(obj["tasks"]) ? `${obj["tasks"].length} tasks` : "");
+      const status = stringOf(obj["status"]);
+      return [action, target ? truncMid(target, 32) : "", status].filter(Boolean).join(" \xB7 ");
+    }
     case "lint":
     case "format":
     case "typecheck":
@@ -3717,19 +3755,79 @@ function formatToolArgs(toolName, input) {
       if (tmpl && name) return `${tmpl} \u2192 ${truncMid(name, ARG_BUDGET - tmpl.length - 4)}`;
       return name ?? tmpl ?? "";
     }
-    case "remember":
-    case "forget":
+    case "remember": {
+      const scope = stringOf(obj["scope"]);
+      const type = stringOf(obj["type"]);
+      const text = stringOf(obj["text"]);
+      return [scope, type, text ? truncMid(text, 34) : ""].filter(Boolean).join(" \xB7 ");
+    }
+    case "forget": {
+      const query = stringOf(obj["query"]);
+      const scope = stringOf(obj["scope"]);
+      return [query ? `"${truncMid(query, 36)}"` : "", scope].filter(Boolean).join(" \xB7 ");
+    }
+    case "search_memory":
+    case "find_related_memories": {
+      const query = stringOf(obj["query"]) ?? stringOf(obj["text"]);
+      const scope = stringOf(obj["scope"]);
+      return [query ? `"${truncMid(query, 36)}"` : "", scope].filter(Boolean).join(" \xB7 ");
+    }
     case "memory": {
       const key = stringOf(obj["key"]) ?? stringOf(obj["name"]);
       return key ? truncMid(key, ARG_BUDGET) : "";
     }
     case "mode": {
+      const action = stringOf(obj["action"]);
       const m = stringOf(obj["mode"]) ?? stringOf(obj["name"]);
-      return m ? truncMid(m, ARG_BUDGET) : "";
+      return [action, m].filter(Boolean).join(" \xB7 ");
     }
     case "logs": {
       const target = stringOf(obj["target"]) ?? stringOf(obj["service"]) ?? stringOf(obj["path"]);
-      return target ? truncMid(target, ARG_BUDGET) : "";
+      const filter = stringOf(obj["filter"]);
+      const since = stringOf(obj["since"]);
+      const lines = typeof obj["lines"] === "number" ? `${obj["lines"]} lines` : "";
+      return [target ? shortenPath(target, 34) : "", filter ? `/${truncMid(filter, 16)}/` : "", since, lines].filter(Boolean).join(" \xB7 ");
+    }
+    case "tool_help": {
+      const tool = stringOf(obj["tool"]) ?? "all";
+      const format = stringOf(obj["format"]);
+      return [tool, format].filter(Boolean).join(" \xB7 ");
+    }
+    case "tool_search": {
+      const query = stringOf(obj["query"]);
+      const tags = stringArrayOf(obj["tags"]);
+      const filters = [
+        query ? `"${truncMid(query, 28)}"` : "",
+        tags && tags.length > 0 ? tags.join(",") : "",
+        stringOf(obj["permission"]),
+        typeof obj["mutating"] === "boolean" ? obj["mutating"] ? "mutating" : "read-only" : ""
+      ].filter(Boolean);
+      return filters.join(" \xB7 ");
+    }
+    case "tool_use": {
+      const tool = stringOf(obj["tool"]);
+      return tool ? `call ${tool}` : "";
+    }
+    case "batch_tool_use": {
+      const calls = Array.isArray(obj["calls"]) ? obj["calls"] : [];
+      const mode = obj["parallel"] === false ? "sequential" : "parallel";
+      return `${calls.length} call${calls.length === 1 ? "" : "s"} \xB7 ${mode}`;
+    }
+    case "codebase-index": {
+      const langs = stringArrayOf(obj["langs"]);
+      const force = obj["force"] === true ? "force" : "";
+      return [force, langs && langs.length > 0 ? langs.join(",") : "incremental"].filter(Boolean).join(" \xB7 ");
+    }
+    case "codebase-search": {
+      const query = stringOf(obj["query"]);
+      const filters = [stringOf(obj["kind"]), stringOf(obj["lang"]), stringOf(obj["file"]) ? `in ${shortenPath(String(obj["file"]), 24)}` : ""].filter(Boolean).join(" \xB7 ");
+      return [query ? `"${truncMid(query, 30)}"` : "", filters].filter(Boolean).join(" \xB7 ");
+    }
+    case "codebase-stats":
+      return "index health";
+    case "set_working_dir": {
+      const p = stringOf(obj["path"]);
+      return p ? shortenPath(p, ARG_BUDGET) : "current";
     }
   }
   for (const key of ["path", "file", "url", "name", "query", "pattern", "command"]) {
@@ -4102,6 +4200,716 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
   const collapsed = text.replace(/\s+/g, " ").trim();
   return [truncMid(collapsed, GENERIC_BUDGET)];
 }
+var VISUAL_MAX_LINES = 7;
+var VISUAL_TEXT_BUDGET = 92;
+function formatToolVisualOutput(toolName, output, ok, input) {
+  if (!output) return void 0;
+  const text = output.trim();
+  if (!text) return void 0;
+  if (toolName === "read") return visualRead(text);
+  if (toolName === "grep" || toolName === "search") return visualSearch(toolName, text);
+  if (toolName === "glob") return visualPathList(toolName, text);
+  if (toolName === "tree") return visualTree(text);
+  if (toolName === "bash" || toolName === "shell" || toolName === "git" || toolName === "exec" || toolName === "install") {
+    return visualCommand(toolName, text, ok);
+  }
+  if (toolName === "test" || toolName === "lint" || toolName === "typecheck" || toolName === "format") {
+    return visualVerifier(toolName, text, ok);
+  }
+  if (toolName === "fetch" || toolName === "webfetch" || toolName === "web_fetch") {
+    return visualFetch(text);
+  }
+  if (toolName === "json") return visualJson(text);
+  if (toolName === "outdated") return visualOutdated(text);
+  if (toolName === "audit") return visualAudit(text);
+  if (toolName === "scaffold") return visualScaffold(text);
+  if (toolName === "todo") return visualTodo(text);
+  if (toolName === "task" || toolName === "plan") return visualWorkBoard(toolName, text, ok);
+  if (toolName === "remember" || toolName === "forget" || toolName === "search_memory" || toolName === "find_related_memories") {
+    return visualMemory(toolName, text, ok);
+  }
+  if (toolName === "logs") return visualLogs(text);
+  if (toolName === "document") return visualDocument(text);
+  if (toolName === "tool_help" || toolName === "tool_search") return visualToolCatalog(toolName, text);
+  if (toolName === "tool_use" || toolName === "batch_tool_use") return visualMetaExecution(toolName, text, ok);
+  if (toolName === "codebase-index" || toolName === "codebase-search" || toolName === "codebase-stats") {
+    return visualCodebase(toolName, text, ok);
+  }
+  if (toolName === "set_working_dir") return visualWorkingDir(text, ok);
+  if (toolName === "mode") return visualMode(text, ok);
+  return void 0;
+}
+function ToolOutputLines({ lines, hasFollowingBlock }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: lines.map((line, i) => {
+    const branch = i === lines.length - 1 && !hasFollowingBlock ? "  \u2514\u2500 " : "  \u251C\u2500 ";
+    const color = colorForVisualKind(line.kind);
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: branch }),
+      line.marker ? /* @__PURE__ */ jsx(Text, { color, bold: true, children: line.marker }) : null,
+      line.path ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: shortenPath(line.path, 56) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " })
+      ] }) : null,
+      line.lineNo ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "yellow", children: String(line.lineNo).padStart(4, " ") }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2502 " })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { color, dimColor: line.kind === "meta" || line.kind === "stdout", children: truncMid(line.text, VISUAL_TEXT_BUDGET) })
+    ] }, `${line.kind}-${i}`);
+  }) });
+}
+function colorForVisualKind(kind) {
+  switch (kind) {
+    case "ok":
+      return "green";
+    case "warn":
+      return "yellow";
+    case "error":
+    case "stderr":
+      return "red";
+    case "path":
+    case "match":
+      return "cyan";
+    case "code":
+      return "white";
+    case "stdout":
+    case "meta":
+      return void 0;
+  }
+}
+function visualRead(text) {
+  const lines = bodyLines(text);
+  const numbered = lines.map((line) => line.match(/^\s*(\d+)→(.*)$/)).filter((match) => Boolean(match?.[1]));
+  if (numbered.length === 0) {
+    const first = firstNonEmpty(lines.join("\n"));
+    return first ? [{ kind: "meta", text: first }] : void 0;
+  }
+  const rows = numbered.slice(0, 5).map((match) => ({
+    kind: "code",
+    lineNo: match[1],
+    text: match[2] ?? ""
+  }));
+  if (numbered.length > rows.length) {
+    rows.push({ kind: "meta", text: `${numbered.length - rows.length} more read line(s)` });
+  }
+  return rows;
+}
+function visualSearch(toolName, text) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object") {
+    const obj = json;
+    const matches = Array.isArray(obj["matches"]) ? obj["matches"] : Array.isArray(obj["results"]) ? obj["results"] : [];
+    return visualSearchMatches(matches, numOf(obj["count"]) ?? matches.length);
+  }
+  const lines = bodyLines(text);
+  if (lines.length === 0 || lines[0] === "(no matches)") return void 0;
+  const rows = [];
+  let currentPath;
+  let consumed = 0;
+  for (const line of lines) {
+    if (consumed >= VISUAL_MAX_LINES) break;
+    const fileHeader = line.match(/^(.+?) \((\d+) match\(es\), showing \d+\)$/);
+    if (fileHeader?.[1]) {
+      currentPath = fileHeader[1];
+      rows.push({ kind: "path", path: currentPath, text: `${fileHeader[2] ?? "?"} match(es)` });
+      consumed++;
+      continue;
+    }
+    const direct = line.match(/^(.+?):(\d+):(.*)$/);
+    const grouped = line.match(/^(\d+):(.*)$/);
+    if (direct?.[1] && direct[2]) {
+      rows.push({ kind: "match", path: direct[1], lineNo: direct[2], text: direct[3] ?? "" });
+      consumed++;
+    } else if (grouped?.[1]) {
+      rows.push({ kind: "match", path: currentPath, lineNo: grouped[1], text: grouped[2] ?? "" });
+      consumed++;
+    } else if (line.trim() && !line.startsWith(`${toolName}:`)) {
+      rows.push({ kind: "meta", text: line.trim() });
+      consumed++;
+    }
+  }
+  if (lines.length > consumed) rows.push({ kind: "meta", text: `${lines.length - consumed} more result line(s)` });
+  return rows.length > 0 ? rows : void 0;
+}
+function visualSearchMatches(matches, count) {
+  if (count === 0) return [{ kind: "ok", marker: "ok ", text: "no matches" }];
+  const rows = [];
+  for (const match of matches.slice(0, VISUAL_MAX_LINES)) {
+    const hit = parseMatchHit(match);
+    if (hit) rows.push({ kind: "match", path: hit.path, lineNo: hit.line, text: hit.text });
+  }
+  if (rows.length === 0) return count > 0 ? [{ kind: "meta", text: `${count} result${count === 1 ? "" : "s"}` }] : void 0;
+  if (count > rows.length) rows.push({ kind: "meta", text: `${count - rows.length} more result(s)` });
+  return rows;
+}
+function parseMatchHit(hit) {
+  if (typeof hit === "string") {
+    const m = hit.match(/^(.+?):(\d+):(.*)$/);
+    return m?.[1] && m[2] ? { path: m[1], line: m[2], text: m[3] ?? "" } : { text: hit };
+  }
+  if (hit && typeof hit === "object") {
+    const o = hit;
+    const path7 = stringOf(o["file"]) ?? stringOf(o["path"]) ?? stringOf(o["url"]);
+    const line = numOf(o["line"]) ?? numOf(o["lineNumber"]);
+    const title = stringOf(o["title"]);
+    const snippet2 = stringOf(o["snippet"]);
+    const text = stringOf(o["text"]) ?? stringOf(o["match"]) ?? stringOf(o["preview"]) ?? [title, snippet2].filter(Boolean).join(" \u2014 ");
+    return { path: path7, line: line === void 0 ? void 0 : String(line), text };
+  }
+  return void 0;
+}
+function visualPathList(toolName, text) {
+  const json = tryParseJson(text);
+  const files = json && typeof json === "object" && Array.isArray(json["files"]) ? json["files"].filter((v) => typeof v === "string") : bodyLines(text).filter((line) => line.trim() && !line.startsWith(`${toolName}:`));
+  if (files.length === 0) return void 0;
+  const rows = files.slice(0, VISUAL_MAX_LINES).map((file) => ({
+    kind: "path",
+    path: file,
+    text: ""
+  }));
+  if (files.length > rows.length) rows.push({ kind: "meta", text: `${files.length - rows.length} more path(s)` });
+  return rows;
+}
+function visualTree(text) {
+  const lines = bodyLines(text).filter((line) => line.trim());
+  if (lines.length === 0) return void 0;
+  const rows = lines.slice(0, VISUAL_MAX_LINES).map((line) => ({
+    kind: line.includes("\u2500\u2500") || line.includes("|--") ? "path" : "meta",
+    text: line
+  }));
+  if (lines.length > rows.length) rows.push({ kind: "meta", text: `${lines.length - rows.length} more tree line(s)` });
+  return rows;
+}
+function visualCommand(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object") {
+    const obj = json;
+    return commandRows({
+      exit: numOf(obj["exit_code"]) ?? numOf(obj["exitCode"]),
+      timedOut: obj["timed_out"] === true || obj["timedOut"] === true,
+      stdout: stringOf(obj["stdout"]) ?? stringOf(obj["output"]),
+      stderr: stringOf(obj["stderr"]) ?? stringOf(obj["error"]),
+      ok
+    });
+  }
+  const header = parseHeaderLine(text);
+  const sections = parseNamedSections(text);
+  return commandRows({
+    exit: numberFromParsedField(header.fields, "exit_code") ?? numberFromParsedField(header.fields, "exitCode"),
+    timedOut: header.fields["timed_out"] === "true" || header.fields["timedOut"] === "true",
+    stdout: sections.get("stdout") ?? sections.get("output"),
+    stderr: sections.get("stderr") ?? sections.get("error"),
+    ok,
+    label: toolName
+  });
+}
+function commandRows(opts) {
+  const rows = [];
+  const statusKind = opts.timedOut ? "warn" : opts.ok && (opts.exit ?? 0) === 0 ? "ok" : "error";
+  const status = opts.timedOut ? "timed out" : opts.exit !== void 0 ? `exit ${opts.exit}` : opts.ok ? "completed" : "failed";
+  rows.push({ kind: statusKind, marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ", text: opts.label ? `${opts.label} ${status}` : status });
+  appendOutputPreview(rows, opts.stdout, "stdout");
+  appendOutputPreview(rows, opts.stderr, "stderr");
+  return rows.length > 0 ? rows.slice(0, VISUAL_MAX_LINES) : void 0;
+}
+function visualVerifier(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object") {
+    const obj = json;
+    const errors = numOf(obj["errors"]) ?? numOf(obj["failed"]) ?? 0;
+    const warnings = numOf(obj["warnings"]) ?? 0;
+    const changed2 = numOf(obj["files_changed"]) ?? 0;
+    const statusKind2 = !ok || errors > 0 ? "error" : changed2 > 0 ? "warn" : "ok";
+    const parts = [
+      toolName,
+      errors > 0 ? `${errors} error${errors === 1 ? "" : "s"}` : void 0,
+      warnings > 0 ? `${warnings} warning${warnings === 1 ? "" : "s"}` : void 0,
+      changed2 > 0 ? `${changed2} changed` : void 0,
+      toolName === "test" ? `${numOf(obj["passed"]) ?? 0}/${numOf(obj["tests_run"]) ?? 0} passed` : void 0
+    ].filter(Boolean);
+    return [{ kind: statusKind2, marker: statusKind2 === "ok" ? "ok " : statusKind2 === "warn" ? "! " : "x ", text: parts.join(" \xB7 ") || toolName }];
+  }
+  const header = parseHeaderLine(text);
+  const sections = parseNamedSections(text);
+  const report = sections.get("report") ?? "";
+  const errorContext = sections.get("error_context");
+  const fields = { ...header.fields, ...parseKeyValueLines(report) };
+  const status = fields["status"];
+  const errorCount = numberFromParsedField(fields, "errors") ?? numberFromParsedField(fields, "failed") ?? 0;
+  const warningCount = numberFromParsedField(fields, "warnings") ?? 0;
+  const changed = numberFromParsedField(fields, "files_changed") ?? 0;
+  const statusKind = !ok || errorContext || errorCount > 0 ? "error" : status === "changed" || changed > 0 ? "warn" : "ok";
+  const rows = [{
+    kind: statusKind,
+    marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ",
+    text: [
+      toolName,
+      status ? `status=${status}` : void 0,
+      errorCount > 0 ? `${errorCount} error${errorCount === 1 ? "" : "s"}` : void 0,
+      warningCount > 0 ? `${warningCount} warning${warningCount === 1 ? "" : "s"}` : void 0,
+      changed > 0 ? `${changed} changed` : void 0
+    ].filter(Boolean).join(" \xB7 ")
+  }];
+  appendOutputPreview(rows, errorContext, "stderr");
+  return rows.slice(0, VISUAL_MAX_LINES);
+}
+function visualFetch(text) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object") {
+    const obj = json;
+    const status = numOf(obj["status"]);
+    const ct = stringOf(obj["content_type"]);
+    const content = stringOf(obj["content"]);
+    return fetchRows(status, ct, content);
+  }
+  const header = parseHeaderLine(text);
+  return fetchRows(
+    numberFromParsedField(header.fields, "status"),
+    header.fields["content_type"],
+    bodyLines(text).join("\n")
+  );
+}
+function fetchRows(status, contentType, content) {
+  const kind = status === void 0 ? "meta" : status >= 200 && status < 300 ? "ok" : status >= 300 && status < 400 ? "warn" : "error";
+  const rows = [{
+    kind,
+    marker: kind === "ok" ? "ok " : kind === "warn" ? "! " : kind === "error" ? "x " : void 0,
+    text: [status !== void 0 ? `HTTP ${status}` : "HTTP", contentType?.split(";")[0]].filter(Boolean).join(" \xB7 ")
+  }];
+  const preview = firstNonEmpty(content ?? "");
+  if (preview) rows.push({ kind: "stdout", text: preview });
+  return rows;
+}
+function visualJson(text) {
+  const json = tryParseJson(text);
+  if (!json || typeof json !== "object" || Array.isArray(json)) return void 0;
+  const obj = json;
+  const err = stringOf(obj["error"]);
+  if (err) return [{ kind: "error", marker: "x ", text: err }];
+  const type = stringOf(obj["type"]);
+  const keys = Array.isArray(obj["keys"]) ? obj["keys"].length : void 0;
+  return [{ kind: "ok", marker: "ok ", text: [type ?? "json", keys !== void 0 ? `${keys} key${keys === 1 ? "" : "s"}` : void 0].filter(Boolean).join(" \xB7 ") }];
+}
+function visualOutdated(text) {
+  const lines = bodyLines(text).filter((line) => line.trim() && !line.startsWith("outdated"));
+  if (lines.length === 0) return void 0;
+  return lines.slice(0, VISUAL_MAX_LINES).map((line) => ({ kind: "warn", marker: "! ", text: line }));
+}
+function visualAudit(text) {
+  const lines = bodyLines(text).filter((line) => line.trim() && !line.startsWith("audit"));
+  if (lines.length === 0) return void 0;
+  return lines.slice(0, VISUAL_MAX_LINES).map((line) => ({
+    kind: /^critical|^high/i.test(line) ? "error" : /^moderate|^medium/i.test(line) ? "warn" : "meta",
+    marker: /^critical|^high/i.test(line) ? "x " : /^moderate|^medium/i.test(line) ? "! " : void 0,
+    text: line
+  }));
+}
+function visualScaffold(text) {
+  const json = tryParseJson(text);
+  if (!json || typeof json !== "object") return void 0;
+  const obj = json;
+  const created = Array.isArray(obj["created"]) ? obj["created"] : [];
+  const skipped = Array.isArray(obj["skipped"]) ? obj["skipped"] : [];
+  const rows = [];
+  for (const file of created.slice(0, 5)) {
+    if (typeof file === "string") rows.push({ kind: "ok", marker: "+ ", path: file, text: "" });
+  }
+  if (skipped.length > 0) rows.push({ kind: "warn", marker: "! ", text: `${skipped.length} skipped` });
+  return rows.length > 0 ? rows : void 0;
+}
+function visualTodo(text) {
+  const json = tryParseJson(text);
+  const fields = json && typeof json === "object" && !Array.isArray(json) ? recordToStringFields(json) : parseHeaderLine(text).fields;
+  const count = numberFromParsedField(fields, "count") ?? 0;
+  const inProgress = numberFromParsedField(fields, "in_progress") ?? 0;
+  return [{
+    kind: count > 0 ? "ok" : "meta",
+    marker: count > 0 ? "ok " : void 0,
+    text: `${count} todo${count === 1 ? "" : "s"}${inProgress > 0 ? ` \xB7 ${inProgress} in progress` : ""}`
+  }];
+}
+function visualWorkBoard(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object" && !Array.isArray(json)) {
+    const obj = json;
+    const rows2 = boardSummaryRows(toolName, recordToStringFields(obj), ok);
+    appendBoardPreview(rows2, stringOf(obj["message"]));
+    appendBoardPreview(rows2, stringOf(obj["plan"]));
+    const todos = Array.isArray(obj["todos"]) ? obj["todos"] : [];
+    for (const todo of todos.slice(0, 3)) {
+      if (todo && typeof todo === "object") {
+        const o = todo;
+        rows2.push({ kind: "path", marker: "+ ", text: stringOf(o["content"]) ?? stringOf(o["id"]) ?? "todo" });
+      }
+    }
+    return rows2.slice(0, VISUAL_MAX_LINES);
+  }
+  const header = parseHeaderLine(text);
+  const sections = parseNamedSections(text);
+  const rows = boardSummaryRows(toolName, header.fields, ok);
+  appendBoardPreview(rows, sections.get("message") ?? sections.get("plan") ?? bodyLines(text).join("\n"));
+  return rows.slice(0, VISUAL_MAX_LINES);
+}
+function boardSummaryRows(toolName, fields, ok) {
+  const success = fields["ok"] !== "false" && ok;
+  const count = numberFromParsedField(fields, "count");
+  const open = numberFromParsedField(fields, "open");
+  const completed = numberFromParsedField(fields, "completed");
+  const inProgress = numberFromParsedField(fields, "inProgress") ?? numberFromParsedField(fields, "in_progress");
+  const parts = [
+    toolName,
+    count !== void 0 ? `${count} item${count === 1 ? "" : "s"}` : void 0,
+    open !== void 0 ? `${open} open` : void 0,
+    completed !== void 0 ? `${completed} done` : void 0,
+    inProgress !== void 0 && inProgress > 0 ? `${inProgress} in progress` : void 0
+  ].filter(Boolean);
+  return [{
+    kind: success ? "ok" : "error",
+    marker: success ? "ok " : "x ",
+    text: parts.join(" \xB7 ") || toolName
+  }];
+}
+function appendBoardPreview(rows, text) {
+  if (!text) return;
+  const lines = text.split(/\r?\n/).map((line) => line.replace(/^[\s│├└─>*-]+/, "").trim()).filter((line) => line && !line.startsWith("{") && !line.startsWith("["));
+  for (const line of lines.slice(0, 4)) {
+    rows.push({ kind: line.includes("failed") || line.includes("not configured") ? "error" : "meta", text: line });
+  }
+}
+function visualMemory(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object" && !Array.isArray(json)) {
+    const obj = json;
+    if (toolName === "search_memory" || toolName === "find_related_memories") {
+      return memoryResultRows(Array.isArray(obj["results"]) ? obj["results"] : []);
+    }
+    const fields = recordToStringFields(obj);
+    return [memoryStatusRow(toolName, fields, ok)];
+  }
+  const header = parseHeaderLine(text);
+  if (toolName === "search_memory" || toolName === "find_related_memories") {
+    return memoryResultRows(bodyLines(text));
+  }
+  return [memoryStatusRow(toolName, header.fields, ok)];
+}
+function memoryStatusRow(toolName, fields, ok) {
+  const scope = fields["scope"];
+  const removed = numberFromParsedField(fields, "removed");
+  const text = toolName === "forget" ? `${removed ?? 0} removed${scope ? ` \xB7 ${scope}` : ""}` : `${toolName}${scope ? ` \xB7 ${scope}` : ""}`;
+  return { kind: ok ? "ok" : "error", marker: ok ? "ok " : "x ", text };
+}
+function memoryResultRows(results) {
+  if (results.length === 0) return [{ kind: "meta", text: "no memories" }];
+  const rows = [];
+  for (const result of results.slice(0, VISUAL_MAX_LINES)) {
+    if (typeof result === "string") {
+      const parsed = tryParseJson(result);
+      if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+        const o = parsed;
+        rows.push({ kind: "meta", marker: tagMarker(stringOf(o["priority"])), text: memoryText(o) });
+      } else {
+        rows.push({ kind: "meta", text: result });
+      }
+    } else if (result && typeof result === "object") {
+      const o = result;
+      rows.push({ kind: "meta", marker: tagMarker(stringOf(o["priority"])), text: memoryText(o) });
+    }
+  }
+  if (results.length > rows.length) rows.push({ kind: "meta", text: `${results.length - rows.length} more memory result(s)` });
+  return rows;
+}
+function memoryText(o) {
+  const type = stringOf(o["type"]);
+  const scope = stringOf(o["scope"]);
+  const text = stringOf(o["text"]) ?? "";
+  return [type ? `[${type}]` : void 0, scope, text].filter(Boolean).join(" ");
+}
+function tagMarker(priority) {
+  if (priority === "critical" || priority === "high") return "! ";
+  return void 0;
+}
+function visualLogs(text) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object" && !Array.isArray(json)) {
+    const obj = json;
+    const rows2 = [{
+      kind: "meta",
+      text: `${stringOf(obj["source"]) ?? "logs"} \xB7 ${numOf(obj["total"]) ?? 0} entries${obj["truncated"] === true ? " \xB7 truncated" : ""}`
+    }];
+    const entries = Array.isArray(obj["entries"]) ? obj["entries"] : [];
+    appendLogEntries(rows2, entries);
+    return rows2;
+  }
+  const header = parseHeaderLine(text);
+  const rows = [{ kind: "meta", text: `${header.label}${header.fields["total"] ? ` \xB7 ${header.fields["total"]} entries` : ""}` }];
+  appendLogEntries(rows, bodyLines(text));
+  return rows.slice(0, VISUAL_MAX_LINES);
+}
+function appendLogEntries(rows, entries) {
+  for (const entry of entries.slice(0, 5)) {
+    if (typeof entry === "string") {
+      rows.push(logLine(entry));
+    } else if (entry && typeof entry === "object") {
+      const o = entry;
+      rows.push(logLine([stringOf(o["timestamp"]), stringOf(o["level"]), stringOf(o["source"]), stringOf(o["message"])].filter(Boolean).join(" ")));
+    }
+  }
+  if (entries.length > 5) rows.push({ kind: "meta", text: `${entries.length - 5} more log line(s)` });
+}
+function logLine(line) {
+  const kind = /\b(error|fatal|panic)\b/i.test(line) ? "error" : /\b(warn|warning)\b/i.test(line) ? "warn" : "stdout";
+  return { kind, marker: kind === "error" ? "x " : kind === "warn" ? "! " : void 0, text: line };
+}
+function visualDocument(text) {
+  const json = tryParseJson(text);
+  const rows = [];
+  if (json && typeof json === "object" && !Array.isArray(json)) {
+    const obj = json;
+    rows.push({
+      kind: "ok",
+      marker: "ok ",
+      text: `${numOf(obj["items_documented"]) ?? 0} documented \xB7 ${numOf(obj["files_processed"]) ?? 0} files \xB7 ${stringOf(obj["style"]) ?? "style"}`
+    });
+    appendDocumentResults(rows, Array.isArray(obj["results"]) ? obj["results"] : []);
+    return rows.slice(0, VISUAL_MAX_LINES);
+  }
+  const header = parseHeaderLine(text);
+  rows.push({
+    kind: "ok",
+    marker: "ok ",
+    text: `${header.fields["items_documented"] ?? "0"} documented \xB7 ${header.fields["files_processed"] ?? "0"} files`
+  });
+  appendDocumentResults(rows, bodyLines(text));
+  return rows.slice(0, VISUAL_MAX_LINES);
+}
+function appendDocumentResults(rows, results) {
+  for (const result of results.slice(0, 5)) {
+    const obj = typeof result === "string" ? tryParseJson(result) : result;
+    if (obj && typeof obj === "object" && !Array.isArray(obj)) {
+      const o = obj;
+      const status = stringOf(o["status"]) ?? "item";
+      rows.push({
+        kind: status === "error" ? "error" : status === "skipped" ? "warn" : "path",
+        marker: status === "error" ? "x " : status === "skipped" ? "! " : "+ ",
+        path: stringOf(o["path"]),
+        text: stringOf(o["name"]) ?? stringOf(o["signature"]) ?? status
+      });
+    } else if (typeof result === "string" && result.trim()) {
+      rows.push({ kind: "meta", text: result.trim() });
+    }
+  }
+}
+function visualToolCatalog(toolName, text) {
+  const json = tryParseJson(text);
+  const rows = [];
+  if (json && typeof json === "object" && !Array.isArray(json)) {
+    const obj = json;
+    const total = numOf(obj["total"]) ?? 0;
+    rows.push({ kind: total > 0 ? "ok" : "warn", marker: total > 0 ? "ok " : "! ", text: `${toolName} \xB7 ${total} result${total === 1 ? "" : "s"}` });
+    const tools = Array.isArray(obj["tools"]) ? obj["tools"] : [];
+    for (const tool of tools.slice(0, 5)) {
+      if (tool && typeof tool === "object") {
+        const o = tool;
+        rows.push({
+          kind: o["mutating"] === true ? "warn" : "path",
+          marker: o["mutating"] === true ? "! " : void 0,
+          text: [stringOf(o["name"]), stringOf(o["permission"]), stringOf(o["description"])].filter(Boolean).join(" \xB7 ")
+        });
+      }
+    }
+    return rows.slice(0, VISUAL_MAX_LINES);
+  }
+  const header = parseHeaderLine(text);
+  return [{ kind: "meta", text: header.label || toolName }];
+}
+function visualMetaExecution(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (!json || typeof json !== "object" || Array.isArray(json)) {
+    const header = parseHeaderLine(text);
+    return [{ kind: ok ? "ok" : "error", marker: ok ? "ok " : "x ", text: header.label || toolName }];
+  }
+  const obj = json;
+  if (toolName === "tool_use") {
+    const success = obj["success"] !== false && ok;
+    const target = stringOf(obj["tool"]) ?? "tool";
+    return [{
+      kind: success ? "ok" : "error",
+      marker: success ? "ok " : "x ",
+      text: `${target} \xB7 ${numOf(obj["executionMs"]) ?? 0}ms${success ? "" : ` \xB7 ${stringOf(obj["error"]) ?? "failed"}`}`
+    }];
+  }
+  const total = numOf(obj["total"]) ?? 0;
+  const succeeded = numOf(obj["succeeded"]) ?? 0;
+  const failed = numOf(obj["failed"]) ?? 0;
+  const rows = [{
+    kind: failed > 0 || !ok ? "error" : "ok",
+    marker: failed > 0 || !ok ? "x " : "ok ",
+    text: `${succeeded}/${total} succeeded${failed > 0 ? ` \xB7 ${failed} failed` : ""}`
+  }];
+  const results = Array.isArray(obj["results"]) ? obj["results"] : [];
+  for (const result of results.slice(0, 5)) {
+    if (result && typeof result === "object") {
+      const r = result;
+      const success = r["success"] !== false;
+      rows.push({
+        kind: success ? "ok" : "error",
+        marker: success ? "ok " : "x ",
+        text: `${stringOf(r["tool"]) ?? "tool"} \xB7 ${numOf(r["executionMs"]) ?? 0}ms${success ? "" : ` \xB7 ${stringOf(r["error"]) ?? "failed"}`}`
+      });
+    }
+  }
+  return rows.slice(0, VISUAL_MAX_LINES);
+}
+function visualCodebase(toolName, text, ok) {
+  const json = tryParseJson(text);
+  if (!json || typeof json !== "object" || Array.isArray(json)) {
+    const header = parseHeaderLine(text);
+    return [{ kind: ok ? "ok" : "warn", marker: ok ? "ok " : "! ", text: header.label || toolName }];
+  }
+  const obj = json;
+  if (toolName === "codebase-search") {
+    const status2 = stringOf(obj["indexStatus"]);
+    const total = numOf(obj["total"]) ?? 0;
+    const rows = [{
+      kind: status2 ? "warn" : "ok",
+      marker: status2 ? "! " : "ok ",
+      text: status2 ?? `${total} symbol result${total === 1 ? "" : "s"} for "${stringOf(obj["query"]) ?? ""}"`
+    }];
+    const results = Array.isArray(obj["results"]) ? obj["results"] : [];
+    for (const result of results.slice(0, 5)) {
+      if (result && typeof result === "object") {
+        const r = result;
+        rows.push({
+          kind: "match",
+          path: stringOf(r["file"]),
+          lineNo: numOf(r["line"])?.toString(),
+          text: [stringOf(r["kind"]), stringOf(r["name"]), stringOf(r["signature"])].filter(Boolean).join(" \xB7 ")
+        });
+      }
+    }
+    return rows.slice(0, VISUAL_MAX_LINES);
+  }
+  if (toolName === "codebase-index") {
+    const errors = Array.isArray(obj["errors"]) ? obj["errors"] : [];
+    return [{
+      kind: errors.length > 0 || !ok ? "error" : stringOf(obj["note"]) ? "warn" : "ok",
+      marker: errors.length > 0 || !ok ? "x " : stringOf(obj["note"]) ? "! " : "ok ",
+      text: stringOf(obj["note"]) ?? `${numOf(obj["filesIndexed"]) ?? 0} files \xB7 ${numOf(obj["symbolsIndexed"]) ?? 0} symbols \xB7 ${fmtDuration(numOf(obj["durationMs"]) ?? 0)}`
+    }];
+  }
+  const status = stringOf(obj["indexStatus"]);
+  return [{
+    kind: status ? "warn" : "ok",
+    marker: status ? "! " : "ok ",
+    text: status ?? `${numOf(obj["totalSymbols"]) ?? 0} symbols \xB7 ${numOf(obj["totalFiles"]) ?? 0} files \xB7 ${fmtBytes(numOf(obj["sizeBytes"]) ?? 0)}`
+  }];
+}
+function visualWorkingDir(text, ok) {
+  const json = tryParseJson(text);
+  const obj = json && typeof json === "object" && !Array.isArray(json) ? json : void 0;
+  if (!obj) return void 0;
+  const err = stringOf(obj["error"]);
+  return [{
+    kind: err || !ok ? "error" : "ok",
+    marker: err || !ok ? "x " : "ok ",
+    path: stringOf(obj["current"]),
+    text: err ?? stringOf(obj["message"]) ?? "working directory"
+  }];
+}
+function visualMode(text, ok) {
+  const json = tryParseJson(text);
+  const obj = json && typeof json === "object" && !Array.isArray(json) ? json : void 0;
+  if (!obj) return void 0;
+  if (Array.isArray(obj["modes"])) {
+    const modes = obj["modes"];
+    const rows = [{ kind: "ok", marker: "ok ", text: `${modes.length} mode${modes.length === 1 ? "" : "s"}` }];
+    for (const mode of modes.slice(0, 5)) {
+      if (mode && typeof mode === "object") {
+        const m = mode;
+        rows.push({ kind: "path", text: [stringOf(m["id"]), stringOf(m["name"]), stringOf(m["description"])].filter(Boolean).join(" \xB7 ") });
+      }
+    }
+    return rows;
+  }
+  const success = obj["success"] !== false && ok;
+  return [{
+    kind: success ? "ok" : "error",
+    marker: success ? "ok " : "x ",
+    text: [stringOf(obj["action"]) ?? "mode", stringOf(obj["currentMode"]), stringOf(obj["message"])].filter(Boolean).join(" \xB7 ")
+  }];
+}
+function recordToStringFields(obj) {
+  const out = {};
+  for (const [key, value] of Object.entries(obj)) {
+    if (value === void 0 || value === null) continue;
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      out[key] = String(value);
+    }
+  }
+  return out;
+}
+function appendOutputPreview(rows, output, kind) {
+  if (!output) return;
+  const lines = output.split(/\r?\n/).filter((line) => line.trim());
+  for (const line of lines.slice(0, 3)) rows.push({ kind, text: line.trim() });
+  if (lines.length > 3) rows.push({ kind: "meta", text: `${lines.length - 3} more ${kind} line(s)` });
+}
+function bodyLines(text) {
+  const lines = text.replace(/\r/g, "").split("\n");
+  if (lines.length > 0 && /^[^\n]+(?:\s+\([^)]*\))?$/.test(lines[0] ?? "")) {
+    return lines.slice(1);
+  }
+  return lines;
+}
+function parseHeaderLine(text) {
+  const first = text.split(/\r?\n/, 1)[0] ?? "";
+  const match = first.match(/^(.+?)(?: \((.*)\))?$/);
+  const label = match?.[1] ?? first;
+  const rawFields = match?.[2] ?? "";
+  return { label, fields: parseInlineFields(rawFields) };
+}
+function parseInlineFields(raw) {
+  const fields = {};
+  for (const match of raw.matchAll(/([A-Za-z_][A-Za-z0-9_]*)=([^ ]+)/g)) {
+    if (match[1] && match[2]) fields[match[1]] = match[2];
+  }
+  return fields;
+}
+function parseNamedSections(text) {
+  const sections = /* @__PURE__ */ new Map();
+  const lines = text.replace(/\r/g, "").split("\n");
+  let current;
+  const buf = [];
+  const flush = () => {
+    if (current) sections.set(current, buf.join("\n").trim());
+    buf.length = 0;
+  };
+  for (const line of lines.slice(1)) {
+    const m = line.match(/^([a-z_]+):$/);
+    if (m?.[1]) {
+      flush();
+      current = m[1];
+      continue;
+    }
+    if (current) buf.push(line);
+  }
+  flush();
+  return sections;
+}
+function parseKeyValueLines(text) {
+  const out = {};
+  for (const line of text.split(/\r?\n/)) {
+    const m = line.match(/^([A-Za-z_][A-Za-z0-9_]*)=(.*)$/);
+    if (m?.[1]) out[m[1]] = m[2] ?? "";
+  }
+  return out;
+}
+function numberFromParsedField(fields, key) {
+  const raw = fields[key];
+  if (raw === void 0) return void 0;
+  const n = Number.parseInt(raw, 10);
+  return Number.isFinite(n) ? n : void 0;
+}
 var MAX_STREAM_DISPLAY_CHARS = 480;
 var MAX_STREAM_LINES = 8;
 function streamBoxRows(text, maxLines, contentWidth) {
@@ -4146,10 +4954,7 @@ 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__ */ 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)
-    )) })
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, children: rows.map((r, i) => /* @__PURE__ */ jsx(Text, { dimColor: true, italic: Boolean(r.italic), children: r.text || " " }, i)) })
   ] });
 });
 function tailForDisplay(text, maxChars) {
@@ -4162,7 +4967,7 @@ function tailForDisplay(text, maxChars) {
   return `\u2026 ${text.slice(cut)}`;
 }
 var MAX_CODE_LINES = 80;
-var DIFF_MAX_LINES = 8;
+var DIFF_MAX_LINES = 12;
 function CodeBlock({
   code,
   lang,
@@ -4194,58 +4999,83 @@ function CodeBlock({
       paddingX: 1,
       children: [
         lang !== "plain" ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: lang }) : null,
-        rows.map((tokens, i) => (
-          // 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) => /* @__PURE__ */ jsx(
-              Text,
-              {
-                dimColor: Boolean(t.dim),
-                bold: Boolean(t.bold),
-                ...t.color ? { color: t.color } : {},
-                children: t.text
-              },
-              j
-            ))
-          ] }, i)
-        )),
+        rows.map((tokens, i) => /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${String(i + 1).padStart(gutterW, " ")} ` }),
+          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)),
         hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `\u2026 +${hidden} more line${hidden === 1 ? "" : "s"}` }) : null
       ]
     }
   );
 }
-function DiffBlock({ rows, hidden }) {
+function DiffBlock({
+  rows,
+  hidden,
+  hiddenAdded = 0,
+  hiddenRemoved = 0
+}) {
   let gutterWidth = 1;
   for (const r of rows) {
-    const n = r.kind === "del" ? r.oldLine : r.newLine;
-    if (typeof n === "number") {
-      const w = String(n).length;
-      if (w > gutterWidth) gutterWidth = w;
+    for (const n of [r.oldLine, r.newLine]) {
+      if (typeof n === "number") {
+        const w = String(n).length;
+        if (w > gutterWidth) gutterWidth = w;
+      }
     }
   }
   const blank = " ".repeat(gutterWidth);
+  const gutterPad = `${blank} ${blank}`;
+  const footerStats = [
+    hiddenAdded > 0 ? `+${hiddenAdded}` : "",
+    hiddenRemoved > 0 ? `-${hiddenRemoved}` : ""
+  ].filter(Boolean);
+  const markerFor = (kind) => {
+    if (kind === "add") return "+";
+    if (kind === "del") return "-";
+    return " ";
+  };
+  const textForDisplay = (row) => {
+    if ((row.kind === "add" || row.kind === "del" || row.kind === "ctx") && row.text.length > 0) {
+      return row.text.slice(1) || " ";
+    }
+    return row.text || " ";
+  };
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 4, marginTop: 0, children: [
     rows.map((row, i) => {
       const key = i;
       if (row.kind === "hunk") {
-        return /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: row.text }, key);
+        return /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: `${gutterPad}  ${row.text}` }, key);
       }
       if (row.kind === "meta") {
-        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${blank}  ${row.text}` }, key);
+        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${gutterPad}  ${row.text}` }, key);
       }
-      const lnNumber = row.kind === "del" ? row.oldLine : row.newLine;
-      const lnText = typeof lnNumber === "number" ? String(lnNumber).padStart(gutterWidth, " ") : blank;
+      const oldLn = typeof row.oldLine === "number" ? String(row.oldLine).padStart(gutterWidth, " ") : blank;
+      const newLn = typeof row.newLine === "number" ? String(row.newLine).padStart(gutterWidth, " ") : blank;
       if (row.kind === "ctx") {
-        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${lnText}  ${row.text}` }, key);
+        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${oldLn} ${newLn}   ${textForDisplay(row)}` }, key);
       }
       const bg = row.kind === "add" ? theme.diffAddBg : theme.diffDelBg;
+      const lineColor = row.kind === "add" ? theme.success : theme.error;
+      const marker = markerFor(row.kind);
       return /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${lnText}  ` }),
-        /* @__PURE__ */ jsx(Text, { backgroundColor: bg, color: "black", children: row.text })
+        /* @__PURE__ */ jsx(Text, { color: row.kind === "del" ? lineColor : void 0, dimColor: row.kind !== "del", children: oldLn }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
+        /* @__PURE__ */ jsx(Text, { color: row.kind === "add" ? lineColor : void 0, dimColor: row.kind !== "add", children: newLn }),
+        /* @__PURE__ */ jsx(Text, { children: " " }),
+        /* @__PURE__ */ jsx(Text, { color: lineColor, bold: true, children: marker }),
+        /* @__PURE__ */ jsx(Text, { backgroundColor: bg, color: "black", children: textForDisplay(row) })
       ] }, key);
     }),
-    hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `${blank}  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"}` }) : null
+    hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `${gutterPad}  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"}${footerStats.length > 0 ? ` (${footerStats.join(" ")})` : ""}` }) : null
   ] });
 }
 function parseUnifiedDiff(diff, maxLines) {
@@ -4284,19 +5114,35 @@ function parseUnifiedDiff(diff, maxLines) {
     oldLn++;
     newLn++;
   }
-  if (all.length === 0) return { rows: [], hidden: 0 };
-  if (all.length <= maxLines) return { rows: all, hidden: 0 };
-  return { rows: all.slice(0, maxLines), hidden: all.length - maxLines };
+  const added = all.filter((row) => row.kind === "add").length;
+  const removed = all.filter((row) => row.kind === "del").length;
+  if (all.length === 0) {
+    return { rows: [], hidden: 0, added: 0, removed: 0, hiddenAdded: 0, hiddenRemoved: 0 };
+  }
+  if (all.length <= maxLines) {
+    return { rows: all, hidden: 0, added, removed, hiddenAdded: 0, hiddenRemoved: 0 };
+  }
+  const rows = all.slice(0, maxLines);
+  const hiddenRows = all.slice(maxLines);
+  return {
+    rows,
+    hidden: hiddenRows.length,
+    added,
+    removed,
+    hiddenAdded: hiddenRows.filter((row) => row.kind === "add").length,
+    hiddenRemoved: hiddenRows.filter((row) => row.kind === "del").length
+  };
 }
-function extractDiffPreview(toolName, output) {
+function extractDiffPreview(toolName, output, input) {
   if (!output) return void 0;
   const text = output.trim();
   if (!text) return void 0;
   let diff;
-  if (toolName === "edit" || toolName === "diff") {
+  if (toolName === "edit" || toolName === "diff" || toolName === "write") {
     const parsed = tryParseJson(text);
     if (parsed && typeof parsed === "object") {
-      diff = stringOf(parsed["diff"]);
+      const obj = parsed;
+      diff = toolName === "write" && obj["created"] === true ? newFileDiffFromWriteInput(obj, input) ?? stringOf(obj["diff"]) : stringOf(obj["diff"]);
     }
   } else if (toolName === "patch") {
     const parsed = tryParseJson(text);
@@ -4305,9 +5151,32 @@ function extractDiffPreview(toolName, output) {
     } else if (text.includes("@@") || text.startsWith("---")) {
       diff = text;
     }
+  } else if (toolName === "replace") {
+    const parsed = tryParseJson(text);
+    if (parsed && typeof parsed === "object") {
+      diff = collectReplaceDiffs(parsed);
+    }
   }
-  if (!diff || !diff.trim() || diff.startsWith("(no-op")) return void 0;
-  return parseUnifiedDiff(diff, DIFF_MAX_LINES);
+  if (!diff?.trim() || diff.startsWith("(no-op")) return void 0;
+  const preview = parseUnifiedDiff(diff, DIFF_MAX_LINES);
+  return preview.rows.length > 0 ? preview : void 0;
+}
+function collectReplaceDiffs(obj) {
+  const results = Array.isArray(obj["results"]) ? obj["results"] : [];
+  const diffs = results.map(
+    (result) => result && typeof result === "object" ? stringOf(result["diff"]) : void 0
+  ).filter((diff) => Boolean(diff?.trim()));
+  return diffs.length > 0 ? diffs.join("\n") : void 0;
+}
+function newFileDiffFromWriteInput(output, input) {
+  if (!input || typeof input !== "object") return void 0;
+  const obj = input;
+  const content = stringOf(obj["content"]);
+  if (content === void 0) return void 0;
+  const path7 = stringOf(output["path"]) ?? stringOf(obj["path"]) ?? "new file";
+  const lines = content === "" ? [] : content.replace(/\n$/, "").split("\n");
+  const header = [`+++ ${path7}`, `@@ -0,0 +1,${lines.length} @@`];
+  return [...header, ...lines.map((line) => `+${line}`)].join("\n");
 }
 var MESSAGE_PANEL_CHROME_WIDTH = 2;
 function assistantContentWidth(termWidth) {
@@ -4354,20 +5223,14 @@ function AssistantBody({
   const segments = splitFencedBlocks(text);
   const inner = contentWidth ?? termWidth;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: segments.map(
-    (seg, i) => seg.type === "code" ? (
-      // biome-ignore lint/suspicious/noArrayIndexKey: segment order is stable
-      /* @__PURE__ */ jsx(CodeBlock, { code: seg.text, lang: seg.lang ?? "plain", contentWidth: inner }, i)
-    ) : (
-      // biome-ignore lint/suspicious/noArrayIndexKey: segment order is stable
-      /* @__PURE__ */ jsx(
-        MarkdownView,
-        {
-          text: seg.text,
-          termWidth: inner,
-          tableWidth: termWidth - MESSAGE_PANEL_CHROME_WIDTH
-        },
-        i
-      )
+    (seg, i) => seg.type === "code" ? /* @__PURE__ */ jsx(CodeBlock, { code: seg.text, lang: seg.lang ?? "plain", contentWidth: inner }, i) : /* @__PURE__ */ jsx(
+      MarkdownView,
+      {
+        text: seg.text,
+        termWidth: inner,
+        tableWidth: termWidth - MESSAGE_PANEL_CHROME_WIDTH
+      },
+      i
     )
   ) });
 }
@@ -4403,10 +5266,7 @@ function AssistantTail({
           /* @__PURE__ */ jsx(Text, { bold: true, color: theme.assistant, children: "ASSISTANT" }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  (streaming\u2026)" })
         ] }),
-        /* @__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)
-        )) })
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows.map((r, i) => /* @__PURE__ */ jsx(Text, { color: "white", children: r || " " }, i)) })
       ]
     }
   );
@@ -4706,7 +5566,8 @@ var Entry = React5.memo(function Entry2({
         entry.outputBytes,
         entry.outputLines
       );
-      const diff = entry.ok ? extractDiffPreview(entry.name, entry.output) : void 0;
+      const visualLines = formatToolVisualOutput(entry.name, entry.output, entry.ok, entry.input);
+      const diff = entry.ok ? extractDiffPreview(entry.name, entry.output, entry.input) : void 0;
       const sizeChip = (() => {
         if (!entry.ok) return "";
         const parts = [];
@@ -4733,21 +5594,26 @@ var Entry = React5.memo(function Entry2({
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration(entry.durationMs)}` }),
           sizeChip ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${sizeChip}` }) : null
         ] }),
-        outLines.map((line, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: tool output lines are static, index is stable
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: i === outLines.length - 1 && !diff ? "  \u2514\u2500 " : "  \u251C\u2500 " }),
-            /* @__PURE__ */ jsx(
-              Text,
-              {
-                dimColor: entry.ok && !line.startsWith("!"),
-                ...!entry.ok || line.startsWith("!") ? { color: "red" } : {},
-                children: line
-              }
-            )
-          ] }, i)
-        )),
-        diff ? /* @__PURE__ */ jsx(DiffBlock, { rows: diff.rows, hidden: diff.hidden }) : null
+        visualLines ? /* @__PURE__ */ jsx(ToolOutputLines, { lines: visualLines, hasFollowingBlock: Boolean(diff) }) : outLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: i === outLines.length - 1 && !diff ? "  \u2514\u2500 " : "  \u251C\u2500 " }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              dimColor: entry.ok && !line.startsWith("!"),
+              ...!entry.ok || line.startsWith("!") ? { color: "red" } : {},
+              children: line
+            }
+          )
+        ] }, i)),
+        diff ? /* @__PURE__ */ jsx(
+          DiffBlock,
+          {
+            rows: diff.rows,
+            hidden: diff.hidden,
+            hiddenAdded: diff.hiddenAdded,
+            hiddenRemoved: diff.hiddenRemoved
+          }
+        ) : null
       ] });
     }
     case "info": {
@@ -4851,13 +5717,10 @@ var Entry = React5.memo(function Entry2({
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.detail })
           ] }) : null
         ] }),
-        lines.slice(1).map((line, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: stable line index
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " }),
-            /* @__PURE__ */ jsx(Text, { children: line })
-          ] }, i)
-        ))
+        lines.slice(1).map((line, i) => /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " }),
+          /* @__PURE__ */ jsx(Text, { children: line })
+        ] }, i))
       ] });
     }
   }
@@ -5507,13 +6370,7 @@ var Input = memo(function Input2({
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     rows.map(
-      (row, i) => row.length === 0 ? (
-        // biome-ignore lint/suspicious/noArrayIndexKey: rows are positional and re-laid out every render
-        /* @__PURE__ */ jsx(Text, { children: " " }, i)
-      ) : (
-        // biome-ignore lint/suspicious/noArrayIndexKey: rows are positional and re-laid out every render
-        /* @__PURE__ */ jsx(Text, { children: renderRow2(row, `r${i}`, promptColor) }, i)
-      )
+      (row, i) => row.length === 0 ? /* @__PURE__ */ jsx(Text, { children: " " }, i) : /* @__PURE__ */ jsx(Text, { children: renderRow2(row, `r${i}`, promptColor) }, i)
     ),
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
@@ -5673,30 +6530,181 @@ function PhaseMonitor({
       const isRunning = runningPhaseIds.includes(phaseKey);
       const elapsed = phase.startedAt ? fmtElapsed2(nowTick - phase.startedAt) : "\u2014";
       const progress = phase.totalTasks > 0 ? `${phase.completedTasks}/${phase.totalTasks}` : "\u2014";
-      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
-        /* @__PURE__ */ jsx(Text, { bold: true, children: phase.name }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-        /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.label }),
-        isRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "elapsed ",
-            elapsed
-          ] })
-        ] }) : null,
-        phase.totalTasks > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
+          /* @__PURE__ */ jsx(Text, { bold: true, children: phase.name }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "tasks ",
-            progress
+          /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.label }),
+          isRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              "elapsed ",
+              elapsed
+            ] })
+          ] }) : null,
+          phase.totalTasks > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              "tasks ",
+              progress
+            ] })
           ] })
-        ] })
-      ] }) }, phaseKey);
+        ] }),
+        (phase.activeTasks ?? []).map((t) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginLeft: 2, children: [
+          /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u25CF" }),
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: t.agent ?? "agent" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2192" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: t.title || "(task)" })
+        ] }, t.taskId))
+      ] }, phaseKey);
     }),
     /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate phases" }) })
   ] });
 }
+var STATUS3 = {
+  pending: { icon: "\u25CB", color: "gray" },
+  queued: { icon: "\u25D4", color: "cyan" },
+  in_progress: { icon: "\u25B6", color: "yellow" },
+  blocked: { icon: "\u2298", color: "magenta" },
+  review: { icon: "\u25C6", color: "blue" },
+  failed: { icon: "\u2717", color: "red" },
+  completed: { icon: "\u2713", color: "green" },
+  cancelled: { icon: "\u229D", color: "gray" }
+};
+var RUN_STATUS = {
+  running: "yellow",
+  paused: "magenta",
+  completed: "green",
+  failed: "red",
+  deadlocked: "red",
+  idle: "gray"
+};
+var PRIORITY = {
+  critical: "red",
+  high: "yellow",
+  medium: "cyan",
+  low: "gray"
+};
+var FEED_KIND = {
+  started: { icon: "\u25B6", color: "yellow" },
+  completed: { icon: "\u2713", color: "green" },
+  failed: { icon: "\u2717", color: "red" },
+  retrying: { icon: "\u21BB", color: "yellow" },
+  wave: { icon: "\u224B", color: "magenta" },
+  deadlock: { icon: "\u26A0", color: "red" },
+  verification_failed: { icon: "\u26CA", color: "red" },
+  conflict: { icon: "\u2442", color: "yellow" },
+  split: { icon: "\u22D4", color: "cyan" },
+  supervisor: { icon: "\u2726", color: "magenta" }
+};
+function clip(s2, n) {
+  return s2.length > n ? `${s2.slice(0, n - 1)}\u2026` : s2;
+}
+function TaskCard({ task }) {
+  const st2 = STATUS3[task.displayStatus] ?? { icon: "?", color: "white" };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, width: 26, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: st2.color, bold: true, children: st2.icon }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: task.shortId }),
+      /* @__PURE__ */ jsx(Text, { color: PRIORITY[task.priority] ?? "gray", children: task.priority[0]?.toUpperCase() })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { wrap: "truncate-end", children: clip(task.title, 24) }),
+    task.deps.length > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u2190 ",
+      clip(task.deps.join(", "), 22)
+    ] }) : null,
+    task.agentName ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: task.displayStatus === "in_progress" ? "yellow" : "gray", children: "\u25CF" }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: clip(task.agentName, 14) }),
+      task.retries > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        "\u21BB",
+        task.retries
+      ] }) : null
+    ] }) : null,
+    task.worktreeBranch ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u2325 ",
+      clip(task.worktreeBranch, 22)
+    ] }) : null
+  ] });
+}
+function SddBoardOverlay({
+  snapshot,
+  focusColumn = null
+}) {
+  const byShort = new Map(snapshot.tasks.map((t) => [t.shortId, t]));
+  const p = snapshot.progress;
+  const chains = snapshot.diagnostics?.deadlockChains ?? [];
+  const recentFeed = (snapshot.feed ?? []).slice(0, 6);
+  const focused = typeof focusColumn === "number" && focusColumn >= 0 && focusColumn < snapshot.columns.length ? focusColumn : null;
+  const columns = focused === null ? snapshot.columns : [snapshot.columns[focused]];
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "SDD BOARD" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx(Text, { bold: true, children: clip(snapshot.title, 32) }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx(Text, { color: RUN_STATUS[snapshot.status] ?? "white", children: snapshot.status }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "wave ",
+        snapshot.wave + 1
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+        "\u2713",
+        p.completed
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/" }),
+      /* @__PURE__ */ jsx(Text, { children: p.total }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "(",
+        p.percentComplete,
+        "%)"
+      ] }),
+      p.inProgress > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+        "\u25B6",
+        p.inProgress
+      ] }) : null,
+      p.failed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        "\u2717",
+        p.failed
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Ctrl+B close \xB7 c clean wt \xB7 z rollback" }),
+      focused !== null ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u2502 column ",
+        focused + 1,
+        "/",
+        snapshot.columns.length
+      ] }) : null
+    ] }),
+    chains.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: "\u26A0 Deadlock \u2014 blocked by failed tasks:" }),
+      chains.map((c) => /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        "  ",
+        c.blocked,
+        " \u2190 ",
+        c.blockedBy.join(", ")
+      ] }, c.blocked))
+    ] }) : null,
+    snapshot.tasks.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No active SDD run. Start one with /sdd execute." }) : /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: columns.map((col) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginRight: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: col.label }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(12) }),
+      col.taskIds.map((sid) => byShort.get(sid)).filter((t) => Boolean(t)).map((t) => /* @__PURE__ */ jsx(TaskCard, { task: t }, t.id))
+    ] }, col.label)) }),
+    recentFeed.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Recent activity" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(12) }),
+      recentFeed.map((f, i) => {
+        const k = FEED_KIND[f.kind] ?? FEED_KIND.started;
+        return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: k?.color ?? "white", children: k?.icon ?? "\u2022" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: clip(f.text, 70) })
+        ] }, `${f.ts}-${i}`);
+      })
+    ] }) : null
+  ] });
+}
 var fmtElapsed3 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
@@ -5705,7 +6713,7 @@ var fmtElapsed3 = (ms) => {
   if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
   return `${s2}s`;
 };
-var STATUS3 = {
+var STATUS4 = {
   pending: { icon: "\u25CB", color: "gray" },
   ready: { icon: "\u25D0", color: "cyan" },
   running: { icon: "\u25CF", color: "yellow" },
@@ -5715,7 +6723,7 @@ var STATUS3 = {
   skipped: { icon: "\u2298", color: "gray" }
 };
 function s(entry) {
-  return STATUS3[entry] ?? { icon: "?", color: "white" };
+  return STATUS4[entry] ?? { icon: "?", color: "white" };
 }
 function PhasePanel({ phases, nowTick }) {
   const list = Object.values(phases);
@@ -6033,7 +7041,7 @@ function GoalPanel({
       /* @__PURE__ */ jsx(Box, { marginTop: 1, children: coordinatorRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF Coordinator running  " }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[S] Stop coordinator" })
-      ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[C] Start coordinator" }) }) })
+      ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[C] Start coordinator" }) })
     ] });
   }
   const displayGoal = goal.refinedGoal || goal.goal;
@@ -6071,15 +7079,12 @@ function GoalPanel({
       ] }) }),
       goal.deliverables.map((d, i) => {
         const done = /^\[[x✓]\]|✅|\(done\)/i.test(d);
-        return (
-          // biome-ignore lint/suspicious/noArrayIndexKey: deliverables are stable text strings
-          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { ...done ? { color: "green" } : {}, dimColor: !done, children: [
-            "  ",
-            done ? "\u2713" : "\u25CB",
-            " ",
-            d
-          ] }) }, i)
-        );
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { ...done ? { color: "green" } : {}, dimColor: !done, children: [
+          "  ",
+          done ? "\u2713" : "\u25CB",
+          " ",
+          d
+        ] }) }, i);
       })
     ] }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
@@ -6103,7 +7108,7 @@ function GoalPanel({
       /* @__PURE__ */ jsx(Box, { marginTop: 1, children: coordinatorRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF Coordinator running  " }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[S] Stop coordinator" })
-      ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[C] Start coordinator" }) }) })
+      ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[C] Start coordinator" }) })
     ] })
   ] });
 }
@@ -6598,9 +7603,9 @@ var STATUSLINE_MODE_DESCS = {
   detailed: "Full multi-line statusline (default)"
 };
 var MAX_ITERATIONS_PRESETS = [100, 200, 500, 1e3, 0];
-var MAX_CONCURRENT_PRESETS = [1, 3, 5, 10, 25, 50, 0];
+var MAX_CONCURRENT_PRESETS = [1, 3, 4, 5, 10, 25, 50, 0];
 var AUTO_PROCEED_MAX_PRESETS = [10, 25, 50, 100, 250, 0];
-var ENHANCE_DELAY_PRESETS = [3e4, 45e3, 6e4, 9e4, 12e4];
+var ENHANCE_DELAY_PRESETS = [15e3, 3e4, 45e3, 6e4, 9e4, 12e4];
 var ENHANCE_LANGUAGES = ["original", "english"];
 var TOKEN_SAVING_TIERS = ["off", "minimal", "light", "medium", "aggressive"];
 var TOKEN_SAVING_TIER_DESCS = {
@@ -6762,7 +7767,7 @@ function SettingsPicker({
     {
       label: "Refine preview countdown",
       value: formatEnhanceDelay(enhanceDelayMs),
-      detail: "Timeout for prompt refinement preview (30s\u2013120s)"
+      detail: "Timeout for prompt refinement preview (15s\u2013120s)"
     },
     {
       label: "Refine",
@@ -6827,8 +7832,8 @@ function SettingsPicker({
     { section: "Fleet" },
     {
       label: "Max concurrent",
-      value: maxConcurrent === 0 ? "unlimited" : String(maxConcurrent),
-      detail: "Max subagents (0 = unlimited)"
+      value: maxConcurrent === 0 ? "default" : String(maxConcurrent),
+      detail: "Max subagents (0 = default)"
     },
     // ── Logging ──
     { section: "Logging" },
@@ -6892,7 +7897,7 @@ function SettingsPicker({
   };
   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 (instant apply) \xB7 F5 to close" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 field \xB7 \u2190/\u2192 change + autosave \xB7 F5 to close" }),
     hasAbove ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${windowStart} field${windowStart === 1 ? "" : "s"} above` }) : null,
     rows.map((row, i) => {
       const fieldAtRow = fieldRowIndex.indexOf(i);
@@ -6916,7 +7921,7 @@ function SettingsPicker({
       ] }, `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" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: configScope === "project" ? "Persisted to <project>/.wrongstack/config.json" : "Persisted to ~/.wrongstack/config.json" }),
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
@@ -6926,54 +7931,120 @@ function isChipExpired(meta, now = Date.now()) {
   return now >= meta.shownAt + meta.expiresIn * 60 * 1e3;
 }
 var ITEM_DESCRIPTIONS = {
+  version: "WrongStack version chip",
+  state: "Agent run state / thinking spinner",
+  model: "Current provider/model id",
+  tokens: "Input/output token counters",
+  cache: "Prompt cache hit ratio",
+  queue: "Queued prompt count",
+  processes: "Tracked shell/process count",
+  hint: "Transient status hint text",
+  index: "Codebase indexing status",
+  breaker: "Process breaker countdown",
   todos: "Todo items (pending/in-progress/done)",
   plan: "Plan board items",
   tasks: "Task board items",
   fleet: "Fleet agent status",
+  fleet_agents: "Per-agent live detail row",
   git: "Git branch name",
   elapsed: "Session elapsed time",
   context: "Context window usage %",
   cost: "Token cost estimate",
   working_dir: "Current working directory",
+  project: "Project name",
+  yolo: "YOLO permission mode",
+  autonomy: "Autonomy mode",
+  eternal_stage: "Autonomy stage",
+  goal: "Active goal summary",
+  mode: "Active agent mode label",
+  auto_proceed: "Auto-proceed countdown",
+  sessions: "Live session count",
+  tools: "Registered tool count",
+  token_saving: "Token-saving mode indicator",
   brain: "Brain arbiter decisions",
   mailbox: "Mailbox unread messages",
   enhance: "Prompt-enhance countdown",
-  debug_stream: "Stream debug telemetry"
+  debug_stream: "Stream debug telemetry",
+  next_steps: "Next-step auto-submit countdown"
 };
 var ITEM_LINE = {
+  breaker: 1,
+  cache: 1,
   context: 1,
   cost: 1,
+  hint: 1,
+  index: 1,
+  model: 1,
+  processes: 1,
+  queue: 1,
+  state: 1,
+  tokens: 1,
+  version: 1,
+  auto_proceed: 2,
+  autonomy: 2,
   elapsed: 2,
-  working_dir: 2,
+  eternal_stage: 2,
   git: 2,
+  goal: 2,
+  mode: 2,
+  project: 2,
+  sessions: 2,
+  token_saving: 2,
+  tools: 2,
+  working_dir: 2,
+  yolo: 2,
+  brain: 3,
+  debug_stream: 3,
+  enhance: 3,
+  fleet: 3,
+  next_steps: 3,
   todos: 3,
   plan: 3,
   tasks: 3,
-  fleet: 4,
-  brain: 3,
-  mailbox: 3,
-  enhance: 3,
-  debug_stream: 3
+  fleet_agents: 4,
+  mailbox: 4
 };
-Object.keys(ITEM_LINE).length;
+var STATUSLINE_FIELD_COUNT = Object.keys(ITEM_LINE).length;
 var STATUSLINE_ITEMS = [
   // Line 1
+  "breaker",
+  "cache",
   "context",
   "cost",
+  "hint",
+  "index",
+  "model",
+  "processes",
+  "queue",
+  "state",
+  "tokens",
+  "version",
   // Line 2
+  "auto_proceed",
+  "autonomy",
   "elapsed",
+  "eternal_stage",
   "git",
+  "goal",
+  "mode",
+  "project",
+  "sessions",
+  "token_saving",
+  "tools",
   "working_dir",
+  "yolo",
   // Line 3
   "brain",
   "debug_stream",
   "enhance",
-  "mailbox",
+  "fleet",
+  "next_steps",
   "plan",
   "tasks",
   "todos",
   // Line 4
-  "fleet"
+  "fleet_agents",
+  "mailbox"
 ];
 var STREAM_CHIP_KEYS = ["brain", "mailbox", "enhance", "debug_stream"];
 function groupByLine(items) {
@@ -7012,10 +8083,10 @@ function StatuslinePicker({
     if (hiddenSet.has(item)) return "off";
     if (STREAM_CHIP_KEYS.includes(item)) {
       const meta = visibleChipsMap.get(item);
-      if (!meta) return "off";
+      if (!meta) return "auto";
       if (meta.expiresIn == null) return "on ";
       const remainingMs = meta.shownAt + meta.expiresIn * 6e4 - Date.now();
-      if (remainingMs <= 0) return "exp";
+      if (remainingMs <= 0) return "auto";
       const remainingMin = Math.max(1, Math.ceil(remainingMs / 6e4));
       return `~${remainingMin}m`;
     }
@@ -7025,8 +8096,8 @@ function StatuslinePicker({
     if (hiddenSet.has(item)) return "red";
     if (STREAM_CHIP_KEYS.includes(item)) {
       const meta = visibleChipsMap.get(item);
-      if (!meta) return "red";
-      if (isChipExpired(meta)) return "red";
+      if (!meta) return "cyan";
+      if (isChipExpired(meta)) return "cyan";
       return "yellow";
     }
     return "green";
@@ -7055,7 +8126,7 @@ function StatuslinePicker({
       ] }, `row-${item}`);
     }),
     hasBelow ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${totalFields - windowEnd} item${totalFields - windowEnd === 1 ? "" : "s"} below` }) : null,
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Changes apply instantly \xB7 persisted to ~/.wrongstack/statusline.json \xB7 auto chips expire after ~5m" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Changes apply instantly \xB7 persisted to ~/.wrongstack/statusline.json \xB7 auto chips show when data exists" }),
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
@@ -7106,6 +8177,10 @@ function SlashMenu({ query, matches, selected }) {
           " ",
           m.argsHint
         ] }) : null,
+        m.matchedAlias ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " alias /",
+          m.matchedAlias
+        ] }) : null,
         /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
           " \u2014 ",
           m.description
@@ -7187,13 +8262,10 @@ function hintsFor(ctx) {
 }
 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: h.discovery ? theme.monitor.agents : theme.accent, children: h.key }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` ${h.label}` })
-    ] }, i)
-  )) });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", paddingX: 1, children: hints.map((h, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginRight: 2, children: [
+    /* @__PURE__ */ jsx(Text, { color: h.discovery ? theme.monitor.agents : theme.accent, children: h.key }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` ${h.label}` })
+  ] }, i)) });
 }
 function TodosMonitor({ todos }) {
   const { stdout } = useStdout();
@@ -7426,7 +8498,7 @@ var fmtElapsed6 = (ms) => {
   if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
   return `${s2}s`;
 };
-var STATUS4 = {
+var STATUS5 = {
   allocating: { icon: "\u25CB", color: "gray" },
   active: { icon: "\u25CF", color: "yellow" },
   committing: { icon: "\u25D0", color: "cyan" },
@@ -7436,7 +8508,7 @@ var STATUS4 = {
   failed: { icon: "\u2717", color: "red" }
 };
 function st(status) {
-  return STATUS4[status] ?? { icon: "?", color: "white" };
+  return STATUS5[status] ?? { icon: "?", color: "white" };
 }
 function WorktreePanel({
   worktrees,
@@ -8386,16 +9458,56 @@ function useAutoPhaseEvents(subscribeAutoPhase, dispatch, stateRef) {
           });
           break;
         }
-        case "phase.statusChange": {
+        case "phase.statusChange": {
+          const p = payload;
+          const status = p.to === "running" ? "running" : p.to;
+          dispatch({
+            type: "autoPhasePhaseUpdate",
+            phaseId: p.phaseId,
+            name: p.name,
+            status,
+            completedTasks: 0,
+            totalTasks: 0
+          });
+          break;
+        }
+        case "phase.taskStarted": {
+          const p = payload;
+          dispatch({
+            type: "autoPhaseTaskActive",
+            phaseId: p.phaseId,
+            taskId: p.taskId,
+            title: p.taskTitle,
+            agent: p.agentName,
+            active: true
+          });
+          break;
+        }
+        case "phase.taskAssigned": {
+          const p = payload;
+          const active = stateRef.current.autoPhase?.phases[p.phaseId]?.activeTasks?.find(
+            (t) => t.taskId === p.taskId
+          );
+          if (active) {
+            dispatch({
+              type: "autoPhaseTaskActive",
+              phaseId: p.phaseId,
+              taskId: p.taskId,
+              title: active.title,
+              agent: p.agentName,
+              active: true
+            });
+          }
+          break;
+        }
+        case "phase.taskFailed": {
           const p = payload;
-          const status = p.to === "running" ? "running" : p.to;
           dispatch({
-            type: "autoPhasePhaseUpdate",
+            type: "autoPhaseTaskActive",
             phaseId: p.phaseId,
-            name: p.name,
-            status,
-            completedTasks: 0,
-            totalTasks: 0
+            taskId: p.taskId,
+            title: "",
+            active: false
           });
           break;
         }
@@ -8412,6 +9524,13 @@ function useAutoPhaseEvents(subscribeAutoPhase, dispatch, stateRef) {
               totalTasks: existing.totalTasks
             });
           }
+          dispatch({
+            type: "autoPhaseTaskActive",
+            phaseId: p.phaseId,
+            taskId: p.taskId,
+            title: "",
+            active: false
+          });
           break;
         }
         case "autonomous.tick": {
@@ -8430,6 +9549,11 @@ function useAutoPhaseEvents(subscribeAutoPhase, dispatch, stateRef) {
           dispatch({ type: "autoPhaseReset" });
           break;
         }
+        case "sdd.board.snapshot": {
+          const p = payload;
+          if (p.snapshot) dispatch({ type: "sddBoardSnapshot", snapshot: p.snapshot });
+          break;
+        }
         case "worktree.allocated": {
           const p = payload;
           dispatch({
@@ -8713,6 +9837,79 @@ function oneLine(s2, max) {
   return collapsed.length <= max ? collapsed : `${collapsed.slice(0, max - 1)}\u2026`;
 }
 
+// src/slash-command-search.ts
+var CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
+function buildSlashCommandMatches(entries, rawQuery) {
+  const query = normalizeSlashQuery(rawQuery);
+  const matches = [];
+  for (const entry of entries) {
+    const ranked = rankSlashCommand(entry, query);
+    if (!ranked) continue;
+    matches.push(ranked);
+  }
+  return matches.sort((a, b) => {
+    if (a.rank !== b.rank) return a.rank - b.rank;
+    const catDiff = CATEGORY_ORDER.indexOf(a.category) - CATEGORY_ORDER.indexOf(b.category);
+    if (catDiff !== 0) return catDiff;
+    return a.name.localeCompare(b.name);
+  }).map(({ rank: _rank, ...match }) => match);
+}
+function normalizeSlashQuery(raw) {
+  return raw.trim().replace(/^\/+/, "").toLowerCase();
+}
+function rankSlashCommand(entry, query) {
+  const { cmd, owner } = entry;
+  if (query === "" && cmd.hidden) return null;
+  const name = displayName(entry);
+  const lowerName = name.toLowerCase();
+  const aliases = aliasCandidates(entry);
+  const category = cmd.category ?? "App";
+  let rank = null;
+  let matchedAlias;
+  if (query === "") {
+    rank = 100;
+  } else if (lowerName === query) {
+    rank = 0;
+  } else if (aliases.find((alias) => alias.toLowerCase() === query)) {
+    rank = 5;
+    matchedAlias = aliases.find((alias) => alias.toLowerCase() === query);
+  } else if (lowerName.startsWith(query)) {
+    rank = 10;
+  } else {
+    const prefixAlias = aliases.find((alias) => alias.toLowerCase().startsWith(query));
+    if (prefixAlias) {
+      rank = 20;
+      matchedAlias = prefixAlias;
+    }
+  }
+  if (rank == null) return null;
+  return {
+    name,
+    description: cmd.description,
+    argsHint: cmd.argsHint,
+    isBuiltin: owner === "core",
+    category,
+    ...matchedAlias ? { matchedAlias } : {},
+    rank
+  };
+}
+function displayName({ cmd, owner, fullName }) {
+  if (owner === "core") return cmd.name;
+  return fullName.includes(":") ? fullName : cmd.name;
+}
+function aliasCandidates({ cmd, owner, fullName }) {
+  const aliases = cmd.aliases ?? [];
+  if (owner === "core") return aliases;
+  const out = [...aliases];
+  for (const alias of aliases) {
+    out.push(`${owner}:${alias}`);
+  }
+  if (fullName.includes(":")) {
+    return out.filter((alias) => alias.includes(":"));
+  }
+  return out;
+}
+
 // src/steering-preamble.ts
 function buildSteeringPreamble(snapshot, newDirection) {
   const lines = ["[STEERING \u2014 I pressed Esc to interrupt you mid-task on purpose.", ""];
@@ -8764,10 +9961,15 @@ function closePanels(state) {
     projectPicker: { ...state.projectPicker, open: false },
     fKeyPicker: { ...state.fKeyPicker, open: false },
     autoPhase: state.autoPhase ? { ...state.autoPhase, monitorOpen: false } : state.autoPhase,
+    sddBoard: state.sddBoard ? { ...state.sddBoard, monitorOpen: false } : state.sddBoard,
     worktreeMonitorOpen: false,
     coordinator: { ...state.coordinator, monitorOpen: false }
   };
 }
+function clampContextLoad(load) {
+  if (!Number.isFinite(load)) return 0;
+  return Math.max(0, Math.min(1, load));
+}
 var MAX_TOOL_STREAM_RETAINED_CHARS = 1e5;
 var MAX_RETAINED_INPUT_CHARS = 2048;
 var MAX_RETAINED_INPUT_DEPTH = 4;
@@ -9149,12 +10351,26 @@ function reducer(state, action) {
       return {
         ...state,
         ...closePanels(state),
-        resumePicker: { open: true, sessions: action.sessions, selected: 0, busy: false, hint: void 0, error: void 0 }
+        resumePicker: {
+          open: true,
+          sessions: action.sessions,
+          selected: 0,
+          busy: false,
+          hint: void 0,
+          error: void 0
+        }
       };
     case "resumePickerClose":
       return {
         ...state,
-        resumePicker: { open: false, sessions: [], selected: 0, busy: false, hint: void 0, error: void 0 }
+        resumePicker: {
+          open: false,
+          sessions: [],
+          selected: 0,
+          busy: false,
+          hint: void 0,
+          error: void 0
+        }
       };
     case "resumePickerMove": {
       const nr = state.resumePicker.sessions.length;
@@ -9173,7 +10389,12 @@ function reducer(state, action) {
       const maxBannerId = banners.length > 0 ? Math.max(...banners.map((b) => b.id)) : 0;
       const shifted = action.entries.map((e, i) => ({ ...e, id: maxBannerId + 1 + i }));
       const nextId = maxBannerId + 1 + shifted.length;
-      return { ...state, entries: [...banners, ...shifted], nextId, historyGen: state.historyGen + 1 };
+      return {
+        ...state,
+        entries: [...banners, ...shifted],
+        nextId,
+        historyGen: state.historyGen + 1
+      };
     }
     case "settingsOpen":
       return {
@@ -9244,121 +10465,295 @@ function reducer(state, action) {
         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: expectDefined$1(SETTINGS_MODES[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: { ...sp, mode: expectDefined$1(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: expectDefined$1(DELAY_PRESETS_MS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            delayMs: expectDefined$1(DELAY_PRESETS_MS[next]),
+            hint: void 0
+          }
+        };
       }
-      if (f === 2) return { ...state, settingsPicker: { ...sp, titleAnimation: !sp.titleAnimation, 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: bootHint } };
-      if (f === 9) return { ...state, settingsPicker: { ...sp, featurePlugins: !sp.featurePlugins, hint: bootHint } };
-      if (f === 10) return { ...state, settingsPicker: { ...sp, featureMemory: !sp.featureMemory, hint: bootHint } };
-      if (f === 11) return { ...state, settingsPicker: { ...sp, featureSkills: !sp.featureSkills, hint: bootHint } };
-      if (f === 12) return { ...state, settingsPicker: { ...sp, featureModelsRegistry: !sp.featureModelsRegistry, hint: bootHint } };
+      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: bootHint } };
+      if (f === 9)
+        return {
+          ...state,
+          settingsPicker: { ...sp, featurePlugins: !sp.featurePlugins, hint: bootHint }
+        };
+      if (f === 10)
+        return {
+          ...state,
+          settingsPicker: { ...sp, featureMemory: !sp.featureMemory, hint: bootHint }
+        };
+      if (f === 11)
+        return {
+          ...state,
+          settingsPicker: { ...sp, featureSkills: !sp.featureSkills, hint: bootHint }
+        };
+      if (f === 12)
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            featureModelsRegistry: !sp.featureModelsRegistry,
+            hint: bootHint
+          }
+        };
       if (f === 13) {
-        const i = TOKEN_SAVING_TIERS.indexOf(sp.tokenSavingTier);
+        const i = TOKEN_SAVING_TIERS.indexOf(
+          sp.tokenSavingTier
+        );
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + TOKEN_SAVING_TIERS.length) % TOKEN_SAVING_TIERS.length;
-        return { ...state, settingsPicker: { ...sp, tokenSavingTier: TOKEN_SAVING_TIERS[next] ?? "off", hint: bootHint } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            tokenSavingTier: TOKEN_SAVING_TIERS[next] ?? "off",
+            hint: bootHint
+          }
+        };
       }
-      if (f === 14) return { ...state, settingsPicker: { ...sp, allowOutsideProjectRoot: !sp.allowOutsideProjectRoot, hint: void 0 } };
+      if (f === 14)
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            allowOutsideProjectRoot: !sp.allowOutsideProjectRoot,
+            hint: void 0
+          }
+        };
       if (f === 15) {
         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: expectDefined$1(MAX_ITERATIONS_PRESETS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            maxIterations: expectDefined$1(MAX_ITERATIONS_PRESETS[next]),
+            hint: void 0
+          }
+        };
       }
       if (f === 16) {
         const aj = AUTO_PROCEED_MAX_PRESETS.indexOf(sp.autoProceedMaxIterations);
         const abase = aj < 0 ? 0 : aj;
         const anext = (abase + action.delta + AUTO_PROCEED_MAX_PRESETS.length) % AUTO_PROCEED_MAX_PRESETS.length;
-        return { ...state, settingsPicker: { ...sp, autoProceedMaxIterations: expectDefined$1(AUTO_PROCEED_MAX_PRESETS[anext]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            autoProceedMaxIterations: expectDefined$1(AUTO_PROCEED_MAX_PRESETS[anext]),
+            hint: void 0
+          }
+        };
       }
       if (f === 17) {
         const ej = ENHANCE_DELAY_PRESETS.indexOf(sp.enhanceDelayMs);
         const ebase = ej < 0 ? 0 : ej;
         const enext = (ebase + action.delta + ENHANCE_DELAY_PRESETS.length) % ENHANCE_DELAY_PRESETS.length;
-        return { ...state, settingsPicker: { ...sp, enhanceDelayMs: expectDefined$1(ENHANCE_DELAY_PRESETS[enext]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            enhanceDelayMs: expectDefined$1(ENHANCE_DELAY_PRESETS[enext]),
+            hint: void 0
+          }
+        };
       }
-      if (f === 18) return { ...state, settingsPicker: { ...sp, enhanceEnabled: !sp.enhanceEnabled, hint: void 0 } };
+      if (f === 18)
+        return {
+          ...state,
+          settingsPicker: { ...sp, enhanceEnabled: !sp.enhanceEnabled, hint: void 0 }
+        };
       if (f === 19) {
         const i = ENHANCE_LANGUAGES.indexOf(sp.enhanceLanguage);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + ENHANCE_LANGUAGES.length) % ENHANCE_LANGUAGES.length;
-        return { ...state, settingsPicker: { ...sp, enhanceLanguage: expectDefined$1(ENHANCE_LANGUAGES[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            enhanceLanguage: expectDefined$1(ENHANCE_LANGUAGES[next]),
+            hint: void 0
+          }
+        };
       }
-      if (f === 20) return { ...state, settingsPicker: { ...sp, indexOnStart: !sp.indexOnStart, hint: bootHint } };
+      if (f === 20)
+        return {
+          ...state,
+          settingsPicker: { ...sp, indexOnStart: !sp.indexOnStart, hint: bootHint }
+        };
       if (f === 21) return state;
       if (f === 22) {
         const i = REASONING_MODES.indexOf(sp.reasoningMode);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + REASONING_MODES.length) % REASONING_MODES.length;
-        return { ...state, settingsPicker: { ...sp, reasoningMode: expectDefined$1(REASONING_MODES[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            reasoningMode: expectDefined$1(REASONING_MODES[next]),
+            hint: void 0
+          }
+        };
       }
       if (f === 23) {
-        const i = REASONING_EFFORTS.indexOf(sp.reasoningEffort);
+        const i = REASONING_EFFORTS.indexOf(
+          sp.reasoningEffort
+        );
         const base = i < 0 ? REASONING_EFFORTS.indexOf("high") : i;
         const next = (base + action.delta + REASONING_EFFORTS.length) % REASONING_EFFORTS.length;
-        return { ...state, settingsPicker: { ...sp, reasoningEffort: expectDefined$1(REASONING_EFFORTS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            reasoningEffort: expectDefined$1(REASONING_EFFORTS[next]),
+            hint: void 0
+          }
+        };
       }
-      if (f === 24) return { ...state, settingsPicker: { ...sp, reasoningPreserve: !sp.reasoningPreserve, hint: void 0 } };
+      if (f === 24)
+        return {
+          ...state,
+          settingsPicker: { ...sp, reasoningPreserve: !sp.reasoningPreserve, hint: void 0 }
+        };
       if (f === 25) {
         const i = CACHE_TTLS.indexOf(sp.cacheTtl);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + CACHE_TTLS.length) % CACHE_TTLS.length;
-        return { ...state, settingsPicker: { ...sp, cacheTtl: expectDefined$1(CACHE_TTLS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: { ...sp, cacheTtl: expectDefined$1(CACHE_TTLS[next]), hint: void 0 }
+        };
       }
-      if (f === 26) return { ...state, settingsPicker: { ...sp, contextAutoCompact: !sp.contextAutoCompact, hint: void 0 } };
+      if (f === 26)
+        return {
+          ...state,
+          settingsPicker: { ...sp, contextAutoCompact: !sp.contextAutoCompact, hint: void 0 }
+        };
       if (f === 27) {
         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: expectDefined$1(COMPACTOR_STRATEGIES[next]), hint: bootHint } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            contextStrategy: expectDefined$1(COMPACTOR_STRATEGIES[next]),
+            hint: bootHint
+          }
+        };
       }
       if (f === 28) {
         const i = CONTEXT_MODES.indexOf(sp.contextMode);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + CONTEXT_MODES.length) % CONTEXT_MODES.length;
-        return { ...state, settingsPicker: { ...sp, contextMode: expectDefined$1(CONTEXT_MODES[next]), hint: bootHint } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            contextMode: expectDefined$1(CONTEXT_MODES[next]),
+            hint: bootHint
+          }
+        };
       }
       if (f === 29) {
         const j = MAX_CONCURRENT_PRESETS.indexOf(sp.maxConcurrent);
         const base = j < 0 ? 0 : j;
         const next = (base + action.delta + MAX_CONCURRENT_PRESETS.length) % MAX_CONCURRENT_PRESETS.length;
-        return { ...state, settingsPicker: { ...sp, maxConcurrent: expectDefined$1(MAX_CONCURRENT_PRESETS[next]), hint: void 0 } };
+        const maxConcurrent = expectDefined$1(MAX_CONCURRENT_PRESETS[next]);
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            maxConcurrent,
+            hint: maxConcurrent === 0 ? bootHint : void 0
+          }
+        };
       }
       if (f === 30) {
         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: expectDefined$1(LOG_LEVELS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: { ...sp, logLevel: expectDefined$1(LOG_LEVELS[next]), hint: void 0 }
+        };
       }
       if (f === 31) {
         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: expectDefined$1(AUDIT_LEVELS[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: { ...sp, auditLevel: expectDefined$1(AUDIT_LEVELS[next]), hint: void 0 }
+        };
       }
-      if (f === 32) return { ...state, settingsPicker: { ...sp, debugStream: !sp.debugStream, hint: void 0 } };
+      if (f === 32)
+        return {
+          ...state,
+          settingsPicker: { ...sp, debugStream: !sp.debugStream, hint: void 0 }
+        };
       if (f === 33) {
         const i = STATUSLINE_MODES.indexOf(sp.statuslineMode);
         const base = i < 0 ? STATUSLINE_MODES.indexOf("detailed") : i;
         const next = (base + action.delta + STATUSLINE_MODES.length) % STATUSLINE_MODES.length;
-        return { ...state, settingsPicker: { ...sp, statuslineMode: expectDefined$1(STATUSLINE_MODES[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            statuslineMode: expectDefined$1(STATUSLINE_MODES[next]),
+            hint: void 0
+          }
+        };
       }
       if (f === 34) {
         const i = CONFIG_SCOPES.indexOf(sp.configScope);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + CONFIG_SCOPES.length) % CONFIG_SCOPES.length;
-        return { ...state, settingsPicker: { ...sp, configScope: expectDefined$1(CONFIG_SCOPES[next]), hint: void 0 } };
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            configScope: expectDefined$1(CONFIG_SCOPES[next]),
+            hint: void 0
+          }
+        };
       }
       return state;
     }
@@ -9369,17 +10764,29 @@ function reducer(state, action) {
       return {
         ...state,
         ...closePanels(state),
-        statuslinePicker: { open: true, field: 0, hiddenItems: action.hiddenItems, visibleChips: state.statuslinePicker.visibleChips, hint: void 0 }
+        statuslinePicker: {
+          open: true,
+          field: 0,
+          hiddenItems: action.hiddenItems,
+          visibleChips: state.statuslinePicker.visibleChips,
+          hint: void 0
+        }
       };
     case "statuslineClose":
-      return { ...state, statuslinePicker: { ...state.statuslinePicker, open: false, hint: void 0 } };
+      return {
+        ...state,
+        statuslinePicker: { ...state.statuslinePicker, open: false, hint: void 0 }
+      };
     case "statuslineFieldMove": {
-      const totalFields = 13;
+      const totalFields = STATUSLINE_FIELD_COUNT;
       const next = (state.statuslinePicker.field + action.delta + totalFields) % totalFields;
-      return { ...state, statuslinePicker: { ...state.statuslinePicker, field: next, hint: void 0 } };
+      return {
+        ...state,
+        statuslinePicker: { ...state.statuslinePicker, field: next, hint: void 0 }
+      };
     }
     case "statuslineFieldSet": {
-      const totalFields = 13;
+      const totalFields = STATUSLINE_FIELD_COUNT;
       const field = action.field >= 0 && action.field < totalFields ? action.field : 0;
       return { ...state, statuslinePicker: { ...state.statuslinePicker, field, hint: void 0 } };
     }
@@ -9391,7 +10798,10 @@ function reducer(state, action) {
       } else {
         hiddenSet.add(action.item);
       }
-      return { ...state, statuslinePicker: { ...cur, hiddenItems: [...hiddenSet] } };
+      return {
+        ...state,
+        statuslinePicker: { ...cur, hiddenItems: [...hiddenSet] }
+      };
     }
     case "statuslineHint":
       return { ...state, statuslinePicker: { ...state.statuslinePicker, hint: action.text } };
@@ -9437,7 +10847,14 @@ function reducer(state, action) {
     case "projectPickerClose":
       return {
         ...state,
-        projectPicker: { open: false, allItems: [], items: [], selected: 0, filter: "", hint: void 0 }
+        projectPicker: {
+          open: false,
+          allItems: [],
+          items: [],
+          selected: 0,
+          filter: "",
+          hint: void 0
+        }
       };
     case "projectPickerMove": {
       const cur = state.projectPicker;
@@ -9705,13 +11122,14 @@ function reducer(state, action) {
     case "fleetCtxPct": {
       const cur = state.fleet[action.id];
       if (!cur) return state;
+      const ctxPct = clampContextLoad(action.load);
       return {
         ...state,
         fleet: {
           ...state.fleet,
           [action.id]: {
             ...cur,
-            ctxPct: action.load,
+            ctxPct,
             ctxTokens: action.tokens,
             ctxMaxTokens: action.maxContext,
             ctxCost: action.ctxCost,
@@ -9794,11 +11212,12 @@ function reducer(state, action) {
       };
     }
     case "leaderCtxPct": {
+      const ctxPct = clampContextLoad(action.load);
       return {
         ...state,
         leader: {
           ...state.leader,
-          ctxPct: action.load,
+          ctxPct,
           ctxTokens: action.tokens,
           ctxMaxTokens: action.maxContext,
           lastEventAt: Date.now()
@@ -9905,12 +11324,31 @@ function reducer(state, action) {
               status: action.status,
               completedTasks: action.completedTasks,
               totalTasks: action.totalTasks,
-              startedAt: action.startedAt
+              startedAt: action.startedAt,
+              // Preserve the live worker list across status/count updates.
+              activeTasks: existing.phases[action.phaseId]?.activeTasks
             }
           }
         }
       };
     }
+    case "autoPhaseTaskActive": {
+      if (!state.autoPhase) return state;
+      const phase = state.autoPhase.phases[action.phaseId];
+      if (!phase) return state;
+      const without = (phase.activeTasks ?? []).filter((t) => t.taskId !== action.taskId);
+      const activeTasks = action.active ? [...without, { taskId: action.taskId, title: action.title, agent: action.agent }] : without;
+      return {
+        ...state,
+        autoPhase: {
+          ...state.autoPhase,
+          phases: {
+            ...state.autoPhase.phases,
+            [action.phaseId]: { ...phase, activeTasks }
+          }
+        }
+      };
+    }
     case "autoPhaseRunningPhases": {
       if (!state.autoPhase) return state;
       return {
@@ -9937,6 +11375,41 @@ function reducer(state, action) {
     case "autoPhaseReset": {
       return { ...state, autoPhase: null };
     }
+    case "sddBoardSnapshot": {
+      const monitorOpen = state.sddBoard?.monitorOpen ?? false;
+      const prevFocus = state.sddBoard?.focusColumn;
+      const focusColumn = typeof prevFocus === "number" && prevFocus >= 0 && prevFocus < action.snapshot.columns.length ? prevFocus : void 0;
+      return { ...state, sddBoard: { snapshot: action.snapshot, monitorOpen, focusColumn } };
+    }
+    case "toggleSddBoardMonitor": {
+      if (!state.sddBoard) return state;
+      const opening = !state.sddBoard.monitorOpen;
+      return opening ? {
+        ...state,
+        ...closePanels(state),
+        sddBoard: { ...state.sddBoard, monitorOpen: true }
+      } : {
+        ...state,
+        sddBoard: { ...state.sddBoard, monitorOpen: false, focusColumn: void 0 }
+      };
+    }
+    case "sddBoardFocusNext": {
+      if (!state.sddBoard) return state;
+      if (!state.sddBoard.monitorOpen) return state;
+      const max = state.sddBoard.snapshot.columns.length - 1;
+      if (max < 0) return state;
+      const current = state.sddBoard.focusColumn;
+      const next = typeof current === "number" ? Math.min(max, current + 1) : 0;
+      return { ...state, sddBoard: { ...state.sddBoard, focusColumn: next } };
+    }
+    case "sddBoardFocusPrev": {
+      if (!state.sddBoard) return state;
+      if (!state.sddBoard.monitorOpen) return state;
+      const current = state.sddBoard.focusColumn;
+      if (typeof current !== "number") return state;
+      const next = current <= 0 ? void 0 : current - 1;
+      return { ...state, sddBoard: { ...state.sddBoard, focusColumn: next } };
+    }
     case "worktreeUpsert": {
       const prev = state.worktrees[action.handleId];
       const merged = {
@@ -10314,32 +11787,56 @@ function nextInputWordStart(buffer, cursor) {
 }
 function rehydrateHistory(messages, startId, toolCalls) {
   const entries = [];
+  const toolCallsById = /* @__PURE__ */ new Map();
+  if (toolCalls) {
+    for (const tc of toolCalls) {
+      if (!toolCallsById.has(tc.id)) toolCallsById.set(tc.id, tc);
+    }
+  }
+  const consumed = /* @__PURE__ */ new Set();
+  const fallback = [];
   let nextId = startId;
+  const textOf = (msg) => {
+    if (typeof msg.content === "string") return msg.content;
+    return msg.content.filter((b) => b.type === "text").map((b) => b.text).join("");
+  };
+  const toolEntryFor = (tc) => ({
+    id: nextId++,
+    kind: "tool",
+    name: tc.name,
+    durationMs: tc.durationMs,
+    ok: tc.ok,
+    outputBytes: tc.outputBytes,
+    outputTokens: tc.outputTokens,
+    outputLines: tc.outputLines
+  });
   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;
+    const text = textOf(msg).trim();
+    if (!text) 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 });
+      entries.push({ id: nextId++, kind: "user", text });
+      continue;
+    }
+    if (msg.role === "assistant") {
+      entries.push({ id: nextId++, kind: "assistant", text });
+      if (Array.isArray(msg.content)) {
+        for (const block of msg.content) {
+          if (block.type !== "tool_use") continue;
+          const tc = toolCallsById.get(block.id);
+          if (!tc) continue;
+          entries.push(toolEntryFor(tc));
+          consumed.add(block.id);
+        }
+      }
     }
   }
-  if (toolCalls && toolCalls.length > 0) {
+  if (toolCalls) {
     for (const tc of toolCalls) {
-      entries.push({
-        id: nextId++,
-        kind: "tool",
-        name: tc.name,
-        durationMs: tc.durationMs,
-        ok: tc.ok,
-        outputBytes: tc.outputBytes,
-        outputTokens: tc.outputTokens,
-        outputLines: tc.outputLines
-      });
+      if (!consumed.has(tc.id)) fallback.push(toolEntryFor(tc));
     }
   }
+  entries.push(...fallback);
   return entries;
 }
 var PASTE_THRESHOLD_CHARS = 200;
@@ -10369,6 +11866,7 @@ function App({
   getAutonomy,
   getEternalEngine,
   getParallelEngine,
+  getSddRun,
   subscribeEternalIteration,
   subscribeEternalStage,
   subscribeAutoPhase,
@@ -10396,6 +11894,7 @@ function App({
   director,
   fleetRoster,
   onClearHistory,
+  clearTerminal,
   listSessions,
   onResumeSession,
   fleetStreamController,
@@ -10627,6 +12126,7 @@ function App({
     eternalStage: null,
     goalSummary: null,
     autoPhase: null,
+    sddBoard: null,
     worktrees: {},
     worktreeMonitorOpen: false,
     coordinator: {
@@ -10738,8 +12238,22 @@ function App({
   stateRef.current = state;
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
   draftRef.current = { buffer: state.buffer, cursor: state.cursor };
+  const statuslineHiddenForPicker = useCallback(() => {
+    const hookHidden = hiddenItemsRef.current;
+    const hookHiddenSet = new Set(hookHidden);
+    const reducerOnlyHidden = stateRef.current.statuslinePicker.hiddenItems.filter(
+      (item) => !hookHiddenSet.has(item)
+    );
+    return [...hookHidden, ...reducerOnlyHidden];
+  }, []);
+  const openStatuslinePicker = useCallback((field) => {
+    if (field !== void 0) {
+      dispatch({ type: "statuslineFieldSet", field });
+    }
+    dispatch({ type: "statuslineOpen", hiddenItems: statuslineHiddenForPicker() });
+  }, [statuslineHiddenForPicker]);
   const [mouseMode, setMouseMode] = useState(mouse);
-  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.picker.open;
+  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.statuslinePicker.open || state.fKeyPicker.open || state.picker.open;
   const mouseTrackingOn = mouseMode || pickerOverlayOpen;
   const mouseWrittenRef = useRef(false);
   useEffect(() => {
@@ -10893,7 +12407,7 @@ function App({
       readGitInfo(agent.ctx.cwd).then((info) => {
         if (cancelled) return;
         setGitInfo(info);
-        if (info && info.branch) {
+        if (info?.branch) {
           const prev = prevBranchRef.current;
           if (prev !== null && prev !== info.branch) {
             const msg = {
@@ -11371,24 +12885,7 @@ function App({
       return;
     }
     const query = trimmed.slice(1).toLowerCase();
-    const allCommands = slashRegistry.listWithOwner();
-    const CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
-    const matches = allCommands.filter(({ cmd }) => {
-      if (query === "" && cmd.hidden) return false;
-      const name = cmd.name.toLowerCase();
-      const aliases = cmd.aliases ?? [];
-      return name.includes(query) || aliases.some((a) => a.toLowerCase().includes(query));
-    }).map(({ cmd, owner }) => ({
-      name: cmd.name,
-      description: cmd.description,
-      argsHint: cmd.argsHint,
-      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);
-    });
+    const matches = buildSlashCommandMatches(slashRegistry.listWithOwner(), query);
     if (!state.slashPicker.open) {
       dispatch({ type: "slashPickerOpen", query, matches });
     } else if (state.slashPicker.query !== query) {
@@ -11962,12 +13459,41 @@ function App({
       aliases: ["sl"],
       description: "Customize status bar chips: /statusline (interactive) or /statusline <item> [on|off]",
       async run(args) {
-        if (args.trim()) return { message: void 0 };
-        const hookHidden = hiddenItemsRef.current;
-        const reducerStreamHidden = stateRef.current.statuslinePicker.hiddenItems.filter(
-          (item) => !hookHidden.includes(item)
-        );
-        dispatch({ type: "statuslineOpen", hiddenItems: [...hookHidden, ...reducerStreamHidden] });
+        const trimmed = args.trim();
+        if (trimmed) {
+          const [rawItem, rawAction] = trimmed.split(/\s+/);
+          const item = rawItem;
+          const action = rawAction?.toLowerCase();
+          const applyHidden = (items) => {
+            const deduped = [...new Set(items)];
+            hiddenItemsRef.current = deduped;
+            setHiddenItems(deduped);
+          };
+          if (item === "reset") {
+            applyHidden([]);
+            return { message: "StatusBar config reset to defaults." };
+          }
+          if (item === "all") {
+            if (action !== "on" && action !== "off") {
+              return { message: "Usage: /statusline all on|off" };
+            }
+            applyHidden(action === "off" ? [...STATUSLINE_ITEMS] : []);
+            return { message: `statusline all: ${action === "on" ? "showing all chips" : "hiding all chips"}` };
+          }
+          if (!item || !STATUSLINE_ITEMS.includes(item)) {
+            return { message: `Unknown item "${rawItem ?? ""}". Run /statusline to see available items.` };
+          }
+          if (action !== void 0 && action !== "on" && action !== "off") {
+            return { message: `Usage: /statusline ${item} on|off` };
+          }
+          const hidden = new Set(hiddenItemsRef.current);
+          const nextVisible = action ? action === "on" : hidden.has(item);
+          if (nextVisible) hidden.delete(item);
+          else hidden.add(item);
+          applyHidden([...hidden]);
+          return { message: `statusline ${item}: ${nextVisible ? "on" : "off"}` };
+        }
+        openStatuslinePicker();
         return { message: void 0 };
       }
     };
@@ -11975,7 +13501,7 @@ function App({
     return () => {
       slashRegistry.unregister("statusline");
     };
-  }, [slashRegistry]);
+  }, [slashRegistry, openStatuslinePicker, setHiddenItems]);
   useEffect(() => {
     const cmd = {
       name: "mailbox",
@@ -12395,9 +13921,12 @@ function App({
           (e) => e.status === "running"
         ).length;
         const autonomyRunning = eternalLoopRunningRef.current || parallelLoopRunningRef.current || getEternalEngine?.()?.currentState === "running" || getParallelEngine?.()?.currentState === "running";
-        if (autonomyRunning || fleetRunning > 0) {
+        const sddRun = getSddRun?.();
+        const sddRunning = sddRun?.isRunning() ?? false;
+        if (autonomyRunning || fleetRunning > 0 || sddRunning) {
           getEternalEngine?.()?.stop();
           getParallelEngine?.()?.stop();
+          if (sddRunning) sddRun?.stop();
           if (autonomyRunning) switchAutonomy?.("off");
           if (director) {
             const cap = new Promise((resolve) => {
@@ -12409,6 +13938,7 @@ function App({
           const killed2 = getProcessRegistry().killAll();
           const bits = [];
           if (autonomyRunning) bits.push("autonomy stopped");
+          if (sddRunning) bits.push("SDD run stopped");
           if (fleetRunning > 0)
             bits.push(`${fleetRunning} agent${fleetRunning === 1 ? "" : "s"} terminated`);
           if (killed2.length > 0)
@@ -12434,7 +13964,7 @@ function App({
     return () => {
       process.off("SIGINT", onSigint);
     };
-  }, [director, getEternalEngine, getParallelEngine, switchAutonomy, onExit, exit]);
+  }, [director, getEternalEngine, getParallelEngine, getSddRun, switchAutonomy, onExit, exit]);
   const commitPaste = async (full) => {
     const builder = builderRef.current;
     if (!builder || !full) return;
@@ -12949,7 +14479,7 @@ function App({
           openProjectPicker();
           return;
         }
-        const action = actionForFKeyPanel(entry, state.statuslinePicker.hiddenItems);
+        const action = actionForFKeyPanel(entry, statuslineHiddenForPicker());
         if (action) dispatch(action);
         return;
       }
@@ -13120,6 +14650,50 @@ function App({
       toggleWorktreeOverlay();
       return;
     }
+    if (key.ctrl && input === "b") {
+      dispatch({ type: "toggleSddBoardMonitor" });
+      return;
+    }
+    if (state.sddBoard?.monitorOpen && !key.ctrl && !key.meta) {
+      if (key.rightArrow) {
+        dispatch({ type: "sddBoardFocusNext" });
+        return;
+      }
+      if (key.leftArrow) {
+        dispatch({ type: "sddBoardFocusPrev" });
+        return;
+      }
+      if (input === "c") {
+        const run = getSddRun?.();
+        if (run) {
+          void run.cleanupWorktrees().then((n) => {
+            dispatch({
+              type: "addEntry",
+              entry: {
+                kind: n > 0 ? "info" : "warn",
+                text: n > 0 ? `Cleaned ${n} SDD worktree${n === 1 ? "" : "s"}.` : "No SDD worktrees to clean (stop the run first if it is live)."
+              }
+            });
+          });
+        }
+        return;
+      }
+      if (input === "z") {
+        const run = getSddRun?.();
+        if (run) {
+          void run.rollback().then((r) => {
+            dispatch({
+              type: "addEntry",
+              entry: {
+                kind: r.ok ? "info" : "warn",
+                text: r.ok ? r.reverted > 0 ? `Rolled back ${r.reverted} run commit${r.reverted === 1 ? "" : "s"} (revert commits added).` : "Nothing to roll back." : `Rollback failed: ${r.reason ?? "unknown error"}`
+              }
+            });
+          });
+        }
+        return;
+      }
+    }
     if (key.fn === 5) {
       if (state.planPanelOpen) {
         dispatch({ type: "togglePlanPanel" });
@@ -13211,7 +14785,7 @@ function App({
       return;
     }
     if (key.fn === 12) {
-      dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+      openStatuslinePicker();
       return;
     }
     if (state.settingsPicker.open) {
@@ -13270,7 +14844,7 @@ function App({
           featureMemory: cfg.featureMemory ?? true,
           featureSkills: cfg.featureSkills ?? true,
           featureModelsRegistry: cfg.featureModelsRegistry ?? true,
-          tokenSavingTier: cfg.tokenSavingTier ?? "off",
+          tokenSavingTier: cfg.featureTokenSaving ?? "off",
           allowOutsideProjectRoot: cfg.allowOutsideProjectRoot ?? true,
           contextAutoCompact: cfg.contextAutoCompact ?? true,
           contextStrategy: cfg.contextStrategy ?? "hybrid",
@@ -13547,6 +15121,10 @@ function App({
             version: appVersion,
             state: state.status,
             fleetRunning: fleetCounts?.running ?? 0,
+            // Must match the rendered state label width — while streaming the bar
+            // shows the configured thinking word, so the span shifts with it.
+            // Omitting this made the model chip un-clickable mid-stream.
+            thinkingWord: liveThinkingWord,
             model: `${liveProvider}/${liveModel}`
           });
           if (inSpan(span)) {
@@ -13564,27 +15142,24 @@ function App({
           dispatch({ type: "toggleTodosMonitor" });
           return;
         }
-        const hiddenSet = new Set(state.statuslinePicker.hiddenItems);
+        const hiddenSet = new Set(statuslineHiddenForPicker());
         if (my === rowFor(2)) {
           const mxLocal = mx - SB_PADX2 - 1;
           if (!hiddenSet.has("todos") && mxLocal >= 0 && mxLocal < 20) {
-            dispatch({ type: "statuslineFieldSet", field: 11 });
-            dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+            openStatuslinePicker(STATUSLINE_ITEMS.indexOf("todos"));
             return;
           }
           if (!hiddenSet.has("plan")) {
             const planStart = 21;
             if (mxLocal >= planStart && mxLocal < planStart + 22) {
-              dispatch({ type: "statuslineFieldSet", field: 9 });
-              dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+              openStatuslinePicker(STATUSLINE_ITEMS.indexOf("plan"));
               return;
             }
           }
           if (!hiddenSet.has("tasks")) {
             const tasksStart = 44;
             if (mxLocal >= tasksStart && mxLocal < tasksStart + 26) {
-              dispatch({ type: "statuslineFieldSet", field: 10 });
-              dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+              openStatuslinePicker(STATUSLINE_ITEMS.indexOf("tasks"));
               return;
             }
           }
@@ -13593,8 +15168,7 @@ function App({
           const mxLocal = mx - SB_PADX2 - 1;
           const fleetStart = 0;
           if (mxLocal >= fleetStart && mxLocal < fleetStart + 22) {
-            dispatch({ type: "statuslineFieldSet", field: 12 });
-            dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+            openStatuslinePicker(STATUSLINE_ITEMS.indexOf("fleet"));
             return;
           }
         }
@@ -14037,6 +15611,7 @@ ${content}
         }
         const cmd = trimmed.slice(1).split(/\s+/, 1)[0];
         if (cmd === "clear") {
+          clearTerminal?.();
           onClearHistory?.(dispatch);
           tokenCounter?.reset();
         }
@@ -14153,7 +15728,7 @@ User message:
     pushSubmittedHistory();
     clearDraft();
     const blocks = await builder.submit();
-    if (state.status !== "idle") {
+    if (state.status !== "idle" && !steering) {
       if (autonomyLive === "auto" && nextStepsAutoSubmitTimerRef.current != null) {
         switchAutonomy?.("off");
       }
@@ -14573,6 +16148,12 @@ User message:
             elapsedMs: state.autoPhase.elapsedMs,
             nowTick
           }
+        ) : state.sddBoard?.monitorOpen ? /* @__PURE__ */ jsx(
+          SddBoardOverlay,
+          {
+            snapshot: state.sddBoard.snapshot,
+            focusColumn: state.sddBoard.focusColumn ?? null
+          }
         ) : state.worktreeMonitorOpen ? /* @__PURE__ */ jsx(
           WorktreeMonitor,
           {
@@ -14973,6 +16554,13 @@ async function runTui(opts) {
     };
     opts.requestExit = requestExit;
     let instance;
+    const clearTerminal = () => {
+      try {
+        instance?.clear();
+        stdout.write("\x1B[2J\x1B[3J\x1B[H");
+      } catch {
+      }
+    };
     try {
       instance = render(
         React5.createElement(App, {
@@ -14992,6 +16580,7 @@ async function runTui(opts) {
           getAutonomy: opts.getAutonomy,
           getEternalEngine: opts.getEternalEngine,
           getParallelEngine: opts.getParallelEngine,
+          getSddRun: opts.getSddRun,
           subscribeEternalIteration: opts.subscribeEternalIteration,
           subscribeEternalStage: opts.subscribeEternalStage,
           subscribeAutoPhase: opts.subscribeAutoPhase,
@@ -15007,6 +16596,7 @@ async function runTui(opts) {
           director: opts.director ?? null,
           fleetRoster: opts.fleetRoster,
           onClearHistory: opts.onClearHistory ? (dispatch) => opts.onClearHistory?.(dispatch) : void 0,
+          clearTerminal,
           fleetStreamController: opts.fleetStreamController,
           interruptController: opts.interruptController,
           enhanceController: opts.enhanceController,