@wrongstack/tui 0.32.0 → 0.51.3

package/dist/index.js

@@ -1,10 +1,10 @@
 import { Readable } from 'stream';
+import { writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, buildChildEnv } from '@wrongstack/core';
+export { buildGoalPreamble } from '@wrongstack/core';
 import { Box, Text, render, useApp, useStdout, measureElement, Static, useInput, useStdin } from 'ink';
 import React4, { useState, useEffect, useReducer, useRef, useMemo, useCallback, useLayoutEffect } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
-import { InputBuilder, DefaultSessionRewinder, formatTodosList, buildGoalPreamble, buildChildEnv } from '@wrongstack/core';
-export { buildGoalPreamble } from '@wrongstack/core';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
 import { getProcessRegistry } from '@wrongstack/tools';
 import { readClipboardImage } from '@wrongstack/runtime/clipboard';
@@ -54,6 +54,7 @@ function StatusBar({
   git,
   subagentCount = 0,
   context,
+  brain,
   projectName,
   processCount,
   hiddenItems,
@@ -79,7 +80,8 @@ function StatusBar({
   const { label: stateLabel, color: stateColor } = stateChip(state, fleet?.running ?? 0);
   const hasSecondLine = yolo || autonomy && autonomy !== "off" || elapsedMs !== void 0 || git !== null && git !== void 0 || projectName !== void 0 && projectName.length > 0 || goalSummary !== null && goalSummary !== void 0;
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
-  const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity;
+  const hasBrainActivity = !!brain && brain.state !== "idle";
+  const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity || hasBrainActivity;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -316,6 +318,10 @@ function StatusBar({
               " agent",
               subagentCount === 1 ? "" : "s"
             ] })
+          ] }) : null,
+          hasBrainActivity && brain ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
+            /* @__PURE__ */ jsx(BrainChip, { brain })
           ] }) : null
         ] }) : null,
         fleetAgents && fleetAgents.length > 0 ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: fleetAgents.map((a, i) => (
@@ -348,6 +354,18 @@ function StatusBar({
     }
   );
 }
+function BrainChip({ brain }) {
+  const color = brain.state === "denied" ? "red" : brain.state === "ask_human" ? "yellow" : brain.state === "deciding" ? "magenta" : "cyan";
+  const label = brain.state === "deciding" ? "deciding" : brain.state === "ask_human" ? "human" : brain.state;
+  const scope = brain.source ? ` ${brain.source}` : "";
+  const summary = brain.summary ? ` \xB7 ${brain.summary.slice(0, 40)}` : "";
+  return /* @__PURE__ */ jsxs(Text, { color, children: [
+    "\u{1F9E0} ",
+    label,
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: scope }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: summary })
+  ] });
+}
 function EternalStageChip({
   stage
 }) {
@@ -376,6 +394,25 @@ function EternalStageChip({
           ]
         }
       );
+    case "decompose":
+      return /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2B07 decompose" });
+    case "fanout":
+      return /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
+        "\u21C4 fanout: ",
+        stage.slots
+      ] });
+    case "await":
+      return /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
+        "\u23F3 await: ",
+        stage.taskIds.length
+      ] });
+    case "aggregate":
+      return /* @__PURE__ */ jsxs(Text, { color: stage.goalComplete ? "green" : "magenta", children: [
+        "\u21A9 aggregate: ",
+        stage.successCount,
+        "/",
+        stage.total
+      ] });
     case "sleep":
       return /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "\u{1F4A4} sleep ",
@@ -526,6 +563,11 @@ function fmtCost(n) {
   if (n === 0) return "\u2014";
   return `$${n.toFixed(3)}`;
 }
