@wrongstack/tui 0.267.0 → 0.269.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { writeErr, resolveProjectDir, wstackGlobalRoot, GlobalMailbox, resolveWstackPaths, loadGoal, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
+import { writeErr, resolveProjectDir, wstackGlobalRoot, createHqPublisherFromEnv, GlobalMailbox, resolveWstackPaths, loadGoal, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
 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';
@@ -88,27 +88,46 @@ var Box = forwardRef(function Box2({ borderColor, backgroundColor, ...rest }, re
     }
   );
 });
+function snapshotTokenCounter(tokenCounter) {
+  return {
+    usage: tokenCounter.total(),
+    currentRequest: tokenCounter.currentRequestTokens(),
+    cost: tokenCounter.estimateCost(),
+    cacheStats: tokenCounter.cacheStats()
+  };
+}
 function useTokenCounterRefresh(tokenCounter, events) {
   const [data, setData] = useState(
-    () => tokenCounter ? {
-      usage: tokenCounter.total(),
-      cost: tokenCounter.estimateCost(),
-      cacheStats: tokenCounter.cacheStats()
-    } : void 0
+    () => tokenCounter ? snapshotTokenCounter(tokenCounter) : void 0
   );
   useEffect(() => {
-    if (!tokenCounter || !events) return;
+    if (!tokenCounter) {
+      setData(void 0);
+      return;
+    }
+    const snapshot = () => snapshotTokenCounter(tokenCounter);
+    setData(snapshot());
+    if (!events) return;
     const off = events.on("token.accounted", () => {
-      setData({
-        usage: tokenCounter.total(),
-        cost: tokenCounter.estimateCost(),
-        cacheStats: tokenCounter.cacheStats()
-      });
+      setData(snapshot());
     });
     return off;
   }, [tokenCounter, events]);
   return data;
 }
+
+// src/thinking-word.ts
+var DEFAULT_TUI_THINKING_WORD = "thinking";
+var MAX_TUI_THINKING_WORD_LENGTH = 16;
+function normalizeTuiThinkingWord(value) {
+  if (typeof value !== "string") return DEFAULT_TUI_THINKING_WORD;
+  const word = value.trim();
+  if (word.length === 0 || word.length > MAX_TUI_THINKING_WORD_LENGTH) {
+    return DEFAULT_TUI_THINKING_WORD;
+  }
+  if (!/^[\p{L}\p{N}_-]+$/u.test(word)) return DEFAULT_TUI_THINKING_WORD;
+  return word;
+}
 function chipExpired(meta, now = Date.now()) {
   if (meta.expiresIn == null) return false;
   return now >= meta.shownAt + meta.expiresIn * 6e4;
@@ -151,10 +170,23 @@ var COMPACT_THRESHOLD = 50;
 var COMFORTABLE_THRESHOLD = 90;
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var SPINNER_INTERVAL_MS = 250;
+function tokenDisplayTotals(usage, currentRequest) {
+  const usageInput = usage ? usage.input + (usage.cacheRead ?? 0) + (usage.cacheWrite ?? 0) : 0;
+  const usageOutput = usage?.output ?? 0;
+  const fallbackInput = currentRequest ? currentRequest.input + currentRequest.cacheRead : 0;
+  return {
+    input: usageInput > 0 ? usageInput : fallbackInput,
+    output: usageOutput
+  };
+}
+function hasTokenDisplay(tokens) {
+  return tokens.input > 0 || tokens.output > 0;
+}
 function StatusBar({
   model,
   version,
   state,
+  thinkingWord,
   tokenCounter,
   hint,
   queueCount = 0,
@@ -175,6 +207,7 @@ function StatusBar({
   context,
   contextStrategy,
   hiddenItems,
+  mode = "detailed",
   events,
   eternalStage,
   goalSummary,
@@ -207,6 +240,8 @@ function StatusBar({
   const hiddenSet = new Set(hiddenItems);
   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 [elapsedMs, setElapsedMs] = useState(startedAt ? Date.now() - startedAt : 0);
@@ -225,7 +260,7 @@ function StatusBar({
     return () => clearInterval(t);
   }, [state]);
   const spinner = expectDefined$1(SPINNER_FRAMES[spinnerIdx]);
-  const { label: stateLabel, color: stateColor } = stateChip(state, fleet?.running ?? 0);
+  const { label: stateLabel, color: stateColor } = stateChip(state, fleet?.running ?? 0, thinkingWord);
   const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
   const thinking = state === "running" || state === "streaming";
   const hasAutoProceed = autoProceedCountdown != null && autoProceedCountdown > 0;
@@ -238,6 +273,78 @@ function StatusBar({
   const countdownColor = nextStepsAutoSubmitCountdown != null ? nextStepsAutoSubmitCountdown > 20 ? "green" : nextStepsAutoSubmitCountdown > 10 ? "yellow" : "red" : "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 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}` : ""
+  ].filter(Boolean);
+  if (mode === "minimum") {
+    const ctxMax = context?.max;
+    const ctxRatio = context && ctxMax ? context.used / ctxMax : void 0;
+    const ctxClampedRatio = ctxRatio !== void 0 ? Math.min(ctxRatio, 1) : void 0;
+    const ctxPctText = ctxRatio !== void 0 ? `${Math.min(Math.round(ctxRatio * 100), 100)}%` : void 0;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        flexDirection: "column",
+        paddingX: 1,
+        borderStyle: "single",
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+          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: [
+            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: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+            /* @__PURE__ */ jsxs(Text, { color: ctxClampedRatio < 0.6 ? "green" : ctxClampedRatio < 0.75 ? "yellow" : "red", children: [
+              "ctx ",
+              ctxPctText,
+              "/",
+              fmtTok(ctxMax)
+            ] })
+          ] }) : null,
+          showTokenDisplay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+            /* @__PURE__ */ jsxs(Text, { children: [
+              "\u2191 ",
+              /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.input) }),
+              " \u2193",
+              " ",
+              /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.output) })
+            ] })
+          ] }) : null,
+          cost && cost.total > 0 && !hiddenSet.has("cost") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+            /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+              "$",
+              cost.total.toFixed(4)
+            ] })
+          ] }) : null,
+          minimalWorkParts.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: minimalWorkParts.slice(0, 3).join(" \xB7 ") })
+          ] }) : null
+        ] })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -290,6 +397,8 @@ function StatusBar({
                   renderMeter(clampedRatio, 8),
                   " ",
                   pctText,
+                  "/",
+                  fmtTok(context.max),
                   contextStrategy ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
                     " [",
                     contextStrategy,
@@ -298,15 +407,14 @@ function StatusBar({
                 ] });
               })()
             ] }) : null,
-            usage && isComfortable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            showTokenDisplay ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
               /* @__PURE__ */ jsxs(Text, { children: [
-                "\u2191",
+                "\u2191 ",
+                /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.input) }),
+                " \u2193",
                 " ",
-                /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(usage.input + (usage.cacheRead ?? 0) + (usage.cacheWrite ?? 0)) }),
-                " ",
-                "\u2193 ",
-                /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(usage.output) })
+                /* @__PURE__ */ jsx(Text, { color: "cyan", children: fmtTok(displayTokens.output) })
               ] })
             ] }) : null,
             cache2 && cache2.hitRatio > 0 && isComfortable ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -820,7 +928,7 @@ function statusBarModelSpan(opts) {
     col += `WS v${opts.version}`.length + SB_GAP;
     col += 1 + SB_GAP;
   }
-  const { label } = stateChip(opts.state, opts.fleetRunning ?? 0);
+  const { label } = stateChip(opts.state, opts.fleetRunning ?? 0, opts.thinkingWord);
   col += 2 + label.length + SB_GAP;
   col += 1 + SB_GAP;
   return { start: col, len: opts.model.length };
@@ -838,13 +946,13 @@ function statusBarTodosSpan() {
   const LABEL_MAX = 20;
   return { start: SB_PADX, len: LABEL_MAX };
 }
-function stateChip(state, fleetRunning) {
+function stateChip(state, fleetRunning, thinkingWord) {
   if (state === "idle" && fleetRunning > 0) {
     return { label: `agents \u25B6${fleetRunning}`, color: "magenta" };
   }
   if (state === "idle") return { label: "idle", color: "cyan" };
   if (state === "aborting") return { label: "aborting\u2026", color: "yellow" };
-  return { label: "thinking\u2026", color: "green" };
+  return { label: `${normalizeTuiThinkingWord(thinkingWord)}\u2026`, color: "green" };
 }
 var WAVE_COLORS = [
   "#f38ba8",
@@ -1151,6 +1259,36 @@ function FleetMonitor({
     ] }) : null
   ] });
 }
