@wrongstack/tui 0.41.0 → 0.54.1

package/dist/index.js

@@ -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 ",
@@ -734,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;
@@ -831,6 +871,10 @@ function AgentsMonitor({
           /* @__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" }),
@@ -952,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,
@@ -2318,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
@@ -2450,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,
@@ -3583,12 +3769,28 @@ var LiveActivityStrip = React4.memo(function LiveActivityStrip2({
     ] }) }) : null
   ] });
 });
+var MAX_VISIBLE = 10;
+function getVisibleWindow(selected, total) {
+  const half = Math.floor(MAX_VISIBLE / 2);
+  let start = selected - half;
+  let end = start + MAX_VISIBLE;
+  if (start < 0) {
+    start = 0;
+    end = Math.min(total, MAX_VISIBLE);
+  }
+  if (end > total) {
+    end = total;
+    start = Math.max(0, end - MAX_VISIBLE);
+  }
+  return { start, end };
+}
 function ModelPicker({
   step,
   providerOptions,
-  modelOptions,
+  filteredOptions,
   selected,
   pickedProviderId,
+  searchQuery,
   hint
 }) {
   if (step === "provider") {
@@ -3613,17 +3815,47 @@ function ModelPicker({
       hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
     ] });
   }
+  const total = filteredOptions.length;
+  const { start, end } = getVisibleWindow(selected, total);
+  const visibleItems = filteredOptions.slice(start, end);
+  const searchHint = searchQuery ? ` | filter:"${searchQuery}" \u2192 ${total} match${total === 1 ? "" : "es"}` : total > MAX_VISIBLE ? ` (${total} models \u2014 type to filter)` : "";
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Text, { color: "cyan", bold: true, children: [
-      "\u2501\u2501 Switch model \u2014 Step 2/2: Pick model (",
+      "\u2501\u2501 Switch model \u2014 Step 2/2: Pick model ",
+      "(",
       pickedProviderId,
-      ") \u2501\u2501"
+      searchHint,
+      ")",
+      " \u2501\u2501"
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc back \xB7 Ctrl+C exit \xB7 type to filter" }),
+    total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: searchQuery ? `(no models match "${searchQuery}")` : "(no models known for this provider)" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      start > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u25B2 ",
+        start,
+        " above"
+      ] }),
+      visibleItems.map((id, vi) => {
+        const absoluteIndex = start + vi;
+        return /* @__PURE__ */ jsxs(
+          Text,
+          {
+            color: absoluteIndex === selected ? "cyan" : void 0,
+            inverse: absoluteIndex === selected,
+            children: [
+              absoluteIndex === selected ? "\u203A " : "  ",
+              id
+            ]
+          },
+          id
+        );
+      }),
+      end < total && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u25BC ",
+        total - end,
+        " below"
+      ] })
     ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc back \xB7 Ctrl+C exit" }),
-    modelOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no models known for this provider)" }) : modelOptions.map((id, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
-      i === selected ? "\u203A " : "  ",
-      id
-    ] }, id)),
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
@@ -4574,6 +4806,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,
@@ -4710,8 +4957,10 @@ function reducer(state, action) {
           step: "provider",
           providerOptions: action.providers,
           modelOptions: [],
+          filteredOptions: [],
           selected: 0,
-          hint: void 0
+          hint: void 0,
+          searchQuery: ""
         }
       };
     case "modelPickerClose":
