@wrongstack/tui 0.267.0 → 0.268.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,6 +88,13 @@ var Box = forwardRef(function Box2({ borderColor, backgroundColor, ...rest }, re
     }
   );
 });
+function snapshotTokenCounter(tokenCounter) {
+  return {
+    usage: tokenCounter.total(),
+    cost: tokenCounter.estimateCost(),
+    cacheStats: tokenCounter.cacheStats()
+  };
+}
 function useTokenCounterRefresh(tokenCounter, events) {
   const [data, setData] = useState(
     () => tokenCounter ? {
@@ -97,13 +104,15 @@ function useTokenCounterRefresh(tokenCounter, events) {
     } : 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]);
@@ -175,6 +184,7 @@ function StatusBar({
   context,
   contextStrategy,
   hiddenItems,
+  mode = "detailed",
   events,
   eternalStage,
   goalSummary,
@@ -238,6 +248,68 @@ 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,
+          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 +362,8 @@ function StatusBar({
                   renderMeter(clampedRatio, 8),
                   " ",
                   pctText,
+                  "/",
+                  fmtTok(context.max),
                   contextStrategy ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
                     " [",
                     contextStrategy,
@@ -1151,6 +1225,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 +1263,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 +1287,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 +1395,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 +1411,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 +1434,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 +2167,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",
+    helpDescription: "project switcher (also /project)"
+  },
+  {
+    key: 2,
+    label: "Fleet orchestration monitor",
+    action: "toggleMonitor",
+    helpKeys: "Ctrl+F / F2",
+    helpDescription: "fleet orchestration monitor"
+  },
+  {
+    key: 3,
+    label: "Agents live monitor",
+    action: "toggleAgentsMonitor",
+    helpKeys: "Ctrl+G / F3",
+    helpDescription: "agents live monitor"
+  },
+  {
+    key: 4,
+    label: "Worktree monitor",
+    action: "toggleWorktreeMonitor",
+    helpKeys: "Ctrl+T / F4",
+    helpDescription: "worktree monitor"
+  },
+  {
+    key: 5,
+    label: "Plan panel",
+    action: "togglePlanPanel",
+    helpKeys: "F5",
+    helpDescription: "plan panel"
+  },
+  {
+    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",
+    helpDescription: "live sessions panel"
+  },
+  {
+    key: 11,
+    label: "Coordinator monitor",
+    action: "toggleCoordinatorMonitor",
+    helpKeys: "F11",
+    helpDescription: "coordinator monitor"
+  },
+  {
+    key: 12,
+    label: "Status line picker",
+    action: "statuslineOpen",
+    helpKeys: "F12",
+    helpDescription: "status line picker"
+  }
 ];
+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" : " ";
@@ -2006,36 +2397,6 @@ function MailboxPanel({
     /* @__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 };
-}
 function helpSections() {
   const nav = [];
   nav.push(
@@ -2047,16 +2408,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" }
       ]
     },
@@ -6162,6 +6517,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 +6555,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 = 34;
 var CONFIG_SCOPES = ["global", "project"];
 function SettingsPicker({
   field,
@@ -6224,6 +6587,11 @@ function SettingsPicker({
   enhanceEnabled,
   enhanceLanguage,
   debugStream,
+  statuslineMode,
+  reasoningMode,
+  reasoningEffort,
+  reasoningPreserve,
+  cacheTtl,
   configScope,
   hint
 }) {
@@ -6378,6 +6746,28 @@ function SettingsPicker({
       value: enhanceLanguage,
       detail: "original (keep language) | english (translate)"
     },
+    // ── Reasoning ──
+    { section: "Reasoning" },
+    {
+      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)"
+    },
     // ── Debug ──
     { section: "Debug" },
     {
@@ -6385,6 +6775,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,
@@ -8262,6 +8657,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 +8944,7 @@ function reducer(state, action) {
     case "modelPickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         modelPicker: {
           open: true,
           step: "provider",
@@ -8616,6 +9032,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 +9057,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 +9087,7 @@ function reducer(state, action) {
     case "settingsOpen":
       return {
         ...state,
+        ...closePanels(state),
         settingsPicker: {
           open: true,
           field: 0,
@@ -8700,6 +9119,11 @@ 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,
+          cacheTtl: action.cacheTtl,
           configScope: action.configScope,
           hint: void 0
         }
@@ -8813,11 +9237,36 @@ function reducer(state, action) {
       }
       if (f === 27) return { ...state, settingsPicker: { ...sp, debugStream: !sp.debugStream, hint: void 0 } };
       if (f === 28) {
+        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 === 29) {
         const i = CONFIG_SCOPES.indexOf(sp.configScope);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + CONFIG_SCOPES.length) % CONFIG_SCOPES.length;
         return { ...state, settingsPicker: { ...sp, configScope: expectDefined$1(CONFIG_SCOPES[next]), hint: void 0 } };
       }
+      if (f === 30) {
+        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 === 31) {
+        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 === 32) return { ...state, settingsPicker: { ...sp, reasoningPreserve: !sp.reasoningPreserve, hint: void 0 } };
+      if (f === 33) {
+        const i = CACHE_TTLS.indexOf(sp.cacheTtl);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + CACHE_TTLS.length) % CACHE_TTLS.length;
+        return { ...state, settingsPicker: { ...sp, cacheTtl: expectDefined$1(CACHE_TTLS[next]), hint: void 0 } };
+      }
       return state;
     }
     case "settingsHint":
@@ -8826,6 +9275,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 +9331,7 @@ function reducer(state, action) {
     case "projectPickerOpen":
       return {
         ...state,
+        ...closePanels(state),
         projectPicker: {
           open: true,
           allItems: action.items,
@@ -8921,7 +9372,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 +9717,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 +9831,14 @@ function reducer(state, action) {
     }
     case "autoPhaseMonitorToggle": {
       if (!state.autoPhase) return state;
-      return {
+      const opening = !state.autoPhase.monitorOpen;
+      return opening ? {
         ...state,
-        autoPhase: { ...state.autoPhase, monitorOpen: !state.autoPhase.monitorOpen }
+        ...closePanels(state),
+        autoPhase: { ...state.autoPhase, monitorOpen: true }
+      } : {
+        ...state,
+        autoPhase: { ...state.autoPhase, monitorOpen: false }
       };
     }
     case "autoPhaseReset": {
@@ -9414,7 +9870,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 +10066,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 +10172,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 } };
     }
   }
@@ -9842,6 +10293,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 +10457,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, 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 +10591,7 @@ function App({
     });
   }, [agent.ctx, projectRoot]);
   const liveSettings = getSettings?.();
+  const liveStatuslineMode = liveSettings?.statuslineMode ?? "detailed";
   const chimeRef = useRef(chime);
   chimeRef.current = liveSettings?.chime ?? chime;
   const confirmExitRef = useRef(confirmExit);
@@ -10200,11 +10655,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 +10956,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 +10976,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 +11171,11 @@ function App({
             enhanceEnabled: sp.enhanceEnabled,
             enhanceLanguage: sp.enhanceLanguage,
             debugStream: sp.debugStream,
+            statuslineMode: sp.statuslineMode,
+            reasoningMode: sp.reasoningMode,
+            reasoningEffort: sp.reasoningEffort,
+            reasoningPreserve: sp.reasoningPreserve,
+            cacheTtl: sp.cacheTtl,
             configScope: sp.configScope
           });
         }
@@ -11126,6 +11586,11 @@ 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,
+      cacheTtl: s2.cacheTtl ?? "default",
       configScope: s2.configScope ?? "global"
     });
   }, [getSettings]);
@@ -11264,6 +11729,11 @@ function App({
       enhanceEnabled: sp.enhanceEnabled,
       enhanceLanguage: sp.enhanceLanguage,
       debugStream: sp.debugStream,
+      statuslineMode: sp.statuslineMode,
+      reasoningMode: sp.reasoningMode,
+      reasoningEffort: sp.reasoningEffort,
+      reasoningPreserve: sp.reasoningPreserve,
+      cacheTtl: sp.cacheTtl,
       configScope: sp.configScope
     })).then((err) => {
       if (err) dispatch({ type: "settingsHint", text: err });
@@ -11298,6 +11768,11 @@ 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.cacheTtl,
     saveSettings
   ]);
   useEffect(() => {
@@ -12162,13 +12637,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 +12807,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 +13075,10 @@ function App({
       dispatch({ type: "toggleCoordinatorMonitor" });
       return;
     }
+    if (key.fn === 12) {
+      dispatch({ type: "statuslineOpen", hiddenItems: state.statuslinePicker.hiddenItems });
+      return;
+    }
     if (key.ctrl && input === "s") {
       if (state.settingsPicker.open) {
         dispatch({ type: "settingsClose" });
@@ -12637,6 +13121,11 @@ 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,
+          cacheTtl: cfg.cacheTtl ?? "default",
           configScope: cfg.configScope ?? "global"
         });
       }
@@ -13562,6 +14051,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,
@@ -13682,6 +14172,11 @@ User message:
           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
         }
@@ -13860,6 +14355,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 +14392,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 +14421,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 +14445,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 +14453,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 +14701,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 +14855,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 }
       );