+var TOOL_GLYPHS = {
+  file: "\u25A4",
+  edit: "\u270E",
+  search: "\u2315",
+  folder: "\u25A3",
+  terminal: "\u2318",
+  web: "\u25C8",
+  git: "\u2387",
+  tree: "\u2630",
+  code: "\u2699",
+  test: "\u2697",
+  package: "\u2B22",
+  document: "\u2637",
+  scaffold: "\u2731",
+  todo: "\u2610",
+  plan: "\u2756",
+  task: "\u25AA",
+  meta: "\u274F",
+  index: "\u229B",
+  json: "\u2317",
+  diff: "\u2206",
+  logs: "\u2261",
+  settings: "\u2699",
+  brain: "\u2726",
+  fallback: "\u2022"
+};
+function getToolVisual(name) {
+  const id = getToolIcon(name);
+  return { glyph: TOOL_GLYPHS[id], color: TOOL_ICON_CONFIG[id].color };
+}
 var STATUS2 = {
   idle: { icon: "\u25CB", color: "gray" },
   running: { icon: "\u25B6", color: "yellow" },
@@ -1159,22 +1297,19 @@ var STATUS2 = {
   timeout: { icon: "\u23F1", color: "yellow" },
   stopped: { icon: "\u2298", color: "gray" }
 };
-function isTerminal(status) {
+var IDLE_HIDE_MS = 6e4;
+var EMPTY_AGENTS_CLOSE_DELAY_MS = 7500;
+function isTerminalAgentStatus(status) {
   return status === "success" || status === "failed" || status === "timeout" || status === "stopped";
 }
-var IDLE_HIDE_MS = 6e4;
-function selectLiveAgents(all, now, idleHideMs = IDLE_HIDE_MS) {
-  const visible = all.filter((e) => {
-    if (isTerminal(e.status)) return false;
-    if (e.status === "running") return true;
-    return now - e.lastEventAt < idleHideMs;
-  });
-  return visible.sort((a, b) => {
-    if (a.status === "running" && b.status !== "running") return -1;
-    if (a.status !== "running" && b.status === "running") return 1;
-    if (a.status === "running") return a.startedAt - b.startedAt;
-    return b.lastEventAt - a.lastEventAt;
-  });
+function isLeaderEntry(entry) {
+  return entry.id === "leader" || entry.name === "LEADER";
+}
+function selectLiveAgents(all, _now, _idleHideMs = IDLE_HIDE_MS) {
+  const leader = all.find(isLeaderEntry);
+  const activeSubagents = all.filter((entry) => !isLeaderEntry(entry) && !isTerminalAgentStatus(entry.status));
+  const showLeader = leader !== void 0 && (leader.status !== "idle" || activeSubagents.length > 0);
+  return all.filter((entry) => isLeaderEntry(entry) ? showLeader : activeSubagents.some((active) => active.id === entry.id));
 }
 function fmtTokens2(n) {
   if (n < 1e3) return String(n);
@@ -1186,6 +1321,86 @@ function snippet(s2, max = 72) {
   if (oneLine2.length <= max) return oneLine2;
   return `${oneLine2.slice(0, max - 1)}\u2026`;
 }
+function fmtShortDuration(ms) {
+  if (ms < 1e3) return `${Math.max(0, Math.round(ms))}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 1 : 0)}s`;
+  const m = Math.floor(ms / 6e4);
+  const s2 = Math.floor(ms % 6e4 / 1e3);
+  return `${m}m${s2.toString().padStart(2, "0")}s`;
+}
+function fmtSignedTokens(n) {
+  return n <= 0 ? "0" : fmtTokens2(n);
+}
+function fmtOptionalTimestamp(ms) {
+  if (!ms || ms <= 0) return "unknown";
+  return new Date(ms).toLocaleTimeString("en-US", { hour12: false });
+}
+function formatContextRunway(tokens, maxTokens) {
+  if (!tokens || !maxTokens || maxTokens <= 0) return "ctx unknown";
+  const left = Math.max(0, maxTokens - tokens);
+  return `${fmtTokens2(tokens)}/${fmtTokens2(maxTokens)} \xB7 ${fmtSignedTokens(left)} free`;
+}
+function formatRecentToolChip(tool) {
+  const status = tool.ok === false ? "\u2717" : "\u2713";
+  const duration = typeof tool.durationMs === "number" ? ` ${fmtShortDuration(tool.durationMs)}` : "";
+  const lines = typeof tool.outputLines === "number" && tool.outputLines > 0 ? ` ${tool.outputLines}L` : "";
+  const bytes = typeof tool.outputBytes === "number" && tool.outputBytes > 0 ? ` ${fmtTokens2(tool.outputBytes)}B` : "";
+  return `${status} ${tool.name}${duration}${lines}${bytes}`;
+}
+function formatAgentDetailHeader(entry) {
+  return entry.name || entry.id;
+}
+function agentRisk(entry) {
+  const pct = entry.ctxPct ?? 0;
+  if (entry.budgetWarning || entry.failureReason || pct >= 0.9) return "critical";
+  if (pct >= 0.75 || (entry.extensions ?? 0) > 0) return "hot";
+  if (entry.status === "running" || pct >= 0.55) return "busy";
+  return "calm";
+}
+function riskMeta(risk) {
+  switch (risk) {
+    case "critical":
+      return { icon: "\u25C6", color: "red", label: "critical" };
+    case "hot":
+      return { icon: "\u25B2", color: "yellow", label: "hot" };
+    case "busy":
+      return { icon: "\u25CF", color: "cyan", label: "busy" };
+    case "calm":
+      return { icon: "\u25CB", color: "green", label: "calm" };
+  }
+}
+function currentAction(entry, now) {
+  if (entry.currentTool) return `\u2192 ${entry.currentTool.name} ${fmtShortDuration(now - entry.currentTool.startedAt)}`;
+  if (entry.status === "running") return "thinking";
+  const last = entry.recentTools[entry.recentTools.length - 1];
+  if (last) return `last ${last.name}`;
+  const msg = entry.recentMessages[entry.recentMessages.length - 1];
+  if (msg) return `msg ${snippet(msg.text, 34)}`;
+  return "standing by";
+}
+function selectAgentDetail(live, selectedId) {
+  return live.find((entry) => entry.id === selectedId) ?? live.find(isLeaderEntry) ?? live[0];
+}
+function nextEmptyAgentsCloseStartedAt(liveCount, now, currentStartedAt) {
+  if (liveCount > 0) return void 0;
+  return currentStartedAt ?? now;
+}
+function shouldCloseEmptyAgentsMonitor(liveCount, now, emptyStartedAt, delayMs = EMPTY_AGENTS_CLOSE_DELAY_MS) {
+  return liveCount === 0 && emptyStartedAt !== void 0 && now - emptyStartedAt >= delayMs;
+}
+function selectHotAgent(entries) {
+  const riskScore = { critical: 3, hot: 2, busy: 1, calm: 0 };
+  return [...entries].sort((a, b) => {
+    const ar = riskScore[agentRisk(a)];
+    const br = riskScore[agentRisk(b)];
+    if (br !== ar) return br - ar;
+    const bp = b.ctxPct ?? 0;
+    const ap = a.ctxPct ?? 0;
+    if (bp !== ap) return bp - ap;
+    if (b.toolCalls !== a.toolCalls) return b.toolCalls - a.toolCalls;
+    return b.lastEventAt - a.lastEventAt;
+  }).at(0);
+}
 function ContextBar({
   pct,
   tokens,
@@ -1214,10 +1429,13 @@ function AgentRow({
   const s2 = STATUS2[entry.status];
   const elapsed = entry.status === "running" ? fmtElapsed(Math.max(0, now - entry.startedAt)) : entry.status;
   const modelLabel = fmtModelLabel(entry.provider, entry.model);
+  const activity = sparkline(bucketActivity(entry.recentTools, now, 10, 3e3));
+  const risk = riskMeta(agentRisk(entry));
   const ctxCostStr = entry.ctxCost !== void 0 && entry.ctxCost > 0 ? ` ctx ${entry.ctxCost.toFixed(4)}` : "";
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: selected ? "magenta" : "gray", children: selected ? "\u25B6" : " " }),
     /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
+    /* @__PURE__ */ jsx(Text, { color: risk.color, children: risk.icon }),
     /* @__PURE__ */ jsx(Text, { bold: selected, ...selected ? { color: "magenta" } : {}, children: entry.name }),
     modelLabel ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: modelLabel }) : null,
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -1227,17 +1445,10 @@ function AgentRow({
       entry.toolCalls,
       "t"
     ] }),
+    activity ? /* @__PURE__ */ jsx(Text, { color: "green", children: activity }) : null,
     entry.ctxPct !== void 0 ? /* @__PURE__ */ jsx(ContextBar, { pct: entry.ctxPct, tokens: entry.ctxTokens, maxTokens: entry.ctxMaxTokens }) : null,
     ctxCostStr ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: ctxCostStr }) : null,
-    entry.status === "running" && entry.currentTool ? /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
-      "\u2192 ",
-      entry.currentTool.name,
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " (",
-        Math.max(0, now - entry.currentTool.startedAt),
-        "ms)"
-      ] })
-    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { color: entry.currentTool ? "cyan" : "gray", children: currentAction(entry, now) }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed }),
     entry.extensions && entry.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
       "\u26A1\xD7",