@@ -4722,12 +4971,15 @@ function reducer(state, action) {
           step: "provider",
           providerOptions: [],
           modelOptions: [],
-          selected: 0
+          filteredOptions: [],
+          selected: 0,
+          searchQuery: ""
         }
       };
     case "modelPickerMove": {
       if (!state.modelPicker.open) return state;
-      const len = state.modelPicker.step === "provider" ? state.modelPicker.providerOptions.length : state.modelPicker.modelOptions.length;
+      const list = state.modelPicker.step === "provider" ? state.modelPicker.providerOptions : state.modelPicker.filteredOptions;
+      const len = list.length;
       if (len === 0) return state;
       const next = (state.modelPicker.selected + action.delta + len) % len;
       return {
@@ -4742,9 +4994,11 @@ function reducer(state, action) {
           ...state.modelPicker,
           step: "model",
           modelOptions: action.models,
+          filteredOptions: action.models,
           selected: 0,
           pickedProviderId: action.providerId,
-          hint: void 0
+          hint: void 0,
+          searchQuery: ""
         }
       };
     case "modelPickerBack":
@@ -4754,11 +5008,29 @@ function reducer(state, action) {
           ...state.modelPicker,
           step: "provider",
           modelOptions: [],
+          filteredOptions: [],
           selected: 0,
           pickedProviderId: void 0,
+          hint: void 0,
+          searchQuery: ""
+        }
+      };
+    case "modelPickerSearch": {
+      if (!state.modelPicker.open || state.modelPicker.step !== "model") return state;
+      const q = action.query.toLowerCase();
+      const filtered = q ? state.modelPicker.modelOptions.filter((id) => id.toLowerCase().includes(q)) : state.modelPicker.modelOptions;
+      const selected = filtered.length > 0 ? Math.min(state.modelPicker.selected, filtered.length - 1) : 0;
+      return {
+        ...state,
+        modelPicker: {
+          ...state.modelPicker,
+          filteredOptions: filtered,
+          selected,
+          searchQuery: action.query,
           hint: void 0
         }
       };
+    }
     case "modelPickerHint":
       return {
         ...state,
@@ -5534,6 +5806,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);
@@ -5602,6 +5875,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 },
@@ -5615,7 +5890,9 @@ function App({
       step: "provider",
       providerOptions: [],
       modelOptions: [],
-      selected: 0
+      filteredOptions: [],
+      selected: 0,
+      searchQuery: ""
     },
     autonomyPicker: { open: false, options: [], selected: 0 },
     settingsPicker: { open: false, field: 0, mode: "off", delayMs: 0 },
@@ -5943,7 +6220,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;
@@ -5989,10 +6266,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) => {
@@ -6769,6 +7046,7 @@ function App({
       });
     });
     const offLeaderCtxPct = events.on("ctx.pct", (e) => {
+      setActiveMaxContext(e.maxContext);
       dispatch({
         type: "leaderCtxPct",
         load: e.load,
@@ -6776,6 +7054,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",
@@ -6796,6 +7077,7 @@ function App({
       offIterationSummary();
       offCtxPct();
       offLeaderCtxPct();
+      offLeaderMaxContext();
       offTool();
     };
   }, [events, director]);
@@ -6823,6 +7105,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) => {
@@ -7590,6 +7937,19 @@ function App({
         dispatch({ type: "modelPickerMove", delta: 1 });
         return;
       }
+      if (state.modelPicker.step === "model" && input && !key.return && !key.backspace) {
+        dispatch({ type: "modelPickerSearch", query: state.modelPicker.searchQuery + input });
+        return;
+      }
+      if (state.modelPicker.step === "model" && key.backspace) {
+        const q = state.modelPicker.searchQuery;
+        if (q.length > 0) {
+          dispatch({ type: "modelPickerSearch", query: q.slice(0, -1) });
+        } else {
+          dispatch({ type: "modelPickerBack" });
+        }
+        return;
+      }
       if (isEnter) {
         inputGateRef.current = true;
         try {
@@ -7604,7 +7964,7 @@ function App({
             return;
           }
           const providerId = state.modelPicker.pickedProviderId;
-          const modelId = state.modelPicker.modelOptions[state.modelPicker.selected];
+          const modelId = state.modelPicker.filteredOptions[state.modelPicker.selected];
           if (!providerId || !modelId) return;
           const err = switchProviderAndModel?.(providerId, modelId);
           if (err) {
@@ -7613,6 +7973,7 @@ function App({
           }
           setLiveProvider(providerId);
           setLiveModel(modelId);
+          setActiveMaxContext(agent.ctx.provider.capabilities.maxContext);
           dispatch({
             type: "addEntry",
             entry: { kind: "info", text: `Switched to ${providerId} / ${modelId}.` }
@@ -8213,6 +8574,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);
@@ -8405,8 +8770,10 @@ User message:
           step: state.modelPicker.step,
           providerOptions: state.modelPicker.providerOptions,
           modelOptions: state.modelPicker.modelOptions,
+          filteredOptions: state.modelPicker.filteredOptions,
           selected: state.modelPicker.selected,
           pickedProviderId: state.modelPicker.pickedProviderId,
+          searchQuery: state.modelPicker.searchQuery,
           hint: state.modelPicker.hint
         }
       ) : null,
@@ -8437,6 +8804,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;
@@ -8474,6 +8851,7 @@ User message:
           fleet: fleetCounts,
           git: gitInfo,
           context: contextWindow,
+          brain: state.brain,
           projectName,
           subagentCount: Object.keys(state.fleet).length,
           processCount: getProcessRegistry().activeCount,