+function fmtModelLabel(provider, model) {
+  if (!model && !provider) return "";
+  const short = model ? model.includes("/") ? model.slice(model.lastIndexOf("/") + 1) : model : "?";
+  return provider ? `${provider}:${short}` : short;
+}
 function FleetMonitor({
   entries,
   totalCost,
@@ -598,7 +640,7 @@ function FleetMonitor({
         "\u2717",
         failed
       ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Ctrl+F to close" })
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Ctrl+F / F2 to close" })
     ] }),
     collabSession ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -658,20 +700,24 @@ function FleetMonitor({
     shown.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "name".padEnd(16) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "status".padEnd(10) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "L/t".padEnd(8) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "name".padEnd(14) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "model".padEnd(18) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "status".padEnd(9) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "L/t\xB7ctx".padEnd(12) }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "elapsed".padEnd(8) }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cost" })
       ] }),
       shown.map((e) => {
         const s2 = STATUS[e.status];
         const elapsed = e.status === "running" ? fmtElapsed(Math.max(0, nowTick - e.startedAt)) : fmtElapsed(Math.max(0, nowTick - e.lastEventAt)) + " ago";
+        const model = fmtModelLabel(e.provider, e.model) || "\u2014";
+        const ltCtx = e.ctxPct !== void 0 ? `L${e.iterations} ${e.toolCalls}t ${Math.round(e.ctxPct * 100)}%` : `L${e.iterations} ${e.toolCalls}t`;
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
-          /* @__PURE__ */ jsx(Text, { children: e.name.padEnd(16).slice(0, 16) }),
-          /* @__PURE__ */ jsx(Text, { color: s2.color, children: e.status.padEnd(10) }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `L${e.iterations} ${e.toolCalls}t`.padEnd(8) }),
+          /* @__PURE__ */ jsx(Text, { children: e.name.padEnd(14).slice(0, 14) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: model.padEnd(18).slice(0, 18) }),
+          /* @__PURE__ */ jsx(Text, { color: s2.color, children: e.status.padEnd(9) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: ltCtx.padEnd(12).slice(0, 12) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed.padEnd(8).slice(0, 8) }),
           /* @__PURE__ */ jsx(Text, { color: "yellow", children: fmtCost(e.cost) }),
           e.extensions && e.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
@@ -725,6 +771,9 @@ function fmtTokens2(n) {
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
   return `${(n / 1e6).toFixed(1)}M`;
 }
+function fmtExactTokens(n) {
+  return `${Math.round(n).toLocaleString("en-US")} tok`;
+}
 function snippet(s2, max = 72) {
   const oneLine2 = s2.replace(/\s+/g, " ").trim();
   if (oneLine2.length <= max) return oneLine2;
@@ -786,7 +835,7 @@ function AgentsMonitor({
         "\u2717",
         totalFailed
       ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Ctrl+G to close" })
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Ctrl+G / F3 to close" })
     ] }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "shown" }),
@@ -821,6 +870,11 @@ function AgentsMonitor({
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
           /* @__PURE__ */ jsx(Text, { bold: true, children: e.name }),
+          fmtModelLabel(e.provider, e.model) ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: fmtModelLabel(e.provider, e.model) }) : null,
+          e.ctxMaxTokens && e.ctxMaxTokens > 0 ? /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+            "ctx max ",
+            fmtExactTokens(e.ctxMaxTokens)
+          ] }) : null,
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
@@ -831,6 +885,10 @@ function AgentsMonitor({
             e.toolCalls,
             "t"
           ] }),
+          e.ctxPct !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+            /* @__PURE__ */ jsx(ContextBar, { pct: e.ctxPct, tokens: e.ctxTokens, maxTokens: e.ctxMaxTokens })
+          ] }) : null,
           e.extensions && e.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
             "\u26A1\xD7",
             e.extensions
@@ -877,11 +935,7 @@ function AgentsMonitor({
         e.failureReason && e.status !== "success" ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
           "\u2717 ",
           e.failureReason
-        ] }) }) : null,
-        e.ctxPct !== void 0 ? /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "ctx " }),
-          /* @__PURE__ */ jsx(ContextBar, { pct: e.ctxPct, tokens: e.ctxTokens, maxTokens: e.ctxMaxTokens })
-        ] }) : null
+        ] }) }) : null
       ] }, e.id);
     })
   ] });
