reasonix 0.36.1 → 0.36.2

package/dist/cli/{chunk-3OBWN2NH.js → chunk-NHV5YGTB.js}

@@ -34,7 +34,7 @@ import {
   toWholeFileEditBlock,
   walkFilesStream,
   webFetch
-} from "./chunk-QRUQ2BFT.js";
+} from "./chunk-RNSZYYGB.js";
 import {
   McpClient,
   SseTransport,
@@ -50,7 +50,7 @@ import {
 } from "./chunk-XHQIK7B6.js";
 import {
   MemoryStore
-} from "./chunk-ZU45XW3P.js";
+} from "./chunk-4D6TT2IB.js";
 import {
   KeystrokeProvider,
   SingleSelect,
@@ -101,7 +101,7 @@ import {
   resolveSlashAlias,
   savePlanState,
   suggestSlashCommands
-} from "./chunk-2MCYGFLK.js";
+} from "./chunk-C5543CRX.js";
 import {
   fetchSmitheryDetail,
   loadMorePages,
@@ -117,13 +117,13 @@ import {
   formatCommandResult,
   pauseGate,
   runCommand
-} from "./chunk-QPNZWUZF.js";
+} from "./chunk-S4GF3HPO.js";
 import {
   PROJECT_MEMORY_FILE,
   SkillStore,
   memoryEnabled,
   readProjectMemory
-} from "./chunk-KJQIA4US.js";
+} from "./chunk-K6W64QVE.js";
 import {
   HOOK_EVENTS,
   formatHookOutcomeMessage,
@@ -214,7 +214,7 @@ import {
 
 // src/cli/commands/chat.tsx
 import { render } from "ink";
-import React63, { useState as useState22 } from "react";
+import React65, { useState as useState22 } from "react";
 
 // src/mcp/summary.ts
 function buildMcpServerSummary(opts) {
@@ -237,8 +237,8 @@ function buildMcpServerSummary(opts) {
 // src/cli/ui/App.tsx
 import { statSync } from "fs";
 import { resolve as resolve2 } from "path";
-import { Box as Box49, Text as Text52, useStdout as useStdout15 } from "ink";
-import React60, { useCallback as useCallback11, useEffect as useEffect12, useMemo as useMemo9, useRef as useRef9, useState as useState20 } from "react";
+import { Box as Box50, Text as Text53, useStdout as useStdout15 } from "ink";
+import React62, { useCallback as useCallback11, useEffect as useEffect12, useMemo as useMemo9, useRef as useRef9, useState as useState20 } from "react";
 
 // src/code/checkpoints.ts
 import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
@@ -6552,9 +6552,42 @@ function truncateCells(value, maxCells) {
   return `${value.slice(0, maxCells - 1)}\u2026`;
 }
 
-// src/cli/ui/WelcomeBanner.tsx
+// src/cli/ui/ThemePicker.tsx
 import { Box as Box24, Text as Text24 } from "ink";
 import React28 from "react";
+function ThemePicker({
+  currentPreference,
+  activeTheme,
+  onChoose
+}) {
+  const choices = ["auto", ...listThemeNames()];
+  const items = choices.map((value) => ({
+    value,
+    label: value,
+    hint: describeTheme(value, currentPreference, activeTheme)
+  }));
+  return /* @__PURE__ */ React28.createElement(Box24, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React28.createElement(Text24, { bold: true }, "Theme"), /* @__PURE__ */ React28.createElement(
+    SingleSelect,
+    {
+      items,
+      initialValue: currentPreference,
+      onSubmit: (value) => onChoose({ kind: "select", value }),
+      onCancel: () => onChoose({ kind: "quit" }),
+      footer: "\u2191\u2193 pick \xB7 \u23CE confirm \xB7 esc cancel"
+    }
+  ));
+}
+function describeTheme(value, currentPreference, activeTheme) {
+  const tags = [];
+  if (value === currentPreference) tags.push("current preference");
+  if (value === activeTheme) tags.push("active now");
+  if (value === "auto") tags.push("use REASONIX_THEME or default");
+  return tags.join(" \xB7 ");
+}
+
+// src/cli/ui/WelcomeBanner.tsx
+import { Box as Box25, Text as Text25 } from "ink";
+import React29 from "react";
 var HINTS = ["/help", "/init", "/memory", "/cost"];
 function WelcomeBanner({
   inCodeMode,
@@ -6564,8 +6597,8 @@ function WelcomeBanner({
   const tagline = inCodeMode ? t("ui.taglineCode") : t("ui.taglineChat");
   const taglineSub = t("ui.taglineSub");
   const startTextRaw = t("ui.startSessionHint");
-  return /* @__PURE__ */ React28.createElement(Box24, { flexDirection: "column", alignItems: "center", marginY: 1 }, /* @__PURE__ */ React28.createElement(
-    Box24,
+  return /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column", alignItems: "center", marginY: 1 }, /* @__PURE__ */ React29.createElement(
+    Box25,
     {
       flexDirection: "column",
       alignItems: "center",
@@ -6574,9 +6607,9 @@ function WelcomeBanner({
       paddingX: 4,
       paddingY: 1
     },
-    /* @__PURE__ */ React28.createElement(Box24, { flexDirection: "row", gap: 2 }, /* @__PURE__ */ React28.createElement(Text24, { color: TONE.brand, bold: true }, "REASONIX"), /* @__PURE__ */ React28.createElement(Text24, { color: FG.faint }, "\xD7"), /* @__PURE__ */ React28.createElement(Box24, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React28.createElement(Text24, null, "\u{1F40B}"), /* @__PURE__ */ React28.createElement(Text24, { color: TONE.accent, bold: true }, "DeepSeek"))),
-    /* @__PURE__ */ React28.createElement(Box24, { marginTop: 1, flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React28.createElement(Text24, { color: FG.body }, tagline), /* @__PURE__ */ React28.createElement(Text24, { color: FG.meta }, taglineSub))
-  ), /* @__PURE__ */ React28.createElement(Box24, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: FG.sub }, startTextRaw)), /* @__PURE__ */ React28.createElement(Box24, { marginTop: 1, flexDirection: "row", gap: 3 }, HINTS.map((cmd) => /* @__PURE__ */ React28.createElement(Text24, { key: cmd, color: FG.meta }, cmd))), inCodeMode && workspaceRoot ? /* @__PURE__ */ React28.createElement(Box24, { marginTop: 1, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: TONE.brand }, "\u25B8 workspace"), /* @__PURE__ */ React28.createElement(Text24, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React28.createElement(Text24, { color: FG.body }, workspaceRoot), /* @__PURE__ */ React28.createElement(Text24, { color: FG.faint }, "  (relaunch with --dir <path> to switch)")) : null, dashboardUrl ? /* @__PURE__ */ React28.createElement(Box24, { marginTop: 1, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: TONE.brand, bold: true }, "\u25B8 web"), /* @__PURE__ */ React28.createElement(Text24, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React28.createElement(Text24, { color: TONE.accent }, dashboardUrl)) : null);
+    /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "row", gap: 2 }, /* @__PURE__ */ React29.createElement(Text25, { color: TONE.brand, bold: true }, "REASONIX"), /* @__PURE__ */ React29.createElement(Text25, { color: FG.faint }, "\xD7"), /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React29.createElement(Text25, null, "\u{1F40B}"), /* @__PURE__ */ React29.createElement(Text25, { color: TONE.accent, bold: true }, "DeepSeek"))),
+    /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1, flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React29.createElement(Text25, { color: FG.body }, tagline), /* @__PURE__ */ React29.createElement(Text25, { color: FG.meta }, taglineSub))
+  ), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: FG.sub }, startTextRaw)), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1, flexDirection: "row", gap: 3 }, HINTS.map((cmd) => /* @__PURE__ */ React29.createElement(Text25, { key: cmd, color: FG.meta }, cmd))), inCodeMode && workspaceRoot ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: TONE.brand }, "\u25B8 workspace"), /* @__PURE__ */ React29.createElement(Text25, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React29.createElement(Text25, { color: FG.body }, workspaceRoot), /* @__PURE__ */ React29.createElement(Text25, { color: FG.faint }, "  (relaunch with --dir <path> to switch)")) : null, dashboardUrl ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: TONE.brand, bold: true }, "\u25B8 web"), /* @__PURE__ */ React29.createElement(Text25, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React29.createElement(Text25, { color: TONE.accent }, dashboardUrl)) : null);
 }
 
 // src/cli/ui/bang.ts