@@ -1257,162 +1468,280 @@ function AgentDetail({
   const lastTool = entry.recentTools[entry.recentTools.length - 1];
   const lastMessage = entry.recentMessages[entry.recentMessages.length - 1];
   const streamTail = entry.streamingText ? snippet(entry.streamingText.slice(-160)) : "";
-  const modelLabel = fmtModelLabel(entry.provider, entry.model);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 4, borderStyle: "single", borderColor: "magenta", borderLeft: true, children: [
-    spark || lastTool ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "green", children: spark || "" }),
-      lastTool ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "last: ",
-        lastTool.name,
-        typeof lastTool.durationMs === "number" ? ` ${lastTool.durationMs}ms` : "",
-        lastTool.ok === false ? " \u2717" : ""
-      ] }) : null
-    ] }) : null,
-    !modelLabel && (entry.provider || entry.model) ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "provider: ",
-      entry.provider || "(leader)",
-      "  \xB7  model: ",
-      entry.model || "\u2014"
-    ] }) }) : null,
-    entry.cost > 0 || entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cost: " }),
-      entry.cost > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-        "$",
-        entry.cost.toFixed(4),
-        " total"
-      ] }) : null,
-      entry.cost > 0 && entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " }) : null,
-      entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-        "$",
-        entry.ctxCost.toFixed(4),
-        " ctx"
-      ] }) : null
-    ] }) : null,
-    entry.status === "running" && streamTail ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      ">",
-      " ",
-      streamTail
-    ] }) }) : null,
-    (entry.status !== "running" || !streamTail) && lastMessage ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "msg: ",
-      snippet(lastMessage.text)
-    ] }) }) : null,
-    entry.budgetWarning ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-      "\u26A1 ",
-      entry.budgetWarning.kind,
-      " ",
-      entry.budgetWarning.used,
-      "/",
-      entry.budgetWarning.limit,
-      " \u2014 extending"
-    ] }) }) : null,
-    entry.failureReason && entry.status !== "success" ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "\u2717 ",
-      entry.failureReason
-    ] }) }) : null
-  ] });
+  const risk = riskMeta(agentRisk(entry));
+  const ctxLine = formatContextRunway(entry.ctxTokens, entry.ctxMaxTokens);
+  const modelLabel = fmtModelLabel(entry.provider, entry.model) || [entry.provider, entry.model].filter(Boolean).join("/");
+  return /* @__PURE__ */ jsx(Box, { alignSelf: "stretch", flexDirection: "column", width: "100%", flexGrow: 1, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      alignSelf: "stretch",
+      flexDirection: "column",
+      width: "100%",
+      flexGrow: 1,
+      paddingX: 1,
+      borderStyle: "single",
+      borderColor: "magenta",
+      children: [
+        /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: formatAgentDetailHeader(entry) }) }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "id" }),
+          /* @__PURE__ */ jsx(Text, { children: entry.id }),
+          modelLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 model" }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: modelLabel })
+          ] }) : null,
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 status" }),
+          /* @__PURE__ */ jsxs(Text, { color: STATUS2[entry.status].color, children: [
+            STATUS2[entry.status].icon,
+            " ",
+            entry.status
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "runtime" }),
+          /* @__PURE__ */ jsx(Text, { children: fmtElapsed(Math.max(0, now - entry.startedAt)) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 started" }),
+          /* @__PURE__ */ jsx(Text, { children: fmtOptionalTimestamp(entry.startedAt) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 last event" }),
+          /* @__PURE__ */ jsxs(Text, { children: [
+            fmtShortDuration(Math.max(0, now - entry.lastEventAt)),
+            " ago"
+          ] }),
+          entry.extensions && entry.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+            "\xB7 extensions \u26A1\xD7",
+            entry.extensions
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "throughput" }),
+          /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            entry.iterations,
+            " iterations"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            entry.toolCalls,
+            " tools"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 current" }),
+          /* @__PURE__ */ jsx(Text, { color: entry.currentTool ? "cyan" : "gray", children: currentAction(entry, now) })
+        ] }),
+        spark || lastTool ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "green", children: spark || "" }),
+          lastTool ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "last: ",
+            lastTool.name,
+            typeof lastTool.durationMs === "number" ? ` ${lastTool.durationMs}ms` : "",
+            lastTool.ok === false ? " \u2717" : ""
+          ] }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsxs(Text, { color: risk.color, children: [
+            risk.icon,
+            " ",
+            risk.label
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "ctx" }),
+          /* @__PURE__ */ jsx(Text, { color: risk.color, children: ctxLine }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "idle ",
+            fmtShortDuration(Math.max(0, now - entry.lastEventAt))
+          ] })
+        ] }),
+        entry.cost > 0 || entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cost: " }),
+          entry.cost > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+            "$",
+            entry.cost.toFixed(4),
+            " total"
+          ] }) : null,
+          entry.cost > 0 && entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " }) : null,
+          entry.ctxCost && entry.ctxCost > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+            "$",
+            entry.ctxCost.toFixed(4),
+            " ctx"
+          ] }) : null
+        ] }) : null,
+        entry.transcriptPath ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "transcript: ",
+          snippet(entry.transcriptPath, 120)
+        ] }) }) : null,
+        entry.recentTools.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__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}`)
+            );
+          })
+        ] }) : null,
+        entry.status === "running" && streamTail ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          ">",
+          " ",
+          streamTail
+        ] }) }) : null,
+        (entry.status !== "running" || !streamTail) && lastMessage ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "msg: ",
+          snippet(lastMessage.text)
+        ] }) }) : null,
+        entry.budgetWarning ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+          "\u26A1 ",
+          entry.budgetWarning.kind,
+          " ",
+          entry.budgetWarning.used,
+          "/",
+          entry.budgetWarning.limit,
+          " \u2014 extending"
+        ] }) }) : null,
+        entry.failureReason && entry.status !== "success" ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+          "\u2717 ",
+          entry.failureReason
+        ] }) }) : null
+      ]
+    }
+  ) });
 }
 function AgentsMonitor({
   entries,
   totalCost,
   leaderCost = 0,
   totalTokens,
-  nowTick
+  nowTick,
+  onClose
 }) {
   const all = Object.values(entries);
   const grandCost = leaderCost + totalCost;
-  const live = useMemo(() => selectLiveAgents(all, nowTick), [all, nowTick]);
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const safeIndex = Math.min(selectedIndex, Math.max(0, live.length - 1));
+  const live = useMemo(() => selectLiveAgents(all), [all, nowTick]);
+  const [selectedId, setSelectedId] = useState(void 0);
+  const [emptyAgentsCloseStartedAt, setEmptyAgentsCloseStartedAt] = useState(void 0);
+  useEffect(() => {
+    const nextStartedAt = nextEmptyAgentsCloseStartedAt(live.length, nowTick, emptyAgentsCloseStartedAt);
+    if (nextStartedAt !== emptyAgentsCloseStartedAt) setEmptyAgentsCloseStartedAt(nextStartedAt);
+    if (shouldCloseEmptyAgentsMonitor(live.length, nowTick, nextStartedAt)) onClose?.();
+  }, [emptyAgentsCloseStartedAt, live.length, nowTick, onClose]);
+  const selected = selectAgentDetail(live, selectedId);
+  const selectedIndex = selected ? live.findIndex((entry) => entry.id === selected.id) : -1;
   useInput((_input, key) => {
+    if (live.length === 0) return;
     if (key.upArrow) {
-      setSelectedIndex((prev) => Math.max(0, prev - 1));
+      const next = Math.max(0, selectedIndex - 1);
+      setSelectedId(live[next]?.id);
     } else if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(live.length - 1, prev + 1));
+      const next = Math.min(live.length - 1, selectedIndex + 1);
+      setSelectedId(live[next]?.id);
     }
   });
   const running = live.filter((e) => e.status === "running").length;
   const totalDone = all.filter((e) => e.status === "success").length;
   const totalFailed = all.filter((e) => e.status === "failed" || e.status === "timeout").length;
-  const hiddenIdle = all.filter(
+  const staleIdle = all.filter(
     (e) => e.status === "idle" && nowTick - e.lastEventAt >= IDLE_HIDE_MS
   ).length;
-  const selected = live[safeIndex];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "AGENTS \xB7 LIVE" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-        "\u25B6",
-        running
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "done" }),
-      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-        "\u2713",
-        totalDone
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "failed" }),
-      totalFailed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-        "\u2717",
-        totalFailed
-      ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 \u2191\u2193 nav \xB7 Ctrl+G / F3 close" })
-    ] }),
-    live.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "models" }),
-      (() => {
-        const seen = /* @__PURE__ */ new Map();
-        for (const e of live) {
-          if (e.model) seen.set(e.name ?? e.id, `${e.provider ?? "?"}/${e.model}`);
-        }
-        return [...seen.entries()].slice(0, 4).map(([name, mod]) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          name,
-          ":",
-          mod
-        ] }, name));
-      })()
-    ] }) : null,
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "shown" }),
-      /* @__PURE__ */ jsx(Text, { color: "magenta", children: live.length }),
-      totalTokens ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " ",
-        fmtTokens2(totalTokens.input),
-        "\u2191 ",
-        fmtTokens2(totalTokens.output),
-        "\u2193"
-      ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "total" }),
-      /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
-        "$",
-        grandCost.toFixed(4)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "(leader $",
-        leaderCost.toFixed(4),
-        " \xB7 fleet $",
-        totalCost.toFixed(4),
-        ")"
-      ] }),
-      hiddenIdle > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "\xB7 ",
-        hiddenIdle,
-        " idle hidden"
-      ] }) : null
-    ] }),
-    live.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No live agents \u2014 spawn with /spawn or /fleet dispatch." }) : null,
-    live.map((e) => /* @__PURE__ */ jsx(AgentRow, { entry: e, now: nowTick, selected: e.id === selected?.id }, e.id)),
-    selected ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingLeft: 2, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500" }),
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: selected.name }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "details \u2500\u2500\u2500" })
-      ] }),
-      /* @__PURE__ */ jsx(AgentDetail, { entry: selected, now: nowTick })
-    ] }) : null
-  ] });
+  const hotAgent = selectHotAgent(live);
+  const pressure = live.length > 0 ? live.reduce((max, e) => Math.max(max, e.ctxPct ?? 0), 0) : 0;
+  const toolCalls = live.reduce((sum, e) => sum + e.toolCalls, 0);
+  const iterations = live.reduce((sum, e) => sum + e.iterations, 0);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      alignSelf: "stretch",
+      flexDirection: "column",
+      width: "100%",
+      borderStyle: "round",
+      borderColor: "magenta",
+      paddingX: 1,
+      flexGrow: 1,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "AGENTS \xB7 LIVE" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+          /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+            "\u25B6",
+            running
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "done" }),
+          /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+            "\u2713",
+            totalDone
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "failed" }),
+          totalFailed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+            "\u2717",
+            totalFailed
+          ] }) : null,
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 \u2191\u2193 nav \xB7 Ctrl+G / F3 close" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__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),
+            "%"
+          ] }),
+          /* @__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)}%` : ""
+          ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "none" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 throughput" }),
+          /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+            iterations,
+            "L/",
+            toolCalls,
+            "t"
+          ] })
+        ] }),
+        live.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "models" }),
+          (() => {
+            const seen = /* @__PURE__ */ new Map();
+            for (const e of live) {
+              if (e.model) seen.set(e.name ?? e.id, `${e.provider ?? "?"}/${e.model}`);
+            }
+            return [...seen.entries()].slice(0, 4).map(([name, mod]) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              name,
+              ":",
+              mod
+            ] }, name));
+          })()
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "shown" }),
+          /* @__PURE__ */ jsx(Text, { color: "magenta", children: live.length }),
+          totalTokens ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            " ",
+            fmtTokens2(totalTokens.input),
+            "\u2191 ",
+            fmtTokens2(totalTokens.output),
+            "\u2193"
+          ] }) : null,
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "total" }),
+          /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+            "$",
+            grandCost.toFixed(4)
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "(leader $",
+            leaderCost.toFixed(4),
+            " \xB7 fleet $",
+            totalCost.toFixed(4),
+            ")"
+          ] }),
+          staleIdle > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\xB7 ",
+            staleIdle,
+            " idle stale"
+          ] }) : null
+        ] }),
+        live.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No live agents \u2014 spawn with /spawn or /fleet dispatch." }) : null,
+        live.map((e) => e.id === selected?.id ? /* @__PURE__ */ jsx(AgentDetail, { entry: e, now: nowTick }, e.id) : /* @__PURE__ */ jsx(AgentRow, { entry: e, now: nowTick, selected: false }, e.id))
+      ]
+    }
+  );
 }
 var AUTONOMY_OPTIONS = [
   {
@@ -1872,25 +2201,121 @@ function FleetPanel({
     ] }) : null
   ] });
 }