@@ -942,6 +996,92 @@ function AutonomyPicker({
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
+function riskColor(risk) {
+  switch (risk) {
+    case "low":
+      return "green";
+    case "medium":
+      return "cyan";
+    case "high":
+      return "yellow";
+    case "critical":
+      return "red";
+    default:
+      return "white";
+  }
+}
+function optionKey(index) {
+  return String.fromCharCode("A".charCodeAt(0) + index);
+}
+function contextLines(context) {
+  if (!context?.trim()) return [];
+  return context.trim().split("\n").slice(0, 5);
+}
+function BrainDecisionPrompt({
+  requestId,
+  source,
+  risk,
+  question,
+  context,
+  options = [],
+  onAnswer
+}) {
+  const color = riskColor(risk);
+  const ctx = contextLines(context);
+  useInput((input, key) => {
+    if (!onAnswer) return;
+    if (key.escape || input.toLowerCase() === "d") {
+      onAnswer({ id: requestId, deny: true, text: "Denied by human from TUI." });
+      return;
+    }
+    const ch = input.toLowerCase();
+    const index = ch >= "a" && ch <= "z" ? ch.charCodeAt(0) - "a".charCodeAt(0) : Number(ch) - 1;
+    const option = Number.isInteger(index) && index >= 0 ? options[index] : void 0;
+    if (option) onAnswer({ id: requestId, optionId: option.id, text: option.label });
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "\u{1F9E0} BRAIN REQUIRES HUMAN DECISION" }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Source:" }),
+      /* @__PURE__ */ jsx(Text, { children: source }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Risk:" }),
+      /* @__PURE__ */ jsx(Text, { color, children: risk })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { color: "white", children: question }),
+    ctx.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Context:" }),
+      ctx.map((line, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: context lines are static for this prompt render
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: line }, index)
+      ))
+    ] }) : null,
+    options.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Options:" }),
+      options.slice(0, 6).map((option, index) => {
+        const key = optionKey(index);
+        const optionColor = riskColor(String(option.risk ?? risk));
+        return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs(Text, { children: [
+            /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
+              "[",
+              key,
+              "]"
+            ] }),
+            " ",
+            /* @__PURE__ */ jsx(Text, { color: optionColor, children: option.label }),
+            option.recommended ? /* @__PURE__ */ jsx(Text, { color: "green", children: " recommended" }) : null
+          ] }),
+          option.consequence ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            " ",
+            option.consequence
+          ] }) : null
+        ] }, option.id);
+      })
+    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press A/B/C or 1/2/3 to answer; Esc or D denies with the safe default." })
+  ] });
+}
 function CheckpointTimeline({
   checkpoints,
   selected,
@@ -1041,7 +1181,7 @@ function ConfirmPrompt({
   onDecision
 }) {
   React4.useEffect(() => {
-    process.stdout.write("\x07");
+    writeOut("\x07");
   }, []);
   useInput((input2, _key) => {
     if (!input2 || input2 === "\r" || input2 === "\n") return;
@@ -1182,9 +1322,9 @@ function helpSections(opts) {
     {
       title: "Monitors",
       entries: [
-        { keys: "Ctrl+F", desc: "fleet orchestration monitor" },
-        { keys: "Ctrl+G", desc: "agents live monitor" },
-        { keys: "Ctrl+T", desc: "worktree monitor" },
+        { keys: "Ctrl+F / F2", desc: "fleet orchestration monitor" },
+        { keys: "Ctrl+G / F3", desc: "agents live monitor" },
+        { keys: "Ctrl+T / F4", desc: "worktree monitor" },
         { keys: "Esc", desc: "close the open monitor / overlay" }
       ]
     },
@@ -2308,6 +2448,30 @@ function DiffBlock({ rows, hidden }) {
     hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `${blank}  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"}` }) : null
   ] });
 }
+function brainStatusStyle(status) {
+  switch (status) {
+    case "thinking":
+      return { icon: "\u2026", color: "magenta" };
+    case "answered":
+      return { icon: "\u2696", color: "cyan" };
+    case "ask_human":
+      return { icon: "?", color: "yellow" };
+    case "denied":
+      return { icon: "\xD7", color: "red" };
+  }
+}
+function brainRiskColor(risk) {
+  switch (risk) {
+    case "low":
+      return "green";
+    case "medium":
+      return "cyan";
+    case "high":
+      return "yellow";
+    case "critical":
+      return "red";
+  }
+}
 var Entry = React4.memo(function Entry2({
   entry,
   termWidth
@@ -2440,6 +2604,38 @@ var Entry = React4.memo(function Entry2({
       );
     case "turn-summary":
       return /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.text });
+    case "brain": {
+      const statusStyle = brainStatusStyle(entry.status);
+      const riskColor2 = brainRiskColor(entry.risk);
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          marginY: 1,
+          borderStyle: "single",
+          borderTop: false,
+          borderRight: false,
+          borderBottom: false,
+          borderColor: "magenta",
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "BRAIN" }),
+              /* @__PURE__ */ jsx(Text, { color: statusStyle.color, children: statusStyle.icon }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.source }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+              /* @__PURE__ */ jsx(Text, { color: riskColor2, children: entry.risk })
+            ] }),
+            /* @__PURE__ */ jsx(Text, { color: "white", children: entry.question }),
+            entry.decision ? /* @__PURE__ */ jsxs(Text, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Decision: " }),
+              /* @__PURE__ */ jsx(Text, { color: statusStyle.color, children: entry.decision })
+            ] }) : null,
+            entry.rationale ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.rationale }) : null
+          ]
+        }
+      );
+    }
     case "confirm":
       return /* @__PURE__ */ jsxs(
         Box,
@@ -3181,6 +3377,42 @@ function truncMid(s2, max) {
   return `${s2.slice(0, max - 1)}\u2026`;
 }
 
+// src/fn-keys.ts
+function fnKey(data) {
+  switch (data) {
+    case "\x1BOP":
+    case "\x1B[11~":
+      return 1;
+    case "\x1BOQ":
+    case "\x1B[12~":
+      return 2;
+    case "\x1BOR":
+    case "\x1B[13~":
+      return 3;
+    case "\x1BOS":
+    case "\x1B[14~":
+      return 4;
+    case "\x1B[15~":
+      return 5;
+    case "\x1B[17~":
+      return 6;
+    case "\x1B[18~":
+      return 7;
+    case "\x1B[19~":
+      return 8;
+    case "\x1B[20~":
+      return 9;
+    case "\x1B[21~":
+      return 10;
+    case "\x1B[23~":
+      return 11;
+    case "\x1B[24~":
+      return 12;
+    default:
+      return null;
+  }
+}
+
 // src/input-tokens.ts
 var INLINE_TOKEN_SRC = "\\[(?:pasted|image|file) #\\d+[^\\]]*\\]|\\[file:[^\\]]+\\]";
 var AT_END = new RegExp(`(?:${INLINE_TOKEN_SRC})$`);
@@ -3375,9 +3607,18 @@ function Input({
   useEffect(() => {
     if (!stdin || disabled) return;
     const handleData = (data) => {
-      const kind = isHomeEnd(data.toString());
-      if (kind === "home") onKey("", { ...EMPTY_KEY, home: true });
-      else if (kind === "end") onKey("", { ...EMPTY_KEY, end: true });
+      const s2 = data.toString();
+      const kind = isHomeEnd(s2);
+      if (kind === "home") {
+        onKey("", { ...EMPTY_KEY, home: true });
+        return;
+      }
+      if (kind === "end") {
+        onKey("", { ...EMPTY_KEY, end: true });
+        return;
+      }
+      const fn = fnKey(s2);
+      if (fn !== null) onKey("", { ...EMPTY_KEY, fn });
     };
     stdin.on("data", handleData);
     return () => {
@@ -3974,7 +4215,7 @@ function WorktreeMonitor({
           failed
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Ctrl+T / Esc to close" })
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Ctrl+T / F4 / Esc to close" })
     ] }),
     list.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No worktrees. They appear when AutoPhase runs with isolation on." }) : list.map((w) => {
       const s2 = fmt(w.status);
@@ -4519,6 +4760,21 @@ function reducer(state, action) {
       return { ...state, interrupts: 0 };
     case "hint":
       return { ...state, hint: action.text };
+    case "brainStatus":
+      return {
+        ...state,
+        brain: {
+          state: action.state,
+          source: action.source,
+          risk: action.risk,
+          summary: action.summary,
+          updatedAt: Date.now()
+        }
+      };
+    case "brainPromptSet":
+      return { ...state, brainPrompt: action.prompt };
+    case "brainPromptClear":
+      return { ...state, brainPrompt: null };
     case "pickerOpen":
       return {
         ...state,
@@ -5479,6 +5735,7 @@ function App({
   const { exit } = useApp();
   const [liveModel, setLiveModel] = useState(model);
   const [liveProvider, setLiveProvider] = useState(provider ?? "agent");
+  const [activeMaxContext, setActiveMaxContext] = useState(effectiveMaxContext);
   const [yoloLive, setYoloLive] = useState(yolo);
   const [autonomyLive, setAutonomyLive] = useState(getAutonomy?.() ?? "off");
   const [hiddenItems, setHiddenItems] = useState(statuslineHiddenItems);
@@ -5547,6 +5804,8 @@ function App({
     steeringPending: false,
     steerSnapshot: null,
     hint: "",
+    brain: { state: "idle" },
+    brainPrompt: null,
     nextId: 1,
     picker: { open: false, query: "", matches: [], selected: 0 },
     slashPicker: { open: false, query: "", matches: [], selected: 0 },
@@ -5888,7 +6147,7 @@ function App({
       clearInterval(t);
     };
   }, [agent.ctx.cwd]);
-  const maxContext = effectiveMaxContext ?? agent.ctx.provider.capabilities.maxContext;
+  const maxContext = activeMaxContext ?? agent.ctx.provider.capabilities.maxContext;
   const currentContextTokens = (tokenCounter?.currentRequestTokens()?.input ?? 0) + (tokenCounter?.currentRequestTokens()?.cacheRead ?? 0);
   const contextWindow = useMemo(() => {
     void state.contextChipVersion;
@@ -5934,10 +6193,10 @@ function App({
       currentTool: state.leader.currentTool,
       ctxPct: state.leader.ctxPct,
       ctxTokens: state.leader.ctxTokens,
-      ctxMaxTokens: state.leader.ctxMaxTokens
+      ctxMaxTokens: state.leader.ctxMaxTokens ?? effectiveMaxContext
     };
     return { leader: leaderEntry, ...state.fleet };
-  }, [state.fleet, state.leader, state.status, provider, model]);
+  }, [state.fleet, state.leader, state.status, provider, model, effectiveMaxContext]);
   const STREAM_COLORS = ["cyan", "magenta", "yellow", "green", "blue"];
   const labelsRef = useRef(/* @__PURE__ */ new Map());
   const labelFor = (id, name) => {
@@ -5990,7 +6249,7 @@ function App({
   const prevEntriesCount = useRef(0);
   const eraseLiveRegion = useCallback(() => {
     try {
-      process.stdout.write("\x1B[J");
+      writeOut("\x1B[J");
     } catch {
     }
   }, []);
@@ -6202,7 +6461,7 @@ function App({
         const arg = args.trim().toLowerCase();
         if (arg === "off") {
           try {
-            process.stdout.write(ALT_OFF);
+            writeOut(ALT_OFF);
           } catch {
             return { message: "Failed to exit alt-screen." };
           }
@@ -6213,7 +6472,7 @@ function App({
         }
         if (arg === "on") {
           try {
-            process.stdout.write(ALT_ON);
+            writeOut(ALT_ON);
           } catch {
             return { message: "Failed to re-enter alt-screen." };
           }
@@ -6254,9 +6513,9 @@ function App({
             };
           }
           try {
-            process.stdout.write(ALT_ON);
-            process.stdout.write("\x1B[H");
-            process.stdout.write(MOUSE_ON_SEQ);
+            writeOut(ALT_ON);
+            writeOut("\x1B[H");
+            writeOut(MOUSE_ON_SEQ);
           } catch {
             return { message: "Failed to enable mouse mode." };
           }
@@ -6267,8 +6526,8 @@ function App({
           };
         }
         try {
-          process.stdout.write(MOUSE_OFF_SEQ);
-          process.stdout.write(ALT_OFF);
+          writeOut(MOUSE_OFF_SEQ);
+          writeOut(ALT_OFF);
         } catch {
           return { message: "Failed to disable mouse mode." };
         }
@@ -6714,6 +6973,7 @@ function App({
       });
     });
     const offLeaderCtxPct = events.on("ctx.pct", (e) => {
+      setActiveMaxContext(e.maxContext);
       dispatch({
         type: "leaderCtxPct",
         load: e.load,
@@ -6721,6 +6981,9 @@ function App({
         maxContext: e.maxContext
       });
     });
+    const offLeaderMaxContext = events.on("ctx.max_context", (e) => {
+      if (e.maxContext > 0) setActiveMaxContext(e.maxContext);
+    });
     const offTool = events.on("subagent.tool_executed", (e) => {
       dispatch({
         type: "fleetTool",
@@ -6741,6 +7004,7 @@ function App({
       offIterationSummary();
       offCtxPct();
       offLeaderCtxPct();
+      offLeaderMaxContext();
       offTool();
     };
   }, [events, director]);
@@ -6768,6 +7032,71 @@ function App({
       offRewound();
     };
   }, [events, onClearHistory]);
+  useEffect(() => {
+    const requestSummary = (request) => `${request.source}: ${request.question}`.slice(0, 80);
+    const addBrainEntry = (status, payload) => {
+      const p = payload;
+      const decision = p.decision.optionId ?? p.decision.text ?? p.decision.reason ?? p.decision.prompt ?? p.decision.type;
+      dispatch({
+        type: "brainStatus",
+        state: status,
+        source: p.request.source,
+        risk: p.request.risk,
+        summary: decision
+      });
+      if (status === "ask_human") {
+        dispatch({
+          type: "brainPromptSet",
+          prompt: {
+            requestId: p.request.id,
+            source: p.request.source,
+            risk: p.request.risk,
+            question: p.request.question,
+            context: p.request.context,
+            options: p.request.options
+          }
+        });
+      } else {
+        dispatch({ type: "brainPromptClear" });
+      }
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "brain",
+          status,
+          source: p.request.source,
+          risk: p.request.risk,
+          question: p.request.question,
+          decision,
+          rationale: p.decision.rationale
+        }
+      });
+    };
+    const offRequested = events.on("brain.decision_requested", ({ request }) => {
+      dispatch({
+        type: "brainStatus",
+        state: "deciding",
+        source: request.source,
+        risk: request.risk,
+        summary: requestSummary(request)
+      });
+    });
+    const offAnswered = events.on("brain.decision_answered", (payload) => {
+      addBrainEntry("answered", payload);
+    });
+    const offAskHuman = events.on("brain.decision_ask_human", (payload) => {
+      addBrainEntry("ask_human", payload);
+    });
+    const offDenied = events.on("brain.decision_denied", (payload) => {
+      addBrainEntry("denied", payload);
+    });
+    return () => {
+      offRequested();
+      offAnswered();
+      offAskHuman();
+      offDenied();
+    };
+  }, [events]);
   useEffect(() => {
     if (!subscribeAutoPhase) return;
     const handler = (event, payload) => {
@@ -7558,6 +7887,7 @@ function App({
           }
           setLiveProvider(providerId);
           setLiveModel(modelId);
+          setActiveMaxContext(agent.ctx.provider.capabilities.maxContext);
           dispatch({
             type: "addEntry",
             entry: { kind: "info", text: `Switched to ${providerId} / ${modelId}.` }
@@ -7728,25 +8058,23 @@ function App({
       });
       return;
     }
-    if (key.ctrl && input === "f") {
+    const toggleFleetOverlay = () => {
       if (state.agentsMonitorOpen) {
         dispatch({ type: "toggleAgentsMonitor" });
         dispatch({ type: "toggleMonitor" });
       } else {
         dispatch({ type: "toggleMonitor" });
       }
-      return;
-    }
-    if (key.ctrl && input === "g") {
+    };
+    const toggleAgentsOverlay = () => {
       if (state.monitorOpen) {
         dispatch({ type: "toggleMonitor" });
         dispatch({ type: "toggleAgentsMonitor" });
       } else {
         dispatch({ type: "toggleAgentsMonitor" });
       }
-      return;
-    }
-    if (key.ctrl && input === "t") {
+    };
+    const toggleWorktreeOverlay = () => {
       if (state.worktreeMonitorOpen) {
         dispatch({ type: "worktreeMonitorToggle" });
         return;
@@ -7755,6 +8083,17 @@ function App({
       if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
       if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
       dispatch({ type: "worktreeMonitorToggle" });
+    };
+    if (key.ctrl && input === "f" || key.fn === 2) {
+      toggleFleetOverlay();
+      return;
+    }
+    if (key.ctrl && input === "g" || key.fn === 3) {
+      toggleAgentsOverlay();
+      return;
+    }
+    if (key.ctrl && input === "t" || key.fn === 4) {
+      toggleWorktreeOverlay();
       return;
     }
     if (key.ctrl && input === "s") {
@@ -7910,6 +8249,7 @@ function App({
       return;
     }
     if (!input || key.ctrl || key.meta) return;
+    if (input.charCodeAt(0) === 27) return;
     if (input.length > PASTE_THRESHOLD_CHARS) {
       await commitPaste(input);
       return;
@@ -8148,6 +8488,10 @@ function App({
         if (ctxModel && ctxModel !== liveModel) setLiveModel(ctxModel);
         const ctxProviderId = agent.ctx.provider?.id;
         if (ctxProviderId && ctxProviderId !== liveProvider) setLiveProvider(ctxProviderId);
+        const ctxMaxContext = agent.ctx.provider.capabilities.maxContext;
+        if (ctxMaxContext > 0 && ctxMaxContext !== activeMaxContext) {
+          setActiveMaxContext(ctxMaxContext);
+        }
         if (getYolo) {
           const currentYolo = getYolo();
           if (currentYolo !== yoloLive) setYoloLive(currentYolo);
@@ -8372,6 +8716,16 @@ User message:
           onClose: () => dispatch({ type: "rewindOverlayClose" })
         }
       ) : null,
+      state.brainPrompt ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx(
+        BrainDecisionPrompt,
+        {
+          ...state.brainPrompt,
+          onAnswer: (answer) => {
+            events.emit("brain.human_answered", { ...answer, at: Date.now() });
+            dispatch({ type: "brainPromptClear" });
+          }
+        }
+      ) }) : null,
       state.confirmQueue.length > 0 && (() => {
         const head = state.confirmQueue[0];
         let resolved = false;
@@ -8409,6 +8763,7 @@ User message:
           fleet: fleetCounts,
           git: gitInfo,
           context: contextWindow,
+          brain: state.brain,
           projectName,
           subagentCount: Object.keys(state.fleet).length,
           processCount: getProcessRegistry().activeCount,
@@ -8634,7 +8989,7 @@ async function runTui(opts) {
   const stdout = process.stdout;
   const stdin = process.stdin;
   if (!stdout.isTTY || !stdin.isTTY) {
-    process.stderr.write(
+    writeErr(
       "wstack: --tui requires an interactive terminal on both stdin and stdout.\n       Drop the flag (use the plain REPL) or run wstack directly without piping.\n"
     );
     return 2;
@@ -8861,7 +9216,7 @@ async function runTui(opts) {
         { exitOnCtrlC: false, stdin: inkStdin }
       );
     } catch (err) {
-      process.stderr.write(
+      writeErr(
         `wstack: TUI failed to start: ${err instanceof Error ? err.message : String(err)}
 `
       );