@@ -6774,6 +6807,7 @@ function applySlashResult(result, ctx) {
     return { kind: "consumed" };
   }
   if (result.clear) {
+    ctx.resetPendingModals?.();
     ctx.stdoutWrite("\x1B[2J\x1B[3J\x1B[H");
     ctx.log.reset();
     if (result.info) ctx.log.pushInfo(result.info);
@@ -6879,7 +6913,7 @@ function handleToolStart(ev, ctx) {
   ctx.setOngoingTool({ name: ev.toolName ?? "?", args: ev.toolArgs });
   ctx.setToolProgress(null);
   ctx.toolStartedAtRef.current = Date.now();
-  ctx.translator.toolStart(ev.toolName ?? "?", parseJsonOrRaw(ev.toolArgs));
+  ctx.translator.toolStart(ev.toolName ?? "?", parseJsonOrRaw(ev.toolArgs), ev.callId);
   if (!ctx.codeModeOn || !ev.toolArgs) return;
   try {
     const parsed = JSON.parse(ev.toolArgs);
@@ -6940,7 +6974,7 @@ function handleToolEvent(ev, ctx) {
 }
 
 // src/cli/ui/state/provider.tsx
-import React29 from "react";
+import React30 from "react";
 
 // src/cli/ui/state/reducer.ts
 function reduce(state, event) {
@@ -7304,26 +7338,26 @@ function createStore(session, initialCards) {
 }
 
 // src/cli/ui/state/provider.tsx
-var StoreCtx = React29.createContext(null);
+var StoreCtx = React30.createContext(null);
 function AgentStoreProvider({
   session,
   initialCards,
   children
 }) {
-  const initialCardsRef = React29.useRef(initialCards);
-  const store = React29.useMemo(() => createStore(session, initialCardsRef.current), [session]);
-  return /* @__PURE__ */ React29.createElement(StoreCtx.Provider, { value: store }, children);
+  const initialCardsRef = React30.useRef(initialCards);
+  const store = React30.useMemo(() => createStore(session, initialCardsRef.current), [session]);
+  return /* @__PURE__ */ React30.createElement(StoreCtx.Provider, { value: store }, children);
 }
 function useAgentStore() {
-  const store = React29.useContext(StoreCtx);
+  const store = React30.useContext(StoreCtx);
   if (!store) throw new Error("useAgentStore must be used inside AgentStoreProvider");
   return store;
 }
 function useAgentState(selector) {
   const store = useAgentStore();
-  const subscribe = React29.useCallback((cb) => store.subscribe(cb), [store]);
-  const getSnapshot = React29.useCallback(() => selector(store.getState()), [store, selector]);
-  return React29.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const subscribe = React30.useCallback((cb) => store.subscribe(cb), [store]);
+  const getSnapshot = React30.useCallback(() => selector(store.getState()), [store, selector]);
+  return React30.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 function useDispatch() {
   return useAgentStore().dispatch;
@@ -7784,8 +7818,8 @@ ${stack}` : message
       endStreaming(id, aborted) {
         dispatch({ type: "streaming.end", id, aborted });
       },
-      startTool(name, args) {
-        const id = nextId2("tool");
+      startTool(name, args, presetId) {
+        const id = presetId ?? nextId2("tool");
         dispatch({ type: "tool.start", id, name, args });
         return id;
       },
@@ -7843,21 +7877,21 @@ function useTranscriptWriter(transcriptRef, model2, prefixHash) {
 }
 
 // src/cli/ui/layout/CardStream.tsx
-import { Box as Box44, Text as Text46, useBoxMetrics } from "ink";
-import React53, { useEffect as useEffect7, useRef as useRef5 } from "react";
+import { Box as Box45, Text as Text47, useBoxMetrics } from "ink";
+import React55, { useEffect as useEffect7, useRef as useRef5 } from "react";
 
 // src/cli/ui/cards/CardRenderer.tsx
-import { Box as Box43, Text as Text45 } from "ink";
-import React52 from "react";
+import { Box as Box44, Text as Text46 } from "ink";
+import React54 from "react";
 
 // src/cli/ui/cards/CtxCard.tsx
-import { Box as Box27, Text as Text26 } from "ink";
-import React32 from "react";
+import { Box as Box28, Text as Text27 } from "ink";
+import React33 from "react";
 
 // src/cli/ui/primitives/Card.tsx
-import { Box as Box25 } from "ink";
-import React30, { useContext as useContext3 } from "react";
-var ActiveCardContext = React30.createContext(true);
+import { Box as Box26 } from "ink";
+import React31, { useContext as useContext3 } from "react";
+var ActiveCardContext = React31.createContext(true);
 var STRIPE_BORDER = {
   topLeft: " ",
   top: " ",
@@ -7871,10 +7905,10 @@ var STRIPE_BORDER = {
 function Card({ tone, children }) {
   const active = useContext3(ActiveCardContext);
   if (!active) {
-    return /* @__PURE__ */ React30.createElement(Box25, { flexDirection: "column" }, children);
+    return /* @__PURE__ */ React31.createElement(Box26, { flexDirection: "column" }, children);
   }
-  return /* @__PURE__ */ React30.createElement(
-    Box25,
+  return /* @__PURE__ */ React31.createElement(
+    Box26,
     {
       flexDirection: "column",
       borderStyle: STRIPE_BORDER,
@@ -7891,8 +7925,8 @@ function Card({ tone, children }) {
 }
 
 // src/cli/ui/primitives/CardHeader.tsx
-import { Box as Box26, Text as Text25 } from "ink";
-import React31, { useContext as useContext4 } from "react";
+import { Box as Box27, Text as Text26 } from "ink";
+import React32, { useContext as useContext4 } from "react";
 function CardHeader({
   glyph,
   tone,
@@ -7905,13 +7939,13 @@ function CardHeader({
 }) {
   const active = useContext4(ActiveCardContext);
   const visibleMeta = active ? meta : meta?.filter((item) => typeof item !== "string");
-  return /* @__PURE__ */ React31.createElement(Box26, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React31.createElement(Text25, { color: tone }, glyph), titleBg ? /* @__PURE__ */ React31.createElement(Text25, { backgroundColor: titleBg, color: titleColor ?? tone, bold: true }, ` ${title} `) : /* @__PURE__ */ React31.createElement(Text25, { bold: true, color: titleColor ?? tone }, title), subtitle ? /* @__PURE__ */ React31.createElement(Text25, { color: FG.body }, subtitle) : null, visibleMeta?.map((item, i) => {
+  return /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React32.createElement(Text26, { color: tone }, glyph), titleBg ? /* @__PURE__ */ React32.createElement(Text26, { backgroundColor: titleBg, color: titleColor ?? tone, bold: true }, ` ${title} `) : /* @__PURE__ */ React32.createElement(Text26, { bold: true, color: titleColor ?? tone }, title), subtitle ? /* @__PURE__ */ React32.createElement(Text26, { color: FG.body }, subtitle) : null, visibleMeta?.map((item, i) => {
     const isStr = typeof item === "string";
     const text = isStr ? item : item.text;
     const color = isStr ? FG.faint : item.color;
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: meta items are positional
-      /* @__PURE__ */ React31.createElement(React31.Fragment, { key: `m-${i}` }, /* @__PURE__ */ React31.createElement(Text25, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React31.createElement(Text25, { color }, text))
+      /* @__PURE__ */ React32.createElement(React32.Fragment, { key: `m-${i}` }, /* @__PURE__ */ React32.createElement(Text26, { color: FG.faint }, "\xB7"), /* @__PURE__ */ React32.createElement(Text26, { color }, text))
     );
   }), active ? right : null);
 }
@@ -7920,13 +7954,13 @@ function CardHeader({
 var BAR_CELLS = 32;
 function row(label, tokens, ratio, color) {
   const filled = Math.max(0, Math.min(BAR_CELLS, Math.round(ratio * BAR_CELLS)));
-  return /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React32.createElement(Text26, { color: FG.sub }, label.padEnd(7)), /* @__PURE__ */ React32.createElement(Text26, { color }, "\u2588".repeat(filled)), /* @__PURE__ */ React32.createElement(Text26, { color: FG.faint }, "\u2591".repeat(BAR_CELLS - filled)), /* @__PURE__ */ React32.createElement(Text26, { bold: true, color: FG.body }, tokens.toLocaleString()), /* @__PURE__ */ React32.createElement(Text26, { color: FG.faint }, `\xB7 ${(ratio * 100).toFixed(1)}%`));
+  return /* @__PURE__ */ React33.createElement(Box28, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React33.createElement(Text27, { color: FG.sub }, label.padEnd(7)), /* @__PURE__ */ React33.createElement(Text27, { color }, "\u2588".repeat(filled)), /* @__PURE__ */ React33.createElement(Text27, { color: FG.faint }, "\u2591".repeat(BAR_CELLS - filled)), /* @__PURE__ */ React33.createElement(Text27, { bold: true, color: FG.body }, tokens.toLocaleString()), /* @__PURE__ */ React33.createElement(Text27, { color: FG.faint }, `\xB7 ${(ratio * 100).toFixed(1)}%`));
 }
 function CtxCard({ card }) {
   const cap = Math.max(1, card.ctxMax);
   const used = card.systemTokens + card.toolsTokens + card.logTokens + card.inputTokens;
   const usedPct = used / cap * 100;
-  return /* @__PURE__ */ React32.createElement(Card, { tone: TONE.brand }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React33.createElement(Card, { tone: TONE.brand }, /* @__PURE__ */ React33.createElement(
     CardHeader,
     {
       glyph: "\u2318",
@@ -7934,8 +7968,8 @@ function CtxCard({ card }) {
       title: t("cardTitles.context"),
       meta: [`${used.toLocaleString()} / ${cap.toLocaleString()} (${usedPct.toFixed(1)}%)`]
     }
-  ), row(t("cardLabels.system"), card.systemTokens, card.systemTokens / cap, TONE.brand), row(t("cardLabels.tools"), card.toolsTokens, card.toolsTokens / cap, TONE.warn), row(t("cardLabels.log"), card.logTokens, card.logTokens / cap, TONE.ok), row(t("cardLabels.input"), card.inputTokens, card.inputTokens / cap, TONE.accent), card.topTools.length > 0 ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Text26, { color: FG.faint }, `${t("cardLabels.topTools")} \xB7 ${card.toolsCount} ${t("cardLabels.tools")} \xB7 ${card.logMessages} ${t("cardLabels.logMsgs")}`), card.topTools.slice(0, 5).map((tool) => /* @__PURE__ */ React32.createElement(Box27, { key: `${tool.turn}-${tool.name}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React32.createElement(Text26, { color: FG.sub }, tool.name), /* @__PURE__ */ React32.createElement(
-    Text26,
+  ), row(t("cardLabels.system"), card.systemTokens, card.systemTokens / cap, TONE.brand), row(t("cardLabels.tools"), card.toolsTokens, card.toolsTokens / cap, TONE.warn), row(t("cardLabels.log"), card.logTokens, card.logTokens / cap, TONE.ok), row(t("cardLabels.input"), card.inputTokens, card.inputTokens / cap, TONE.accent), card.topTools.length > 0 ? /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(Text27, { color: FG.faint }, `${t("cardLabels.topTools")} \xB7 ${card.toolsCount} ${t("cardLabels.tools")} \xB7 ${card.logMessages} ${t("cardLabels.logMsgs")}`), card.topTools.slice(0, 5).map((tool) => /* @__PURE__ */ React33.createElement(Box28, { key: `${tool.turn}-${tool.name}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React33.createElement(Text27, { color: FG.sub }, tool.name), /* @__PURE__ */ React33.createElement(
+    Text27,
     {
       color: FG.faint
     },
@@ -7944,8 +7978,8 @@ function CtxCard({ card }) {
 }
 
 // src/cli/ui/cards/DiffCard.tsx
-import { Box as Box28, Text as Text27 } from "ink";
-import React33 from "react";
+import { Box as Box29, Text as Text28 } from "ink";
+import React34 from "react";
 var LINE_COLOR = {
   ctx: FG.sub,
   add: TONE.ok,
@@ -7960,7 +7994,7 @@ var LINE_GLYPH = {
 };
 function DiffCard({ card }) {
   const showFooter = card.hunks.length > 0;
-  return /* @__PURE__ */ React33.createElement(Card, { tone: TONE.ok }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(Card, { tone: TONE.ok }, /* @__PURE__ */ React34.createElement(
     CardHeader,
     {
       glyph: "\xB1",
@@ -7972,12 +8006,12 @@ function DiffCard({ card }) {
         { text: `-${card.stats.del}`, color: TONE.err }
       ]
     }
-  ), card.hunks.map((hunk) => /* @__PURE__ */ React33.createElement(Box28, { key: `${card.id}:${hunk.header}`, flexDirection: "column" }, /* @__PURE__ */ React33.createElement(Text27, { italic: true, color: FG.faint }, hunk.header), hunk.lines.map((line, li) => /* @__PURE__ */ React33.createElement(Box28, { key: `${card.id}:${hunk.header}:${li}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React33.createElement(Text27, { color: LINE_COLOR[line.kind] }, LINE_GLYPH[line.kind]), /* @__PURE__ */ React33.createElement(Text27, { color: LINE_COLOR[line.kind], dimColor: line.kind === "ctx" }, line.text))))), showFooter && /* @__PURE__ */ React33.createElement(Box28, { flexDirection: "row", gap: 2 }, /* @__PURE__ */ React33.createElement(Text27, { bold: true, color: TONE.ok }, "[a] apply"), /* @__PURE__ */ React33.createElement(Text27, { color: FG.sub }, "[s] skip"), /* @__PURE__ */ React33.createElement(Text27, { bold: true, color: TONE.err }, "[r] reject")));
+  ), card.hunks.map((hunk) => /* @__PURE__ */ React34.createElement(Box29, { key: `${card.id}:${hunk.header}`, flexDirection: "column" }, /* @__PURE__ */ React34.createElement(Text28, { italic: true, color: FG.faint }, hunk.header), hunk.lines.map((line, li) => /* @__PURE__ */ React34.createElement(Box29, { key: `${card.id}:${hunk.header}:${li}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React34.createElement(Text28, { color: LINE_COLOR[line.kind] }, LINE_GLYPH[line.kind]), /* @__PURE__ */ React34.createElement(Text28, { color: LINE_COLOR[line.kind], dimColor: line.kind === "ctx" }, line.text))))), showFooter && /* @__PURE__ */ React34.createElement(Box29, { flexDirection: "row", gap: 2 }, /* @__PURE__ */ React34.createElement(Text28, { bold: true, color: TONE.ok }, "[a] apply"), /* @__PURE__ */ React34.createElement(Text28, { color: FG.sub }, "[s] skip"), /* @__PURE__ */ React34.createElement(Text28, { bold: true, color: TONE.err }, "[r] reject")));
 }
 
 // src/cli/ui/cards/DoctorCard.tsx
-import { Box as Box29, Text as Text28 } from "ink";
-import React34 from "react";
+import { Box as Box30, Text as Text29 } from "ink";
+import React35 from "react";
 var LEVEL_GLYPH = {
   ok: "\u2713",
   warn: "\u26A0",
@@ -8000,12 +8034,12 @@ function DoctorCard({ card }) {
   const fail = card.checks.filter((c) => c.level === "fail").length;
   const labelWidth = card.checks.reduce((m, c) => Math.max(m, c.label.length), 0);
   const summary = `${card.checks.length} checks \xB7 ${ok} passed${warn > 0 ? ` \xB7 ${warn} warn` : ""}${fail > 0 ? ` \xB7 ${fail} fail` : ""}`;
-  return /* @__PURE__ */ React34.createElement(Card, { tone: CARD.tool.color }, /* @__PURE__ */ React34.createElement(CardHeader, { glyph: "\u2695", tone: CARD.tool.color, title: "doctor", meta: [summary] }), card.checks.map((c) => /* @__PURE__ */ React34.createElement(Box29, { key: c.label, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React34.createElement(Text28, { color: levelColor[c.level] }, LEVEL_GLYPH[c.level]), /* @__PURE__ */ React34.createElement(Text28, { bold: true, color: fg.body }, c.label.padEnd(labelWidth + 1)), /* @__PURE__ */ React34.createElement(Text28, { color: fg.sub }, c.detail), /* @__PURE__ */ React34.createElement(Text28, { color: levelColor[c.level] }, LEVEL_TAG[c.level]))));
+  return /* @__PURE__ */ React35.createElement(Card, { tone: CARD.tool.color }, /* @__PURE__ */ React35.createElement(CardHeader, { glyph: "\u2695", tone: CARD.tool.color, title: "doctor", meta: [summary] }), card.checks.map((c) => /* @__PURE__ */ React35.createElement(Box30, { key: c.label, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React35.createElement(Text29, { color: levelColor[c.level] }, LEVEL_GLYPH[c.level]), /* @__PURE__ */ React35.createElement(Text29, { bold: true, color: fg.body }, c.label.padEnd(labelWidth + 1)), /* @__PURE__ */ React35.createElement(Text29, { color: fg.sub }, c.detail), /* @__PURE__ */ React35.createElement(Text29, { color: levelColor[c.level] }, LEVEL_TAG[c.level]))));
 }
 
 // src/cli/ui/cards/ErrorCard.tsx
-import { Box as Box30, Text as Text29 } from "ink";
-import React35 from "react";
+import { Box as Box31, Text as Text30 } from "ink";
+import React36 from "react";
 var STACK_TAIL = 5;
 function ErrorCard({ card }) {
   const retryNote = card.retries !== void 0 && card.retries > 0 ? `${card.retries} ${t("cardLabels.retries")}` : null;
@@ -8015,7 +8049,7 @@ function ErrorCard({ card }) {
   const stackHidden = stackTrunc ? stackLines.length - stackVisible.length : 0;
   const hasStack = stackVisible.length > 0;
   const messageLines = card.message.split("\n");
-  return /* @__PURE__ */ React35.createElement(Card, { tone: TONE.err }, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement(Card, { tone: TONE.err }, /* @__PURE__ */ React36.createElement(
     CardHeader,
     {
       glyph: "\u2716",
@@ -8023,19 +8057,19 @@ function ErrorCard({ card }) {
       title: card.title || t("cardTitles.error"),
       meta: retryNote ? [retryNote] : void 0
     }
-  ), messageLines.map((line, i) => /* @__PURE__ */ React35.createElement(Text29, { key: `${card.id}:msg:${i}`, color: TONE.err }, line || " ")), hasStack ? /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text29, { color: FG.meta }, t("cardLabels.stackTrace")), stackHidden > 0 ? /* @__PURE__ */ React35.createElement(Text29, { color: FG.faint }, t(
+  ), messageLines.map((line, i) => /* @__PURE__ */ React36.createElement(Text30, { key: `${card.id}:msg:${i}`, color: TONE.err }, line || " ")), hasStack ? /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text30, { color: FG.meta }, t("cardLabels.stackTrace")), stackHidden > 0 ? /* @__PURE__ */ React36.createElement(Text30, { color: FG.faint }, t(
     stackHidden === 1 ? "cardLabels.earlierStackLine" : "cardLabels.earlierStackLines",
     { count: stackHidden }
-  )) : null, stackVisible.map((line, i) => /* @__PURE__ */ React35.createElement(Text29, { key: `${card.id}:stk:${stackHidden + i}`, color: FG.meta }, line || " "))) : null);
+  )) : null, stackVisible.map((line, i) => /* @__PURE__ */ React36.createElement(Text30, { key: `${card.id}:stk:${stackHidden + i}`, color: FG.meta }, line || " "))) : null);
 }
 
 // src/cli/ui/cards/LiveCard.tsx
-import { Box as Box31, Text as Text31 } from "ink";
-import React37 from "react";
+import { Box as Box32, Text as Text32 } from "ink";
+import React38 from "react";
 
 // src/cli/ui/primitives/Spinner.tsx
-import { Text as Text30 } from "ink";
-import React36 from "react";
+import { Text as Text31 } from "ink";
+import React37 from "react";
 var FRAMES = {
   circle: ["\u25D0", "\u25D3", "\u25D1", "\u25D2"],
   braille: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827"]
@@ -8044,7 +8078,7 @@ function Spinner({ kind = "circle", color, bold }) {
   const frames = FRAMES[kind];
   const tick = useTick();
   const frame = tick % frames.length;
-  return /* @__PURE__ */ React36.createElement(Text30, { bold, color }, frames[frame]);
+  return /* @__PURE__ */ React37.createElement(Text31, { bold, color }, frames[frame]);
 }
 
 // src/cli/ui/cards/LiveCard.tsx
@@ -8071,12 +8105,12 @@ var VARIANT_GLYPH = {
 function LiveCard({ card }) {
   const color = TONE_TO_COLOR[card.tone];
   const glyph = VARIANT_GLYPH[card.variant];
-  return /* @__PURE__ */ React37.createElement(Box31, { paddingLeft: 2, flexDirection: "row", gap: 1 }, card.variant === "thinking" ? /* @__PURE__ */ React37.createElement(Spinner, { kind: "circle", color, bold: true }) : /* @__PURE__ */ React37.createElement(Text31, { bold: true, color }, glyph), /* @__PURE__ */ React37.createElement(Text31, { color: FG.body }, card.text), card.meta !== void 0 ? /* @__PURE__ */ React37.createElement(Text31, { color: FG.faint }, `\xB7 ${card.meta}`) : null);
+  return /* @__PURE__ */ React38.createElement(Box32, { paddingLeft: 2, flexDirection: "row", gap: 1 }, card.variant === "thinking" ? /* @__PURE__ */ React38.createElement(Spinner, { kind: "circle", color, bold: true }) : /* @__PURE__ */ React38.createElement(Text32, { bold: true, color }, glyph), /* @__PURE__ */ React38.createElement(Text32, { color: FG.body }, card.text), card.meta !== void 0 ? /* @__PURE__ */ React38.createElement(Text32, { color: FG.faint }, `\xB7 ${card.meta}`) : null);
 }
 
 // src/cli/ui/cards/MemoryCard.tsx
-import { Box as Box32, Text as Text32 } from "ink";
-import React38 from "react";
+import { Box as Box33, Text as Text33 } from "ink";
+import React39 from "react";
 var CATEGORY_ORDER = [
   "user",
   "feedback",
@@ -8105,7 +8139,7 @@ function MemoryCard({ card }) {
   const counts = countByCategory(card.entries);
   const summary = CATEGORY_ORDER.filter((c) => counts[c] > 0).map((c) => `${counts[c]} ${c}`).join(" \xB7 ");
   const tokens = card.tokens > 1024 ? `~${(card.tokens / 1024).toFixed(1)}K tok` : `~${card.tokens} tok`;
-  return /* @__PURE__ */ React38.createElement(Card, { tone: FG.meta }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement(Card, { tone: FG.meta }, /* @__PURE__ */ React39.createElement(
     CardHeader,
     {
       glyph: "\u2311",
@@ -8118,7 +8152,7 @@ function MemoryCard({ card }) {
     const all = card.entries.filter((e) => e.category === category);
     const shown = all.slice(0, 5);
     const remaining = all.length - shown.length;
-    return /* @__PURE__ */ React38.createElement(Box32, { key: category, flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Text32, { color: FG.faint }, `${CATEGORY_LABEL[category]} (${counts[category]})`), shown.map((entry) => /* @__PURE__ */ React38.createElement(Box32, { key: `${category}:${entry.summary}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React38.createElement(Text32, { color: CATEGORY_GLYPH_COLOR[category] }, CATEGORY_GLYPH[category]), /* @__PURE__ */ React38.createElement(Text32, { color: FG.sub }, entry.summary))), remaining > 0 ? /* @__PURE__ */ React38.createElement(Text32, { color: FG.faint }, `\u22EE +${remaining} more`) : null);
+    return /* @__PURE__ */ React39.createElement(Box33, { key: category, flexDirection: "column" }, /* @__PURE__ */ React39.createElement(Text33, { color: FG.faint }, `${CATEGORY_LABEL[category]} (${counts[category]})`), shown.map((entry) => /* @__PURE__ */ React39.createElement(Box33, { key: `${category}:${entry.summary}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React39.createElement(Text33, { color: CATEGORY_GLYPH_COLOR[category] }, CATEGORY_GLYPH[category]), /* @__PURE__ */ React39.createElement(Text33, { color: FG.sub }, entry.summary))), remaining > 0 ? /* @__PURE__ */ React39.createElement(Text33, { color: FG.faint }, `\u22EE +${remaining} more`) : null);
   }));
 }
 function countByCategory(entries) {
@@ -8133,8 +8167,8 @@ function countByCategory(entries) {
 }
 
 // src/cli/ui/cards/PlanCard.tsx
-import { Box as Box33, Text as Text33 } from "ink";
-import React39 from "react";
+import { Box as Box34, Text as Text34 } from "ink";
+import React40 from "react";
 var STATUS_GLYPH = {
   queued: "\u25CB",
   running: "\u25B6",
@@ -8160,11 +8194,11 @@ function PlanCard({ card }) {
   const hasRunning = card.steps.some((s) => s.status === "running");
   const cardTone = hasRunning ? toneActive.accent : tone.accent;
   const window = pickWindow(card.steps);
-  return /* @__PURE__ */ React39.createElement(Card, { tone: cardTone }, /* @__PURE__ */ React39.createElement(CardHeader, { glyph: "\u229E", tone: cardTone, title: card.title, meta: [progress] }), window.hiddenBefore > 0 ? /* @__PURE__ */ React39.createElement(Box33, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React39.createElement(Text33, { color: tone.ok }, "\u2713"), /* @__PURE__ */ React39.createElement(Text33, { color: fg.faint }, `\u22EF ${window.hiddenBefore} done`)) : null, window.steps.map((step) => {
+  return /* @__PURE__ */ React40.createElement(Card, { tone: cardTone }, /* @__PURE__ */ React40.createElement(CardHeader, { glyph: "\u229E", tone: cardTone, title: card.title, meta: [progress] }), window.hiddenBefore > 0 ? /* @__PURE__ */ React40.createElement(Box34, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React40.createElement(Text34, { color: tone.ok }, "\u2713"), /* @__PURE__ */ React40.createElement(Text34, { color: fg.faint }, `\u22EF ${window.hiddenBefore} done`)) : null, window.steps.map((step) => {
     const isActive = step.status === "running";
     const titleColor = isActive ? fg.strong : fg.sub;
-    return /* @__PURE__ */ React39.createElement(Box33, { key: step.id, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React39.createElement(Text33, { color: statusColor[step.status] }, STATUS_GLYPH[step.status]), /* @__PURE__ */ React39.createElement(Text33, { bold: isActive, color: titleColor }, `${step.indexLabel}. ${step.title}`), isActive ? /* @__PURE__ */ React39.createElement(Text33, { color: toneActive.brand }, "\u2190 in progress") : null);
-  }), window.hiddenAfter > 0 ? /* @__PURE__ */ React39.createElement(Box33, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React39.createElement(Text33, { color: fg.faint }, "\u25CB"), /* @__PURE__ */ React39.createElement(Text33, { color: fg.faint }, `\u22EF ${window.hiddenAfter} upcoming`)) : null);
+    return /* @__PURE__ */ React40.createElement(Box34, { key: step.id, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React40.createElement(Text34, { color: statusColor[step.status] }, STATUS_GLYPH[step.status]), /* @__PURE__ */ React40.createElement(Text34, { bold: isActive, color: titleColor }, `${step.indexLabel}. ${step.title}`), isActive ? /* @__PURE__ */ React40.createElement(Text34, { color: toneActive.brand }, "\u2190 in progress") : null);
+  }), window.hiddenAfter > 0 ? /* @__PURE__ */ React40.createElement(Box34, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React40.createElement(Text34, { color: fg.faint }, "\u25CB"), /* @__PURE__ */ React40.createElement(Text34, { color: fg.faint }, `\u22EF ${window.hiddenAfter} upcoming`)) : null);
 }
 function pickWindow(steps) {
   if (steps.length <= VISIBLE_WINDOW) {
@@ -8192,8 +8226,8 @@ function anchorIndex(steps) {
 }
 
 // src/cli/ui/cards/ReasoningCard.tsx
-import { Box as Box34, Text as Text35, useStdout as useStdout9 } from "ink";
-import React41 from "react";
+import { Box as Box35, Text as Text36, useStdout as useStdout9 } from "ink";
+import React42 from "react";
 
 // src/frame/width.ts
 import stringWidthLib from "string-width";
@@ -8244,12 +8278,12 @@ function wrapToCells(s, maxCells) {
 }
 
 // src/cli/ui/primitives/CursorBlock.tsx
-import { Text as Text34 } from "ink";
-import React40 from "react";
+import { Text as Text35 } from "ink";
+import React41 from "react";
 function CursorBlock() {
   const tick = useTick();
   const on = Math.floor(tick / 4) % 2 === 0;
-  return /* @__PURE__ */ React40.createElement(Text34, { inverse: on, color: CARD.streaming.color }, " ");
+  return /* @__PURE__ */ React41.createElement(Text35, { inverse: on, color: CARD.streaming.color }, " ");
 }
 
 // src/cli/ui/cards/ReasoningCard.tsx
@@ -8265,7 +8299,7 @@ function ReasoningCard({
   const allLines = card.text.length > 0 ? card.text.split("\n") : [];
   const showBody = expanded && (allLines.length > 0 || card.streaming);
   const tone = card.aborted ? TONE.err : card.streaming ? TONE_ACTIVE.accent : TONE.accent;
-  return /* @__PURE__ */ React41.createElement(Card, { tone }, /* @__PURE__ */ React41.createElement(ReasoningHeader, { card }), showBody && (card.streaming ? /* @__PURE__ */ React41.createElement(StreamingPreview, { card, allLines, lineCells }) : /* @__PURE__ */ React41.createElement(SettledPreview, { card, allLines, lineCells })));
+  return /* @__PURE__ */ React42.createElement(Card, { tone }, /* @__PURE__ */ React42.createElement(ReasoningHeader, { card }), showBody && (card.streaming ? /* @__PURE__ */ React42.createElement(StreamingPreview, { card, allLines, lineCells }) : /* @__PURE__ */ React42.createElement(SettledPreview, { card, allLines, lineCells })));
 }
 function ReasoningHeader({ card }) {
   const streamingActive = card.streaming && !card.aborted;
@@ -8278,7 +8312,7 @@ function ReasoningHeader({ card }) {
   const duration = headerDuration(card);
   if (duration) meta.push(duration);
   const modelBadge = card.model ? modelBadgeFor(card.model) : null;
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(
     CardHeader,
     {
       glyph,
@@ -8287,7 +8321,7 @@ function ReasoningHeader({ card }) {
       titleColor: PILL_SECTION.reason.fg,
       titleBg: PILL_SECTION.reason.bg,
       meta: meta.length > 0 ? meta : void 0,
-      right: /* @__PURE__ */ React41.createElement(React41.Fragment, null, streamingActive ? /* @__PURE__ */ React41.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.accent }) : null, modelBadge ? /* @__PURE__ */ React41.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null)
+      right: /* @__PURE__ */ React42.createElement(React42.Fragment, null, streamingActive ? /* @__PURE__ */ React42.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.accent }) : null, modelBadge ? /* @__PURE__ */ React42.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null)
     }
   );
 }
@@ -8308,13 +8342,13 @@ function headerDuration(card) {
 function StreamingPreview({ card, allLines, lineCells }) {
   const visualLines = allLines.flatMap((l) => wrapToCells(l, lineCells));
   const visible = visualLines.slice(-STREAMING_PREVIEW_LINES);
-  return /* @__PURE__ */ React41.createElement(BodyLines, { card, lines: visible, lineCells, cursorOnLast: true });
+  return /* @__PURE__ */ React42.createElement(BodyLines, { card, lines: visible, lineCells, cursorOnLast: true });
 }
 function SettledPreview({ card, allLines, lineCells }) {
   const visualLines = allLines.flatMap((l) => wrapToCells(l, lineCells));
   const visible = visualLines.slice(-SETTLED_TAIL_LINES);
   const droppedLines = Math.max(0, visualLines.length - visible.length);
-  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, droppedLines > 0 ? /* @__PURE__ */ React41.createElement(ElisionHint, { droppedLines, card }) : null, /* @__PURE__ */ React41.createElement(BodyLines, { card, lines: visible, lineCells, indexOffset: droppedLines }));
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, droppedLines > 0 ? /* @__PURE__ */ React42.createElement(ElisionHint, { droppedLines, card }) : null, /* @__PURE__ */ React42.createElement(BodyLines, { card, lines: visible, lineCells, indexOffset: droppedLines }));
 }
 function BodyLines({
   card,
@@ -8323,9 +8357,9 @@ function BodyLines({
   cursorOnLast = false,
   indexOffset = 0
 }) {
-  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, lines.map((line, i) => {
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, lines.map((line, i) => {
     const isLast = i === lines.length - 1;
-    return /* @__PURE__ */ React41.createElement(Box34, { key: `${card.id}:b:${indexOffset + i}`, flexDirection: "row" }, /* @__PURE__ */ React41.createElement(Text35, { italic: true, color: FG.meta }, clipToCells(line, lineCells)), isLast && cursorOnLast && /* @__PURE__ */ React41.createElement(CursorBlock, null));
+    return /* @__PURE__ */ React42.createElement(Box35, { key: `${card.id}:b:${indexOffset + i}`, flexDirection: "row" }, /* @__PURE__ */ React42.createElement(Text36, { italic: true, color: FG.meta }, clipToCells(line, lineCells)), isLast && cursorOnLast && /* @__PURE__ */ React42.createElement(CursorBlock, null));
   }));
 }
 function ElisionHint({
@@ -8339,12 +8373,12 @@ function ElisionHint({
     parts.push(`${droppedLines} line${droppedLines === 1 ? "" : "s"}`);
   }
   if (card.tokens > 0) parts.push(`${card.tokens.toLocaleString()} tok`);
-  return /* @__PURE__ */ React41.createElement(Text35, { color: FG.faint }, `\u22EF ${parts.join(" \xB7 ")} above \xB7 /reasoning last`);
+  return /* @__PURE__ */ React42.createElement(Text36, { color: FG.faint }, `\u22EF ${parts.join(" \xB7 ")} above \xB7 /reasoning last`);
 }
 
 // src/cli/ui/cards/SearchCard.tsx
-import { Box as Box35, Text as Text36 } from "ink";
-import React42 from "react";
+import { Box as Box36, Text as Text37 } from "ink";
+import React43 from "react";
 function SearchCard({ card }) {
   const fileCount = new Set(card.hits.map((h) => h.file)).size;
   const elapsed = `${(card.elapsedMs / 1e3).toFixed(2)}s`;
@@ -8353,7 +8387,7 @@ function SearchCard({ card }) {
     files: fileCount
   });
   const grouped = groupByFile(card.hits.slice(0, 10));
-  return /* @__PURE__ */ React42.createElement(Card, { tone: TONE.info }, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(Card, { tone: TONE.info }, /* @__PURE__ */ React43.createElement(
     CardHeader,
     {
       glyph: "\u2299",
@@ -8362,7 +8396,7 @@ function SearchCard({ card }) {
       subtitle: `"${card.query}"`,
       meta: [stats2, elapsed]
     }
-  ), grouped.map(([file, hits]) => /* @__PURE__ */ React42.createElement(Box35, { key: file, flexDirection: "column" }, /* @__PURE__ */ React42.createElement(Text36, { bold: true, color: FG.strong }, file), hits.map((h, i) => /* @__PURE__ */ React42.createElement(Box35, { key: `${file}:${h.line}:${i}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React42.createElement(Text36, { color: FG.faint }, `${h.line.toString().padStart(4)} \u2502`), /* @__PURE__ */ React42.createElement(HighlightedLine, { text: h.preview, start: h.matchStart, end: h.matchEnd }))))), card.hits.length > 10 ? /* @__PURE__ */ React42.createElement(Text36, { color: FG.faint }, t(
+  ), grouped.map(([file, hits]) => /* @__PURE__ */ React43.createElement(Box36, { key: file, flexDirection: "column" }, /* @__PURE__ */ React43.createElement(Text37, { bold: true, color: FG.strong }, file), hits.map((h, i) => /* @__PURE__ */ React43.createElement(Box36, { key: `${file}:${h.line}:${i}`, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React43.createElement(Text37, { color: FG.faint }, `${h.line.toString().padStart(4)} \u2502`), /* @__PURE__ */ React43.createElement(HighlightedLine, { text: h.preview, start: h.matchStart, end: h.matchEnd }))))), card.hits.length > 10 ? /* @__PURE__ */ React43.createElement(Text37, { color: FG.faint }, t(
     card.hits.length - 10 === 1 ? "cardLabels.moreHitSingular" : "cardLabels.moreHitsPlural",
     { count: card.hits.length - 10 }
   )) : null);
@@ -8373,9 +8407,9 @@ function HighlightedLine({
   end
 }) {
   if (start < 0 || end <= start || end > text.length) {
-    return /* @__PURE__ */ React42.createElement(Text36, { color: FG.sub }, text);
+    return /* @__PURE__ */ React43.createElement(Text37, { color: FG.sub }, text);
   }
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Text36, { color: FG.sub }, text.slice(0, start)), /* @__PURE__ */ React42.createElement(Text36, { bold: true, inverse: true }, text.slice(start, end)), /* @__PURE__ */ React42.createElement(Text36, { color: FG.sub }, text.slice(end)));
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(Text37, { color: FG.sub }, text.slice(0, start)), /* @__PURE__ */ React43.createElement(Text37, { bold: true, inverse: true }, text.slice(start, end)), /* @__PURE__ */ React43.createElement(Text37, { color: FG.sub }, text.slice(end)));
 }
 function groupByFile(hits) {
   const map = /* @__PURE__ */ new Map();
@@ -8388,8 +8422,8 @@ function groupByFile(hits) {
 }
 
 // src/cli/ui/cards/StreamingCard.tsx
-import { Box as Box37, Text as Text38, useStdout as useStdout11 } from "ink";
-import React44, { useContext as useContext5 } from "react";
+import { Box as Box38, Text as Text39, useStdout as useStdout11 } from "ink";
+import React45, { useContext as useContext5 } from "react";
 
 // src/cli/ui/layout/LiveExpandContext.ts
 import { createContext as createContext3 } from "react";
@@ -8397,54 +8431,54 @@ var LiveExpandContext = createContext3(false);
 
 // src/cli/ui/markdown.tsx
 import { highlight, supportsLanguage } from "cli-highlight";
-import { Box as Box36, Text as Text37, useStdout as useStdout10 } from "ink";
-import React43 from "react";
+import { Box as Box37, Text as Text38, useStdout as useStdout10 } from "ink";
+import React44 from "react";
 import stringWidth from "string-width";
 var BODY_LEFT_CELLS = 7;
-var MarkdownWidthCtx = React43.createContext(void 0);
+var MarkdownWidthCtx = React44.createContext(void 0);
 function useWidth() {
-  const ctx = React43.useContext(MarkdownWidthCtx);
+  const ctx = React44.useContext(MarkdownWidthCtx);
   if (ctx !== void 0) return ctx;
   return (useStdout10()?.stdout?.columns ?? process.stdout.columns ?? 80) - BODY_LEFT_CELLS;
 }
 marked.setOptions({ gfm: true, breaks: false });
 function Markdown({ text, width }) {
-  const tokens = React43.useMemo(() => marked.lexer(text), [text]);
+  const tokens = React44.useMemo(() => marked.lexer(text), [text]);
   const ctxWidth = width !== void 0 ? Math.max(1, width) : void 0;
-  return /* @__PURE__ */ React43.createElement(MarkdownWidthCtx.Provider, { value: ctxWidth }, /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column", gap: 1 }, tokens.map((token, i) => /* @__PURE__ */ React43.createElement(BlockToken, { key: `${i}-${token.type}`, token }))));
+  return /* @__PURE__ */ React44.createElement(MarkdownWidthCtx.Provider, { value: ctxWidth }, /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column", gap: 1 }, tokens.map((token, i) => /* @__PURE__ */ React44.createElement(BlockToken, { key: `${i}-${token.type}`, token }))));
 }
 function BlockToken({ token }) {
   switch (token.type) {
     case "heading":
-      return /* @__PURE__ */ React43.createElement(Heading, { token });
+      return /* @__PURE__ */ React44.createElement(Heading, { token });
     case "paragraph":
-      return /* @__PURE__ */ React43.createElement(Paragraph, { token });
+      return /* @__PURE__ */ React44.createElement(Paragraph, { token });
     case "list":
-      return /* @__PURE__ */ React43.createElement(List, { token, depth: 0 });
+      return /* @__PURE__ */ React44.createElement(List, { token, depth: 0 });
     case "code":
-      return /* @__PURE__ */ React43.createElement(CodeBlock2, { token });
+      return /* @__PURE__ */ React44.createElement(CodeBlock2, { token });
     case "blockquote":
-      return /* @__PURE__ */ React43.createElement(Blockquote, { token });
+      return /* @__PURE__ */ React44.createElement(Blockquote, { token });
     case "hr":
-      return /* @__PURE__ */ React43.createElement(HorizontalRule, null);
+      return /* @__PURE__ */ React44.createElement(HorizontalRule, null);
     case "table":
-      return /* @__PURE__ */ React43.createElement(Table, { token });
+      return /* @__PURE__ */ React44.createElement(Table, { token });
     case "html":
-      return /* @__PURE__ */ React43.createElement(Text37, { color: FG.body }, token.text);
+      return /* @__PURE__ */ React44.createElement(Text38, { color: FG.body }, token.text);
     case "space":
       return null;
     default:
-      return /* @__PURE__ */ React43.createElement(Text37, { color: FG.body }, token.raw ?? "");
+      return /* @__PURE__ */ React44.createElement(Text38, { color: FG.body }, token.raw ?? "");
   }
 }
 function Heading({ token }) {
-  return /* @__PURE__ */ React43.createElement(Box36, null, /* @__PURE__ */ React43.createElement(Text37, { bold: true, color: FG.strong, backgroundColor: SURFACE.bgElev }, ` ${plainText(token.tokens)} `));
+  return /* @__PURE__ */ React44.createElement(Box37, null, /* @__PURE__ */ React44.createElement(Text38, { bold: true, color: FG.strong, backgroundColor: SURFACE.bgElev }, ` ${plainText(token.tokens)} `));
 }
 function Paragraph({ token }) {
-  return /* @__PURE__ */ React43.createElement(Text37, { color: FG.body }, /* @__PURE__ */ React43.createElement(Inline, { tokens: token.tokens ?? [] }));
+  return /* @__PURE__ */ React44.createElement(Text38, { color: FG.body }, /* @__PURE__ */ React44.createElement(Inline, { tokens: token.tokens ?? [] }));
 }
 function List({ token, depth }) {
-  return /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, token.items.map((item, i) => /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, token.items.map((item, i) => /* @__PURE__ */ React44.createElement(
     ListItem,
     {
       key: `${i}-${item.text.slice(0, 24)}`,
@@ -8465,27 +8499,27 @@ function ListItem({
   const markerColor = item.task ? item.checked ? TONE.ok : FG.faint : FG.meta;
   const dim = item.task && item.checked === true;
   const indent = " ".repeat(depth + 1);
-  return /* @__PURE__ */ React43.createElement(Box36, null, /* @__PURE__ */ React43.createElement(Text37, { color: markerColor }, `${indent}${marker} `), /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, item.tokens.map((tok, i) => {
+  return /* @__PURE__ */ React44.createElement(Box37, null, /* @__PURE__ */ React44.createElement(Text38, { color: markerColor }, `${indent}${marker} `), /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, item.tokens.map((tok, i) => {
     if (tok.type === "text") {
       const inner = tok.tokens;
       return (
         // biome-ignore lint/suspicious/noArrayIndexKey: list-item children are positional and stable per render
-        /* @__PURE__ */ React43.createElement(Text37, { key: `t-${i}`, color: dim ? FG.faint : FG.body, strikethrough: dim }, inner ? /* @__PURE__ */ React43.createElement(Inline, { tokens: inner }) : tok.text)
+        /* @__PURE__ */ React44.createElement(Text38, { key: `t-${i}`, color: dim ? FG.faint : FG.body, strikethrough: dim }, inner ? /* @__PURE__ */ React44.createElement(Inline, { tokens: inner }) : tok.text)
       );
     }
     if (tok.type === "list") {
-      return /* @__PURE__ */ React43.createElement(List, { key: `l-${i}`, token: tok, depth: depth + 1 });
+      return /* @__PURE__ */ React44.createElement(List, { key: `l-${i}`, token: tok, depth: depth + 1 });
     }
-    return /* @__PURE__ */ React43.createElement(BlockToken, { key: `b-${i}-${tok.type}`, token: tok });
+    return /* @__PURE__ */ React44.createElement(BlockToken, { key: `b-${i}-${tok.type}`, token: tok });
   })));
 }
 function CodeBlock2({ token }) {
   const lang = token.lang?.split(/\s+/)[0] ?? "";
   const colored = highlightCode(token.text, lang);
   const lines = colored.split("\n");
-  return /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, lang ? /* @__PURE__ */ React43.createElement(Box36, null, /* @__PURE__ */ React43.createElement(Text37, { color: FG.meta }, ` ${lang}`)) : null, /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, lines.map((line, i) => (
+  return /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, lang ? /* @__PURE__ */ React44.createElement(Box37, null, /* @__PURE__ */ React44.createElement(Text38, { color: FG.meta }, ` ${lang}`)) : null, /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, lines.map((line, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: code lines are positional and stable per render
-    /* @__PURE__ */ React43.createElement(Text37, { key: `code-${i}`, backgroundColor: SURFACE.bgElev }, ` ${line} `)
+    /* @__PURE__ */ React44.createElement(Text38, { key: `code-${i}`, backgroundColor: SURFACE.bgElev }, ` ${line} `)
   ))));
 }
 function highlightCode(source, lang) {
@@ -8498,7 +8532,7 @@ function highlightCode(source, lang) {
   }
 }
 function Blockquote({ token }) {
-  return /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, (token.tokens ?? []).map((child, i) => /* @__PURE__ */ React43.createElement(Box36, { key: `${i}-${child.type}`, flexDirection: "row" }, /* @__PURE__ */ React43.createElement(Text37, { color: TONE.brand }, " \u258E "), /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column", flexGrow: 1 }, child.type === "paragraph" ? /* @__PURE__ */ React43.createElement(Text37, { italic: true, color: FG.sub }, /* @__PURE__ */ React43.createElement(Inline, { tokens: child.tokens ?? [] })) : /* @__PURE__ */ React43.createElement(BlockToken, { token: child })))));
+  return /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, (token.tokens ?? []).map((child, i) => /* @__PURE__ */ React44.createElement(Box37, { key: `${i}-${child.type}`, flexDirection: "row" }, /* @__PURE__ */ React44.createElement(Text38, { color: TONE.brand }, " \u258E "), /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column", flexGrow: 1 }, child.type === "paragraph" ? /* @__PURE__ */ React44.createElement(Text38, { italic: true, color: FG.sub }, /* @__PURE__ */ React44.createElement(Inline, { tokens: child.tokens ?? [] })) : /* @__PURE__ */ React44.createElement(BlockToken, { token: child })))));
 }
 function padToCells(text, cells) {
   const w = stringWidth(text);
@@ -8508,7 +8542,7 @@ function padToCells(text, cells) {
 function HorizontalRule() {
   const width = useWidth();
   const rule = "\u2500".repeat(Math.max(width, 1));
-  return /* @__PURE__ */ React43.createElement(Text37, { color: FG.faint }, ` ${rule}`);
+  return /* @__PURE__ */ React44.createElement(Text38, { color: FG.faint }, ` ${rule}`);
 }
 function tableLayout(headerCells, bodyCells, availableWidth) {
   const colCount = headerCells.length;
@@ -8536,7 +8570,7 @@ function Table({ token }) {
   const bodyCells = token.rows.map((row2) => row2.map((c) => plainText(c.tokens)));
   const layout = tableLayout(headerCells, bodyCells, width);
   if (!layout.fallback)
-    return /* @__PURE__ */ React43.createElement(
+    return /* @__PURE__ */ React44.createElement(
       ColumnarTable,
       {
         headerCells,
@@ -8546,7 +8580,7 @@ function Table({ token }) {
         gap: layout.gap
       }
     );
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     FallbackTable,
     {
       headerCells,
@@ -8564,14 +8598,14 @@ function ColumnarTable({
   gap
 }) {
   const ruleRow = widths.map((w) => "\u2500".repeat(w)).join(gap);
-  return /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, /* @__PURE__ */ React43.createElement(Box36, null, /* @__PURE__ */ React43.createElement(Text37, null, " "), headerCells.map((cell, i) => (
+  return /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, /* @__PURE__ */ React44.createElement(Box37, null, /* @__PURE__ */ React44.createElement(Text38, null, " "), headerCells.map((cell, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: header cells positional
-    /* @__PURE__ */ React43.createElement(React43.Fragment, { key: `h-${i}` }, /* @__PURE__ */ React43.createElement(Text37, { bold: true, color: FG.sub }, padToCells(cell, widths[i])), i < colCount - 1 ? /* @__PURE__ */ React43.createElement(Text37, null, gap) : null)
-  ))), /* @__PURE__ */ React43.createElement(Box36, null, /* @__PURE__ */ React43.createElement(Text37, null, " "), /* @__PURE__ */ React43.createElement(Text37, { color: FG.faint }, ruleRow)), bodyCells.map((row2, ri) => (
+    /* @__PURE__ */ React44.createElement(React44.Fragment, { key: `h-${i}` }, /* @__PURE__ */ React44.createElement(Text38, { bold: true, color: FG.sub }, padToCells(cell, widths[i])), i < colCount - 1 ? /* @__PURE__ */ React44.createElement(Text38, null, gap) : null)
+  ))), /* @__PURE__ */ React44.createElement(Box37, null, /* @__PURE__ */ React44.createElement(Text38, null, " "), /* @__PURE__ */ React44.createElement(Text38, { color: FG.faint }, ruleRow)), bodyCells.map((row2, ri) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: body rows positional
-    /* @__PURE__ */ React43.createElement(Box36, { key: `tr-${ri}` }, /* @__PURE__ */ React43.createElement(Text37, null, " "), row2.map((cell, i) => (
+    /* @__PURE__ */ React44.createElement(Box37, { key: `tr-${ri}` }, /* @__PURE__ */ React44.createElement(Text38, null, " "), row2.map((cell, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: cells positional
-      /* @__PURE__ */ React43.createElement(React43.Fragment, { key: `c-${ri}-${i}` }, /* @__PURE__ */ React43.createElement(Text37, { color: FG.body }, padToCells(cell ?? "", widths[i])), i < colCount - 1 ? /* @__PURE__ */ React43.createElement(Text37, null, gap) : null)
+      /* @__PURE__ */ React44.createElement(React44.Fragment, { key: `c-${ri}-${i}` }, /* @__PURE__ */ React44.createElement(Text38, { color: FG.body }, padToCells(cell ?? "", widths[i])), i < colCount - 1 ? /* @__PURE__ */ React44.createElement(Text38, null, gap) : null)
     )))
   )));
 }
@@ -8581,20 +8615,20 @@ function FallbackTable({
   labelPad,
   valueCells
 }) {
-  return /* @__PURE__ */ React43.createElement(Box36, { flexDirection: "column" }, bodyCells.map((row2, ri) => (
+  return /* @__PURE__ */ React44.createElement(Box37, { flexDirection: "column" }, bodyCells.map((row2, ri) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: body rows positional
-    /* @__PURE__ */ React43.createElement(Box36, { key: `fr-${ri}`, flexDirection: "column" }, ri > 0 ? /* @__PURE__ */ React43.createElement(Text37, null, " ") : null, headerCells.map((h, ci) => {
+    /* @__PURE__ */ React44.createElement(Box37, { key: `fr-${ri}`, flexDirection: "column" }, ri > 0 ? /* @__PURE__ */ React44.createElement(Text38, null, " ") : null, headerCells.map((h, ci) => {
       const label = `${padToCells(h, labelPad - 2)}: `;
       const lines = wrapToCells(row2[ci] ?? "", valueCells);
       return lines.map((line, li) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: fallback table lines are positional
-        /* @__PURE__ */ React43.createElement(Box36, { key: `fc-${ri}-${ci}-${li}` }, li === 0 ? /* @__PURE__ */ React43.createElement(Text37, { bold: true, color: FG.sub }, label) : /* @__PURE__ */ React43.createElement(Text37, null, padToCells("", labelPad)), /* @__PURE__ */ React43.createElement(Text37, { color: FG.body }, line))
+        /* @__PURE__ */ React44.createElement(Box37, { key: `fc-${ri}-${ci}-${li}` }, li === 0 ? /* @__PURE__ */ React44.createElement(Text38, { bold: true, color: FG.sub }, label) : /* @__PURE__ */ React44.createElement(Text38, null, padToCells("", labelPad)), /* @__PURE__ */ React44.createElement(Text38, { color: FG.body }, line))
       ));
     }))
   )));
 }
 function Inline({ tokens }) {
-  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, tokens.map((tok, i) => /* @__PURE__ */ React43.createElement(InlineToken, { key: `${i}-${tok.type}`, token: tok })));
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, tokens.map((tok, i) => /* @__PURE__ */ React44.createElement(InlineToken, { key: `${i}-${tok.type}`, token: tok })));
 }
 var FILE_REF_RE2 = /\b([A-Za-z0-9_./@\-]+\.[A-Za-z0-9]{1,6})(?::(\d+)(?:-(\d+))?)?\b/g;
 var MENTION_RE = /(?<![A-Za-z0-9_])@([A-Za-z0-9_./\-]+\.[A-Za-z0-9]{1,6})/g;
@@ -8605,10 +8639,10 @@ function looksLikeFileRef(path, hasLine) {
   return ext.length >= 2;
 }
 function osc8(label, _target, color) {
-  return /* @__PURE__ */ React43.createElement(Text37, { color, underline: true }, label);
+  return /* @__PURE__ */ React44.createElement(Text38, { color, underline: true }, label);
 }
 function renderInlineText(raw) {
-  if (!raw) return /* @__PURE__ */ React43.createElement(Text37, null, raw);
+  if (!raw) return /* @__PURE__ */ React44.createElement(Text38, null, raw);
   const out = [];
   let cursor = 0;
   const hits = [];
@@ -8619,7 +8653,7 @@ function renderInlineText(raw) {
     hits.push({
       start,
       end,
-      node: /* @__PURE__ */ React43.createElement(Text37, { color: TONE.warn, underline: true }, `@${path}`)
+      node: /* @__PURE__ */ React44.createElement(Text38, { color: TONE.warn, underline: true }, `@${path}`)
     });
   }
   for (const m of raw.matchAll(FILE_REF_RE2)) {
@@ -8636,44 +8670,44 @@ function renderInlineText(raw) {
   let key = 0;
   for (const h of hits) {
     if (h.start > cursor) {
-      out.push(/* @__PURE__ */ React43.createElement(Text37, { key: `t-${key++}` }, raw.slice(cursor, h.start)));
+      out.push(/* @__PURE__ */ React44.createElement(Text38, { key: `t-${key++}` }, raw.slice(cursor, h.start)));
     }
-    out.push(/* @__PURE__ */ React43.createElement(React43.Fragment, { key: `r-${key++}` }, h.node));
+    out.push(/* @__PURE__ */ React44.createElement(React44.Fragment, { key: `r-${key++}` }, h.node));
     cursor = h.end;
   }
-  if (cursor < raw.length) out.push(/* @__PURE__ */ React43.createElement(Text37, { key: `t-${key++}` }, raw.slice(cursor)));
-  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, out);
+  if (cursor < raw.length) out.push(/* @__PURE__ */ React44.createElement(Text38, { key: `t-${key++}` }, raw.slice(cursor)));
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, out);
 }
 function InlineToken({ token }) {
   switch (token.type) {
     case "text": {
       const t2 = token;
-      return t2.tokens ? /* @__PURE__ */ React43.createElement(Inline, { tokens: t2.tokens }) : renderInlineText(t2.text);
+      return t2.tokens ? /* @__PURE__ */ React44.createElement(Inline, { tokens: t2.tokens }) : renderInlineText(t2.text);
     }
     case "strong":
-      return /* @__PURE__ */ React43.createElement(Text37, { bold: true, color: FG.strong }, /* @__PURE__ */ React43.createElement(Inline, { tokens: token.tokens }));
+      return /* @__PURE__ */ React44.createElement(Text38, { bold: true, color: FG.strong }, /* @__PURE__ */ React44.createElement(Inline, { tokens: token.tokens }));
     case "em":
-      return /* @__PURE__ */ React43.createElement(Text37, { italic: true }, /* @__PURE__ */ React43.createElement(Inline, { tokens: token.tokens }));
+      return /* @__PURE__ */ React44.createElement(Text38, { italic: true }, /* @__PURE__ */ React44.createElement(Inline, { tokens: token.tokens }));
     case "codespan":
-      return /* @__PURE__ */ React43.createElement(Text37, { color: FG.strong, backgroundColor: SURFACE.bgElev }, ` ${token.text} `);
+      return /* @__PURE__ */ React44.createElement(Text38, { color: FG.strong, backgroundColor: SURFACE.bgElev }, ` ${token.text} `);
     case "del":
-      return /* @__PURE__ */ React43.createElement(Text37, { color: TONE.err, strikethrough: true }, /* @__PURE__ */ React43.createElement(Inline, { tokens: token.tokens }));
+      return /* @__PURE__ */ React44.createElement(Text38, { color: TONE.err, strikethrough: true }, /* @__PURE__ */ React44.createElement(Inline, { tokens: token.tokens }));
     case "link": {
       const l = token;
-      return /* @__PURE__ */ React43.createElement(Text37, { color: TONE.brand, underline: true }, /* @__PURE__ */ React43.createElement(Inline, { tokens: l.tokens }));
+      return /* @__PURE__ */ React44.createElement(Text38, { color: TONE.brand, underline: true }, /* @__PURE__ */ React44.createElement(Inline, { tokens: l.tokens }));
     }
     case "image": {
       const im = token;
-      return /* @__PURE__ */ React43.createElement(Text37, { color: TONE.brand }, `[image: ${im.text || im.href}]`);
+      return /* @__PURE__ */ React44.createElement(Text38, { color: TONE.brand }, `[image: ${im.text || im.href}]`);
     }
     case "br":
-      return /* @__PURE__ */ React43.createElement(Text37, null, "\n");
+      return /* @__PURE__ */ React44.createElement(Text38, null, "\n");
     case "escape":
-      return /* @__PURE__ */ React43.createElement(Text37, null, token.text);
+      return /* @__PURE__ */ React44.createElement(Text38, null, token.text);
     case "html":
-      return /* @__PURE__ */ React43.createElement(Text37, null, token.text);
+      return /* @__PURE__ */ React44.createElement(Text38, null, token.text);
     default:
-      return /* @__PURE__ */ React43.createElement(Text37, null, token.raw ?? "");
+      return /* @__PURE__ */ React44.createElement(Text38, null, token.raw ?? "");
   }
 }
 function plainText(tokens) {
@@ -8736,19 +8770,19 @@ function StreamingCard({ card }) {
   });
   useSlowTick();
   const modelBadge = card.model ? modelBadgeFor(card.model) : null;
-  const modelPill = modelBadge ? /* @__PURE__ */ React44.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null;
+  const modelPill = modelBadge ? /* @__PURE__ */ React45.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null;
   if (card.done && !card.aborted) {
     const { tokens, tps } = tokenRate(card.text, card.ts, card.endedAt ?? Date.now());
-    const ratePill = tokens >= MIN_TOKENS_FOR_RATE && tps !== null ? /* @__PURE__ */ React44.createElement(Pill, { label: `${formatTokenCount(tokens)} tok \xB7 ${tps} t/s`, ...PILL_RATE, bold: false }) : null;
-    return /* @__PURE__ */ React44.createElement(Card, { tone: TONE.ok }, /* @__PURE__ */ React44.createElement(
+    const ratePill = tokens >= MIN_TOKENS_FOR_RATE && tps !== null ? /* @__PURE__ */ React45.createElement(Pill, { label: `${formatTokenCount(tokens)} tok \xB7 ${tps} t/s`, ...PILL_RATE, bold: false }) : null;
+    return /* @__PURE__ */ React45.createElement(Card, { tone: TONE.ok }, /* @__PURE__ */ React45.createElement(
       CardHeader,
       {
         glyph: "\u2039",
         tone: TONE.ok,
         title: t("cardTitles.reply"),
-        right: /* @__PURE__ */ React44.createElement(React44.Fragment, null, ratePill, modelPill)
+        right: /* @__PURE__ */ React45.createElement(React45.Fragment, null, ratePill, modelPill)
       }
-    ), /* @__PURE__ */ React44.createElement(Markdown, { text: card.text }));
+    ), /* @__PURE__ */ React45.createElement(Markdown, { text: card.text }));
   }
   const lineCells = Math.max(20, cols - 4);
   const allLines = card.text.length > 0 ? card.text.split("\n") : [""];
@@ -8761,24 +8795,24 @@ function StreamingCard({ card }) {
   const glyph = aborted ? "\u2039" : "\u25C8";
   const headLabel = aborted ? t("cardLabels.aborted") : t("cardLabels.writing");
   const { tokens: liveTokens, tps: liveTps } = tokenRate(card.text, card.ts, Date.now());
-  const liveRatePill = !aborted && liveTokens >= MIN_TOKENS_FOR_RATE && liveTps !== null ? /* @__PURE__ */ React44.createElement(Pill, { label: `${liveTps} t/s`, ...PILL_RATE, bold: false }) : null;
-  const expandPill = !aborted ? /* @__PURE__ */ React44.createElement(Pill, { label: expanded ? "expanded \u2303o" : "preview \u2303o", ...PILL_RATE, bold: false }) : null;
-  return /* @__PURE__ */ React44.createElement(Card, { tone: headColor }, /* @__PURE__ */ React44.createElement(
+  const liveRatePill = !aborted && liveTokens >= MIN_TOKENS_FOR_RATE && liveTps !== null ? /* @__PURE__ */ React45.createElement(Pill, { label: `${liveTps} t/s`, ...PILL_RATE, bold: false }) : null;
+  const expandPill = !aborted ? /* @__PURE__ */ React45.createElement(Pill, { label: expanded ? "expanded \u2303o" : "preview \u2303o", ...PILL_RATE, bold: false }) : null;
+  return /* @__PURE__ */ React45.createElement(Card, { tone: headColor }, /* @__PURE__ */ React45.createElement(
     CardHeader,
     {
       glyph,
       tone: headColor,
       title: headLabel,
-      right: /* @__PURE__ */ React44.createElement(React44.Fragment, null, liveRatePill, expandPill, aborted ? null : /* @__PURE__ */ React44.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.brand }), modelPill)
+      right: /* @__PURE__ */ React45.createElement(React45.Fragment, null, liveRatePill, expandPill, aborted ? null : /* @__PURE__ */ React45.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.brand }), modelPill)
     }
-  ), expanded && droppedAbove > 0 ? /* @__PURE__ */ React44.createElement(Text38, { color: FG.faint }, t(droppedAbove === 1 ? "cardLabels.earlierLine" : "cardLabels.earlierLines", {
+  ), expanded && droppedAbove > 0 ? /* @__PURE__ */ React45.createElement(Text39, { color: FG.faint }, t(droppedAbove === 1 ? "cardLabels.earlierLine" : "cardLabels.earlierLines", {
     count: droppedAbove
-  })) : null, visible.map((line, i) => /* @__PURE__ */ React44.createElement(Box37, { key: `${card.id}:${visualLines.length - visible.length + i}`, flexDirection: "row" }, /* @__PURE__ */ React44.createElement(Text38, { color: aborted ? FG.meta : FG.body }, clipToCells(line, lineCells)))), aborted ? /* @__PURE__ */ React44.createElement(Text38, { color: FG.faint }, t("cardLabels.truncatedByEsc")) : null);
+  })) : null, visible.map((line, i) => /* @__PURE__ */ React45.createElement(Box38, { key: `${card.id}:${visualLines.length - visible.length + i}`, flexDirection: "row" }, /* @__PURE__ */ React45.createElement(Text39, { color: aborted ? FG.meta : FG.body }, clipToCells(line, lineCells)))), aborted ? /* @__PURE__ */ React45.createElement(Text39, { color: FG.faint }, t("cardLabels.truncatedByEsc")) : null);
 }
 
 // src/cli/ui/cards/SubAgentCard.tsx
-import { Box as Box38, Text as Text39 } from "ink";
-import React45, { useContext as useContext6 } from "react";
+import { Box as Box39, Text as Text40 } from "ink";
+import React46, { useContext as useContext6 } from "react";
 function SubAgentCard({ card }) {
   const { fg, tone, toneActive } = useThemeTokens();
   const statusColor = {
@@ -8792,7 +8826,7 @@ function SubAgentCard({ card }) {
   const isRunning = card.status === "running";
   const inLive = useContext6(ActiveCardContext);
   const headerMeta2 = isRunning ? runningChildren > 0 ? [`${runningChildren} ${t("cardLabels.runningLabel")}`] : [t("cardLabels.workingLabel")] : [{ text: card.status, color: headColor }];
-  return /* @__PURE__ */ React45.createElement(Card, { tone: headColor }, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(Card, { tone: headColor }, /* @__PURE__ */ React46.createElement(
     CardHeader,
     {
       glyph: headGlyph,
@@ -8802,7 +8836,7 @@ function SubAgentCard({ card }) {
       subtitle: card.task,
       meta: headerMeta2
     }
-  ), card.name ? /* @__PURE__ */ React45.createElement(Text39, { color: fg.faint }, `${t("cardLabels.agent")} \xB7 ${card.name}`) : null, card.tools && card.tools.length > 0 && /* @__PURE__ */ React45.createElement(Text39, { color: fg.faint }, `${t("cardLabels.tools")} \xB7 ${card.tools.join(", ")}`), card.children.map((child) => /* @__PURE__ */ React45.createElement(Box38, { key: child.id, flexDirection: "row", gap: 1 }, inLive ? null : /* @__PURE__ */ React45.createElement(Text39, { color: tone.violet }, "\u258E"), /* @__PURE__ */ React45.createElement(ChildRow, { card: child }))));
+  ), card.name ? /* @__PURE__ */ React46.createElement(Text40, { color: fg.faint }, `${t("cardLabels.agent")} \xB7 ${card.name}`) : null, card.tools && card.tools.length > 0 && /* @__PURE__ */ React46.createElement(Text40, { color: fg.faint }, `${t("cardLabels.tools")} \xB7 ${card.tools.join(", ")}`), card.children.map((child) => /* @__PURE__ */ React46.createElement(Box39, { key: child.id, flexDirection: "row", gap: 1 }, inLive ? null : /* @__PURE__ */ React46.createElement(Text40, { color: tone.violet }, "\u258E"), /* @__PURE__ */ React46.createElement(ChildRow, { card: child }))));
 }
 function isChildDone(card) {
   switch (card.kind) {
@@ -8819,16 +8853,16 @@ function ChildRow({ card }) {
   const { fg, tone } = useThemeTokens();
   const v = childVisual(card, tone.ok, tone.err, fg.faint);
   const isDone = isChildDone(card);
-  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, v.statusGlyph, /* @__PURE__ */ React45.createElement(Text39, { color: v.kindColor }, v.kindGlyph), /* @__PURE__ */ React45.createElement(Text39, { dimColor: isDone, color: fg.body }, v.text));
+  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, v.statusGlyph, /* @__PURE__ */ React46.createElement(Text40, { color: v.kindColor }, v.kindGlyph), /* @__PURE__ */ React46.createElement(Text40, { dimColor: isDone, color: fg.body }, v.text));
 }
 function runningGlyph(color) {
-  return /* @__PURE__ */ React45.createElement(Spinner, { kind: "circle", color });
+  return /* @__PURE__ */ React46.createElement(Spinner, { kind: "circle", color });
 }
 function doneGlyph(color) {
-  return /* @__PURE__ */ React45.createElement(Text39, { color }, "\u2713");
+  return /* @__PURE__ */ React46.createElement(Text40, { color }, "\u2713");
 }
 function failedGlyph(color) {
-  return /* @__PURE__ */ React45.createElement(Text39, { color }, "\u2716");
+  return /* @__PURE__ */ React46.createElement(Text40, { color }, "\u2716");
 }
 function childVisual(card, doneColor, failedColor, fallbackColor) {
   switch (card.kind) {
@@ -8873,7 +8907,7 @@ function childVisual(card, doneColor, failedColor, fallbackColor) {
       };
     default:
       return {
-        statusGlyph: /* @__PURE__ */ React45.createElement(Text39, { color: fallbackColor }, "\xB7"),
+        statusGlyph: /* @__PURE__ */ React46.createElement(Text40, { color: fallbackColor }, "\xB7"),
         kindGlyph: "\xB7",
         kindColor: fallbackColor,
         text: card.kind
@@ -8882,8 +8916,8 @@ function childVisual(card, doneColor, failedColor, fallbackColor) {
 }
 
 // src/cli/ui/cards/TaskCard.tsx
-import { Box as Box39, Text as Text40 } from "ink";
-import React46 from "react";
+import { Box as Box40, Text as Text41 } from "ink";
+import React47 from "react";
 var STEP_GLYPH = {
   queued: "\u25CB",
   running: "\u25B6",
@@ -8909,7 +8943,7 @@ function TaskCard({ card }) {
     failed: tone.err
   };
   const elapsed = `${(card.elapsedMs / 1e3).toFixed(1)}s`;
-  return /* @__PURE__ */ React46.createElement(Card, { tone: taskColor[card.status] }, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(Card, { tone: taskColor[card.status] }, /* @__PURE__ */ React47.createElement(
     CardHeader,
     {
       glyph: TASK_GLYPH[card.status],
@@ -8918,12 +8952,12 @@ function TaskCard({ card }) {
       subtitle: card.title,
       meta: [elapsed, card.status]
     }
-  ), card.steps.map((step) => /* @__PURE__ */ React46.createElement(Box39, { key: step.id, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React46.createElement(Text40, { color: stepColor[step.status] }, STEP_GLYPH[step.status]), /* @__PURE__ */ React46.createElement(Text40, { bold: true, color: fg.body }, (step.toolName ?? "step").padEnd(7)), /* @__PURE__ */ React46.createElement(Text40, { color: fg.sub }, step.title), step.detail ? /* @__PURE__ */ React46.createElement(Text40, { color: fg.faint }, step.detail) : null, step.elapsedMs !== void 0 ? /* @__PURE__ */ React46.createElement(Text40, { color: fg.faint }, `${(step.elapsedMs / 1e3).toFixed(2)}s`) : null)));
+  ), card.steps.map((step) => /* @__PURE__ */ React47.createElement(Box40, { key: step.id, flexDirection: "row", gap: 1 }, /* @__PURE__ */ React47.createElement(Text41, { color: stepColor[step.status] }, STEP_GLYPH[step.status]), /* @__PURE__ */ React47.createElement(Text41, { bold: true, color: fg.body }, (step.toolName ?? "step").padEnd(7)), /* @__PURE__ */ React47.createElement(Text41, { color: fg.sub }, step.title), step.detail ? /* @__PURE__ */ React47.createElement(Text41, { color: fg.faint }, step.detail) : null, step.elapsedMs !== void 0 ? /* @__PURE__ */ React47.createElement(Text41, { color: fg.faint }, `${(step.elapsedMs / 1e3).toFixed(2)}s`) : null)));
 }
 
 // src/cli/ui/cards/TipCard.tsx
-import { Box as Box40, Text as Text41 } from "ink";
-import React47 from "react";
+import { Box as Box41, Text as Text42 } from "ink";
+import React48 from "react";
 import stringWidth2 from "string-width";
 var KEY_GUTTER = 4;
 function TipCard({ card }) {
@@ -8931,7 +8965,7 @@ function TipCard({ card }) {
     (max, sec) => sec.rows.reduce((m, r) => Math.max(m, stringWidth2(r.key)), max),
     0
   );
-  return /* @__PURE__ */ React47.createElement(Box40, { flexDirection: "column", paddingLeft: 2, marginY: 1 }, /* @__PURE__ */ React47.createElement(Box40, { flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React47.createElement(Box40, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React47.createElement(Text41, { color: TONE.accent, bold: true }, "\u24D8"), /* @__PURE__ */ React47.createElement(Text41, { color: FG.body, bold: true }, card.topic)), card.oneTime ? /* @__PURE__ */ React47.createElement(Text41, { color: FG.faint }, t("ui.tipShownOnce")) : null), card.sections.map((section, i) => /* @__PURE__ */ React47.createElement(Box40, { key: section.title ?? `section-${i}`, flexDirection: "column", marginTop: 1 }, section.title ? /* @__PURE__ */ React47.createElement(Box40, { marginBottom: 0 }, /* @__PURE__ */ React47.createElement(Text41, { color: FG.sub }, section.title)) : null, section.rows.map((row2) => /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React48.createElement(Box41, { flexDirection: "column", paddingLeft: 2, marginY: 1 }, /* @__PURE__ */ React48.createElement(Box41, { flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React48.createElement(Box41, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React48.createElement(Text42, { color: TONE.accent, bold: true }, "\u24D8"), /* @__PURE__ */ React48.createElement(Text42, { color: FG.body, bold: true }, card.topic)), card.oneTime ? /* @__PURE__ */ React48.createElement(Text42, { color: FG.faint }, t("ui.tipShownOnce")) : null), card.sections.map((section, i) => /* @__PURE__ */ React48.createElement(Box41, { key: section.title ?? `section-${i}`, flexDirection: "column", marginTop: 1 }, section.title ? /* @__PURE__ */ React48.createElement(Box41, { marginBottom: 0 }, /* @__PURE__ */ React48.createElement(Text42, { color: FG.sub }, section.title)) : null, section.rows.map((row2) => /* @__PURE__ */ React48.createElement(
     TipRowRender,
     {
       key: row2.key,
@@ -8939,7 +8973,7 @@ function TipCard({ card }) {
       keyWidth,
       indent: section.title ? 2 : 0
     }
-  )))), card.footer ? /* @__PURE__ */ React47.createElement(Box40, { marginTop: 1 }, /* @__PURE__ */ React47.createElement(Text41, { color: FG.faint }, card.footer)) : null);
+  )))), card.footer ? /* @__PURE__ */ React48.createElement(Box41, { marginTop: 1 }, /* @__PURE__ */ React48.createElement(Text42, { color: FG.faint }, card.footer)) : null);
 }
 function TipRowRender({
   row: row2,
@@ -8948,12 +8982,34 @@ function TipRowRender({
 }) {
   const pad = " ".repeat(Math.max(0, keyWidth - stringWidth2(row2.key) + KEY_GUTTER));
   const lead = indent > 0 ? " ".repeat(indent) : "";
-  return /* @__PURE__ */ React47.createElement(Box40, { flexDirection: "row" }, lead ? /* @__PURE__ */ React47.createElement(Text41, null, lead) : null, /* @__PURE__ */ React47.createElement(Text41, { color: TONE.accent }, row2.key), /* @__PURE__ */ React47.createElement(Text41, null, pad), /* @__PURE__ */ React47.createElement(Text41, { color: FG.body }, row2.text));
+  return /* @__PURE__ */ React48.createElement(Box41, { flexDirection: "row" }, lead ? /* @__PURE__ */ React48.createElement(Text42, null, lead) : null, /* @__PURE__ */ React48.createElement(Text42, { color: TONE.accent }, row2.key), /* @__PURE__ */ React48.createElement(Text42, null, pad), /* @__PURE__ */ React48.createElement(Text42, { color: FG.body }, row2.text));
 }
 
 // src/cli/ui/cards/ToolCard.tsx
-import { Text as Text42, useStdout as useStdout12 } from "ink";
-import React48 from "react";
+import { Text as Text43, useStdout as useStdout12 } from "ink";
+import React50 from "react";
+
+// src/cli/ui/state/inflight-context.tsx
+import React49, { createContext as createContext4, useContext as useContext7, useSyncExternalStore } from "react";
+var Ctx = createContext4(null);
+function InflightProvider({
+  inflight,
+  children
+}) {
+  return /* @__PURE__ */ React49.createElement(Ctx.Provider, { value: inflight }, children);
+}
+function useIsInflight(id) {
+  const inflight = useContext7(Ctx);
+  return useSyncExternalStore(
+    (cb) => inflight ? inflight.subscribe(cb) : noop,
+    () => inflight ? inflight.has(id) : false,
+    () => false
+  );
+}
+var noop = () => {
+};
+
+// src/cli/ui/cards/ToolCard.tsx
 var READ_TAIL = 2;
 var OTHER_TAIL = 5;
 function tailLinesFor(name) {
@@ -8971,7 +9027,8 @@ function ToolCard({ card }) {
   const truncated = allLines.length > tail;
   const visible = truncated ? allLines.slice(-tail) : allLines;
   const hidden = truncated ? allLines.length - visible.length : 0;
-  const status2 = toolStatus(card);
+  const isInflight = useIsInflight(card.id);
+  const status2 = toolStatus(card, isInflight);
   const headColor = headerColorFor(status2);
   const errColor = card.exitCode && card.exitCode !== 0 ? TONE.err : FG.sub;
   const showBody = !card.rejected && (subagentMarkdown !== null || visible.length > 0);
@@ -8983,7 +9040,7 @@ function ToolCard({ card }) {
     meta.push({ text: t("cardLabels.rejected"), color: TONE.err });
   }
   for (const part of metaTrail(card)) meta.push(part);
-  return /* @__PURE__ */ React48.createElement(Card, { tone: headColor }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React50.createElement(Card, { tone: headColor }, /* @__PURE__ */ React50.createElement(
     CardHeader,
     {
       glyph: statusGlyph2(status2),
@@ -8991,12 +9048,12 @@ function ToolCard({ card }) {
       title: card.name,
       subtitle: argsLabel || void 0,
       meta: meta.length > 0 ? meta : void 0,
-      right: status2 === "running" ? /* @__PURE__ */ React48.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.brand, bold: true }) : void 0
+      right: status2 === "running" ? /* @__PURE__ */ React50.createElement(Spinner, { kind: "braille", color: TONE_ACTIVE.brand, bold: true }) : void 0
     }
-  ), showBody && (subagentMarkdown !== null ? /* @__PURE__ */ React48.createElement(Markdown, { text: subagentMarkdown, width: lineCells }) : /* @__PURE__ */ React48.createElement(React48.Fragment, null, hidden > 0 ? /* @__PURE__ */ React48.createElement(Text42, { color: FG.faint }, t(hidden === 1 ? "cardLabels.earlierLine" : "cardLabels.earlierLines", {
+  ), showBody && (subagentMarkdown !== null ? /* @__PURE__ */ React50.createElement(Markdown, { text: subagentMarkdown, width: lineCells }) : /* @__PURE__ */ React50.createElement(React50.Fragment, null, hidden > 0 ? /* @__PURE__ */ React50.createElement(Text43, { color: FG.faint }, t(hidden === 1 ? "cardLabels.earlierLine" : "cardLabels.earlierLines", {
     count: hidden
-  })) : null, visible.map((line, i) => /* @__PURE__ */ React48.createElement(
-    Text42,
+  })) : null, visible.map((line, i) => /* @__PURE__ */ React50.createElement(
+    Text43,
     {
       key: `${card.id}:${hidden + i}`,
       color: errColor,
@@ -9019,10 +9076,10 @@ function unwrapSubagentMarkdown(card) {
     return null;
   }
 }
-function toolStatus(card) {
+function toolStatus(card, isInflight) {
+  if (isInflight) return "running";
   if (card.rejected) return "rejected";
   if (card.aborted) return "aborted";
-  if (!card.done) return "running";
   if (card.exitCode !== void 0 && card.exitCode !== 0) return "error";
   return "ok";
 }
@@ -9097,8 +9154,8 @@ function formatBytes(n) {
 }
 
 // src/cli/ui/cards/UsageCard.tsx
-import { Box as Box42, Text as Text43 } from "ink";
-import React49 from "react";
+import { Box as Box43, Text as Text44 } from "ink";
+import React51 from "react";
 var BAR_CELLS2 = 30;
 function compactNum(n) {
   if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
@@ -9108,10 +9165,10 @@ function compactNum(n) {
 function bar(ratio, color) {
   const filled = Math.max(0, Math.min(BAR_CELLS2, Math.round(ratio * BAR_CELLS2)));
   const empty = BAR_CELLS2 - filled;
-  return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(Text43, { color }, "\u2588".repeat(filled)), /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, "\u2591".repeat(empty)));
+  return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(Text44, { color }, "\u2588".repeat(filled)), /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, "\u2591".repeat(empty)));
 }
 function UsageCard({ card }) {
-  if (card.compact) return /* @__PURE__ */ React49.createElement(CompactUsageRow, { card });
+  if (card.compact) return /* @__PURE__ */ React51.createElement(CompactUsageRow, { card });
   const cap = Math.max(1, card.tokens.promptCap);
   const promptRatio = card.tokens.prompt / cap;
   const reasonRatio = card.tokens.reason / cap;
@@ -9121,15 +9178,15 @@ function UsageCard({ card }) {
     formatCost(card.cost, card.balanceCurrency)
   ];
   if (card.elapsedMs !== void 0) headerMeta2.push(`${(card.elapsedMs / 1e3).toFixed(1)}s`);
-  return /* @__PURE__ */ React49.createElement(Card, { tone: FG.meta }, /* @__PURE__ */ React49.createElement(CardHeader, { glyph: "\u03A3", tone: FG.meta, title: t("cardTitles.usage"), meta: headerMeta2 }), /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.sub }, t("cardLabels.prompt")), bar(promptRatio, TONE.brand), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: FG.body }, card.tokens.prompt.toLocaleString()), /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, `/ 1M \xB7 ${(promptRatio * 100).toFixed(1)}%`)), /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.sub }, t("cardLabels.reason")), bar(reasonRatio, TONE.accent), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: FG.body }, card.tokens.reason.toLocaleString())), /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.sub }, t("cardLabels.output")), bar(outputRatio, TONE.brand), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: FG.body }, card.tokens.output.toLocaleString())), /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.sub }, t("cardLabels.cache"), " "), bar(card.cacheHit, TONE.ok), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: TONE.ok }, `${(card.cacheHit * 100).toFixed(1)}%`)), /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, t("cardLabels.session")), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: FG.body }, `\u26C1 ${formatCost(card.sessionCost, card.balanceCurrency, 3)}`), card.balance !== void 0 ? /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, `\xB7 ${t("cardLabels.balance")}`), /* @__PURE__ */ React49.createElement(Text43, { bold: true, color: TONE.brand }, formatBalance(card.balance, card.balanceCurrency))) : null));
+  return /* @__PURE__ */ React51.createElement(Card, { tone: FG.meta }, /* @__PURE__ */ React51.createElement(CardHeader, { glyph: "\u03A3", tone: FG.meta, title: t("cardTitles.usage"), meta: headerMeta2 }), /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.sub }, t("cardLabels.prompt")), bar(promptRatio, TONE.brand), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: FG.body }, card.tokens.prompt.toLocaleString()), /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, `/ 1M \xB7 ${(promptRatio * 100).toFixed(1)}%`)), /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.sub }, t("cardLabels.reason")), bar(reasonRatio, TONE.accent), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: FG.body }, card.tokens.reason.toLocaleString())), /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.sub }, t("cardLabels.output")), bar(outputRatio, TONE.brand), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: FG.body }, card.tokens.output.toLocaleString())), /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.sub }, t("cardLabels.cache"), " "), bar(card.cacheHit, TONE.ok), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: TONE.ok }, `${(card.cacheHit * 100).toFixed(1)}%`)), /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, t("cardLabels.session")), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: FG.body }, `\u26C1 ${formatCost(card.sessionCost, card.balanceCurrency, 3)}`), card.balance !== void 0 ? /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, `\xB7 ${t("cardLabels.balance")}`), /* @__PURE__ */ React51.createElement(Text44, { bold: true, color: TONE.brand }, formatBalance(card.balance, card.balanceCurrency))) : null));
 }
 function CompactUsageRow({ card }) {
   const elapsed = card.elapsedMs !== void 0 ? ` \xB7 ${(card.elapsedMs / 1e3).toFixed(1)}s` : "";
-  return /* @__PURE__ */ React49.createElement(Box42, { flexDirection: "row", gap: 1, marginTop: 1 }, /* @__PURE__ */ React49.createElement(Text43, { color: FG.meta }, "\u03A3"), /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, `${t("cardLabels.turn")} ${card.turn}`), /* @__PURE__ */ React49.createElement(Text43, { color: FG.meta }, `\xB7 ${compactNum(card.tokens.prompt)} ${t("cardLabels.prompt")} \xB7 ${compactNum(card.tokens.output)} ${t("cardLabels.output")}`), /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, `\xB7 ${t("cardLabels.cache")}`), /* @__PURE__ */ React49.createElement(Text43, { color: TONE.ok }, `${(card.cacheHit * 100).toFixed(0)}%`), /* @__PURE__ */ React49.createElement(Text43, { color: FG.faint }, `\xB7 ${formatCost(card.cost, card.balanceCurrency)}${elapsed}`), card.balance !== void 0 ? /* @__PURE__ */ React49.createElement(Text43, { color: TONE.brand }, `\xB7 ${formatBalance(card.balance, card.balanceCurrency)}`) : null);
+  return /* @__PURE__ */ React51.createElement(Box43, { flexDirection: "row", gap: 1, marginTop: 1 }, /* @__PURE__ */ React51.createElement(Text44, { color: FG.meta }, "\u03A3"), /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, `${t("cardLabels.turn")} ${card.turn}`), /* @__PURE__ */ React51.createElement(Text44, { color: FG.meta }, `\xB7 ${compactNum(card.tokens.prompt)} ${t("cardLabels.prompt")} \xB7 ${compactNum(card.tokens.output)} ${t("cardLabels.output")}`), /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, `\xB7 ${t("cardLabels.cache")}`), /* @__PURE__ */ React51.createElement(Text44, { color: TONE.ok }, `${(card.cacheHit * 100).toFixed(0)}%`), /* @__PURE__ */ React51.createElement(Text44, { color: FG.faint }, `\xB7 ${formatCost(card.cost, card.balanceCurrency)}${elapsed}`), card.balance !== void 0 ? /* @__PURE__ */ React51.createElement(Text44, { color: TONE.brand }, `\xB7 ${formatBalance(card.balance, card.balanceCurrency)}`) : null);
 }
 
 // src/cli/ui/cards/UserCard.tsx