-var F_KEY_ENTRIES = [
-  { key: 1, label: "Project switcher", action: "projectPickerOpen" },
-  { key: 2, label: "Fleet orchestration monitor", action: "toggleMonitor" },
-  { key: 3, label: "Agents live monitor", action: "toggleAgentsMonitor" },
-  { key: 4, label: "Worktree monitor", action: "toggleWorktreeMonitor" },
-  { key: 5, label: "Autonomy settings", action: "togglePlanPanel" },
-  { key: 6, label: "Todos monitor overlay", action: "toggleTodosMonitor" },
-  { key: 7, label: "Queue panel", action: "toggleQueuePanel" },
-  { key: 8, label: "Process list overlay", action: "toggleProcessList" },
-  { key: 9, label: "Goal panel", action: "toggleGoalPanel" },
-  { key: 10, label: "Live sessions panel", action: "toggleSessionsPanel" },
-  { key: 11, label: "Coordinator monitor", action: "toggleCoordinatorMonitor" },
-  { key: 12, label: "Status line picker", action: "statuslineOpen" }
+
+// src/f-key-panels.ts
+var F_KEY_PANEL_ENTRIES = [
+  {
+    key: 1,
+    label: "Project switcher",
+    action: "projectPickerOpen",
+    helpKeys: "F1 or /project",
+    helpDescription: "project switcher (F1 may open terminal help)"
+  },
+  {
+    key: 2,
+    label: "Fleet orchestration monitor",
+    action: "toggleMonitor",
+    helpKeys: "F2 or /fleet",
+    helpDescription: "fleet monitor (Ctrl+F may be terminal Find)"
+  },
+  {
+    key: 3,
+    label: "Agents live monitor",
+    action: "toggleAgentsMonitor",
+    helpKeys: "F3 or Ctrl+G",
+    helpDescription: "agents live monitor (F3 is safer)"
+  },
+  {
+    key: 4,
+    label: "Worktree monitor",
+    action: "toggleWorktreeMonitor",
+    helpKeys: "F4 or /worktree",
+    helpDescription: "worktree monitor (Ctrl+T may be reserved)"
+  },
+  {
+    key: 5,
+    label: "Plan panel",
+    action: "togglePlanPanel",
+    helpKeys: "F5 or /plan",
+    helpDescription: "plan panel (F5 may be host refresh/run)"
+  },
+  {
+    key: 6,
+    label: "Todos monitor overlay",
+    action: "toggleTodosMonitor",
+    helpKeys: "F6",
+    helpDescription: "todos monitor overlay"
+  },
+  {
+    key: 7,
+    label: "Queue panel",
+    action: "toggleQueuePanel",
+    helpKeys: "F7",
+    helpDescription: "queue panel"
+  },
+  {
+    key: 8,
+    label: "Process list overlay",
+    action: "toggleProcessList",
+    helpKeys: "F8",
+    helpDescription: "process list overlay"
+  },
+  {
+    key: 9,
+    label: "Goal panel",
+    action: "toggleGoalPanel",
+    helpKeys: "F9",
+    helpDescription: "goal panel"
+  },
+  {
+    key: 10,
+    label: "Live sessions panel",
+    action: "toggleSessionsPanel",
+    helpKeys: "F10 or /resume",
+    helpDescription: "live sessions panel (F10 may open host menu)"
+  },
+  {
+    key: 11,
+    label: "Coordinator monitor",
+    action: "toggleCoordinatorMonitor",
+    helpKeys: "F11 or /coordinator",
+    helpDescription: "coordinator monitor (F11 may toggle fullscreen)"
+  },
+  {
+    key: 12,
+    label: "Status line picker",
+    action: "statuslineOpen",
+    helpKeys: "F12 or /sl",
+    helpDescription: "status line picker (F12 may be host/devtools)"
+  }
 ];
+var PAYLOAD_FREE_ACTIONS = /* @__PURE__ */ new Set([
+  "toggleMonitor",
+  "toggleAgentsMonitor",
+  "toggleWorktreeMonitor",
+  "togglePlanPanel",
+  "toggleTodosMonitor",
+  "toggleQueuePanel",
+  "toggleProcessList",
+  "toggleGoalPanel",
+  "toggleSessionsPanel",
+  "toggleCoordinatorMonitor"
+]);
+function actionForFKeyPanel(entry, hiddenItems = []) {
+  if (entry.action === "projectPickerOpen") return null;
+  if (entry.action === "statuslineOpen") {
+    return { type: "statuslineOpen", hiddenItems: [...hiddenItems] };
+  }
+  if (PAYLOAD_FREE_ACTIONS.has(entry.action)) {
+    return { type: entry.action };
+  }
+  return null;
+}
 function FKeyPicker({ selected }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 F-Key Panels \u2501\u2501" }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \xB7 Enter open \xB7 Esc close" }),
-    F_KEY_ENTRIES.map((entry) => {
+    F_KEY_PANEL_ENTRIES.map((entry) => {
       const idx = entry.key - 1;
       const isSelected = idx === selected;
       const marker = isSelected ? "\u25B8" : " ";
@@ -2002,39 +2427,9 @@ function MailboxPanel({
           "]"
         ] }) : null
       ] }, a.agentId))
-    ] }) : null,
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/mailbox \u2014 Esc to close" }) })
-  ] });
-}
-var TOOL_GLYPHS = {
-  file: "\u25A4",
-  edit: "\u270E",
-  search: "\u2315",
-  folder: "\u25A3",
-  terminal: "\u2318",
-  web: "\u25C8",
-  git: "\u2387",
-  tree: "\u2630",
-  code: "\u2699",
-  test: "\u2697",
-  package: "\u2B22",
-  document: "\u2637",
-  scaffold: "\u2731",
-  todo: "\u2610",
-  plan: "\u2756",
-  task: "\u25AA",
-  meta: "\u274F",
-  index: "\u229B",
-  json: "\u2317",
-  diff: "\u2206",
-  logs: "\u2261",
-  settings: "\u2699",
-  brain: "\u2726",
-  fallback: "\u2022"
-};
-function getToolVisual(name) {
-  const id = getToolIcon(name);
-  return { glyph: TOOL_GLYPHS[id], color: TOOL_ICON_CONFIG[id].color };
+    ] }) : null,
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/mailbox \u2014 Esc to close" }) })
+  ] });
 }
 function helpSections() {
   const nav = [];
@@ -2047,16 +2442,10 @@ function helpSections() {
     {
       title: "Monitors",
       entries: [
-        { keys: "F1", desc: "project switcher (also /project)" },
-        { keys: "Ctrl+F / F2", desc: "fleet orchestration monitor" },
-        { keys: "Ctrl+G / F3", desc: "agents live monitor" },
-        { keys: "Ctrl+T / F4", desc: "worktree monitor" },
-        { keys: "F5", desc: "autonomy settings (also Ctrl+S)" },
-        { keys: "F6", desc: "todos monitor overlay" },
-        { keys: "F7", desc: "queue panel" },
-        { keys: "F8", desc: "process list overlay" },
-        { keys: "F9", desc: "goal panel" },
-        { keys: "F10", desc: "live sessions panel" },
+        ...F_KEY_PANEL_ENTRIES.map((entry) => ({
+          keys: entry.helpKeys,
+          desc: entry.helpDescription
+        })),
         { keys: "Esc", desc: "close the open monitor / overlay" }
       ]
     },
@@ -2065,8 +2454,11 @@ function helpSections() {
       entries: [
         { keys: "Enter", desc: "send (queues while the agent is busy)" },
         { keys: "Esc Esc", desc: "clear the input buffer" },
-        { keys: "Ctrl+Backspace", desc: "delete the previous word" },
-        { keys: "Ctrl+S", desc: "edit autonomy settings" },
+        { keys: "Ctrl+\u2190/\u2192", desc: "word navigation (terminal-dependent)" },
+        { keys: "Ctrl+Backspace", desc: "delete previous word/chip" },
+        { keys: "Ctrl+S or /settings", desc: "settings (Ctrl+S may be reserved)" },
+        { keys: "Ctrl+V", desc: "paste text (may be host paste)" },
+        { keys: "Alt+V", desc: "paste image (terminal-dependent)" },
         { keys: "Ctrl+C", desc: "interrupt the run \xB7 twice to exit" }
       ]
     },
@@ -4086,7 +4478,7 @@ function parseRawNumbered(content) {
     const m = ITEM_RE.exec(line);
     if (!m) continue;
     const numPart = m[1];
-    let text = m[2].trim();
+    const text = m[2].trim();
     const hasAuto = !!m[3];
     let index;
     if (numPart !== void 0) {
@@ -4124,7 +4516,7 @@ function parseWithHeading(content, strict) {
     const m = ITEM_RE.exec(line);
     if (!m) break;
     const numPart = m[1];
-    let text = m[2].trim();
+    const text = m[2].trim();
     const hasAuto = !!m[3];
     let index;
     if (numPart !== void 0) {
@@ -4755,6 +5147,15 @@ function tokenLengthForward(buffer, cursor) {
   const m = buffer.slice(cursor).match(AT_START);
   return m ? m[0].length : 0;
 }
+function tokenSpanAt(buffer, cursor) {
+  const clamped = Math.max(0, Math.min(cursor, buffer.length));
+  for (const m of buffer.matchAll(GLOBAL)) {
+    const start = m.index ?? 0;
+    const end = start + m[0].length;
+    if (clamped >= start && clamped <= end) return { start, end };
+  }
+  return null;
+}
 function splitChips(text) {
   if (!text) return [];
   const spans = [];
@@ -4939,6 +5340,11 @@ function isHomeEnd(data) {
     return "end";
   return null;
 }
+function isCtrlArrow(data) {
+  if (data === "\x1B[1;5D" || data === "\x1B[5D") return "left";
+  if (data === "\x1B[1;5C" || data === "\x1B[5C") return "right";
+  return null;
+}
 function isBackspaceOrDelete(data) {
   if (data === "\x1B\x7F" || data === "\x1B\b") return "metaBackspace";
   if (data === "\x7F" || data === "\b") return "backspace";
@@ -4976,6 +5382,8 @@ var Input = memo(function Input2({
   const suppressInkEscRef = useRef(false);
   const suppressInkBackspaceRef = useRef(false);
   const suppressInkDeleteRef = useRef(false);
+  const suppressInkCtrlLeftRef = useRef(false);
+  const suppressInkCtrlRightRef = useRef(false);
   useInput((input, key) => {
     if (disabled) return;
     if (input && isLeakedMouseInput(input)) return;
@@ -4991,6 +5399,14 @@ var Input = memo(function Input2({
       suppressInkDeleteRef.current = false;
       return;
     }
+    if (key.ctrl && key.leftArrow && suppressInkCtrlLeftRef.current) {
+      suppressInkCtrlLeftRef.current = false;
+      return;
+    }
+    if (key.ctrl && key.rightArrow && suppressInkCtrlRightRef.current) {
+      suppressInkCtrlRightRef.current = false;
+      return;
+    }
     onKey(input, key);
   });
   const { stdin } = useStdin();
@@ -5026,6 +5442,17 @@ var Input = memo(function Input2({
         onKey("", { ...EMPTY_KEY, end: true });
         return;
       }
+      const ctrlArrow = isCtrlArrow(s2);
+      if (ctrlArrow === "left") {
+        suppressInkCtrlLeftRef.current = true;
+        onKey("", { ...EMPTY_KEY, leftArrow: true, ctrl: true });
+        return;
+      }
+      if (ctrlArrow === "right") {
+        suppressInkCtrlRightRef.current = true;
+        onKey("", { ...EMPTY_KEY, rightArrow: true, ctrl: true });
+        return;
+      }
       const bsdel = isBackspaceOrDelete(s2);
       if (bsdel === "backspace") {
         suppressInkBackspaceRef.current = true;
@@ -6162,6 +6589,14 @@ var CONTEXT_MODE_DESCS = {
   deep: "Larger context for complex tasks",
   archival: "Maximize context retention"
 };
+var STATUSLINE_MODES = ["minimum", "detailed"];
+var REASONING_MODES = ["auto", "on", "off"];
+var REASONING_EFFORTS = ["none", "minimal", "low", "medium", "high", "xhigh", "max"];
+var CACHE_TTLS = ["default", "5m", "1h"];
+var STATUSLINE_MODE_DESCS = {
+  minimum: "Single line with essential chips only",
+  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 AUTO_PROCEED_MAX_PRESETS = [10, 25, 50, 100, 250, 0];
@@ -6192,7 +6627,7 @@ var MODE_DESC = {
   suggest: "Shows next-step suggestions after each turn",
   auto: "Self-driving \u2014 agent continues automatically"
 };
-var SETTINGS_FIELD_COUNT = 29;
+var SETTINGS_FIELD_COUNT = 35;
 var CONFIG_SCOPES = ["global", "project"];
 function SettingsPicker({
   field,
@@ -6211,19 +6646,25 @@ function SettingsPicker({
   featureModelsRegistry,
   tokenSavingTier,
   allowOutsideProjectRoot,
+  maxIterations,
+  autoProceedMaxIterations,
+  enhanceDelayMs,
+  enhanceEnabled,
+  enhanceLanguage,
+  indexOnStart,
+  thinkingWord,
+  reasoningMode,
+  reasoningEffort,
+  reasoningPreserve,
+  cacheTtl,
   contextAutoCompact,
   contextStrategy,
   contextMode,
   maxConcurrent,
   logLevel,
   auditLevel,
-  indexOnStart,
-  maxIterations,
-  autoProceedMaxIterations,
-  enhanceDelayMs,
-  enhanceEnabled,
-  enhanceLanguage,
   debugStream,
+  statuslineMode,
   configScope,
   hint
 }) {
@@ -6306,6 +6747,65 @@ function SettingsPicker({
       value: boolVal(allowOutsideProjectRoot),
       detail: "Allow tools to access paths outside project root"
     },
+    // ── Tools ──
+    { section: "Tools" },
+    {
+      label: "Max iterations",
+      value: formatMaxIterations(maxIterations),
+      detail: "100\u20131000 or unlimited (0)"
+    },
+    {
+      label: "Auto-proceed max iterations",
+      value: formatMaxIterations(autoProceedMaxIterations),
+      detail: "Stop auto-proceed after N iterations (0 = unlimited, default 50)"
+    },
+    {
+      label: "Refine preview countdown",
+      value: formatEnhanceDelay(enhanceDelayMs),
+      detail: "Timeout for prompt refinement preview (30s\u2013120s)"
+    },
+    {
+      label: "Refine",
+      value: boolVal(enhanceEnabled),
+      detail: "Enable prompt refinement before sending"
+    },
+    {
+      label: "Refine language",
+      value: enhanceLanguage,
+      detail: "original (keep language) | english (translate)"
+    },
+    {
+      label: "Index on session start",
+      value: boolVal(indexOnStart),
+      detail: "Run incremental index at session start"
+    },
+    // ── Reasoning ──
+    { section: "Reasoning" },
+    {
+      label: "Thinking word",
+      value: thinkingWord,
+      detail: "Word shown in status bar while agent works"
+    },
+    {
+      label: "Reasoning mode",
+      value: reasoningMode,
+      detail: "auto (provider default) | on | off"
+    },
+    {
+      label: "Reasoning effort",
+      value: reasoningEffort,
+      detail: "none\u2013max (model-dependent)"
+    },
+    {
+      label: "Preserve thinking",
+      value: boolVal(reasoningPreserve),
+      detail: "Keep reasoning across turns"
+    },
+    {
+      label: "Cache TTL",
+      value: cacheTtl,
+      detail: "Prompt cache TTL (5m | 1h)"
+    },
     // ── Context ──
     { section: "Context" },
     {
@@ -6337,47 +6837,11 @@ function SettingsPicker({
       value: logLevel,
       detail: "Console log verbosity"
     },
-    // ── Session ──
-    { section: "Session" },
     {
       label: "Audit level",
       value: auditLevel,
       detail: "minimal | standard | full (large)"
     },
-    // ── Indexing ──
-    { section: "Indexing" },
-    {
-      label: "Index on session start",
-      value: boolVal(indexOnStart),
-      detail: "Run incremental index at session start"
-    },
-    // ── Tools ──
-    { section: "Tools" },
-    {
-      label: "Max iterations",
-      value: formatMaxIterations(maxIterations),
-      detail: "100\u20131000 or unlimited (0)"
-    },
-    {
-      label: "Auto-proceed max iterations",
-      value: formatMaxIterations(autoProceedMaxIterations),
-      detail: "Stop auto-proceed after N iterations (0 = unlimited, default 50)"
-    },
-    {
-      label: "Refine preview countdown",
-      value: formatEnhanceDelay(enhanceDelayMs),
-      detail: "Timeout for prompt refinement preview (30s\u2013120s)"
-    },
-    {
-      label: "Refine",
-      value: boolVal(enhanceEnabled),
-      detail: "Enable prompt refinement before sending"
-    },
-    {
-      label: "Refine language",
-      value: enhanceLanguage,
-      detail: "original (keep language) | english (translate)"
-    },
     // ── Debug ──
     { section: "Debug" },
     {
@@ -6385,6 +6849,11 @@ function SettingsPicker({
       value: boolVal(debugStream),
       detail: "Hex-dump raw SSE bytes to stderr"
     },
+    {
+      label: "Statusline",
+      value: statuslineMode,
+      detail: STATUSLINE_MODE_DESCS[statuslineMode]
+    },
     {
       label: "Config scope",
       value: configScope,
@@ -6697,9 +7166,9 @@ function hintsFor(ctx) {
   if (ctx.monitor) {
     const hints = [
       { key: "Esc", label: "close" },
-      { key: "^F", label: "fleet" },
-      { key: "^G", label: "agents" },
-      { key: "^T", label: "worktrees" },
+      { key: "F2", label: "fleet" },
+      { key: "F3", label: "agents" },
+      { key: "F4", label: "worktrees" },
       { key: "F6", label: "todos" },
       { key: "F9", label: "goal" }
     ];
@@ -6710,7 +7179,7 @@ function hintsFor(ctx) {
   }
   const base = [{ key: "?", label: "help" }];
   if (ctx.managed) base.push({ key: "PgUp/PgDn", label: "scroll" });
-  base.push({ key: "^G", label: "agents" }, { key: "^C", label: "stop" });
+  base.push({ key: "F3", label: "agents" }, { key: "^C", label: "stop" });
   if (ctx.nextPanelHint) {
     base.push({ key: ctx.nextPanelHint.key, label: ctx.nextPanelHint.label, discovery: true });
   }
@@ -6847,6 +7316,9 @@ var WT_STATUS = {
 function fmt(s2) {
   return WT_STATUS[s2] ?? { icon: "?", color: "white", label: s2 };
 }
+function isWorktreeMonitorCloseKey(input, key) {
+  return key.escape === true || key.ctrl === true && input === "w";
+}
 function WorktreeMonitor({
   worktrees,
   baseBranch,
@@ -6854,7 +7326,7 @@ function WorktreeMonitor({
   onClose
 }) {
   useInput((input, key) => {
-    if (key.ctrl && input === "w") onClose();
+    if (isWorktreeMonitorCloseKey(input, key)) onClose();
   });
   const TERMINAL_TTL_MS = 5 * 6e4;
   const list = Object.values(worktrees);
@@ -6891,7 +7363,7 @@ function WorktreeMonitor({
           failed
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Ctrl+T / F4 to close" })
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Esc / F4 to close" })
     ] }),
     recent.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No worktrees. They appear when AutoPhase runs with isolation on." }) : recent.map((w) => {
       const s2 = fmt(w.status);
@@ -6941,7 +7413,7 @@ function WorktreeMonitor({
       ] }, w.branch);
     }),
     /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Ctrl+T to close \xB7 merge conflicts with /worktree merge <branch>" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Esc / F4 to close \xB7 merge conflicts with /worktree merge <branch>" }),
       staleTerminal > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` \xB7 ${staleTerminal} terminal pruned` }) : null
     ] })
   ] });
@@ -8262,6 +8734,26 @@ function buildSteeringPreamble(snapshot, newDirection) {
   lines.push("]");
   return lines.join("\n");
 }
+function closePanels(state) {
+  return {
+    monitorOpen: false,
+    agentsMonitorOpen: false,
+    helpOpen: false,
+    todosMonitorOpen: false,
+    queuePanelOpen: false,
+    processListOpen: false,
+    planPanelOpen: false,
+    goalPanelOpen: false,
+    sessionsPanelOpen: false,
+    settingsPicker: { ...state.settingsPicker, open: false },
+    statuslinePicker: { ...state.statuslinePicker, open: false },
+    projectPicker: { ...state.projectPicker, open: false },
+    fKeyPicker: { ...state.fKeyPicker, open: false },
+    autoPhase: state.autoPhase ? { ...state.autoPhase, monitorOpen: false } : state.autoPhase,
+    worktreeMonitorOpen: false,
+    coordinator: { ...state.coordinator, monitorOpen: false }
+  };
+}
 var MAX_TOOL_STREAM_RETAINED_CHARS = 1e5;
 var MAX_RETAINED_INPUT_CHARS = 2048;
 var MAX_RETAINED_INPUT_DEPTH = 4;
@@ -8529,6 +9021,7 @@ function reducer(state, action) {
     case "modelPickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         modelPicker: {
           open: true,
           step: "provider",
@@ -8616,6 +9109,7 @@ function reducer(state, action) {
     case "autonomyPickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         autonomyPicker: { open: true, options: action.options, selected: 0, hint: void 0 }
       };
     case "autonomyPickerClose":
@@ -8640,6 +9134,7 @@ function reducer(state, action) {
     case "resumePickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         resumePicker: { open: true, sessions: action.sessions, selected: 0, busy: false, hint: void 0, error: void 0 }
       };
     case "resumePickerClose":
@@ -8669,6 +9164,7 @@ function reducer(state, action) {
     case "settingsOpen":
       return {
         ...state,
+        ...closePanels(state),
         settingsPicker: {
           open: true,
           field: 0,
@@ -8700,6 +9196,12 @@ function reducer(state, action) {
           enhanceEnabled: action.enhanceEnabled,
           enhanceLanguage: action.enhanceLanguage,
           debugStream: action.debugStream,
+          statuslineMode: action.statuslineMode,
+          reasoningMode: action.reasoningMode,
+          reasoningEffort: action.reasoningEffort,
+          reasoningPreserve: action.reasoningPreserve,
+          thinkingWord: action.thinkingWord,
+          cacheTtl: action.cacheTtl,
           configScope: action.configScope,
           hint: void 0
         }
@@ -8754,65 +9256,91 @@ function reducer(state, action) {
         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 === 15) return { ...state, settingsPicker: { ...sp, contextAutoCompact: !sp.contextAutoCompact, 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 } };
+      }
       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 } };
+      }
+      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 } };
+      }
+      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 } };
+      }
+      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 } };
+      }
+      if (f === 23) {
+        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 } };
+      }
+      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 } };
+      }
+      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 } };
       }
-      if (f === 17) {
+      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 } };
       }