-import React50 from "react";
+import React52 from "react";
 
 // src/cli/ui/cards/time.ts
 function formatRelativeTime(ts, now = Date.now()) {
@@ -9146,7 +9203,7 @@ function formatRelativeTime(ts, now = Date.now()) {
 
 // src/cli/ui/cards/UserCard.tsx
 function UserCard({ card }) {
-  return /* @__PURE__ */ React50.createElement(Card, { tone: TONE.accent }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React52.createElement(Card, { tone: TONE.accent }, /* @__PURE__ */ React52.createElement(
     CardHeader,
     {
       glyph: "\u203A",
@@ -9155,15 +9212,15 @@ function UserCard({ card }) {
       titleColor: FG.sub,
       meta: [formatRelativeTime(card.ts)]
     }
-  ), /* @__PURE__ */ React50.createElement(Markdown, { text: card.text }));
+  ), /* @__PURE__ */ React52.createElement(Markdown, { text: card.text }));
 }
 
 // src/cli/ui/cards/WarnCard.tsx
-import { Text as Text44 } from "ink";
-import React51 from "react";
+import { Text as Text45 } from "ink";
+import React53 from "react";
 function WarnCard({ card }) {
   const messageLines = card.message.length > 0 ? card.message.split("\n") : [];
-  return /* @__PURE__ */ React51.createElement(Card, { tone: TONE.warn }, /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React53.createElement(Card, { tone: TONE.warn }, /* @__PURE__ */ React53.createElement(
     CardHeader,
     {
       glyph: "\u26A0",
@@ -9171,57 +9228,57 @@ function WarnCard({ card }) {
       title: card.title,
       meta: card.detail ? [card.detail] : void 0
     }
-  ), messageLines.map((line, i) => /* @__PURE__ */ React51.createElement(Text44, { key: `${card.id}:${i}`, color: FG.body }, line || " ")));
+  ), messageLines.map((line, i) => /* @__PURE__ */ React53.createElement(Text45, { key: `${card.id}:${i}`, color: FG.body }, line || " ")));
 }
 
 // src/cli/ui/cards/CardRenderer.tsx
-var CardRenderer = React52.memo(function CardRenderer2({
+var CardRenderer = React54.memo(function CardRenderer2({
   card
 }) {
-  return /* @__PURE__ */ React52.createElement(Box43, { flexDirection: "column" }, renderCard(card));
+  return /* @__PURE__ */ React54.createElement(Box44, { flexDirection: "column" }, renderCard(card));
 });
 function renderCard(card) {
   switch (card.kind) {
     case "user":
-      return /* @__PURE__ */ React52.createElement(UserCard, { card });
+      return /* @__PURE__ */ React54.createElement(UserCard, { card });
     case "reasoning":
-      return /* @__PURE__ */ React52.createElement(ReasoningCard, { card, expanded: true });
+      return /* @__PURE__ */ React54.createElement(ReasoningCard, { card, expanded: true });
     case "streaming":
-      return /* @__PURE__ */ React52.createElement(StreamingCard, { card });
+      return /* @__PURE__ */ React54.createElement(StreamingCard, { card });
     case "tool":
-      return /* @__PURE__ */ React52.createElement(ToolCard, { card });
+      return /* @__PURE__ */ React54.createElement(ToolCard, { card });
     case "task":
-      return /* @__PURE__ */ React52.createElement(TaskCard, { card });
+      return /* @__PURE__ */ React54.createElement(TaskCard, { card });
     case "plan":
-      return /* @__PURE__ */ React52.createElement(PlanCard, { card });
+      return /* @__PURE__ */ React54.createElement(PlanCard, { card });
     case "diff":
-      return /* @__PURE__ */ React52.createElement(DiffCard, { card });
+      return /* @__PURE__ */ React54.createElement(DiffCard, { card });
     case "error":
-      return /* @__PURE__ */ React52.createElement(ErrorCard, { card });
+      return /* @__PURE__ */ React54.createElement(ErrorCard, { card });
     case "warn":
-      return /* @__PURE__ */ React52.createElement(WarnCard, { card });
+      return /* @__PURE__ */ React54.createElement(WarnCard, { card });
     case "usage":
-      return /* @__PURE__ */ React52.createElement(UsageCard, { card });
+      return /* @__PURE__ */ React54.createElement(UsageCard, { card });
     case "memory":
-      return /* @__PURE__ */ React52.createElement(MemoryCard, { card });
+      return /* @__PURE__ */ React54.createElement(MemoryCard, { card });
     case "subagent":
-      return /* @__PURE__ */ React52.createElement(SubAgentCard, { card });
+      return /* @__PURE__ */ React54.createElement(SubAgentCard, { card });
     case "search":
-      return /* @__PURE__ */ React52.createElement(SearchCard, { card });
+      return /* @__PURE__ */ React54.createElement(SearchCard, { card });
     case "live":
-      return /* @__PURE__ */ React52.createElement(LiveCard, { card });
+      return /* @__PURE__ */ React54.createElement(LiveCard, { card });
     case "tip":
-      return /* @__PURE__ */ React52.createElement(TipCard, { card });
+      return /* @__PURE__ */ React54.createElement(TipCard, { card });
     case "ctx":
-      return /* @__PURE__ */ React52.createElement(CtxCard, { card });
+      return /* @__PURE__ */ React54.createElement(CtxCard, { card });
     case "doctor":
-      return /* @__PURE__ */ React52.createElement(DoctorCard, { card });
+      return /* @__PURE__ */ React54.createElement(DoctorCard, { card });
     default:
-      return /* @__PURE__ */ React52.createElement(FallbackCard, { card });
+      return /* @__PURE__ */ React54.createElement(FallbackCard, { card });
   }
 }
 function FallbackCard({ card }) {
-  return /* @__PURE__ */ React52.createElement(Box43, { flexDirection: "row" }, /* @__PURE__ */ React52.createElement(Text45, { color: FG.faint }, `  \xB7 ${card.kind} card \xB7 not yet migrated`));
+  return /* @__PURE__ */ React54.createElement(Box44, { flexDirection: "row" }, /* @__PURE__ */ React54.createElement(Text46, { color: FG.faint }, `  \xB7 ${card.kind} card \xB7 not yet migrated`));
 }
 
 // src/cli/ui/layout/CardStream.tsx
@@ -9243,7 +9300,7 @@ function CardStream({
   if (suppressLive && cards.length > 0 && !isFullySettled(cards[cards.length - 1])) {
     visible = cards.slice(0, -1);
   }
-  return /* @__PURE__ */ React53.createElement(React53.Fragment, null, scrollRows > 0 ? /* @__PURE__ */ React53.createElement(Text46, { color: FG.faint }, " \u2191 earlier \u2014 PgUp / wheel / \u2191") : null, /* @__PURE__ */ React53.createElement(Box44, { ref: outerRef, flexDirection: "column", flexGrow: 1, overflow: "hidden" }, /* @__PURE__ */ React53.createElement(Box44, { ref: innerRef, flexDirection: "column", marginTop: -scrollRows, flexShrink: 0 }, visible.map((card) => /* @__PURE__ */ React53.createElement(CardRenderer, { key: card.id, card })))));
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(Box45, { height: 1, flexShrink: 0 }, scrollRows > 0 ? /* @__PURE__ */ React55.createElement(Text47, { color: FG.faint }, " \u2191 earlier \u2014 PgUp / wheel / \u2191") : null), /* @__PURE__ */ React55.createElement(Box45, { ref: outerRef, flexDirection: "column", flexGrow: 1, overflow: "hidden" }, /* @__PURE__ */ React55.createElement(Box45, { ref: innerRef, flexDirection: "column", marginTop: -scrollRows, flexShrink: 0 }, visible.map((card) => /* @__PURE__ */ React55.createElement(CardRenderer, { key: card.id, card })))));
 }
 function isFullySettled(card) {
   switch (card.kind) {
@@ -9263,13 +9320,13 @@ function isFullySettled(card) {
 }
 
 // src/cli/ui/layout/LiveRows.tsx
-import { Box as Box45, Text as Text47 } from "ink";
-import React54 from "react";
+import { Box as Box46, Text as Text48 } from "ink";
+import React56 from "react";
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 function ThinkingRow({ text }) {
   const elapsed = useElapsedSeconds();
   const { fg, tone } = useThemeTokens();
-  return /* @__PURE__ */ React54.createElement(Box45, { marginY: 1, paddingX: 1, gap: 1 }, /* @__PURE__ */ React54.createElement(Spinner, { kind: "circle", color: TONE.accent }), /* @__PURE__ */ React54.createElement(Text47, { italic: true, color: FG.sub }, text), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `${elapsed}s`));
+  return /* @__PURE__ */ React56.createElement(Box46, { marginY: 1, paddingX: 1, gap: 1 }, /* @__PURE__ */ React56.createElement(Spinner, { kind: "circle", color: TONE.accent }), /* @__PURE__ */ React56.createElement(Text48, { italic: true, color: FG.sub }, text), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `${elapsed}s`));
 }
 function ModeStatusBar({
   editMode,
@@ -9281,24 +9338,24 @@ function ModeStatusBar({
 }) {
   useSlowTick();
   const running = jobs2?.runningCount() ?? 0;
-  const jobsTag = running > 0 ? /* @__PURE__ */ React54.createElement(Text47, { color: TONE.warn, bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
+  const jobsTag = running > 0 ? /* @__PURE__ */ React56.createElement(Text48, { color: TONE.warn, bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
   if (planMode) {
-    return /* @__PURE__ */ React54.createElement(ModeBarFrame, null, /* @__PURE__ */ React54.createElement(ModePill, { label: "PLAN MODE", color: TONE.err, flash }), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "   writes gated \xB7 /plan off to leave"), jobsTag);
+    return /* @__PURE__ */ React56.createElement(ModeBarFrame, null, /* @__PURE__ */ React56.createElement(ModePill, { label: "PLAN MODE", color: TONE.err, flash }), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "   writes gated \xB7 /plan off to leave"), jobsTag);
   }
   const label = editMode === "yolo" ? "YOLO" : editMode === "auto" ? "AUTO" : "REVIEW";
   const pillColor = editMode === "yolo" ? TONE.err : editMode === "auto" ? TONE.accent : TONE.brand;
   const mid = editMode === "yolo" ? "edits + shell auto \xB7 /undo to roll back" : editMode === "auto" ? "edits land now \xB7 u to undo" : pendingCount > 0 ? `${pendingCount} queued \xB7 y apply \xB7 n discard` : "edits queued \xB7 y apply \xB7 n discard";
-  return /* @__PURE__ */ React54.createElement(ModeBarFrame, null, /* @__PURE__ */ React54.createElement(ModePill, { label, color: pillColor, flash }), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `   ${mid} \xB7 Shift+Tab to flip`), jobsTag);
+  return /* @__PURE__ */ React56.createElement(ModeBarFrame, null, /* @__PURE__ */ React56.createElement(ModePill, { label, color: pillColor, flash }), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `   ${mid} \xB7 Shift+Tab to flip`), jobsTag);
 }
 function ModeBarFrame({ children }) {
-  return /* @__PURE__ */ React54.createElement(Box45, { paddingX: 1 }, children);
+  return /* @__PURE__ */ React56.createElement(Box46, { paddingX: 1 }, children);
 }
 function ModePill({
   label,
   color,
   flash
 }) {
-  return /* @__PURE__ */ React54.createElement(Text47, { color, bold: true, inverse: flash }, `[${label}]`);
+  return /* @__PURE__ */ React56.createElement(Text48, { color, bold: true, inverse: flash }, `[${label}]`);
 }
 function UndoBanner({
   banner
@@ -9313,7 +9370,7 @@ function UndoBanner({
   const urgent = !paused && remainingSec <= 1;
   const pct = remainingMs / totalMs * 100;
   const tone = paused ? TONE.warn : urgent ? TONE.err : TONE.accent;
-  return /* @__PURE__ */ React54.createElement(Box45, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React54.createElement(Text47, { backgroundColor: TONE.accent, color: "black", bold: true }, ` \u2713 AUTO-APPLIED ${ok}/${total} `), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "   press "), /* @__PURE__ */ React54.createElement(Text47, { backgroundColor: TONE.brand, color: "black", bold: true }, " u "), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, paused ? " to undo \xB7 " : " to undo \xB7 "), /* @__PURE__ */ React54.createElement(Text47, { backgroundColor: paused ? TONE.warn : FG.faint, color: "black", bold: true }, " space "), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, paused ? " to resume  " : " to pause  "), /* @__PURE__ */ React54.createElement(CharBar, { pct, width: 20, color: tone, showLabel: false }), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "  "), /* @__PURE__ */ React54.createElement(Text47, { color: tone, bold: urgent || paused }, paused ? `${remainingSec}s \xB7 paused` : `${remainingSec}s`));
+  return /* @__PURE__ */ React56.createElement(Box46, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React56.createElement(Text48, { backgroundColor: TONE.accent, color: "black", bold: true }, ` \u2713 AUTO-APPLIED ${ok}/${total} `), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "   press "), /* @__PURE__ */ React56.createElement(Text48, { backgroundColor: TONE.brand, color: "black", bold: true }, " u "), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, paused ? " to undo \xB7 " : " to undo \xB7 "), /* @__PURE__ */ React56.createElement(Text48, { backgroundColor: paused ? TONE.warn : FG.faint, color: "black", bold: true }, " space "), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, paused ? " to resume  " : " to pause  "), /* @__PURE__ */ React56.createElement(CharBar, { pct, width: 20, color: tone, showLabel: false }), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "  "), /* @__PURE__ */ React56.createElement(Text48, { color: tone, bold: urgent || paused }, paused ? `${remainingSec}s \xB7 paused` : `${remainingSec}s`));
 }
 function subagentPhaseLabel(phase, iter, elapsedMs) {
   if (phase === "summarising") return "summarising findings\u2026";
@@ -9328,7 +9385,7 @@ function SubagentRow({ activity }) {
   const last = activity.lastInner;
   const subtitle = activity.skillName ?? truncate2(activity.task, 48);
   const modelBadge = activity.model ? modelBadgeFor(activity.model) : null;
-  return /* @__PURE__ */ React54.createElement(Card, { tone: CARD.subagent.color }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React56.createElement(Card, { tone: CARD.subagent.color }, /* @__PURE__ */ React56.createElement(
     CardHeader,
     {
       glyph: "\u232C",
@@ -9338,9 +9395,9 @@ function SubagentRow({ activity }) {
       titleBg: PILL_SECTION.plan.bg,
       subtitle,
       meta: [`iter ${activity.iter}`, `${seconds}s`],
-      right: /* @__PURE__ */ React54.createElement(React54.Fragment, null, modelBadge ? /* @__PURE__ */ React54.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null, /* @__PURE__ */ React54.createElement(Spinner, { kind: "braille", color: CARD.subagent.color }))
+      right: /* @__PURE__ */ React56.createElement(React56.Fragment, null, modelBadge ? /* @__PURE__ */ React56.createElement(Pill, { label: modelBadge.label, ...PILL_MODEL[modelBadge.kind], bold: false }) : null, /* @__PURE__ */ React56.createElement(Spinner, { kind: "braille", color: CARD.subagent.color }))
     }
-  ), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "task  ", /* @__PURE__ */ React54.createElement(Text47, { color: FG.sub }, activity.task)), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "last  ", last ? /* @__PURE__ */ React54.createElement(React54.Fragment, null, /* @__PURE__ */ React54.createElement(Text47, { color: last.color }, `${last.glyph} `), /* @__PURE__ */ React54.createElement(Text47, { color: FG.body }, last.label), last.meta ? /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `   ${last.meta}`) : null) : /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "queued\u2026")), /* @__PURE__ */ React54.createElement(Text47, { color: TONE.brand }, "\u25B6  ", phase));
+  ), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "task  ", /* @__PURE__ */ React56.createElement(Text48, { color: FG.sub }, activity.task)), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "last  ", last ? /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Text48, { color: last.color }, `${last.glyph} `), /* @__PURE__ */ React56.createElement(Text48, { color: FG.body }, last.label), last.meta ? /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `   ${last.meta}`) : null) : /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "queued\u2026")), /* @__PURE__ */ React56.createElement(Text48, { color: TONE.brand }, "\u25B6  ", phase));
 }
 function SubagentLiveStack({
   activities,
@@ -9348,13 +9405,13 @@ function SubagentLiveStack({
 }) {
   const tick = useTick();
   if (activities.length === 0) return null;
-  if (activities.length === 1) return /* @__PURE__ */ React54.createElement(SubagentRow, { activity: activities[0] });
+  if (activities.length === 1) return /* @__PURE__ */ React56.createElement(SubagentRow, { activity: activities[0] });
   const visible = activities.slice(0, max);
   const overflow = activities.length - visible.length;
   const summarising = activities.filter((a) => a.phase === "summarising").length;
   const metaParts = [`${activities.length} running`];
   if (summarising > 0) metaParts.push(`${summarising} summarising`);
-  return /* @__PURE__ */ React54.createElement(Card, { tone: CARD.subagent.color }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React56.createElement(Card, { tone: CARD.subagent.color }, /* @__PURE__ */ React56.createElement(
     CardHeader,
     {
       glyph: "\u232C",
@@ -9363,9 +9420,9 @@ function SubagentLiveStack({
       titleColor: PILL_SECTION.plan.fg,
       titleBg: PILL_SECTION.plan.bg,
       subtitle: metaParts.join(" \xB7 "),
-      right: /* @__PURE__ */ React54.createElement(Spinner, { kind: "braille", color: CARD.subagent.color })
+      right: /* @__PURE__ */ React56.createElement(Spinner, { kind: "braille", color: CARD.subagent.color })
     }
-  ), visible.map((a, i) => /* @__PURE__ */ React54.createElement(CompactSubagentLine, { key: a.runId, activity: a, tick, index: i })), overflow > 0 ? /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `  +${overflow} more running\u2026`) : null);
+  ), visible.map((a, i) => /* @__PURE__ */ React56.createElement(CompactSubagentLine, { key: a.runId, activity: a, tick, index: i })), overflow > 0 ? /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `  +${overflow} more running\u2026`) : null);
 }
 function CompactSubagentLine({
   activity,
@@ -9380,7 +9437,7 @@ function CompactSubagentLine({
   const title = activity.skillName ?? truncate2(activity.task, 28);
   const titlePadded = title.padEnd(28);
   const last = activity.lastInner;
-  return /* @__PURE__ */ React54.createElement(Box45, { flexDirection: "row" }, /* @__PURE__ */ React54.createElement(Text47, { color: glyphColor, bold: true }, `  ${glyph} `), /* @__PURE__ */ React54.createElement(Text47, { color: FG.body }, titlePadded), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `  iter ${String(activity.iter).padStart(2)} \xB7 ${seconds}s \xB7 `), last ? /* @__PURE__ */ React54.createElement(React54.Fragment, null, /* @__PURE__ */ React54.createElement(Text47, { color: last.color }, `${last.glyph} `), /* @__PURE__ */ React54.createElement(Text47, { color: FG.body }, truncate2(last.label, 18)), last.meta ? /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `  ${last.meta}`) : null) : /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, "queued\u2026"));
+  return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row" }, /* @__PURE__ */ React56.createElement(Text48, { color: glyphColor, bold: true }, `  ${glyph} `), /* @__PURE__ */ React56.createElement(Text48, { color: FG.body }, titlePadded), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `  iter ${String(activity.iter).padStart(2)} \xB7 ${seconds}s \xB7 `), last ? /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Text48, { color: last.color }, `${last.glyph} `), /* @__PURE__ */ React56.createElement(Text48, { color: FG.body }, truncate2(last.label, 18)), last.meta ? /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `  ${last.meta}`) : null) : /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, "queued\u2026"));
 }
 function truncate2(text, max) {
   return text.length > max ? `${text.slice(0, max)}\u2026` : text;
@@ -9392,7 +9449,7 @@ function OngoingToolRow({
   const tick = useTick();
   const elapsed = useElapsedSeconds();
   const summary = summarizeToolArgs(tool.name, tool.args);
-  return /* @__PURE__ */ React54.createElement(Box45, { marginY: 1, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React54.createElement(Box45, null, /* @__PURE__ */ React54.createElement(Text47, { color: CARD.tool.color, bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React54.createElement(Text47, null, "  "), /* @__PURE__ */ React54.createElement(Text47, { color: CARD.tool.color, bold: true }, `\u25A3 ${tool.name}`), /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, `  running \xB7 ${elapsed}s`)), progress ? /* @__PURE__ */ React54.createElement(Box45, { paddingLeft: 3 }, /* @__PURE__ */ React54.createElement(Text47, { color: TONE.brand }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React54.createElement(Box45, { paddingLeft: 3 }, /* @__PURE__ */ React54.createElement(Text47, { color: FG.faint }, summary)) : null);
+  return /* @__PURE__ */ React56.createElement(Box46, { marginY: 1, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React56.createElement(Box46, null, /* @__PURE__ */ React56.createElement(Text48, { color: CARD.tool.color, bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React56.createElement(Text48, null, "  "), /* @__PURE__ */ React56.createElement(Text48, { color: CARD.tool.color, bold: true }, `\u25A3 ${tool.name}`), /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, `  running \xB7 ${elapsed}s`)), progress ? /* @__PURE__ */ React56.createElement(Box46, { paddingLeft: 3 }, /* @__PURE__ */ React56.createElement(Text48, { color: TONE.brand }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React56.createElement(Box46, { paddingLeft: 3 }, /* @__PURE__ */ React56.createElement(Text48, { color: FG.faint }, summary)) : null);
 }
 function renderProgressLine(p) {
   const msg = p.message ? `  ${p.message}` : "";
@@ -9448,16 +9505,16 @@ function summarizeToolArgs(name, args) {
 }
 
 // src/cli/ui/layout/StatusRow.tsx
-import { Box as Box46, Text as Text49, useStdout as useStdout13 } from "ink";
-import React56 from "react";
+import { Box as Box47, Text as Text50, useStdout as useStdout13 } from "ink";
+import React58 from "react";
 
 // src/cli/ui/primitives/Countdown.tsx
-import { Text as Text48 } from "ink";
-import React55 from "react";
+import { Text as Text49 } from "ink";
+import React57 from "react";
 function Countdown({ endsAt, color = TONE.brand }) {
   useSlowTick();
   const remainingSec = Math.max(0, Math.ceil((endsAt - Date.now()) / 1e3));
-  return /* @__PURE__ */ React55.createElement(Text48, { bold: true, color }, String(remainingSec));
+  return /* @__PURE__ */ React57.createElement(Text49, { bold: true, color }, String(remainingSec));
 }
 
 // src/cli/ui/layout/StatusRow.tsx
@@ -9476,21 +9533,21 @@ function StatusRow() {
   const hasSession = status2.sessionCost > 0;
   const hasBalance = typeof status2.balance === "number";
   const showWallet = cols >= WALLET_MIN_COLS && (hasSession || hasBalance);
-  return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Box46, { height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, null, "  "), /* @__PURE__ */ React56.createElement(Text49, { color: FG.faint, wrap: "truncate" }, "\u2500".repeat(ruleWidth))), /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, minHeight: 1, flexWrap: "nowrap", flexShrink: 0 }, /* @__PURE__ */ React56.createElement(Text49, { wrap: "truncate" }, "  "), status2.recording ? /* @__PURE__ */ React56.createElement(RecordingPill, { rec: status2.recording }) : status2.countdownSeconds !== void 0 ? /* @__PURE__ */ React56.createElement(CountdownRow, { mode: status2.mode, secondsLeft: status2.countdownSeconds }) : /* @__PURE__ */ React56.createElement(ModePill2, { mode: status2.mode, network: status2.network, detail: status2.networkDetail }), /* @__PURE__ */ React56.createElement(Sep, null), /* @__PURE__ */ React56.createElement(Text49, { color: FG.sub, wrap: "truncate" }, `${session.id} \xB7 ${session.branch}`), hasTurn && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Sep, null), /* @__PURE__ */ React56.createElement(Text49, { bold: true, color: TONE.brand, wrap: "truncate" }, "\u25B8 "), /* @__PURE__ */ React56.createElement(Text49, { bold: true, color: FG.body, wrap: "truncate" }, `${formatCost(status2.cost, status2.balanceCurrency)} turn`)), /* @__PURE__ */ React56.createElement(Sep, null), /* @__PURE__ */ React56.createElement(
-    Text49,
+  return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Box47, { height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, null, "  "), /* @__PURE__ */ React58.createElement(Text50, { color: FG.faint, wrap: "truncate" }, "\u2500".repeat(ruleWidth))), /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, minHeight: 1, flexWrap: "nowrap", flexShrink: 0 }, /* @__PURE__ */ React58.createElement(Text50, { wrap: "truncate" }, "  "), status2.recording ? /* @__PURE__ */ React58.createElement(RecordingPill, { rec: status2.recording }) : status2.countdownSeconds !== void 0 ? /* @__PURE__ */ React58.createElement(CountdownRow, { mode: status2.mode, secondsLeft: status2.countdownSeconds }) : /* @__PURE__ */ React58.createElement(ModePill2, { mode: status2.mode, network: status2.network, detail: status2.networkDetail }), /* @__PURE__ */ React58.createElement(Sep, null), /* @__PURE__ */ React58.createElement(Text50, { color: FG.sub, wrap: "truncate" }, `${session.id} \xB7 ${session.branch}`), hasTurn && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Sep, null), /* @__PURE__ */ React58.createElement(Text50, { bold: true, color: TONE.brand, wrap: "truncate" }, "\u25B8 "), /* @__PURE__ */ React58.createElement(Text50, { bold: true, color: FG.body, wrap: "truncate" }, `${formatCost(status2.cost, status2.balanceCurrency)} turn`)), /* @__PURE__ */ React58.createElement(Sep, null), /* @__PURE__ */ React58.createElement(
+    Text50,
     {
       color: TONE.accent,
       wrap: "truncate"
     },
     `cache ${Math.round(status2.cacheHit * 100)}%`
-  ), showWallet && /* @__PURE__ */ React56.createElement(
+  ), showWallet && /* @__PURE__ */ React58.createElement(
     WalletPill,
     {
       sessionCostUsd: status2.sessionCost,
       balance: status2.balance,
       currency: status2.balanceCurrency
     }
-  ), cols >= VERSION_MIN_COLS && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Sep, null), /* @__PURE__ */ React56.createElement(Text49, { color: FG.faint, wrap: "truncate" }, `v${VERSION}`), cols >= FEEDBACK_HINT_MIN_COLS && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Text49, { color: FG.faint, wrap: "truncate" }, "  \xB7  "), /* @__PURE__ */ React56.createElement(Text49, { color: FG.meta, wrap: "truncate" }, "\u2691 "), /* @__PURE__ */ React56.createElement(Text49, { color: FG.sub, wrap: "truncate" }, "/feedback")))));
+  ), cols >= VERSION_MIN_COLS && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Sep, null), /* @__PURE__ */ React58.createElement(Text50, { color: FG.faint, wrap: "truncate" }, `v${VERSION}`), cols >= FEEDBACK_HINT_MIN_COLS && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Text50, { color: FG.faint, wrap: "truncate" }, "  \xB7  "), /* @__PURE__ */ React58.createElement(Text50, { color: FG.meta, wrap: "truncate" }, "\u2691 "), /* @__PURE__ */ React58.createElement(Text50, { color: FG.sub, wrap: "truncate" }, "/feedback")))));
 }
 function WalletPill({
   sessionCostUsd,
@@ -9499,14 +9556,14 @@ function WalletPill({
 }) {
   const showSpent = sessionCostUsd > 0;
   const showBalance = typeof balance === "number";
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Sep, null), /* @__PURE__ */ React56.createElement(Text49, { color: FG.meta, wrap: "truncate" }, "\u26C1 "), showSpent && /* @__PURE__ */ React56.createElement(
-    Text49,
+  return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Sep, null), /* @__PURE__ */ React58.createElement(Text50, { color: FG.meta, wrap: "truncate" }, "\u26C1 "), showSpent && /* @__PURE__ */ React58.createElement(
+    Text50,
     {
       color: FG.body,
       wrap: "truncate"
     },
     `${formatCost(sessionCostUsd, currency, 2)} spent`
-  ), showSpent && showBalance && /* @__PURE__ */ React56.createElement(Text49, { color: FG.meta, wrap: "truncate" }, "  /  "), showBalance && /* @__PURE__ */ React56.createElement(Text49, { bold: true, color: balanceColor(balance, currency), wrap: "truncate" }, formatBalance(balance, currency, { fractionDigits: 2 })), showBalance && /* @__PURE__ */ React56.createElement(Text49, { color: FG.faint, wrap: "truncate" }, " left"));
+  ), showSpent && showBalance && /* @__PURE__ */ React58.createElement(Text50, { color: FG.meta, wrap: "truncate" }, "  /  "), showBalance && /* @__PURE__ */ React58.createElement(Text50, { bold: true, color: balanceColor(balance, currency), wrap: "truncate" }, formatBalance(balance, currency, { fractionDigits: 2 })), showBalance && /* @__PURE__ */ React58.createElement(Text50, { color: FG.faint, wrap: "truncate" }, " left"));
 }
 function ModePill2({
   mode: mode2,
@@ -9515,18 +9572,18 @@ function ModePill2({
 }) {
   if (network === "online") {
     const pill = modeGlyph(mode2);
-    return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { color: pill.color, wrap: "truncate" }, pill.glyph), /* @__PURE__ */ React56.createElement(Text49, { color: FG.sub, wrap: "truncate" }, ` ${mode2}`));
+    return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { color: pill.color, wrap: "truncate" }, pill.glyph), /* @__PURE__ */ React58.createElement(Text50, { color: FG.sub, wrap: "truncate" }, ` ${mode2}`));
   }
   const dot = networkDot(network);
   if (network === "slow") {
     const tail = detail ? ` \xB7 ${detail}` : "";
-    return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, ` ${mode2} \xB7 slow${tail}`));
+    return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, ` ${mode2} \xB7 slow${tail}`));
   }
   if (network === "disconnected") {
     const tail = detail ? ` \xB7 ${detail}` : "";
-    return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, ` disconnect${tail}`));
+    return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, ` disconnect${tail}`));
   }