-      if (f === 18) {
+      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 } };
       }
-      if (f === 19) {
+      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 } };
       }
-      if (f === 20) {
+      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 } };
       }
-      if (f === 21) return { ...state, settingsPicker: { ...sp, indexOnStart: !sp.indexOnStart, hint: bootHint } };
-      if (f === 22) {
-        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 } };
-      }
-      if (f === 23) {
-        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 } };
-      }
-      if (f === 24) {
-        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 } };
-      }
-      if (f === 25) return { ...state, settingsPicker: { ...sp, enhanceEnabled: !sp.enhanceEnabled, hint: void 0 } };
-      if (f === 26) {
-        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 } };
+      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 } };
       }
-      if (f === 27) return { ...state, settingsPicker: { ...sp, debugStream: !sp.debugStream, hint: void 0 } };
-      if (f === 28) {
+      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;
@@ -8826,6 +9354,7 @@ function reducer(state, action) {
     case "statuslineOpen":
       return {
         ...state,
+        ...closePanels(state),
         statuslinePicker: { open: true, field: 0, hiddenItems: action.hiddenItems, visibleChips: state.statuslinePicker.visibleChips, hint: void 0 }
       };
     case "statuslineClose":
@@ -8881,6 +9410,7 @@ function reducer(state, action) {
     case "projectPickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         projectPicker: {
           open: true,
           allItems: action.items,
@@ -8921,7 +9451,7 @@ function reducer(state, action) {
     case "projectPickerHint":
       return { ...state, projectPicker: { ...state.projectPicker, hint: action.text } };
     case "fKeyPickerOpen":
-      return { ...state, fKeyPicker: { open: true, selected: 0 } };
+      return { ...state, ...closePanels(state), fKeyPicker: { open: true, selected: 0 } };
     case "fKeyPickerClose":
       return { ...state, fKeyPicker: { open: false, selected: 0 } };
     case "fKeyPickerMove": {
@@ -9266,35 +9796,35 @@ function reducer(state, action) {
     }
     case "toggleMonitor": {
       const opening = !state.monitorOpen;
-      return opening ? { ...state, monitorOpen: true, agentsMonitorOpen: false, helpOpen: false, todosMonitorOpen: false, queuePanelOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, monitorOpen: false };
+      return opening ? { ...state, ...closePanels(state), monitorOpen: true } : { ...state, monitorOpen: false };
     }
     case "toggleAgentsMonitor": {
       const opening = !state.agentsMonitorOpen;
-      return opening ? { ...state, agentsMonitorOpen: true, monitorOpen: false, helpOpen: false, todosMonitorOpen: false, queuePanelOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, agentsMonitorOpen: false };
+      return opening ? { ...state, ...closePanels(state), agentsMonitorOpen: true } : { ...state, agentsMonitorOpen: false };
     }
     case "toggleHelp": {
       const opening = !state.helpOpen;
-      return opening ? { ...state, helpOpen: true, monitorOpen: false, agentsMonitorOpen: false, todosMonitorOpen: false, queuePanelOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, helpOpen: false };
+      return opening ? { ...state, ...closePanels(state), helpOpen: true } : { ...state, helpOpen: false };
     }
     case "toggleTodosMonitor": {
       const opening = !state.todosMonitorOpen;
-      return opening ? { ...state, todosMonitorOpen: true, monitorOpen: false, agentsMonitorOpen: false, helpOpen: false, queuePanelOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, todosMonitorOpen: false };
+      return opening ? { ...state, ...closePanels(state), todosMonitorOpen: true } : { ...state, todosMonitorOpen: false };
     }
     case "toggleQueuePanel": {
       const opening = !state.queuePanelOpen;
-      return opening ? { ...state, queuePanelOpen: true, monitorOpen: false, agentsMonitorOpen: false, helpOpen: false, todosMonitorOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, queuePanelOpen: false };
+      return opening ? { ...state, ...closePanels(state), queuePanelOpen: true } : { ...state, queuePanelOpen: false };
     }
     case "toggleProcessList": {
       const opening = !state.processListOpen;
-      return opening ? { ...state, processListOpen: true, monitorOpen: false, agentsMonitorOpen: false, helpOpen: false, todosMonitorOpen: false, queuePanelOpen: false, goalPanelOpen: false } : { ...state, processListOpen: false };
+      return opening ? { ...state, ...closePanels(state), processListOpen: true } : { ...state, processListOpen: false };
     }
     case "togglePlanPanel": {
       const opening = !state.planPanelOpen;
-      return opening ? { ...state, planPanelOpen: true, monitorOpen: false, agentsMonitorOpen: false, helpOpen: false, todosMonitorOpen: false, queuePanelOpen: false, processListOpen: false, goalPanelOpen: false } : { ...state, planPanelOpen: false };
+      return opening ? { ...state, ...closePanels(state), planPanelOpen: true } : { ...state, planPanelOpen: false };
     }
     case "toggleGoalPanel": {
       const opening = !state.goalPanelOpen;
-      return opening ? { ...state, goalPanelOpen: true, monitorOpen: false, agentsMonitorOpen: false, helpOpen: false, todosMonitorOpen: false, queuePanelOpen: false, processListOpen: false } : { ...state, goalPanelOpen: false };
+      return opening ? { ...state, ...closePanels(state), goalPanelOpen: true } : { ...state, goalPanelOpen: false };
     }
     case "checkpointReceived": {
       const existing = state.checkpoints.find((c) => c.promptIndex === action.cp.promptIndex);
@@ -9380,9 +9910,14 @@ function reducer(state, action) {
     }
     case "autoPhaseMonitorToggle": {
       if (!state.autoPhase) return state;
-      return {
+      const opening = !state.autoPhase.monitorOpen;
+      return opening ? {
+        ...state,
+        ...closePanels(state),
+        autoPhase: { ...state.autoPhase, monitorOpen: true }
+      } : {
         ...state,
-        autoPhase: { ...state.autoPhase, monitorOpen: !state.autoPhase.monitorOpen }
+        autoPhase: { ...state.autoPhase, monitorOpen: false }
       };
     }
     case "autoPhaseReset": {
@@ -9414,7 +9949,8 @@ function reducer(state, action) {
       return { ...state, worktrees: next };
     }
     case "worktreeMonitorToggle": {
-      return { ...state, worktreeMonitorOpen: !state.worktreeMonitorOpen };
+      const opening = !state.worktreeMonitorOpen;
+      return opening ? { ...state, ...closePanels(state), worktreeMonitorOpen: true } : { ...state, worktreeMonitorOpen: false };
     }
     // --- In-app chat scroll ---
     case "scrollBy": {
@@ -9609,7 +10145,8 @@ function reducer(state, action) {
       return { ...state, debugStreamStats: null };
     }
     case "toggleSessionsPanel": {
-      return { ...state, sessionsPanelOpen: !state.sessionsPanelOpen };
+      const opening = !state.sessionsPanelOpen;
+      return opening ? { ...state, ...closePanels(state), sessionsPanelOpen: true, sessionResumeConfirm: null } : { ...state, sessionsPanelOpen: false, sessionResumeConfirm: null };
     }
     case "sessionsPanelSet": {
       const sessions = Array.isArray(action.sessions) ? action.sessions : [];
@@ -9714,15 +10251,8 @@ function reducer(state, action) {
       const opening = !state.coordinator.monitorOpen;
       return opening ? {
         ...state,
-        coordinator: { ...state.coordinator, monitorOpen: true },
-        // Close other monitors when opening coordinator
-        monitorOpen: false,
-        agentsMonitorOpen: false,
-        helpOpen: false,
-        todosMonitorOpen: false,
-        queuePanelOpen: false,
-        processListOpen: false,
-        goalPanelOpen: false
+        ...closePanels(state),
+        coordinator: { ...state.coordinator, monitorOpen: true }
       } : { ...state, coordinator: { ...state.coordinator, monitorOpen: false } };
     }
   }
@@ -9733,6 +10263,41 @@ function selectedSlashCommandLine(picker) {
   const picked = picker.matches[picker.selected];
   return picked ? `/${picked.name}` : null;
 }
+function isInputWordSeparator(ch) {
+  return ch === void 0 || /\s/.test(ch);
+}
+function previousInputWordStart(buffer, cursor) {
+  let i = Math.max(0, Math.min(cursor, buffer.length));
+  const chipAtCursor = tokenSpanAt(buffer, i);
+  if (chipAtCursor && i > chipAtCursor.start) return chipAtCursor.start;
+  while (i > 0 && isInputWordSeparator(buffer[i - 1])) i--;
+  const chipBeforeCursor = tokenSpanAt(buffer, i);
+  if (chipBeforeCursor && i === chipBeforeCursor.end) return chipBeforeCursor.start;
+  while (i > 0 && !isInputWordSeparator(buffer[i - 1])) {
+    const chip = tokenSpanAt(buffer, i - 1);
+    if (chip) {
+      i = chip.start;
+      continue;
+    }
+    i--;
+  }
+  return i;
+}
+function nextInputWordStart(buffer, cursor) {
+  let i = Math.max(0, Math.min(cursor, buffer.length));
+  const chipAtCursor = tokenSpanAt(buffer, i);
+  if (chipAtCursor && i < chipAtCursor.end) i = chipAtCursor.end;
+  else while (i < buffer.length && !isInputWordSeparator(buffer[i])) {
+    const chip = tokenSpanAt(buffer, i);
+    if (chip) {
+      i = chip.end;
+      continue;
+    }
+    i++;
+  }
+  while (i < buffer.length && isInputWordSeparator(buffer[i])) i++;
+  return i;
+}
 function rehydrateHistory(messages, startId, toolCalls) {
   const entries = [];
   let nextId = startId;
@@ -9842,6 +10407,9 @@ function App({
   subscribeCoordinatorEvents,
   onCoordinatorStart,
   onCoordinatorStop,
+  // Reserved for the coordinator monitor panel: terminal-driven task discovery/claim.
+  onCoordinatorTasks: _onCoordinatorTasks,
+  onCoordinatorClaim: _onCoordinatorClaim,
   coordinatorRunning = false,
   clientId
 }) {
@@ -10003,7 +10571,7 @@ function App({
     },
     autonomyPicker: { open: false, options: [], selected: 0 },
     resumePicker: { open: false, sessions: [], selected: 0, busy: false, hint: void 0, error: void 0 },
-    settingsPicker: { open: false, field: 0, mode: "off", delayMs: 0, titleAnimation: true, yolo: false, streamFleet: true, chime: false, confirmExit: true, nextPrediction: false, featureMcp: true, featurePlugins: true, featureMemory: true, featureSkills: true, featureModelsRegistry: true, tokenSavingTier: "off", allowOutsideProjectRoot: true, contextAutoCompact: true, contextStrategy: "hybrid", contextMode: "balanced", maxConcurrent: 10, logLevel: "info", auditLevel: "standard", indexOnStart: true, maxIterations: 500, autoProceedMaxIterations: 50, enhanceDelayMs: 6e4, enhanceEnabled: true, enhanceLanguage: "original", debugStream: false, configScope: "global" },
+    settingsPicker: { open: false, field: 0, mode: "off", delayMs: 0, titleAnimation: true, yolo: false, streamFleet: true, chime: false, confirmExit: true, nextPrediction: false, featureMcp: true, featurePlugins: true, featureMemory: true, featureSkills: true, featureModelsRegistry: true, tokenSavingTier: "off", allowOutsideProjectRoot: true, contextAutoCompact: true, contextStrategy: "hybrid", contextMode: "balanced", maxConcurrent: 10, logLevel: "info", auditLevel: "standard", indexOnStart: true, maxIterations: 500, autoProceedMaxIterations: 50, enhanceDelayMs: 6e4, enhanceEnabled: true, enhanceLanguage: "original", debugStream: false, statuslineMode: "detailed", reasoningMode: "auto", reasoningEffort: "high", reasoningPreserve: false, thinkingWord: "thinking", cacheTtl: "default", configScope: "global" },
     statuslinePicker: { open: false, field: 0, hiddenItems: [], visibleChips: [], hint: void 0 },
     projectPicker: { open: false, allItems: [], items: [], selected: 0, filter: "", hint: void 0 },
     fKeyPicker: { open: false, selected: 0 },
@@ -10137,6 +10705,8 @@ function App({
     });
   }, [agent.ctx, projectRoot]);
   const liveSettings = getSettings?.();
+  const liveStatuslineMode = liveSettings?.statuslineMode ?? "detailed";
+  const liveThinkingWord = liveSettings?.thinkingWord ?? "thinking";
   const chimeRef = useRef(chime);
   chimeRef.current = liveSettings?.chime ?? chime;
   const confirmExitRef = useRef(confirmExit);
@@ -10200,11 +10770,11 @@ function App({
     async (checkpointIndex) => {
       const sessionId = agent.ctx.session.id;
       if (!sessionId) return;
-      const rewinder = new DefaultSessionRewinder(sessionsDir ?? "", projectRoot ?? agent.ctx.cwd);
+      const rewinder = new DefaultSessionRewinder(sessionsDir ?? "", agent.ctx.projectRoot ?? agent.ctx.cwd);
       await rewinder.rewindToCheckpoint(sessionId, checkpointIndex);
       await agent.ctx.session.truncateToCheckpoint(checkpointIndex);
     },
-    [agent.ctx.session, sessionsDir, projectRoot, agent.ctx.cwd]
+    [agent.ctx.session, sessionsDir, agent.ctx.projectRoot, agent.ctx.cwd]
   );
   const setDraft = (buffer, cursor) => {
     draftRef.current = { buffer, cursor };
@@ -10501,8 +11071,8 @@ function App({
     const leaderEntry = {
       id: "leader",
       name: "LEADER",
-      provider,
-      model,
+      provider: liveProvider,
+      model: liveModel,
       status: state.status === "running" || state.status === "streaming" || state.leader.iterating ? "running" : "idle",
       streamingText: "",
       iterations: state.leader.iterations,
@@ -10521,7 +11091,7 @@ function App({
       ctxMaxTokens: state.leader.ctxMaxTokens ?? effectiveMaxContext
     };
     return { leader: leaderEntry, ...state.fleet };
-  }, [state.fleet, state.leader, state.status, provider, model, effectiveMaxContext, tokenCounter]);
+  }, [state.fleet, state.leader, state.status, liveProvider, liveModel, effectiveMaxContext, tokenCounter]);
   const [planCounts, setPlanCounts] = useState(null);
   useEffect(() => {
     const planPath = agent.ctx.meta["plan.path"];
@@ -10716,6 +11286,12 @@ function App({
             enhanceEnabled: sp.enhanceEnabled,
             enhanceLanguage: sp.enhanceLanguage,
             debugStream: sp.debugStream,
+            statuslineMode: sp.statuslineMode,
+            reasoningMode: sp.reasoningMode,
+            reasoningEffort: sp.reasoningEffort,
+            reasoningPreserve: sp.reasoningPreserve,
+            thinkingWord: sp.thinkingWord,
+            cacheTtl: sp.cacheTtl,
             configScope: sp.configScope
           });
         }
@@ -11126,6 +11702,12 @@ function App({
       enhanceEnabled: s2.enhanceEnabled ?? true,
       enhanceLanguage: s2.enhanceLanguage ?? "original",
       debugStream: s2.debugStream ?? false,
+      statuslineMode: s2.statuslineMode ?? "detailed",
+      reasoningMode: s2.reasoningMode ?? "auto",
+      reasoningEffort: s2.reasoningEffort ?? "high",
+      reasoningPreserve: s2.reasoningPreserve ?? false,
+      thinkingWord: s2.thinkingWord ?? "thinking",
+      cacheTtl: s2.cacheTtl ?? "default",
       configScope: s2.configScope ?? "global"
     });
   }, [getSettings]);
@@ -11264,6 +11846,12 @@ function App({
       enhanceEnabled: sp.enhanceEnabled,
       enhanceLanguage: sp.enhanceLanguage,
       debugStream: sp.debugStream,
+      statuslineMode: sp.statuslineMode,
+      reasoningMode: sp.reasoningMode,
+      reasoningEffort: sp.reasoningEffort,
+      reasoningPreserve: sp.reasoningPreserve,
+      thinkingWord: sp.thinkingWord,
+      cacheTtl: sp.cacheTtl,
       configScope: sp.configScope
     })).then((err) => {
       if (err) dispatch({ type: "settingsHint", text: err });
@@ -11298,6 +11886,13 @@ function App({
     state.settingsPicker.enhanceEnabled,
     state.settingsPicker.enhanceLanguage,
     state.settingsPicker.debugStream,
+    state.settingsPicker.statuslineMode,
+    state.settingsPicker.reasoningMode,
+    state.settingsPicker.reasoningEffort,
+    state.settingsPicker.reasoningPreserve,
+    state.settingsPicker.thinkingWord,
+    state.settingsPicker.cacheTtl,
+    state.settingsPicker.configScope,
     saveSettings
   ]);
   useEffect(() => {
@@ -12095,7 +12690,7 @@ function App({
         const now = Date.now();
         if (now - lastEnterAtRef.current < 50) return;
         lastEnterAtRef.current = now;
-        dispatch({ type: "settingsClose" });
+        dispatch({ type: "settingsValueChange", delta: 1 });
         return;
       }
       return;
@@ -12162,13 +12757,13 @@ function App({
         if (item.kind === "project") {
           await onProjectSelect?.(item.key, item.kind);
           dispatch({ type: "projectPickerClose" });
-          requestExit?.(42);
+          dispatch({ type: "addEntry", entry: { kind: "info", text: `Switched project: ${item.label.trim()}.` } });
           return;
         }
         dispatch({ type: "projectPickerClose" });
         if (item.key === "new-session") {
           await onProjectSelect?.(item.key, item.kind);
-          requestExit?.(42);
+          dispatch({ type: "addEntry", entry: { kind: "info", text: "Started a fresh session in this project." } });
         } else if (item.key === "prev-sessions") {
           void submit("/resume");
         }
@@ -12332,10 +12927,15 @@ function App({
       }
       if (isEnter) {
         const selected = state.fKeyPicker.selected;
-        const entry = F_KEY_ENTRIES[selected];
+        const entry = F_KEY_PANEL_ENTRIES[selected];
         if (!entry) return;
         dispatch({ type: "fKeyPickerClose" });
-        dispatch({ type: entry.action });
+        if (entry.action === "projectPickerOpen") {
+          openProjectPicker();
+          return;
+        }
+        const action = actionForFKeyPanel(entry, state.statuslinePicker.hiddenItems);
+        if (action) dispatch(action);
         return;
       }
       return;
@@ -12595,6 +13195,39 @@ function App({
       dispatch({ type: "toggleCoordinatorMonitor" });
       return;
     }
+    if (key.fn === 12) {
+      dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+      return;
+    }
+    if (state.settingsPicker.open) {
+      if (key.escape) {
+        dispatch({ type: "settingsClose" });
+        return;
+      }
+      if (key.upArrow) {
+        dispatch({ type: "settingsFieldMove", delta: -1 });
+        return;
+      }
+      if (key.downArrow) {
+        dispatch({ type: "settingsFieldMove", delta: 1 });
+        return;
+      }
+      if (key.leftArrow) {
+        dispatch({ type: "settingsValueChange", delta: -1 });
+        return;
+      }
+      if (key.rightArrow) {
+        dispatch({ type: "settingsValueChange", delta: 1 });
+        return;
+      }
+      if (isEnter) {
+        const now = Date.now();
+        if (now - lastEnterAtRef.current < 50) return;
+        lastEnterAtRef.current = now;
+        dispatch({ type: "settingsValueChange", delta: 1 });
+        return;
+      }
+    }
     if (key.ctrl && input === "s") {
       if (state.settingsPicker.open) {
         dispatch({ type: "settingsClose" });
@@ -12637,6 +13270,12 @@ function App({
           enhanceEnabled: cfg.enhanceEnabled ?? true,
           enhanceLanguage: cfg.enhanceLanguage ?? "original",
           debugStream: cfg.debugStream ?? false,
+          statuslineMode: cfg.statuslineMode ?? "detailed",
+          reasoningMode: cfg.reasoningMode ?? "auto",
+          reasoningEffort: cfg.reasoningEffort ?? "high",
+          reasoningPreserve: cfg.reasoningPreserve ?? false,
+          thinkingWord: cfg.thinkingWord ?? "thinking",
+          cacheTtl: cfg.cacheTtl ?? "default",
           configScope: cfg.configScope ?? "global"
         });
       }
@@ -12724,10 +13363,18 @@ function App({
     if (key.backspace) {
       if (key.ctrl) {
         if (cursor === 0) return;
-        const beforeCursor = buffer.slice(0, cursor);
-        const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;
-        const next3 = beforeCursor.slice(0, lastWordStart) + buffer.slice(cursor);
-        setDraft(next3, lastWordStart);
+        const chip = tokenSpanAt(buffer, cursor);
+        const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : previousInputWordStart(buffer, cursor);
+        const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : cursor;
+        const next3 = buffer.slice(0, deleteStart) + buffer.slice(deleteEnd);
+        if (nextStepsAutoSubmitTimerRef.current != null) {
+          clearInterval(nextStepsAutoSubmitTimerRef.current);
+          nextStepsAutoSubmitTimerRef.current = void 0;
+          setNextStepsAutoSubmitCountdown(null);
+          setNextStepsAutoSubmitLabel(null);
+          nextStepsAutoSubmitSuggestionRef.current = null;
+        }
+        setDraft(next3, deleteStart);
         return;
       }
       const tokenDel = deleteTokenBackward(buffer, cursor);
@@ -12750,17 +13397,18 @@ function App({
     if (key.delete) {
       if (key.ctrl) {
         if (cursor >= buffer.length) return;
-        const afterCursor = buffer.slice(cursor);
-        const nextWordStart = afterCursor.indexOf(" ");
-        const end = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
-        const next3 = buffer.slice(0, cursor) + buffer.slice(end);
+        const chip = tokenSpanAt(buffer, cursor);
+        const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : cursor;
+        const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : nextInputWordStart(buffer, cursor);
+        const next3 = buffer.slice(0, deleteStart) + buffer.slice(deleteEnd);
         if (nextStepsAutoSubmitTimerRef.current != null) {
           clearInterval(nextStepsAutoSubmitTimerRef.current);
           nextStepsAutoSubmitTimerRef.current = void 0;
           setNextStepsAutoSubmitCountdown(null);
+          setNextStepsAutoSubmitLabel(null);
           nextStepsAutoSubmitSuggestionRef.current = null;
         }
-        setDraft(next3, cursor);
+        setDraft(next3, deleteStart);
         return;
       }
       if (cursor >= buffer.length) return;
@@ -12778,11 +13426,7 @@ function App({
     }
     if (key.leftArrow) {
       if (key.ctrl) {
-        if (cursor === 0) return;
-        const beforeCursor = buffer.slice(0, cursor);
-        const prevWordStart = beforeCursor.lastIndexOf(" ");
-        const target = prevWordStart === -1 ? 0 : prevWordStart + 1;
-        setDraft(buffer, target);
+        setDraft(buffer, previousInputWordStart(buffer, cursor));
         return;
       }
       if (cursor > 0) setDraft(buffer, cursor - 1);
@@ -12790,11 +13434,7 @@ function App({
     }
     if (key.rightArrow) {
       if (key.ctrl) {
-        if (cursor >= buffer.length) return;
-        const afterCursor = buffer.slice(cursor);
-        const nextWordStart = afterCursor.indexOf(" ");
-        const target = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
-        setDraft(buffer, target);
+        setDraft(buffer, nextInputWordStart(buffer, cursor));
         return;
       }
       if (cursor < buffer.length) setDraft(buffer, cursor + 1);
@@ -13562,6 +14202,7 @@ User message:
   );
   const inputHeight = Math.max(1, inputCellRows.length);
   const hideInput = enhanceActive || state.helpOpen || state.processListOpen;
+  const lowerFunctionPanelOpen = state.monitorOpen || state.agentsMonitorOpen || (state.autoPhase?.monitorOpen ?? false) || state.worktreeMonitorOpen || state.planPanelOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     mouseMode ? /* @__PURE__ */ jsx(
       ScrollableHistory,
@@ -13676,12 +14317,18 @@ User message:
           logLevel: state.settingsPicker.logLevel,
           auditLevel: state.settingsPicker.auditLevel,
           indexOnStart: state.settingsPicker.indexOnStart,
+          thinkingWord: state.settingsPicker.thinkingWord,
           maxIterations: state.settingsPicker.maxIterations,
           autoProceedMaxIterations: state.settingsPicker.autoProceedMaxIterations,
           enhanceDelayMs: state.settingsPicker.enhanceDelayMs,
           enhanceEnabled: state.settingsPicker.enhanceEnabled,
           enhanceLanguage: state.settingsPicker.enhanceLanguage,
           debugStream: state.settingsPicker.debugStream,
+          statuslineMode: state.settingsPicker.statuslineMode,
+          reasoningMode: state.settingsPicker.reasoningMode,
+          reasoningEffort: state.settingsPicker.reasoningEffort,
+          reasoningPreserve: state.settingsPicker.reasoningPreserve,
+          cacheTtl: state.settingsPicker.cacheTtl,
           configScope: state.settingsPicker.configScope,
           hint: state.settingsPicker.hint
         }
@@ -13841,6 +14488,7 @@ User message:
           model: `${liveProvider}/${liveModel}`,
           version: appVersion,
           state: state.status,
+          thinkingWord: liveThinkingWord,
           tokenCounter,
           hint: renderRunningTools(state.runningTools) || state.hint,
           queueCount: state.queue.length,
@@ -13860,6 +14508,7 @@ User message:
           subagentCount: Object.keys(state.fleet).length,
           processCount: getProcessRegistry().activeCount,
           hiddenItems,
+          mode: liveStatuslineMode,
           visibleChips: state.statuslinePicker.visibleChips,
           events,
           eternalStage: state.eternalStage,
@@ -13896,7 +14545,8 @@ User message:
             totalCost: state.fleetCost,
             leaderCost: tokenCounter?.estimateCost().total ?? 0,
             totalTokens: state.fleetTokens,
-            nowTick
+            nowTick,
+            onClose: () => dispatch({ type: "toggleAgentsMonitor" })
           }
         ) : state.autoPhase?.monitorOpen ? /* @__PURE__ */ jsx(
           PhaseMonitor,
@@ -13924,6 +14574,21 @@ User message:
             nowTick,
             collabSession: state.collabSession
           }
+        ) : state.planPanelOpen ? /* @__PURE__ */ jsx(
+          PlanPanel,
+          {
+            projectRoot: agent.ctx.projectRoot,
+            sessionId: agent.ctx.session?.id ?? null,
+            onClose: () => dispatch({ type: "togglePlanPanel" })
+          }
+        ) : state.queuePanelOpen ? /* @__PURE__ */ jsx(QueuePanel, { items: state.queue }) : state.processListOpen ? /* @__PURE__ */ jsx(ProcessListMonitor, {}) : state.goalPanelOpen ? /* @__PURE__ */ jsx(
+          GoalPanel,
+          {
+            goal: state.goalSummary,
+            onCoordinatorStart: onCoordinatorStart ?? void 0,
+            onCoordinatorStop: onCoordinatorStop ?? void 0,
+            coordinatorRunning
+          }
         ) : director ? /* @__PURE__ */ jsx(
           FleetPanel,
           {
@@ -13933,7 +14598,7 @@ User message:
             collabSession: state.collabSession
           }
         ) : null,
-        state.autoPhase && !state.autoPhase.monitorOpen ? /* @__PURE__ */ jsx(
+        state.autoPhase && !lowerFunctionPanelOpen ? /* @__PURE__ */ jsx(
           PhasePanel,
           {
             phases: state.autoPhase.phases,
@@ -13941,26 +14606,7 @@ User message:
             nowTick
           }
         ) : null,
-        Object.keys(state.worktrees).length > 0 && !state.worktreeMonitorOpen && !state.monitorOpen ? /* @__PURE__ */ jsx(WorktreePanel, { worktrees: state.worktrees, nowTick }) : null,
-        state.queuePanelOpen ? /* @__PURE__ */ jsx(QueuePanel, { items: state.queue }) : null,
-        state.processListOpen ? /* @__PURE__ */ jsx(ProcessListMonitor, {}) : null,
-        state.planPanelOpen ? /* @__PURE__ */ jsx(
-          PlanPanel,
-          {
-            projectRoot,
-            sessionId: agent.ctx.session?.id ?? null,
-            onClose: () => dispatch({ type: "togglePlanPanel" })
-          }
-        ) : null,
-        state.goalPanelOpen ? /* @__PURE__ */ jsx(
-          GoalPanel,
-          {
-            goal: state.goalSummary,
-            onCoordinatorStart: onCoordinatorStart ?? void 0,
-            onCoordinatorStop: onCoordinatorStop ?? void 0,
-            coordinatorRunning
-          }
-        ) : null,
+        Object.keys(state.worktrees).length > 0 && !lowerFunctionPanelOpen ? /* @__PURE__ */ jsx(WorktreePanel, { worktrees: state.worktrees, nowTick }) : null,
         (() => {
           const anyMonitorOpen = state.agentsMonitorOpen || (state.autoPhase?.monitorOpen ?? false) || state.worktreeMonitorOpen || state.todosMonitorOpen || state.monitorOpen || state.processListOpen || state.queuePanelOpen || state.goalPanelOpen;
           let nextPanelHint;
@@ -14208,7 +14854,9 @@ async function runTui(opts) {
     if (!opts.projectRoot) return null;
     try {
       const projectDir = resolveProjectDir(opts.projectRoot, wstackGlobalRoot());
-      const mailbox = new GlobalMailbox(projectDir, opts.events);
+      const hqPublisher = createHqPublisherFromEnv({ clientKind: "tui", projectRoot: opts.projectRoot, projectName: path5.basename(opts.projectRoot), appConfig: opts.appConfig });
+      hqPublisher?.connect();
+      const mailbox = new GlobalMailbox(projectDir, opts.events, hqPublisher);
       const clientId = `tui@${randomUUID().slice(0, 8)}`;
       await mailbox.registerClient({
         clientId,
@@ -14360,7 +15008,12 @@ async function runTui(opts) {
           subscribeCoordinatorEvents: opts.subscribeCoordinatorEvents,
           onPanelOpen: opts.onPanelOpen,
           onCoordinatorStart: opts.onCoordinatorStart,
-          onCoordinatorStop: opts.onCoordinatorStop
+          onCoordinatorStop: opts.onCoordinatorStop,
+          onCoordinatorTasks: opts.onCoordinatorTasks,
+          onCoordinatorClaim: opts.onCoordinatorClaim,
+          onCoordinatorComplete: opts.onCoordinatorComplete,
+          onCoordinatorFail: opts.onCoordinatorFail,
+          onCoordinatorStatus: opts.onCoordinatorStatus
         }),
         { exitOnCtrlC: false, stdin: inkStdin }
       );