-  return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React56.createElement(Text49, { color: dot.color, wrap: "truncate" }, " reconnecting\u2026"));
+  return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, dot.glyph), /* @__PURE__ */ React58.createElement(Text50, { color: dot.color, wrap: "truncate" }, " reconnecting\u2026"));
 }
 function CountdownRow({
   mode: mode2,
@@ -9534,14 +9591,14 @@ function CountdownRow({
 }) {
   const pill = modeGlyph(mode2);
   const endsAt = Date.now() + secondsLeft * 1e3;
-  return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { color: pill.color, wrap: "truncate" }, pill.glyph), /* @__PURE__ */ React56.createElement(Text49, { color: FG.sub, wrap: "truncate" }, ` ${mode2}   \xB7   `), /* @__PURE__ */ React56.createElement(Text49, { color: TONE.warn, wrap: "truncate" }, "approving in "), /* @__PURE__ */ React56.createElement(Countdown, { endsAt }), /* @__PURE__ */ React56.createElement(Text49, { color: TONE.warn, wrap: "truncate" }, "s \xB7 esc to interrupt"));
+  return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { color: pill.color, wrap: "truncate" }, pill.glyph), /* @__PURE__ */ React58.createElement(Text50, { color: FG.sub, wrap: "truncate" }, ` ${mode2}   \xB7   `), /* @__PURE__ */ React58.createElement(Text50, { color: TONE.warn, wrap: "truncate" }, "approving in "), /* @__PURE__ */ React58.createElement(Countdown, { endsAt }), /* @__PURE__ */ React58.createElement(Text50, { color: TONE.warn, wrap: "truncate" }, "s \xB7 esc to interrupt"));
 }
 function RecordingPill({ rec }) {
   const sizeMb = (rec.sizeBytes / (1024 * 1024)).toFixed(1);
-  return /* @__PURE__ */ React56.createElement(Box46, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React56.createElement(Text49, { bold: true, color: TONE.err, wrap: "truncate" }, "\u25CFREC"), /* @__PURE__ */ React56.createElement(Text49, { color: TONE.err, wrap: "truncate" }, ` ${sizeMb} MB \xB7 ${rec.events} evt`));
+  return /* @__PURE__ */ React58.createElement(Box47, { flexDirection: "row", height: 1, flexWrap: "nowrap" }, /* @__PURE__ */ React58.createElement(Text50, { bold: true, color: TONE.err, wrap: "truncate" }, "\u25CFREC"), /* @__PURE__ */ React58.createElement(Text50, { color: TONE.err, wrap: "truncate" }, ` ${sizeMb} MB \xB7 ${rec.events} evt`));
 }
 function Sep() {
-  return /* @__PURE__ */ React56.createElement(Text49, { color: FG.meta, wrap: "truncate" }, "   \xB7   ");
+  return /* @__PURE__ */ React58.createElement(Text50, { color: FG.meta, wrap: "truncate" }, "   \xB7   ");
 }
 function modeGlyph(mode2) {
   switch (mode2) {
@@ -9569,8 +9626,8 @@ function networkDot(state) {
 }
 
 // src/cli/ui/layout/ToastRail.tsx
-import { Box as Box47, Text as Text50, useStdout as useStdout14 } from "ink";
-import React57, { useEffect as useEffect8 } from "react";
+import { Box as Box48, Text as Text51, useStdout as useStdout14 } from "ink";
+import React59, { useEffect as useEffect8 } from "react";
 var TONE_COLOR = {
   ok: TONE.ok,
   info: TONE.brand,
@@ -9608,17 +9665,17 @@ function ToastRail() {
   }, [toasts, dispatch]);
   const visible = toasts.filter((t2) => now - t2.bornAt < t2.ttlMs);
   if (visible.length === 0) return null;
-  return /* @__PURE__ */ React57.createElement(Box47, { flexDirection: "column" }, visible.map((t2) => {
+  return /* @__PURE__ */ React59.createElement(Box48, { flexDirection: "column" }, visible.map((t2) => {
     const color = TONE_COLOR[t2.tone];
     const glyph = TONE_GLYPH[t2.tone];
     const body = bodyColor(t2, now);
     const remainingSec = Math.max(0, Math.ceil((t2.ttlMs - (now - t2.bornAt)) / 1e3));
-    return /* @__PURE__ */ React57.createElement(Box47, { key: t2.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React57.createElement(Text50, { color }, rule), /* @__PURE__ */ React57.createElement(Box47, { flexDirection: "row" }, /* @__PURE__ */ React57.createElement(Text50, { color }, glyph), /* @__PURE__ */ React57.createElement(Text50, { bold: true, color: body }, ` ${t2.title}`), t2.detail !== void 0 && /* @__PURE__ */ React57.createElement(Text50, { color: FG.sub }, `  \xB7  ${t2.detail}`), /* @__PURE__ */ React57.createElement(Box47, { flexGrow: 1 }), /* @__PURE__ */ React57.createElement(Text50, { color: FG.faint }, `${remainingSec}s`)));
+    return /* @__PURE__ */ React59.createElement(Box48, { key: t2.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React59.createElement(Text51, { color }, rule), /* @__PURE__ */ React59.createElement(Box48, { flexDirection: "row" }, /* @__PURE__ */ React59.createElement(Text51, { color }, glyph), /* @__PURE__ */ React59.createElement(Text51, { bold: true, color: body }, ` ${t2.title}`), t2.detail !== void 0 && /* @__PURE__ */ React59.createElement(Text51, { color: FG.sub }, `  \xB7  ${t2.detail}`), /* @__PURE__ */ React59.createElement(Box48, { flexGrow: 1 }), /* @__PURE__ */ React59.createElement(Text51, { color: FG.faint }, `${remainingSec}s`)));
   }));
 }
 
 // src/cli/ui/layout/plan-live-row.tsx
-import React58 from "react";
+import React60 from "react";
 function isActivePlanInFlight(card) {
   if (card.kind !== "plan") return false;
   if (card.variant !== "active") return false;
@@ -9633,7 +9690,7 @@ function PlanLiveRow() {
     return null;
   });
   if (!planCard) return null;
-  return /* @__PURE__ */ React58.createElement(PlanCard, { card: planCard });
+  return /* @__PURE__ */ React60.createElement(PlanCard, { card: planCard });
 }
 
 // src/cli/ui/loop.ts
@@ -11122,8 +11179,8 @@ function writeClipboard(text) {
 }
 
 // src/cli/ui/ctx-breakdown.tsx
-import { Box as Box48, Text as Text51 } from "ink";
-import React59 from "react";
+import { Box as Box49, Text as Text52 } from "ink";
+import React61 from "react";
 function computeCtxBreakdown(loop2) {
   const systemTokens = countTokens(loop2.prefix.system);
   const toolsTokens = countTokens(JSON.stringify(loop2.prefix.toolSpecs));
@@ -11778,23 +11835,12 @@ var handlers15 = {
 
 // src/cli/ui/slash/handlers/theme.ts
 var themeChoices = ["auto", ...listThemeNames()];
-function formatThemeStatus() {
-  const configured = loadTheme();
-  const active = resolveThemePreference(configured, process.env.REASONIX_THEME);
-  const source = configured && configured !== "auto" ? "config" : "env/default";
-  return [
-    `theme: ${active} (${source})`,
-    `configured: ${configured ?? "unset"}`,
-    `available: ${themeChoices.join(", ")}`,
-    "usage: /theme <name|auto>"
-  ].join("\n");
-}
 function isThemeChoice(value) {
   return value === "auto" || isThemeName(value);
 }
 var theme = (args) => {
   const next = args[0];
-  if (!next) return { info: formatThemeStatus() };
+  if (!next) return { openThemePicker: true };
   if (!isThemeChoice(next)) {
     return { info: `unknown theme: ${next}
 available: ${themeChoices.join(", ")}` };
@@ -11921,9 +11967,9 @@ var TurnTranslator = class {
       this.log.appendStreaming(this.streamingCardId, contentChunk);
     }
   }
-  toolStart(name, args) {
+  toolStart(name, args, callId) {
     this.toolStartedAt = Date.now();
-    this.toolCardId = this.log.startTool(name, args);
+    this.toolCardId = this.log.startTool(name, args, callId);
   }
   toolEnd(output) {
     if (this.toolCardId) {
@@ -12837,13 +12883,13 @@ var PLAIN_UI = process.env.REASONIX_UI === "plain";
 function LoopStatusRow({
   loop: loop2
 }) {
-  const [, setTick] = React60.useState(0);
-  React60.useEffect(() => {
+  const [, setTick] = React62.useState(0);
+  React62.useEffect(() => {
     const id = setInterval(() => setTick((t2) => t2 + 1), 1e3);
     return () => clearInterval(id);
   }, []);
   const nextFireMs = Math.max(0, loop2.nextFireAt - Date.now());
-  return /* @__PURE__ */ React60.createElement(Box49, null, /* @__PURE__ */ React60.createElement(Text52, { color: "cyan" }, `\u25B8 ${formatLoopStatus(loop2.prompt, nextFireMs, loop2.iter)} \xB7 /loop stop or type to cancel`));
+  return /* @__PURE__ */ React62.createElement(Box50, null, /* @__PURE__ */ React62.createElement(Text53, { color: "cyan" }, `\u25B8 ${formatLoopStatus(loop2.prompt, nextFireMs, loop2.iter)} \xB7 /loop stop or type to cancel`));
 }
 function App(props) {
   markPhase("app_render_start");
@@ -12852,12 +12898,14 @@ function App(props) {
     model: props.model,
     workspace: props.codeMode?.rootDir ?? process.cwd()
   });
-  const initialCards = React60.useMemo(
+  const initialCards = React62.useMemo(
     () => props.session ? hydrateCardsFromMessages(loadSessionMessages(props.session)) : [],
     [props.session]
   );
-  const themeName = resolveThemePreference(loadTheme(), process.env.REASONIX_THEME);
-  return /* @__PURE__ */ React60.createElement(ThemeProvider, { name: themeName }, /* @__PURE__ */ React60.createElement(AgentStoreProvider, { session, initialCards }, /* @__PURE__ */ React60.createElement(AppInner, { ...props })));
+  const [themeName, setThemeName] = React62.useState(
+    () => resolveThemePreference(loadTheme(), process.env.REASONIX_THEME)
+  );
+  return /* @__PURE__ */ React62.createElement(ThemeProvider, { name: themeName }, /* @__PURE__ */ React62.createElement(AgentStoreProvider, { session, initialCards }, /* @__PURE__ */ React62.createElement(AppInner, { ...props, themeName, setThemeName })));
 }
 function AppInner({
   model: model2,
@@ -12873,7 +12921,9 @@ function AppInner({
   codeMode,
   noDashboard,
   onSwitchSession,
-  mouse = true
+  mouse = true,
+  themeName,
+  setThemeName
 }) {
   markPhase("app_inner_start");
   const log = useScrollback();
@@ -12989,13 +13039,14 @@ function AppInner({
   const [checkpointPickerList, setCheckpointPickerList] = useState20([]);
   const [pendingMcpHub, setPendingMcpHub] = useState20(null);
   const [pendingModelPicker, setPendingModelPicker] = useState20(false);
+  const [pendingThemePicker, setPendingThemePicker] = useState20(false);
   const [stagedInput, setStagedInput] = useState20(null);
   const [pendingCheckpoint, setPendingCheckpoint] = useState20(null);
   const [stagedCheckpointRevise, setStagedCheckpointRevise] = useState20(null);
   const [pendingRevision, setPendingRevision] = useState20(null);
   const [pendingChoice, setPendingChoice] = useState20(null);
   const [stagedChoiceCustom, setStagedChoiceCustom] = useState20(null);
-  const modalOpen = !!pendingShell || !!pendingPlan || !!pendingReviseEditor || !!pendingSessionsPicker || !!pendingCheckpointPicker || !!pendingMcpHub || pendingModelPicker || !!stagedInput || !!pendingEditReview || walkthroughActive || !!pendingChoice || !!stagedChoiceCustom || !!pendingRevision || !!stagedCheckpointRevise || !!pendingCheckpoint;
+  const modalOpen = !!pendingShell || !!pendingPlan || !!pendingReviseEditor || !!pendingSessionsPicker || !!pendingCheckpointPicker || !!pendingMcpHub || pendingModelPicker || pendingThemePicker || !!stagedInput || !!pendingEditReview || walkthroughActive || !!pendingChoice || !!stagedChoiceCustom || !!pendingRevision || !!stagedCheckpointRevise || !!pendingCheckpoint;
   const [planMode, setPlanMode] = useState20(false);
   const [proArmed, setProArmed] = useState20(false);
   const [turnOnPro, setTurnOnPro] = useState20(false);
@@ -13406,12 +13457,7 @@ function AppInner({
     if (key.escape && busy) {
       if (abortedThisTurn.current) return;
       abortedThisTurn.current = true;
-      const resolve3 = editReviewResolveRef.current;
-      if (resolve3) {
-        editReviewResolveRef.current = null;
-        setPendingEditReview(null);
-        resolve3({ choice: "reject" });
-      }
+      resetPendingModals();
       if (isLoopActive()) stopLoop();
       loop2.abort();
       return;
@@ -13606,7 +13652,7 @@ function AppInner({
     if (dashboardRef.current) return dashboardRef.current.url;
     if (dashboardStartingRef.current) return dashboardStartingRef.current;
     const startup = (async () => {
-      const { startDashboardServer } = await import("./server-W4XJK4GX.js");
+      const { startDashboardServer } = await import("./server-GNHR5K3N.js");
       const handle = await startDashboardServer({
         mode: "attached",
         configPath: defaultConfigPath(),
@@ -14127,6 +14173,11 @@ function AppInner({
           pushHistory(text);
           return;
         }
+        if (result.openThemePicker) {
+          setPendingThemePicker(true);
+          pushHistory(text);
+          return;
+        }
         if (result.openArgPickerFor) {
           pushHistory(text);
           setInput(`/${result.openArgPickerFor} `);
@@ -14159,6 +14210,7 @@ function AppInner({
           stopLoop,
           quitProcess,
           pushHistory,
+          resetPendingModals,
           text
         });
         if (outcome.kind === "resubmit") {
@@ -14500,6 +14552,24 @@ function AppInner({
     [pendingShell, codeMode, currentRootDir, log]
   );
   const pendingGateIdRef = useRef9(null);
+  const resetPendingModals = useCallback11(() => {
+    const editResolve = editReviewResolveRef.current;
+    if (editResolve) {
+      editReviewResolveRef.current = null;
+      setPendingEditReview(null);
+      editResolve({ choice: "reject" });
+    }
+    setPendingShell(null);
+    setPendingPlan(null);
+    setPendingCheckpoint(null);
+    setPendingRevision(null);
+    setPendingChoice(null);
+    setStagedInput(null);
+    setStagedChoiceCustom(null);
+    setStagedCheckpointRevise(null);
+    pendingGateIdRef.current = null;
+    pauseGate.cancelAll();
+  }, []);
   useEffect12(() => {
     if (!busy && queuedSubmit !== null) {
       const text = queuedSubmit;
@@ -14875,14 +14945,14 @@ function AppInner({
     []
   );
   const tickerSuspended = PLAIN_UI || modalOpen || !busy && !isStreaming;
-  return /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement(TickerProvider, { disabled: tickerSuspended }, /* @__PURE__ */ React60.createElement(ViewportBudgetProvider, null, /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "row", height: stdout?.rows ?? 24 }, /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "column", flexGrow: 1 }, /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "column", flexGrow: 1 }, /* @__PURE__ */ React60.createElement(LiveExpandContext.Provider, { value: liveExpand }, /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement(TickerProvider, { disabled: tickerSuspended }, /* @__PURE__ */ React62.createElement(ViewportBudgetProvider, null, /* @__PURE__ */ React62.createElement(InflightProvider, { inflight: loop2.inflight }, /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "row", height: stdout?.rows ?? 24 }, /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", flexGrow: 1 }, /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", flexGrow: 1 }, /* @__PURE__ */ React62.createElement(LiveExpandContext.Provider, { value: liveExpand }, /* @__PURE__ */ React62.createElement(
     CardStream,
     {
       suppressLive: modalOpen,
       scrollRows: chatScroll.scrollRows,
       onMaxScrollChange: chatScroll.setMaxScroll
     }
-  )), !hasConversation && !busy && !isStreaming ? /* @__PURE__ */ React60.createElement(
+  )), !hasConversation && !busy && !isStreaming ? /* @__PURE__ */ React62.createElement(
     WelcomeBanner,
     {
       inCodeMode: !!codeMode,
@@ -14890,7 +14960,7 @@ function AppInner({
       dashboardUrl,
       languageVersion
     }
-  ) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && ongoingTool ? /* @__PURE__ */ React60.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && subagentActivities.length > 0 ? /* @__PURE__ */ React60.createElement(SubagentLiveStack, { activities: subagentActivities, max: 3 }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && !ongoingTool && statusLine ? /* @__PURE__ */ React60.createElement(ThinkingRow, { text: statusLine }) : null, !PLAIN_UI && undoBanner && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && !pendingChoice && !stagedChoiceCustom && !pendingRevision && !stagedCheckpointRevise && !pendingCheckpoint ? /* @__PURE__ */ React60.createElement(UndoBanner, { banner: undoBanner }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && busy && !isStreaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React60.createElement(ThinkingRow, { text: activityLabel }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview ? /* @__PURE__ */ React60.createElement(PlanLiveRow, null) : null, /* @__PURE__ */ React60.createElement(ToastRail, null)), stagedInput ? /* @__PURE__ */ React60.createElement(
+  ) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && ongoingTool ? /* @__PURE__ */ React62.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && subagentActivities.length > 0 ? /* @__PURE__ */ React62.createElement(SubagentLiveStack, { activities: subagentActivities, max: 3 }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && !ongoingTool && statusLine ? /* @__PURE__ */ React62.createElement(ThinkingRow, { text: statusLine }) : null, !PLAIN_UI && undoBanner && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && !pendingChoice && !stagedChoiceCustom && !pendingRevision && !stagedCheckpointRevise && !pendingCheckpoint ? /* @__PURE__ */ React62.createElement(UndoBanner, { banner: undoBanner }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview && busy && !isStreaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React62.createElement(ThinkingRow, { text: activityLabel }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !pendingReviseEditor && !pendingSessionsPicker && !pendingCheckpointPicker && !pendingMcpHub && !stagedInput && !pendingEditReview ? /* @__PURE__ */ React62.createElement(PlanLiveRow, null) : null, /* @__PURE__ */ React62.createElement(ToastRail, null)), stagedInput ? /* @__PURE__ */ React62.createElement(
     PlanRefineInput,
     {
       mode: stagedInput.mode,
@@ -14898,21 +14968,21 @@ function AppInner({
       onSubmit: handleStagedInputSubmit,
       onCancel: handleStagedInputCancel
     }
-  ) : stagedChoiceCustom ? /* @__PURE__ */ React60.createElement(
+  ) : stagedChoiceCustom ? /* @__PURE__ */ React62.createElement(
     PlanRefineInput,
     {
       mode: "choice-custom",
       onSubmit: handleChoiceCustomSubmit,
       onCancel: handleChoiceCustomCancel
     }
-  ) : stagedCheckpointRevise ? /* @__PURE__ */ React60.createElement(
+  ) : stagedCheckpointRevise ? /* @__PURE__ */ React62.createElement(
     PlanRefineInput,
     {
       mode: "checkpoint-revise",
       onSubmit: (text) => handleCheckpointReviseSubmit(text, stagedCheckpointRevise),
       onCancel: handleCheckpointReviseCancel
     }
-  ) : pendingChoice ? /* @__PURE__ */ React60.createElement(
+  ) : pendingChoice ? /* @__PURE__ */ React62.createElement(
     ChoiceConfirm,
     {
       question: pendingChoice.question,
@@ -14920,7 +14990,7 @@ function AppInner({
       allowCustom: pendingChoice.allowCustom,
       onChoose: stableHandleChoiceConfirm
     }
-  ) : pendingRevision ? /* @__PURE__ */ React60.createElement(
+  ) : pendingRevision ? /* @__PURE__ */ React62.createElement(
     PlanReviseConfirm,
     {
       reason: pendingRevision.reason,
@@ -14931,7 +15001,7 @@ function AppInner({
       summary: pendingRevision.summary,
       onChoose: stableHandleReviseConfirm
     }
-  ) : pendingCheckpoint ? /* @__PURE__ */ React60.createElement(
+  ) : pendingCheckpoint ? /* @__PURE__ */ React62.createElement(
     PlanCheckpointConfirm,
     {
       stepId: pendingCheckpoint.stepId,
@@ -14942,7 +15012,7 @@ function AppInner({
       completedStepIds: completedStepIdsRef.current,
       onChoose: stableHandleCheckpointConfirm
     }
-  ) : pendingCheckpointPicker ? /* @__PURE__ */ React60.createElement(
+  ) : pendingCheckpointPicker ? /* @__PURE__ */ React62.createElement(
     CheckpointPicker,
     {
       checkpoints: checkpointPickerList,
@@ -14987,7 +15057,7 @@ function AppInner({
         }
       }
     }
-  ) : pendingSessionsPicker ? /* @__PURE__ */ React60.createElement(
+  ) : pendingSessionsPicker ? /* @__PURE__ */ React62.createElement(
     SessionPicker,
     {
       sessions: sessionsPickerList,
@@ -15032,7 +15102,25 @@ function AppInner({
         }
       }
     }
-  ) : pendingModelPicker ? /* @__PURE__ */ React60.createElement(
+  ) : pendingThemePicker ? /* @__PURE__ */ React62.createElement(
+    ThemePicker,
+    {
+      currentPreference: loadTheme() ?? "auto",
+      activeTheme: themeName,
+      onChoose: (outcome) => {
+        setPendingThemePicker(false);
+        if (outcome.kind === "quit") return;
+        saveTheme(outcome.value);
+        const active = resolveThemePreference(
+          outcome.value,
+          process.env.REASONIX_THEME
+        );
+        setThemeName(active);
+        log.pushInfo(`\u25B8 theme saved: ${outcome.value}
+  active now: ${active}`);
+      }
+    }
+  ) : pendingModelPicker ? /* @__PURE__ */ React62.createElement(
     ModelPicker,
     {
       models,
@@ -15064,7 +15152,7 @@ function AppInner({
         }
       }
     }
-  ) : pendingMcpHub ? /* @__PURE__ */ React60.createElement(
+  ) : pendingMcpHub ? /* @__PURE__ */ React62.createElement(
     McpHub,
     {
       initialTab: pendingMcpHub.tab,
@@ -15084,7 +15172,7 @@ function AppInner({
         return r;
       } : void 0
     }
-  ) : pendingPlan ? /* @__PURE__ */ React60.createElement(
+  ) : pendingPlan ? /* @__PURE__ */ React62.createElement(
     PlanConfirm,
     {
       plan: pendingPlan,
@@ -15093,7 +15181,7 @@ function AppInner({
       onChoose: stableHandlePlanConfirm,
       projectRoot: currentRootDir
     }
-  ) : pendingReviseEditor ? /* @__PURE__ */ React60.createElement(
+  ) : pendingReviseEditor ? /* @__PURE__ */ React62.createElement(
     PlanReviseEditor,
     {
       steps: planStepsRef.current ?? [],
@@ -15112,7 +15200,7 @@ function AppInner({
         setPendingPlan(planText);
       }
     }
-  ) : pendingShell ? /* @__PURE__ */ React60.createElement(
+  ) : pendingShell ? /* @__PURE__ */ React62.createElement(
     ShellConfirm,
     {
       command: pendingShell.command,
@@ -15120,7 +15208,7 @@ function AppInner({
       kind: pendingShell.kind,
       onChoose: handleShellConfirm
     }
-  ) : pendingEditReview ? /* @__PURE__ */ React60.createElement(
+  ) : pendingEditReview ? /* @__PURE__ */ React62.createElement(
     EditConfirm,
     {
       block: pendingEditReview,
@@ -15132,14 +15220,14 @@ function AppInner({
         }
       }
     }
-  ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React60.createElement(
+  ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React62.createElement(
     EditConfirm,
     {
       key: `walk-${pendingTick}`,
       block: pendingEdits.current[0],
       onChoose: handleWalkChoice
     }
-  ) : !chatScroll.pinned ? /* @__PURE__ */ React60.createElement(Text52, { color: FG.faint }, " \u{1F4D6} reading history \u2014 End / PgDn to return \xB7 \u2193 to advance one line") : /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, codeMode ? /* @__PURE__ */ React60.createElement(
+  ) : !chatScroll.pinned ? /* @__PURE__ */ React62.createElement(Text53, { color: FG.faint }, " \u{1F4D6} reading history \u2014 End / PgDn to return \xB7 \u2193 to advance one line") : /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, codeMode ? /* @__PURE__ */ React62.createElement(
     ModeStatusBar,
     {
       editMode,
@@ -15149,7 +15237,7 @@ function AppInner({
       undoArmed: !!undoBanner || hasUndoable(),
       jobs: codeMode.jobs
     }
-  ) : null, activeLoop ? /* @__PURE__ */ React60.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React60.createElement(StatusRow, null), /* @__PURE__ */ React60.createElement(
+  ) : null, activeLoop ? /* @__PURE__ */ React62.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React62.createElement(StatusRow, null), /* @__PURE__ */ React62.createElement(
     PromptInput,
     {
       value: input,
@@ -15159,7 +15247,7 @@ function AppInner({
       onHistoryPrev: recallPrev,
       onHistoryNext: recallNext
     }
-  )), /* @__PURE__ */ React60.createElement(Box49, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, slashMatches !== null ? /* @__PURE__ */ React60.createElement(
+  )), /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", flexShrink: 0, flexWrap: "nowrap" }, slashMatches !== null ? /* @__PURE__ */ React62.createElement(
     SlashSuggestions,
     {
       key: `slash-suggestions:${slashGroupMode ? "group" : "search"}`,
@@ -15168,7 +15256,7 @@ function AppInner({
       groupMode: slashGroupMode,
       advancedHidden: slashAdvancedHidden
     }
-  ) : null, atState !== null ? /* @__PURE__ */ React60.createElement(AtMentionSuggestions, { state: atState, selectedIndex: atSelected }) : null), slashArgContext ? /* @__PURE__ */ React60.createElement(
+  ) : null, atState !== null ? /* @__PURE__ */ React62.createElement(AtMentionSuggestions, { state: atState, selectedIndex: atSelected }) : null), slashArgContext ? /* @__PURE__ */ React62.createElement(
     SlashArgPicker,
     {
       matches: slashArgMatches,
@@ -15177,16 +15265,16 @@ function AppInner({
       kind: slashArgContext.kind,
       partial: slashArgContext.partial
     }
-  ) : null))))));
+  ) : null)))))));
 }
 
 // src/cli/ui/Setup.tsx
-import { Box as Box50, Text as Text54, useApp } from "ink";
-import React62, { useState as useState21 } from "react";
+import { Box as Box51, Text as Text55, useApp } from "ink";
+import React64, { useState as useState21 } from "react";
 
 // src/cli/ui/MaskedInput.tsx
-import { Text as Text53, useInput } from "ink";
-import React61, { useRef as useRef10 } from "react";
+import { Text as Text54, useInput } from "ink";
+import React63, { useRef as useRef10 } from "react";
 function stripPasteMarkers(s) {
   return s.replace(/\u001b?\[20[01]~/g, "").replace(/\u001b/g, "");
 }
@@ -15221,11 +15309,11 @@ function MaskedInput({
   });
   if (value.length === 0) {
     if (placeholder.length === 0) {
-      return /* @__PURE__ */ React61.createElement(Text53, { inverse: true }, " ");
+      return /* @__PURE__ */ React63.createElement(Text54, { inverse: true }, " ");
     }
-    return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(Text53, { inverse: true }, placeholder[0]), /* @__PURE__ */ React61.createElement(Text53, { color: FG.faint }, placeholder.slice(1)));
+    return /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement(Text54, { inverse: true }, placeholder[0]), /* @__PURE__ */ React63.createElement(Text54, { color: FG.faint }, placeholder.slice(1)));
   }
-  return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(Text53, null, mask.repeat(value.length)), /* @__PURE__ */ React61.createElement(Text53, { inverse: true }, " "));
+  return /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement(Text54, null, mask.repeat(value.length)), /* @__PURE__ */ React63.createElement(Text54, { inverse: true }, " "));
 }
 
 // src/cli/ui/Setup.tsx
@@ -15252,7 +15340,7 @@ function Setup({ onReady }) {
     }
     onReady(trimmed);
   };
-  return /* @__PURE__ */ React62.createElement(Box50, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React62.createElement(Box50, null, /* @__PURE__ */ React62.createElement(Text54, { bold: true, color: GRADIENT[0] }, GLYPH.brand), /* @__PURE__ */ React62.createElement(Text54, null, "  "), /* @__PURE__ */ React62.createElement(Text54, { bold: true }, "Welcome to "), /* @__PURE__ */ React62.createElement(Text54, { bold: true, color: GRADIENT[2] }, "REASONIX")), /* @__PURE__ */ React62.createElement(Box50, { marginTop: 1 }, /* @__PURE__ */ React62.createElement(Text54, { color: COLOR.info }, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React62.createElement(Box50, null, /* @__PURE__ */ React62.createElement(Text54, { dimColor: true }, "  sign up at \xB7 "), /* @__PURE__ */ React62.createElement(Text54, { color: COLOR.primary }, "https://platform.deepseek.com/api_keys")), /* @__PURE__ */ React62.createElement(Box50, null, /* @__PURE__ */ React62.createElement(Text54, { dimColor: true }, "  saved to "), /* @__PURE__ */ React62.createElement(Text54, { dimColor: true }, defaultConfigPath())), /* @__PURE__ */ React62.createElement(Box50, { marginTop: 1 }, /* @__PURE__ */ React62.createElement(Text54, { bold: true, color: COLOR.brand }, GLYPH.bar), /* @__PURE__ */ React62.createElement(Text54, { bold: true, color: COLOR.primary }, " \u203A "), /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React64.createElement(Box51, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React64.createElement(Box51, null, /* @__PURE__ */ React64.createElement(Text55, { bold: true, color: GRADIENT[0] }, GLYPH.brand), /* @__PURE__ */ React64.createElement(Text55, null, "  "), /* @__PURE__ */ React64.createElement(Text55, { bold: true }, "Welcome to "), /* @__PURE__ */ React64.createElement(Text55, { bold: true, color: GRADIENT[2] }, "REASONIX")), /* @__PURE__ */ React64.createElement(Box51, { marginTop: 1 }, /* @__PURE__ */ React64.createElement(Text55, { color: COLOR.info }, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React64.createElement(Box51, null, /* @__PURE__ */ React64.createElement(Text55, { dimColor: true }, "  sign up at \xB7 "), /* @__PURE__ */ React64.createElement(Text55, { color: COLOR.primary }, "https://platform.deepseek.com/api_keys")), /* @__PURE__ */ React64.createElement(Box51, null, /* @__PURE__ */ React64.createElement(Text55, { dimColor: true }, "  saved to "), /* @__PURE__ */ React64.createElement(Text55, { dimColor: true }, defaultConfigPath())), /* @__PURE__ */ React64.createElement(Box51, { marginTop: 1 }, /* @__PURE__ */ React64.createElement(Text55, { bold: true, color: COLOR.brand }, GLYPH.bar), /* @__PURE__ */ React64.createElement(Text55, { bold: true, color: COLOR.primary }, " \u203A "), /* @__PURE__ */ React64.createElement(
     MaskedInput,
     {
       value,
@@ -15261,7 +15349,7 @@ function Setup({ onReady }) {
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React62.createElement(Box50, { marginTop: 1 }, /* @__PURE__ */ React62.createElement(Text54, { color: COLOR.err, bold: true }, GLYPH.err), /* @__PURE__ */ React62.createElement(Text54, { color: COLOR.err }, `  ${error}`)) : value ? /* @__PURE__ */ React62.createElement(Box50, { marginTop: 1 }, /* @__PURE__ */ React62.createElement(Text54, { dimColor: true }, `  preview \xB7 ${redactKey(value)}`)) : null, /* @__PURE__ */ React62.createElement(Box50, { marginTop: 1 }, /* @__PURE__ */ React62.createElement(Text54, { dimColor: true }, "  /exit to abort")));
+  )), error ? /* @__PURE__ */ React64.createElement(Box51, { marginTop: 1 }, /* @__PURE__ */ React64.createElement(Text55, { color: COLOR.err, bold: true }, GLYPH.err), /* @__PURE__ */ React64.createElement(Text55, { color: COLOR.err }, `  ${error}`)) : value ? /* @__PURE__ */ React64.createElement(Box51, { marginTop: 1 }, /* @__PURE__ */ React64.createElement(Text55, { dimColor: true }, `  preview \xB7 ${redactKey(value)}`)) : null, /* @__PURE__ */ React64.createElement(Box51, { marginTop: 1 }, /* @__PURE__ */ React64.createElement(Text55, { dimColor: true }, "  /exit to abort")));
 }
 
 // src/cli/ui/drain-tty.ts
@@ -15472,7 +15560,7 @@ function Root({
   const workspaceRoot = appProps.codeMode?.rootDir ?? process.cwd();
   const [sessions2, setSessions] = useState22(() => listSessionsForWorkspace(workspaceRoot));
   if (!key) {
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React65.createElement(
       Setup,
       {
         onReady: (k) => {
@@ -15484,7 +15572,7 @@ function Root({
   }
   process.env.DEEPSEEK_API_KEY = key;
   if (pickerOpen) {
-    return /* @__PURE__ */ React63.createElement(KeystrokeProvider, null, /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React65.createElement(KeystrokeProvider, null, /* @__PURE__ */ React65.createElement(
       SessionPicker,
       {
         sessions: sessions2,
@@ -15517,7 +15605,7 @@ function Root({
       }
     ));
   }
-  return /* @__PURE__ */ React63.createElement(KeystrokeProvider, null, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React65.createElement(KeystrokeProvider, null, /* @__PURE__ */ React65.createElement(
     App,
     {
       key: activeSession ?? "__new__",
@@ -15590,7 +15678,7 @@ async function chatCommand(opts) {
   const showPicker = !opts.session && !opts.forceResume && listSessionsForWorkspace(launchWorkspace).length > 0;
   markPhase("ink_render_call");
   const { waitUntilExit } = render(
-    /* @__PURE__ */ React63.createElement(
+    /* @__PURE__ */ React65.createElement(
       Root,
       {
         initialKey,
@@ -15631,4 +15719,4 @@ async function chatCommand(opts) {
 export {
   chatCommand
 };
-//# sourceMappingURL=chunk-3OBWN2NH.js.map
+//# sourceMappingURL=chunk-NHV5YGTB.js.map