reasonix 0.13.2 → 0.13.5

package/dist/cli/index.js

@@ -500,13 +500,13 @@ async function harvest(reasoningContent, client, options = {}, signal) {
   }
 }
 function parsePlanState(raw, maxItems, maxItemLen) {
-  const text = (raw ?? "").trim();
-  if (!text) return emptyPlanState();
+  const text2 = (raw ?? "").trim();
+  if (!text2) return emptyPlanState();
   let parsed;
   try {
-    parsed = JSON.parse(text);
+    parsed = JSON.parse(text2);
   } catch {
-    const match = text.match(/\{[\s\S]*\}/);
+    const match = text2.match(/\{[\s\S]*\}/);
     if (!match) return emptyPlanState();
     try {
       parsed = JSON.parse(match[0]);
@@ -920,8 +920,8 @@ function bpeEncode(piece, mergeRank) {
   }
   return word;
 }
-function encode(text) {
-  if (!text) return [];
+function encode(text2) {
+  if (!text2) return [];
   const t2 = loadTokenizer();
   const ids = [];
   const process2 = (segment) => {
@@ -941,21 +941,21 @@ function encode(text) {
   if (t2.addedPattern) {
     t2.addedPattern.lastIndex = 0;
     let last = 0;
-    for (const m of text.matchAll(t2.addedPattern)) {
+    for (const m of text2.matchAll(t2.addedPattern)) {
       const idx = m.index ?? 0;
-      if (idx > last) process2(text.slice(last, idx));
+      if (idx > last) process2(text2.slice(last, idx));
       const id = t2.addedMap.get(m[0]);
       if (id !== void 0) ids.push(id);
       last = idx + m[0].length;
     }
-    if (last < text.length) process2(text.slice(last));
+    if (last < text2.length) process2(text2.slice(last));
   } else {
-    process2(text);
+    process2(text2);
   }
   return ids;
 }
-function countTokens(text) {
-  return encode(text).length;
+function countTokens(text2) {
+  return encode(text2).length;
 }
 function estimateConversationTokens(messages) {
   let total = 0;
@@ -1281,9 +1281,9 @@ function sizePrefixToTokens(s, budget2) {
   let size = Math.min(s.length, budget2 * 4);
   for (let iter = 0; iter < 6; iter++) {
     if (size <= 0) return "";
-    const slice = s.slice(0, size);
-    const count = countTokens(slice);
-    if (count <= budget2) return slice;
+    const slice2 = s.slice(0, size);
+    const count = countTokens(slice2);
+    if (count <= budget2) return slice2;
     const next = Math.floor(size * (budget2 / count) * 0.95);
     if (next >= size) return s.slice(0, Math.max(0, size - 1));
     size = next;
@@ -1295,9 +1295,9 @@ function sizeSuffixToTokens(s, budget2) {
   let size = Math.min(s.length, budget2 * 4);
   for (let iter = 0; iter < 6; iter++) {
     if (size <= 0) return "";
-    const slice = s.slice(-size);
-    const count = countTokens(slice);
-    if (count <= budget2) return slice;
+    const slice2 = s.slice(-size);
+    const count = countTokens(slice2);
+    if (count <= budget2) return slice2;
     const next = Math.floor(size * (budget2 / count) * 0.95);
     if (next >= size) return s.slice(-Math.max(0, size - 1));
     size = next;
@@ -1472,15 +1472,15 @@ function scavengeToolCalls(reasoningContent, opts) {
   }
   return { calls: out, notes };
 }
-function stripDsmlBlocks(text) {
-  let out = text;
+function stripDsmlBlocks(text2) {
+  let out = text2;
   out = out.replace(/<[｜|]DSML[｜|]function_calls>[\s\S]*?<\/?[｜|]DSML[｜|]function_calls>/g, "");
   out = out.replace(/<[｜|]DSML[｜|]invoke\s+[^>]*>[\s\S]*?<\/[｜|]DSML[｜|]invoke>/g, "");
   return out;
 }
-function* iterateDsmlInvokes(text) {
+function* iterateDsmlInvokes(text2) {
   const INVOKE_RE = /<[｜|]DSML[｜|]invoke\s+name="([^"]+)">([\s\S]*?)<\/[｜|]DSML[｜|]invoke>/g;
-  for (const match of text.matchAll(INVOKE_RE)) {
+  for (const match of text2.matchAll(INVOKE_RE)) {
     const name = match[1];
     const body = match[2];
     if (!name || body === void 0) continue;
@@ -1506,14 +1506,14 @@ function parseDsmlParameters(body) {
   }
   return args;
 }
-function* iterateJsonObjects(text) {
-  for (let i = 0; i < text.length; i++) {
-    if (text[i] !== "{") continue;
+function* iterateJsonObjects(text2) {
+  for (let i = 0; i < text2.length; i++) {
+    if (text2[i] !== "{") continue;
     let depth = 0;
     let inString = false;
     let escaped = false;
-    for (let j = i; j < text.length; j++) {
-      const c = text[j];
+    for (let j = i; j < text2.length; j++) {
+      const c = text2[j];
       if (escaped) {
         escaped = false;
         continue;
@@ -1531,7 +1531,7 @@ function* iterateJsonObjects(text) {
       else if (c === "}") {
         depth--;
         if (depth === 0) {
-          yield text.slice(i, j + 1);
+          yield text2.slice(i, j + 1);
           i = j;
           break;
         }
@@ -3532,13 +3532,13 @@ function rankPickerCandidates(files, query, limitOrOpts) {
   return scored.slice(0, limit).map((s) => s.path);
 }
 var AT_MENTION_PATTERN = /(?<=^|\s)@([a-zA-Z0-9_./\\-]+)/g;
-function expandAtMentions(text, rootDir, opts = {}) {
+function expandAtMentions(text2, rootDir, opts = {}) {
   const maxBytes = opts.maxBytes ?? DEFAULT_AT_MENTION_MAX_BYTES;
   const fs6 = opts.fs ?? defaultFs;
   const root = resolve(rootDir);
   const seen = /* @__PURE__ */ new Map();
   const expansions = [];
-  for (const match of text.matchAll(AT_MENTION_PATTERN)) {
+  for (const match of text2.matchAll(AT_MENTION_PATTERN)) {
     const rawPath = match[1] ?? "";
     const cleaned = rawPath.replace(/\.+$/, "");
     if (!cleaned) continue;
@@ -3548,7 +3548,7 @@ function expandAtMentions(text, rootDir, opts = {}) {
     seen.set(token, expansion);
     expansions.push(expansion);
   }
-  if (expansions.length === 0) return { text, expansions };
+  if (expansions.length === 0) return { text: text2, expansions };
   const blocks = [];
   for (const ex of expansions) {
     if (ex.ok) {
@@ -3560,7 +3560,7 @@ ${content}
       blocks.push(`<file path="${ex.path}" skipped="${ex.skip}" />`);
     }
   }
-  const augmented = `${text}
+  const augmented = `${text2}
 
 [Referenced files]
 ${blocks.join("\n\n")}`;
@@ -3615,7 +3615,7 @@ var defaultFs = {
 };
 var AT_URL_PATTERN = /(?<=^|\s)@(https?:\/\/\S+)/g;
 var DEFAULT_AT_URL_MAX_CHARS = 32e3;
-async function expandAtUrls(text, opts = {}) {
+async function expandAtUrls(text2, opts = {}) {
   const maxChars = opts.maxChars ?? DEFAULT_AT_URL_MAX_CHARS;
   const fetcher = opts.fetcher;
   if (!fetcher) {
@@ -3624,7 +3624,7 @@ async function expandAtUrls(text, opts = {}) {
   const seen = /* @__PURE__ */ new Map();
   const bodies = /* @__PURE__ */ new Map();
   const order = [];
-  for (const match of text.matchAll(AT_URL_PATTERN)) {
+  for (const match of text2.matchAll(AT_URL_PATTERN)) {
     const rawUrl = match[1] ?? "";
     const url = stripUrlTail(rawUrl);
     if (!url) continue;
@@ -3671,7 +3671,7 @@ async function expandAtUrls(text, opts = {}) {
     if (opts.cache) opts.cache.set(url, { ...expansion, body });
     order.push(url);
   }
-  if (seen.size === 0) return { text, expansions: [] };
+  if (seen.size === 0) return { text: text2, expansions: [] };
   const expansions = order.map((u) => seen.get(u)).filter(Boolean);
   const blocks = [];
   for (const ex of expansions) {
@@ -3687,7 +3687,7 @@ ${body}
       blocks.push(`<url href="${ex.url}" skipped="${reasonAttr}" />`);
     }
   }
-  const augmented = `${text}
+  const augmented = `${text2}
 
 [Referenced URLs]
 ${blocks.join("\n\n")}`;
@@ -3848,34 +3848,34 @@ When none of these is given AND the file is longer than ${DEFAULT_AUTO_PREVIEW_L
 
 [\u2026truncated ${raw.length - maxReadBytes} bytes \u2014 file is ${raw.length} B, cap ${maxReadBytes} B. Retry with head/tail/range for targeted view.]`;
       }
-      const text = raw.toString("utf8");
-      let lines = text.split(/\r?\n/);
+      const text2 = raw.toString("utf8");
+      let lines = text2.split(/\r?\n/);
       if (lines.length > 0 && lines[lines.length - 1] === "") lines = lines.slice(0, -1);
       const totalLines = lines.length;
       if (typeof args.range === "string" && /^\d+\s*-\s*\d+$/.test(args.range)) {
         const [rawStart, rawEnd] = args.range.split("-").map((s) => Number.parseInt(s, 10));
         const start = Math.max(1, rawStart ?? 1);
         const end = Math.min(totalLines, Math.max(start, rawEnd ?? totalLines));
-        const slice = lines.slice(start - 1, end);
+        const slice2 = lines.slice(start - 1, end);
         const label = `[range ${start}-${end} of ${totalLines} lines]`;
         return `${label}
-${slice.join("\n")}`;
+${slice2.join("\n")}`;
       }
       if (typeof args.head === "number" && args.head > 0) {
         const count = Math.min(args.head, totalLines);
-        const slice = lines.slice(0, count);
+        const slice2 = lines.slice(0, count);
         const marker = count < totalLines ? `
 
 [\u2026head ${count} of ${totalLines} lines \u2014 call again with range / tail for more]` : "";
-        return slice.join("\n") + marker;
+        return slice2.join("\n") + marker;
       }
       if (typeof args.tail === "number" && args.tail > 0) {
         const count = Math.min(args.tail, totalLines);
-        const slice = lines.slice(totalLines - count);
+        const slice2 = lines.slice(totalLines - count);
         const marker = count < totalLines ? `[\u2026tail ${count} of ${totalLines} lines \u2014 call again with range / head for more]
 
 ` : "";
-        return marker + slice.join("\n");
+        return marker + slice2.join("\n");
       }
       if (totalLines <= DEFAULT_AUTO_PREVIEW_LINES) return lines.join("\n");
       const head = lines.slice(0, AUTO_PREVIEW_HEAD_LINES).join("\n");
@@ -4122,9 +4122,9 @@ Prefer \`list_directory\` for a single-level view, \`search_files\` to find spec
           }
           const firstNul = raw.indexOf(0);
           if (firstNul !== -1 && firstNul < 8 * 1024) continue;
-          const text = raw.toString("utf8");
+          const text2 = raw.toString("utf8");
           const rel = pathMod.relative(rootDir, full);
-          const lines = text.split(/\r?\n/);
+          const lines = text2.split(/\r?\n/);
           for (let li = 0; li < lines.length; li++) {
             const line = lines[li];
             const lineForCheck = caseSensitive ? line : line.toLowerCase();
@@ -5159,17 +5159,17 @@ ${job.output.slice(start)}`;
     const job = this.jobs.get(id);
     if (!job) return null;
     const full = job.output;
-    let slice = full;
+    let slice2 = full;
     if (typeof opts.since === "number" && opts.since >= 0 && opts.since < full.length) {
-      slice = full.slice(opts.since);
+      slice2 = full.slice(opts.since);
     }
     if (typeof opts.tailLines === "number" && opts.tailLines > 0) {
-      const lines = slice.split("\n");
+      const lines = slice2.split("\n");
       const keep = lines.slice(Math.max(0, lines.length - opts.tailLines));
-      slice = keep.join("\n");
+      slice2 = keep.join("\n");
     }
     return {
-      output: slice,
+      output: slice2,
       byteLength: full.length,
       running: job.running,
       exitCode: job.exitCode,
@@ -5882,11 +5882,11 @@ async function webFetch(url, opts = {}) {
   }
   const raw = await readBodyCapped(resp, FETCH_MAX_BYTES);
   const title = extractTitle(raw);
-  const text = contentType.includes("text/html") ? htmlToText(raw) : raw;
-  const truncated = text.length > maxChars;
-  const finalText = truncated ? `${text.slice(0, maxChars)}
+  const text2 = contentType.includes("text/html") ? htmlToText(raw) : raw;
+  const truncated = text2.length > maxChars;
+  const finalText = truncated ? `${text2.slice(0, maxChars)}
 
-[\u2026 truncated ${text.length - maxChars} chars \u2026]` : text;
+[\u2026 truncated ${text2.length - maxChars} chars \u2026]` : text2;
   return { url, title, text: finalText, truncated };
 }
 async function readBodyCapped(resp, maxBytes) {
@@ -7436,10 +7436,10 @@ async function trySection(load) {
 import { existsSync as existsSync7, mkdirSync as mkdirSync4, readFileSync as readFileSync9, unlinkSync as unlinkSync2, writeFileSync as writeFileSync4 } from "fs";
 import { dirname as dirname6, resolve as resolve6 } from "path";
 var BLOCK_RE = /^(\S[^\n]*)\n<{7} SEARCH\n([\s\S]*?)\n?={7}\n([\s\S]*?)\n?>{7} REPLACE/gm;
-function parseEditBlocks(text) {
+function parseEditBlocks(text2) {
   const out = [];
   BLOCK_RE.lastIndex = 0;
-  let m = BLOCK_RE.exec(text);
+  let m = BLOCK_RE.exec(text2);
   while (m !== null) {
     out.push({
       path: m[1].trim(),
@@ -7447,7 +7447,7 @@ function parseEditBlocks(text) {
       replace: m[3],
       offset: m.index
     });
-    m = BLOCK_RE.exec(text);
+    m = BLOCK_RE.exec(text2);
   }
   return out;
 }
@@ -7767,12 +7767,12 @@ function formatLogSize(path5 = defaultUsageLogPath()) {
 // src/cli/commands/chat.tsx
 import { existsSync as existsSync23, statSync as statSync13 } from "fs";
 import { render } from "ink";
-import React30, { useState as useState12 } from "react";
+import React31, { useState as useState12 } from "react";
 
 // src/cli/ui/App.tsx
 import * as pathMod7 from "path";
-import { Box as Box25, Text as Text23, useStdout as useStdout9 } from "ink";
-import React27, { useCallback as useCallback4, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState10 } from "react";
+import { Box as Box26, Text as Text24, useStdout as useStdout9 } from "ink";
+import React28, { useCallback as useCallback4, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState10 } from "react";
 
 // src/code/pending-edits.ts
 import { existsSync as existsSync9, mkdirSync as mkdirSync6, readFileSync as readFileSync11, unlinkSync as unlinkSync3, writeFileSync as writeFileSync6 } from "fs";
@@ -8765,7 +8765,7 @@ async function handleModal(method, rest, body, ctx) {
     };
   }
   if (method === "POST" && rest[0] === "resolve") {
-    const { kind, choice, text } = parseBody6(body);
+    const { kind, choice, text: text2 } = parseBody6(body);
     if (kind === "shell") {
       if (!ctx.resolveShellConfirm) {
         return { status: 503, body: { error: "shell modal resolution not wired" } };
@@ -8808,7 +8808,7 @@ async function handleModal(method, rest, body, ctx) {
       if (choice !== "approve" && choice !== "refine" && choice !== "cancel") {
         return { status: 400, body: { error: "plan choice must be approve / refine / cancel" } };
       }
-      ctx.resolvePlanConfirm(choice, typeof text === "string" && text.trim() ? text : void 0);
+      ctx.resolvePlanConfirm(choice, typeof text2 === "string" && text2.trim() ? text2 : void 0);
       return { status: 200, body: { resolved: true } };
     }
     if (kind === "edit-review") {
@@ -8843,7 +8843,7 @@ async function handleModal(method, rest, body, ctx) {
       }
       ctx.resolveCheckpointConfirm(
         choice,
-        typeof text === "string" && text.trim() ? text : void 0
+        typeof text2 === "string" && text2.trim() ? text2 : void 0
       );
       return { status: 200, body: { resolved: true } };
     }
@@ -8943,15 +8943,15 @@ var BINARY_EXTS = /* @__PURE__ */ new Set([
   ".sqlite",
   ".db"
 ]);
-function chunkText(text, filePath, windowLines, overlap, maxChunkChars = DEFAULT_MAX_CHUNK_CHARS) {
-  const lines = text.split(/\r?\n/);
+function chunkText(text2, filePath, windowLines, overlap, maxChunkChars = DEFAULT_MAX_CHUNK_CHARS) {
+  const lines = text2.split(/\r?\n/);
   if (lines.length === 0 || lines.length === 1 && lines[0] === "") return [];
   const stride = Math.max(1, windowLines - overlap);
   const chunks = [];
   for (let start = 0; start < lines.length; start += stride) {
     const end = Math.min(lines.length, start + windowLines);
-    const slice = lines.slice(start, end).join("\n").trim();
-    if (slice.length === 0) {
+    const slice2 = lines.slice(start, end).join("\n").trim();
+    if (slice2.length === 0) {
       if (end >= lines.length) break;
       continue;
     }
@@ -8959,7 +8959,7 @@ function chunkText(text, filePath, windowLines, overlap, maxChunkChars = DEFAULT
       path: filePath,
       startLine: start + 1,
       endLine: end,
-      text: slice
+      text: slice2
     };
     for (const sub of safeSplit(window, maxChunkChars)) chunks.push(sub);
     if (end >= lines.length) break;
@@ -9044,15 +9044,15 @@ async function* walkChunks(root, opts = {}) {
         continue;
       }
       if (stat2.size > maxFileBytes) continue;
-      let text;
+      let text2;
       try {
-        text = await fs2.readFile(abs, "utf8");
+        text2 = await fs2.readFile(abs, "utf8");
       } catch {
         continue;
       }
-      if (text.indexOf("\0") !== -1) continue;
+      if (text2.indexOf("\0") !== -1) continue;
       const rel = path.relative(root, abs).split(path.sep).join("/");
-      for (const chunk of chunkText(text, rel, windowLines, overlap, maxChunkChars)) {
+      for (const chunk of chunkText(text2, rel, windowLines, overlap, maxChunkChars)) {
         yield chunk;
       }
     }
@@ -9071,7 +9071,7 @@ var EmbeddingError = class extends Error {
   }
   cause;
 };
-async function embed(text, opts = {}) {
+async function embed(text2, opts = {}) {
   const baseUrl = opts.baseUrl ?? process.env.OLLAMA_URL ?? DEFAULT_OLLAMA_URL;
   const model2 = opts.model ?? process.env.REASONIX_EMBED_MODEL ?? DEFAULT_EMBED_MODEL;
   const timeoutMs = opts.timeoutMs ?? DEFAULT_TIMEOUT_MS;
@@ -9087,7 +9087,7 @@ async function embed(text, opts = {}) {
     res = await fetch(`${baseUrl}/api/embeddings`, {
       method: "POST",
       headers: { "content-type": "application/json" },
-      body: JSON.stringify({ model: model2, prompt: text }),
+      body: JSON.stringify({ model: model2, prompt: text2 }),
       signal: controller.signal
     });
   } catch (err) {
@@ -9134,10 +9134,10 @@ async function embedAll(texts, opts = {}) {
     if (opts.signal?.aborted) {
       throw new EmbeddingError("embedding aborted");
     }
-    const text = texts[i];
-    if (text === void 0) continue;
+    const text2 = texts[i];
+    if (text2 === void 0) continue;
     try {
-      out[i] = await embed(text, opts);
+      out[i] = await embed(text2, opts);
     } catch (err) {
       opts.onError?.(i, err);
     }
@@ -9834,8 +9834,8 @@ ${i + 1}. ${entry.path}:${entry.startLine}-${entry.endLine}  (score ${score.toFi
   });
   return lines.join("\n");
 }
-function indentBlock(text, prefix) {
-  return text.split("\n").map((l) => prefix + l).join("\n");
+function indentBlock(text2, prefix) {
+  return text2.split("\n").map((l) => prefix + l).join("\n");
 }
 async function bootstrapSemanticSearchInCodeMode(registry, rootDir, opts = {}) {
   if (await indexExists(rootDir)) {
@@ -11503,9 +11503,76 @@ function ChoiceConfirmInner({ question, options, allowCustom, onChoose }) {
 }
 var ChoiceConfirm = React5.memo(ChoiceConfirmInner);
 
+// src/cli/ui/ChromeBar.tsx
+import { Box as Box5, Text as Text4, useStdout as useStdout2 } from "ink";
+import React6 from "react";
+var NARROW_BREAKPOINT = 120;
+var COLD_START_TURNS = 3;
+var CACHE_BAR_CELLS = 10;
+function ChromeBar(props) {
+  const { stdout: stdout4 } = useStdout2();
+  const cols = stdout4?.columns ?? 80;
+  const narrow = cols < NARROW_BREAKPOINT;
+  const cold = props.summary.turns <= COLD_START_TURNS;
+  const projectName = props.rootDir ? basename(props.rootDir) : null;
+  const mode2 = pickModePill(props.planMode, props.preset);
+  const proPill = props.escalated ? { label: "\u21E7 pro", color: COLOR.err } : props.proArmed ? { label: "\u21E7 pro", color: COLOR.warn } : null;
+  const showCache = props.summary.turns > COLD_START_TURNS && !narrow;
+  const showBalance = !!props.balance && !narrow;
+  return /* @__PURE__ */ React6.createElement(Box5, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React6.createElement(Box5, null, /* @__PURE__ */ React6.createElement(Text4, { bold: true, color: GRADIENT[0] }, "\u25C8 "), /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.brand, bold: true }, "reasonix"), projectName ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true }, " \xB7 "), /* @__PURE__ */ React6.createElement(Text4, null, projectName), !narrow && props.sessionName ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true }, " \u203A "), /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info }, props.sessionName)) : null) : null, /* @__PURE__ */ React6.createElement(Box5, { flexGrow: 1 }), props.scrollRatio !== void 0 && props.scrollRatio > 0 ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.accent, bold: true }, `[\u2191 ${Math.round(props.scrollRatio * 100)}%]`), /* @__PURE__ */ React6.createElement(Text4, null, " ")) : null, props.updateAvailable ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.warn, bold: true }, `\u2191 ${props.updateAvailable}`), /* @__PURE__ */ React6.createElement(Text4, null, " ")) : null, mode2 ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: mode2.color, bold: true }, `[${mode2.label}]`), /* @__PURE__ */ React6.createElement(Text4, null, " ")) : null, proPill ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: proPill.color, bold: true }, `[${proPill.label}]`), /* @__PURE__ */ React6.createElement(Text4, null, " ")) : null, /* @__PURE__ */ React6.createElement(CostPill, { summary: props.summary, cold, budgetUsd: props.budgetUsd }), showBalance ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, null, " "), /* @__PURE__ */ React6.createElement(BalancePill, { balance: props.balance })) : null, showCache ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, null, " "), /* @__PURE__ */ React6.createElement(CachePill, { ratio: props.summary.cacheHitRatio })) : null), /* @__PURE__ */ React6.createElement(ChromeRule, null));
+}
+function ChromeRule() {
+  const { stdout: stdout4 } = useStdout2();
+  const cols = stdout4?.columns ?? 80;
+  const w = Math.max(20, cols - 2);
+  return /* @__PURE__ */ React6.createElement(Text4, { dimColor: true }, "\u2500".repeat(w));
+}
+function CostPill({
+  summary,
+  cold,
+  budgetUsd
+}) {
+  const cost = summary.totalCostUsd;
+  const color2 = cold ? COLOR.info : sessionCostColor(cost);
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: color2, bold: !cold, dimColor: cold }, `$${cost.toFixed(4)}`), budgetUsd && budgetUsd > 0 ? /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true }, ` / $${budgetUsd.toFixed(2)}`) : null);
+}
+function BalancePill({
+  balance
+}) {
+  const { currency, total } = balance;
+  const color2 = total < 1 ? COLOR.err : total < 5 ? COLOR.warn : COLOR.ok;
+  const sym = currency === "USD" ? "$" : currency === "CNY" ? "\xA5" : "";
+  const suf = sym ? "" : ` ${currency}`;
+  return /* @__PURE__ */ React6.createElement(Text4, { color: color2 }, `w ${sym}${total.toFixed(2)}${suf}`);
+}
+function CachePill({ ratio }) {
+  const color2 = ratio >= 0.7 ? COLOR.ok : ratio >= 0.4 ? COLOR.warn : COLOR.err;
+  const filled = Math.max(0, Math.min(CACHE_BAR_CELLS, Math.round(ratio * CACHE_BAR_CELLS)));
+  const empty2 = CACHE_BAR_CELLS - filled;
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true }, "cache "), /* @__PURE__ */ React6.createElement(Text4, { color: color2 }, "\u2588".repeat(filled)), /* @__PURE__ */ React6.createElement(Text4, { dimColor: true }, "\u2591".repeat(empty2)), /* @__PURE__ */ React6.createElement(Text4, { color: color2, bold: true }, ` ${Math.round(ratio * 100)}%`));
+}
+function pickModePill(planMode, preset2) {
+  if (planMode) return { label: "PLAN", color: COLOR.err };
+  if (!preset2) return null;
+  if (preset2 === "pro") return { label: "pro", color: COLOR.accent };
+  if (preset2 === "flash") return { label: "flash", color: COLOR.info };
+  return { label: "auto", color: COLOR.primary };
+}
+function sessionCostColor(cost) {
+  if (cost <= 0) return void 0;
+  if (cost >= 5) return COLOR.err;
+  if (cost >= 0.5) return COLOR.warn;
+  return COLOR.ok;
+}
+function basename(path5) {
+  const norm = path5.replace(/\\/g, "/");
+  const i = norm.lastIndexOf("/");
+  return i === -1 ? norm : norm.slice(i + 1);
+}
+
 // src/cli/ui/EditConfirm.tsx
-import { Box as Box6, Text as Text5, useStdout as useStdout3 } from "ink";
-import React7, { useMemo, useState as useState2 } from "react";
+import { Box as Box7, Text as Text6, useStdout as useStdout4 } from "ink";
+import React8, { useMemo, useState as useState2 } from "react";
 
 // src/code/diff-preview.ts
 function formatEditBlockDiff(block, opts = {}) {
@@ -11657,14 +11724,14 @@ function capLines(lines, maxLines, indent) {
 }
 
 // src/cli/ui/SplitDiff.tsx
-import { Box as Box5, Text as Text4, useStdout as useStdout2 } from "ink";
-import React6 from "react";
+import { Box as Box6, Text as Text5, useStdout as useStdout3 } from "ink";
+import React7 from "react";
 function SplitDiff({ rows, totalCols }) {
-  const { stdout: stdout4 } = useStdout2();
+  const { stdout: stdout4 } = useStdout3();
   const cols = totalCols ?? stdout4?.columns ?? 80;
   const innerCols = Math.max(40, cols - 6);
   const halfCols = Math.floor((innerCols - 3) / 2);
-  return /* @__PURE__ */ React6.createElement(Box5, { flexDirection: "column" }, rows.map((row2, i) => /* @__PURE__ */ React6.createElement(Box5, { key: `r-${i}-${row2.left.num ?? "p"}-${row2.right.num ?? "p"}` }, /* @__PURE__ */ React6.createElement(Cell, { side: row2.left, width: halfCols, which: "left" }), /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true }, " \u2502 "), /* @__PURE__ */ React6.createElement(Cell, { side: row2.right, width: halfCols, which: "right" }))));
+  return /* @__PURE__ */ React7.createElement(Box6, { flexDirection: "column" }, rows.map((row2, i) => /* @__PURE__ */ React7.createElement(Box6, { key: `r-${i}-${row2.left.num ?? "p"}-${row2.right.num ?? "p"}` }, /* @__PURE__ */ React7.createElement(Cell, { side: row2.left, width: halfCols, which: "left" }), /* @__PURE__ */ React7.createElement(Text5, { color: COLOR.info, dimColor: true }, " \u2502 "), /* @__PURE__ */ React7.createElement(Cell, { side: row2.right, width: halfCols, which: "right" }))));
 }
 function Cell({
   side,
@@ -11684,22 +11751,22 @@ function Cell({
   const truncated = raw.length > inner ? `${raw.slice(0, inner - 1)}\u2026` : raw;
   const padded = truncated.padEnd(inner);
   if (side.kind === "del") {
-    return /* @__PURE__ */ React6.createElement(Text4, { color: "#fbc8c8", backgroundColor: "#2a1212" }, `${numStr} ${sign} ${padded}`);
+    return /* @__PURE__ */ React7.createElement(Text5, { color: "#fbc8c8", backgroundColor: "#2a1212" }, `${numStr} ${sign} ${padded}`);
   }
   if (side.kind === "add") {
-    return /* @__PURE__ */ React6.createElement(Text4, { color: "#bef0c8", backgroundColor: "#0c2718" }, `${numStr} ${sign} ${padded}`);
+    return /* @__PURE__ */ React7.createElement(Text5, { color: "#bef0c8", backgroundColor: "#0c2718" }, `${numStr} ${sign} ${padded}`);
   }
   if (side.kind === "pad") {
-    return /* @__PURE__ */ React6.createElement(Text4, { color: COLOR.info, dimColor: true, italic: !!raw }, `${numStr} ${sign} ${padded}`);
+    return /* @__PURE__ */ React7.createElement(Text5, { color: COLOR.info, dimColor: true, italic: !!raw }, `${numStr} ${sign} ${padded}`);
   }
-  return /* @__PURE__ */ React6.createElement(Text4, { dimColor: true }, `${numStr} ${sign} ${padded}`);
+  return /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, `${numStr} ${sign} ${padded}`);
 }
 
 // src/cli/ui/EditConfirm.tsx
 var MODAL_OVERHEAD_ROWS = 18;
 var MIN_DIFF_ROWS = 8;
 function EditConfirm({ block, onChoose }) {
-  const { stdout: stdout4 } = useStdout3();
+  const { stdout: stdout4 } = useStdout4();
   const rows = stdout4?.rows ?? 40;
   const budget2 = Math.max(MIN_DIFF_ROWS, rows - MODAL_OVERHEAD_ROWS);
   const allRows = useMemo(
@@ -11769,8 +11836,8 @@ function EditConfirm({ block, onChoose }) {
       `viewing ${effectiveScroll + 1}-${effectiveScroll + visibleRows.length}/${totalLines}`
     );
   }
-  const footer = /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, "[", /* @__PURE__ */ React7.createElement(Text5, { color: "#67e8f9", bold: true }, "y"), "/Enter] apply  \xB7  [", /* @__PURE__ */ React7.createElement(Text5, { color: "#67e8f9", bold: true }, "n"), "] reject  \xB7  [", /* @__PURE__ */ React7.createElement(Text5, { color: "#67e8f9", bold: true }, "a"), "] apply rest  \xB7  [", /* @__PURE__ */ React7.createElement(Text5, { color: "#67e8f9", bold: true }, "A"), "] flip AUTO  \xB7  [", /* @__PURE__ */ React7.createElement(Text5, { color: "#67e8f9", bold: true }, "\u2191\u2193/Space"), "] scroll  \xB7  [Esc] abort");
-  return /* @__PURE__ */ React7.createElement(
+  const footer = /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "[", /* @__PURE__ */ React8.createElement(Text6, { color: "#67e8f9", bold: true }, "y"), "/Enter] apply  \xB7  [", /* @__PURE__ */ React8.createElement(Text6, { color: "#67e8f9", bold: true }, "n"), "] reject  \xB7  [", /* @__PURE__ */ React8.createElement(Text6, { color: "#67e8f9", bold: true }, "a"), "] apply rest  \xB7  [", /* @__PURE__ */ React8.createElement(Text6, { color: "#67e8f9", bold: true }, "A"), "] flip AUTO  \xB7  [", /* @__PURE__ */ React8.createElement(Text6, { color: "#67e8f9", bold: true }, "\u2191\u2193/Space"), "] scroll  \xB7  [Esc] abort");
+  return /* @__PURE__ */ React8.createElement(
     ModalCard,
     {
       accent: isNew ? "#86efac" : "#fcd34d",
@@ -11779,17 +11846,17 @@ function EditConfirm({ block, onChoose }) {
       subtitle: subtitleParts.join("  \xB7  "),
       footer
     },
-    hiddenAbove > 0 ? /* @__PURE__ */ React7.createElement(
-      Text5,
+    hiddenAbove > 0 ? /* @__PURE__ */ React8.createElement(
+      Text6,
       {
         dimColor: true
       },
       `  \u2191 ${hiddenAbove} line${hiddenAbove === 1 ? "" : "s"} above  (\u2191/k or PgUp)`
     ) : null,
-    /* @__PURE__ */ React7.createElement(SplitDiff, { rows: visibleRows }),
-    /* @__PURE__ */ React7.createElement(Box6, null, /* @__PURE__ */ React7.createElement(Text5, { color: "#fbc8c8", backgroundColor: "#2a1212" }, "  - old  "), /* @__PURE__ */ React7.createElement(Text5, null, "  "), /* @__PURE__ */ React7.createElement(Text5, { color: "#bef0c8", backgroundColor: "#0c2718" }, "  + new  "), /* @__PURE__ */ React7.createElement(Text5, { dimColor: true }, "   side-by-side \xB7 removed lines on the left, added on the right \xB7 paired by offset")),
-    hiddenBelow > 0 ? /* @__PURE__ */ React7.createElement(
-      Text5,
+    /* @__PURE__ */ React8.createElement(SplitDiff, { rows: visibleRows }),
+    /* @__PURE__ */ React8.createElement(Box7, null, /* @__PURE__ */ React8.createElement(Text6, { color: "#fbc8c8", backgroundColor: "#2a1212" }, "  - old  "), /* @__PURE__ */ React8.createElement(Text6, null, "  "), /* @__PURE__ */ React8.createElement(Text6, { color: "#bef0c8", backgroundColor: "#0c2718" }, "  + new  "), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "   side-by-side \xB7 removed lines on the left, added on the right \xB7 paired by offset")),
+    hiddenBelow > 0 ? /* @__PURE__ */ React8.createElement(
+      Text6,
       {
         dimColor: true
       },
@@ -11799,12 +11866,12 @@ function EditConfirm({ block, onChoose }) {
 }
 
 // src/cli/ui/EventLog.tsx
-import { Box as Box11, Text as Text10, useStdout as useStdout4 } from "ink";
-import React13 from "react";
+import { Box as Box12, Text as Text11, useStdout as useStdout5 } from "ink";
+import React14 from "react";
 
 // src/cli/ui/PlanStateBlock.tsx
-import { Box as Box7, Text as Text6 } from "ink";
-import React8 from "react";
+import { Box as Box8, Text as Text7 } from "ink";
+import React9 from "react";
 function PlanStateBlock({ planState }) {
   const fields = [];
   if (planState.subgoals.length)
@@ -11816,16 +11883,16 @@ function PlanStateBlock({ planState }) {
   if (planState.rejectedPaths.length)
     fields.push(["rejected", planState.rejectedPaths, COLOR.info, true]);
   if (fields.length === 0) return null;
-  return /* @__PURE__ */ React8.createElement(Box7, { flexDirection: "column", marginBottom: 1 }, fields.map(([label, items, color2, dim]) => /* @__PURE__ */ React8.createElement(Box7, { key: label }, /* @__PURE__ */ React8.createElement(Text6, { color: color2, bold: true, dimColor: dim }, label), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, ` (${items.length})`), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, "  \xB7 "), /* @__PURE__ */ React8.createElement(Text6, { dimColor: dim, color: dim ? void 0 : COLOR.info }, items.join(" \xB7 ")))));
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginBottom: 1 }, fields.map(([label, items, color2, dim]) => /* @__PURE__ */ React9.createElement(Box8, { key: label }, /* @__PURE__ */ React9.createElement(Text7, { color: color2, bold: true, dimColor: dim }, label), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, ` (${items.length})`), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "  \xB7 "), /* @__PURE__ */ React9.createElement(Text7, { dimColor: dim, color: dim ? void 0 : COLOR.info }, items.join(" \xB7 ")))));
 }
 
 // src/cli/ui/PlanStepList.tsx
-import { Box as Box9, Text as Text8 } from "ink";
-import React10 from "react";
+import { Box as Box10, Text as Text9 } from "ink";
+import React11 from "react";
 
 // src/cli/ui/char-bar.tsx
-import { Box as Box8, Text as Text7 } from "ink";
-import React9 from "react";
+import { Box as Box9, Text as Text8 } from "ink";
+import React10 from "react";
 function CharBar({
   pct: pct2,
   width = 24,
@@ -11837,7 +11904,7 @@ function CharBar({
   const total = Math.max(4, width);
   const clamped = Math.max(0, Math.min(100, Number.isFinite(pct2) ? pct2 : 0));
   const filled = Math.round(total * clamped / 100);
-  return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text7, { color: color2 }, GLYPH.block.repeat(filled)), /* @__PURE__ */ React9.createElement(Text7, { color: emptyColor ?? COLOR.info, dimColor: true }, GLYPH.shade1.repeat(total - filled)), showLabel ? /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, `  ${label ?? `${Math.round(clamped)}%`}`) : null);
+  return /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text8, { color: color2 }, GLYPH.block.repeat(filled)), /* @__PURE__ */ React10.createElement(Text8, { color: emptyColor ?? COLOR.info, dimColor: true }, GLYPH.shade1.repeat(total - filled)), showLabel ? /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, `  ${label ?? `${Math.round(clamped)}%`}`) : null);
 }
 
 // src/cli/ui/PlanStepList.tsx
@@ -11867,31 +11934,31 @@ function PlanStepListInner({ steps, statuses, focusStepId }) {
   const doneCount = statusList.filter((s) => s === "done").length;
   const pct2 = Math.round(doneCount / total * 100);
   const showProgress = doneCount > 0;
-  return /* @__PURE__ */ React10.createElement(Box9, { flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text8, { dimColor: true }, showProgress ? `${doneCount}/${total} done (${pct2}%) \xB7 ${total} step${total === 1 ? "" : "s"}` : `${total} step${total === 1 ? "" : "s"}`)), /* @__PURE__ */ React10.createElement(Box9, { flexDirection: "column" }, steps.map((step, i) => {
+  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, showProgress ? `${doneCount}/${total} done (${pct2}%) \xB7 ${total} step${total === 1 ? "" : "s"}` : `${total} step${total === 1 ? "" : "s"}`)), /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, steps.map((step, i) => {
     const status2 = statusList[i];
     const isLast = i === total - 1;
     const isCur = focusStepId === step.id;
     const sg = statusGlyph(status2, isCur);
     const risk = riskLabel(step.risk);
     const titleDim = status2 === "done" || status2 === "skipped";
-    return /* @__PURE__ */ React10.createElement(Box9, { key: step.id }, /* @__PURE__ */ React10.createElement(Text8, { color: COLOR.info, dimColor: true }, isLast ? GLYPH.branchEnd : GLYPH.branch), /* @__PURE__ */ React10.createElement(Text8, null, "  "), /* @__PURE__ */ React10.createElement(Text8, { color: sg.color, bold: status2 === "running" || isCur }, sg.glyph), /* @__PURE__ */ React10.createElement(Text8, null, "  "), /* @__PURE__ */ React10.createElement(
-      Text8,
+    return /* @__PURE__ */ React11.createElement(Box10, { key: step.id }, /* @__PURE__ */ React11.createElement(Text9, { color: COLOR.info, dimColor: true }, isLast ? GLYPH.branchEnd : GLYPH.branch), /* @__PURE__ */ React11.createElement(Text9, null, "  "), /* @__PURE__ */ React11.createElement(Text9, { color: sg.color, bold: status2 === "running" || isCur }, sg.glyph), /* @__PURE__ */ React11.createElement(Text9, null, "  "), /* @__PURE__ */ React11.createElement(
+      Text9,
       {
         dimColor: titleDim,
         bold: isCur || status2 === "running",
         strikethrough: status2 === "done" || status2 === "skipped"
       },
       `${step.id} \xB7 ${step.title}`
-    ), risk ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Text8, null, "   "), /* @__PURE__ */ React10.createElement(Text8, { color: risk.color }, risk.text)) : null);
-  })), showProgress ? /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text8, null, "      "), /* @__PURE__ */ React10.createElement(CharBar, { pct: pct2, width: 24 })) : null);
+    ), risk ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Text9, null, "   "), /* @__PURE__ */ React11.createElement(Text9, { color: risk.color }, risk.text)) : null);
+  })), showProgress ? /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text9, null, "      "), /* @__PURE__ */ React11.createElement(CharBar, { pct: pct2, width: 24 })) : null);
 }
-var PlanStepList = React10.memo(PlanStepListInner);
+var PlanStepList = React11.memo(PlanStepListInner);
 
 // src/cli/ui/markdown.tsx
 import { readFileSync as readFileSync19, statSync as statSync11 } from "fs";
 import { isAbsolute as isAbsolute5, join as join16 } from "path";
-import { Box as Box10, Text as Text9 } from "ink";
-import React11 from "react";
+import { Box as Box11, Text as Text10 } from "ink";
+import React12 from "react";
 var SUPERSCRIPT = {
   "0": "\u2070",
   "1": "\xB9",
@@ -12190,10 +12257,10 @@ function shouldValidateAsCitation(url) {
   if (!/[/\\.]/.test(url)) return false;
   return true;
 }
-function collectCitations(text, projectRoot) {
+function collectCitations(text2, projectRoot) {
   const map = /* @__PURE__ */ new Map();
   const re = /\[([^\]\n]+)\]\(([^)\n]+)\)/g;
-  for (const m of text.matchAll(re)) {
+  for (const m of text2.matchAll(re)) {
     const url = m[2] ?? "";
     if (!url || isExternalUrl(url)) continue;
     if (!shouldValidateAsCitation(url)) continue;
@@ -12204,77 +12271,77 @@ function collectCitations(text, projectRoot) {
 }
 var INLINE_RE = /(\[([^\]\n]+)\]\(([^)\n]+)\)|\*\*\*([^*\n]+?)\*\*\*|\*\*([^*\n]+?)\*\*|```([^\n]+?)```|`([^`\n]+?)`|~~([^~\n]+?)~~|(?<![*\w])\*([^*\n]+?)\*(?!\w)|\\([*_~`[\](){}#+\-.!\\]))/g;
 function InlineMd({
-  text,
+  text: text2,
   padTo,
   citations
 }) {
   const parts = [];
   let last = 0;
   let idx = 0;
-  for (const m of text.matchAll(INLINE_RE)) {
+  for (const m of text2.matchAll(INLINE_RE)) {
     const start = m.index ?? 0;
     if (start > last) {
-      parts.push(/* @__PURE__ */ React11.createElement(Text9, { key: `t${idx++}` }, text.slice(last, start)));
+      parts.push(/* @__PURE__ */ React12.createElement(Text10, { key: `t${idx++}` }, text2.slice(last, start)));
     }
     if (m[2] !== void 0 && m[3] !== void 0) {
       const linkText = m[2];
       const url = m[3];
       if (isExternalUrl(url)) {
         parts.push(
-          /* @__PURE__ */ React11.createElement(Text9, { key: `l${idx++}`, color: "blue", underline: true }, linkText)
+          /* @__PURE__ */ React12.createElement(Text10, { key: `l${idx++}`, color: "blue", underline: true }, linkText)
         );
       } else {
         const status2 = citations?.get(url);
         if (status2 && !status2.ok) {
           parts.push(
-            /* @__PURE__ */ React11.createElement(Text9, { key: `l${idx++}`, color: "red", strikethrough: true }, `${linkText} \u2717`)
+            /* @__PURE__ */ React12.createElement(Text10, { key: `l${idx++}`, color: "red", strikethrough: true }, `${linkText} \u2717`)
           );
         } else {
           parts.push(
-            /* @__PURE__ */ React11.createElement(Text9, { key: `l${idx++}`, color: "cyan", underline: true }, linkText)
+            /* @__PURE__ */ React12.createElement(Text10, { key: `l${idx++}`, color: "cyan", underline: true }, linkText)
           );
         }
       }
     } else if (m[4] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `bi${idx++}`, bold: true, italic: true }, m[4])
+        /* @__PURE__ */ React12.createElement(Text10, { key: `bi${idx++}`, bold: true, italic: true }, m[4])
       );
     } else if (m[5] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `b${idx++}`, bold: true }, m[5])
+        /* @__PURE__ */ React12.createElement(Text10, { key: `b${idx++}`, bold: true }, m[5])
       );
     } else if (m[6] !== void 0) {
       const stripped = m[6].replace(/^(\w+)\s+/, "");
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `c${idx++}`, color: "yellow" }, stripped)
+        /* @__PURE__ */ React12.createElement(Text10, { key: `c${idx++}`, color: "yellow" }, stripped)
       );
     } else if (m[7] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `c${idx++}`, color: "yellow" }, m[7])
+        /* @__PURE__ */ React12.createElement(Text10, { key: `c${idx++}`, color: "yellow" }, m[7])
       );
     } else if (m[8] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `s${idx++}`, strikethrough: true, dimColor: true }, m[8])
+        /* @__PURE__ */ React12.createElement(Text10, { key: `s${idx++}`, strikethrough: true, dimColor: true }, m[8])
       );
     } else if (m[9] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React11.createElement(Text9, { key: `i${idx++}`, italic: true }, m[9])
+        /* @__PURE__ */ React12.createElement(Text10, { key: `i${idx++}`, italic: true }, m[9])
       );
     } else if (m[10] !== void 0) {
-      parts.push(/* @__PURE__ */ React11.createElement(Text9, { key: `esc${idx++}` }, m[10]));
+      parts.push(/* @__PURE__ */ React12.createElement(Text10, { key: `esc${idx++}` }, m[10]));
     }
     last = start + m[0].length;
   }
-  if (last < text.length) {
-    parts.push(/* @__PURE__ */ React11.createElement(Text9, { key: `t${idx++}` }, text.slice(last)));
+  if (last < text2.length) {
+    parts.push(/* @__PURE__ */ React12.createElement(Text10, { key: `t${idx++}` }, text2.slice(last)));
   }
   if (padTo !== void 0) {
-    const seen = visibleWidth(text);
+    const seen = visibleWidth(text2);
     if (seen < padTo) {
-      parts.push(/* @__PURE__ */ React11.createElement(Text9, { key: `pad${idx++}` }, " ".repeat(padTo - seen)));
+      parts.push(/* @__PURE__ */ React12.createElement(Text10, { key: `pad${idx++}` }, " ".repeat(padTo - seen)));
     }
   }
-  return /* @__PURE__ */ React11.createElement(Text9, null, parts);
+  return /* @__PURE__ */ React12.createElement(Text10, null, parts);
 }
 function stripInlineMarkup(s) {
   return s.replace(
@@ -12513,34 +12580,34 @@ function parseBulletItem(raw) {
 function BlockView({ block, citations }) {
   switch (block.kind) {
     case "heading":
-      return /* @__PURE__ */ React11.createElement(HeadingView, { level: block.level, text: block.text, citations });
+      return /* @__PURE__ */ React12.createElement(HeadingView, { level: block.level, text: block.text, citations });
     case "paragraph":
-      return /* @__PURE__ */ React11.createElement(ParagraphView, { text: block.text, citations });
+      return /* @__PURE__ */ React12.createElement(ParagraphView, { text: block.text, citations });
     case "bullet":
-      return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, block.items.map((item, i) => /* @__PURE__ */ React11.createElement(Box10, { key: `${i}-${item.text.slice(0, 24)}` }, /* @__PURE__ */ React11.createElement(Text9, { color: item.task === "done" ? "green" : "cyan" }, bulletPrefix(block, i, item)), item.task === "done" ? /* @__PURE__ */ React11.createElement(Text9, { strikethrough: true, dimColor: true }, /* @__PURE__ */ React11.createElement(InlineMd, { text: item.text, citations })) : /* @__PURE__ */ React11.createElement(InlineMd, { text: item.text, citations }))));
+      return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column" }, block.items.map((item, i) => /* @__PURE__ */ React12.createElement(Box11, { key: `${i}-${item.text.slice(0, 24)}` }, /* @__PURE__ */ React12.createElement(Text10, { color: item.task === "done" ? "green" : "cyan" }, bulletPrefix(block, i, item)), item.task === "done" ? /* @__PURE__ */ React12.createElement(Text10, { strikethrough: true, dimColor: true }, /* @__PURE__ */ React12.createElement(InlineMd, { text: item.text, citations })) : /* @__PURE__ */ React12.createElement(InlineMd, { text: item.text, citations }))));
     case "quote":
-      return /* @__PURE__ */ React11.createElement(BlockquoteView, { block, citations });
+      return /* @__PURE__ */ React12.createElement(BlockquoteView, { block, citations });
     case "code":
       if (DIAGRAM_LANGS.has(block.lang.toLowerCase())) {
-        return /* @__PURE__ */ React11.createElement(DiagramCodeBlock, { lang: block.lang, text: block.text });
+        return /* @__PURE__ */ React12.createElement(DiagramCodeBlock, { lang: block.lang, text: block.text });
       }
-      return /* @__PURE__ */ React11.createElement(CodeBlockView, { lang: block.lang, text: block.text });
+      return /* @__PURE__ */ React12.createElement(CodeBlockView, { lang: block.lang, text: block.text });
     case "edit-block":
-      return /* @__PURE__ */ React11.createElement(EditBlockRow, { block });
+      return /* @__PURE__ */ React12.createElement(EditBlockRow, { block });
     case "table":
-      return /* @__PURE__ */ React11.createElement(TableBlockRow, { block, citations });
+      return /* @__PURE__ */ React12.createElement(TableBlockRow, { block, citations });
     case "hr":
-      return /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+      return /* @__PURE__ */ React12.createElement(Text10, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   }
 }
-function ParagraphView({ text, citations }) {
-  if (!text.includes("\n")) {
-    return /* @__PURE__ */ React11.createElement(InlineMd, { text, citations });
+function ParagraphView({ text: text2, citations }) {
+  if (!text2.includes("\n")) {
+    return /* @__PURE__ */ React12.createElement(InlineMd, { text: text2, citations });
   }
-  const rows = text.split("\n");
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, rows.map((row2, i) => (
+  const rows = text2.split("\n");
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column" }, rows.map((row2, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: hard-break rows are source-ordered and never reorder
-    /* @__PURE__ */ React11.createElement(InlineMd, { key: `ln-${i}`, text: row2, citations })
+    /* @__PURE__ */ React12.createElement(InlineMd, { key: `ln-${i}`, text: row2, citations })
   )));
 }
 function bulletPrefix(block, i, item) {
@@ -12553,8 +12620,8 @@ function BlockquoteView({
   block,
   citations
 }) {
-  return /* @__PURE__ */ React11.createElement(
-    Box10,
+  return /* @__PURE__ */ React12.createElement(
+    Box11,
     {
       borderStyle: "single",
       borderColor: "#c4b5fd",
@@ -12565,7 +12632,7 @@ function BlockquoteView({
       flexDirection: "column",
       gap: 1
     },
-    block.children.map((child, i) => /* @__PURE__ */ React11.createElement(BlockView, { key: `q-${i}-${child.kind}`, block: child, citations }))
+    block.children.map((child, i) => /* @__PURE__ */ React12.createElement(BlockView, { key: `q-${i}-${child.kind}`, block: child, citations }))
   );
 }
 function splitTableRow(line) {
@@ -12583,14 +12650,14 @@ function TableBlockRow({ block, citations }) {
     widths.push(Math.min(40, Math.max(3, ...cellLengths)));
   }
   const separator = widths.map((w) => "\u2500".repeat(w)).join("\u2500\u253C\u2500");
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Box10, null, block.header.map((cell, ci) => (
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Box11, null, block.header.map((cell, ci) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: table columns never reorder — derived from a static header array
-    /* @__PURE__ */ React11.createElement(Text9, { key: `h-${ci}`, bold: true, color: "cyan" }, /* @__PURE__ */ React11.createElement(InlineMd, { text: cell, padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
-  ))), /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, separator), block.rows.map((row2, ri) => (
+    /* @__PURE__ */ React12.createElement(Text10, { key: `h-${ci}`, bold: true, color: "cyan" }, /* @__PURE__ */ React12.createElement(InlineMd, { text: cell, padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
+  ))), /* @__PURE__ */ React12.createElement(Text10, { dimColor: true }, separator), block.rows.map((row2, ri) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: table rows render in source order and don't reorder
-    /* @__PURE__ */ React11.createElement(Box10, { key: `r-${ri}` }, Array.from({ length: colCount }).map((_, ci) => (
+    /* @__PURE__ */ React12.createElement(Box11, { key: `r-${ri}` }, Array.from({ length: colCount }).map((_, ci) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: same — column axis is fixed by the table shape
-      /* @__PURE__ */ React11.createElement(Text9, { key: `c-${ri}-${ci}` }, /* @__PURE__ */ React11.createElement(InlineMd, { text: row2[ci] ?? "", padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
+      /* @__PURE__ */ React12.createElement(Text10, { key: `c-${ri}-${ci}` }, /* @__PURE__ */ React12.createElement(InlineMd, { text: row2[ci] ?? "", padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
     )))
   )));
 }
@@ -12610,7 +12677,7 @@ function EditBlockRow({ block }) {
   const isNewFile = block.search.length === 0;
   const searchLines = block.search.split("\n");
   const replaceLines = block.replace.split("\n");
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "cyan" }, block.filename), isNewFile ? /* @__PURE__ */ React11.createElement(Text9, { color: "green", bold: true }, " (new file)") : null), isNewFile ? null : /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", marginTop: 1 }, searchLines.map((line, i) => /* @__PURE__ */ React11.createElement(Text9, { key: `s-${i}-${line.length}`, color: "red" }, `- ${line}`))), /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", marginTop: isNewFile ? 1 : 0 }, replaceLines.map((line, i) => /* @__PURE__ */ React11.createElement(Text9, { key: `r-${i}-${line.length}`, color: "green" }, `+ ${line}`))));
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React12.createElement(Box11, null, /* @__PURE__ */ React12.createElement(Text10, { bold: true, color: "cyan" }, block.filename), isNewFile ? /* @__PURE__ */ React12.createElement(Text10, { color: "green", bold: true }, " (new file)") : null), isNewFile ? null : /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", marginTop: 1 }, searchLines.map((line, i) => /* @__PURE__ */ React12.createElement(Text10, { key: `s-${i}-${line.length}`, color: "red" }, `- ${line}`))), /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", marginTop: isNewFile ? 1 : 0 }, replaceLines.map((line, i) => /* @__PURE__ */ React12.createElement(Text10, { key: `r-${i}-${line.length}`, color: "green" }, `+ ${line}`))));
 }
 var DIAGRAM_LANGS = /* @__PURE__ */ new Set([
   "mermaid",
@@ -12632,48 +12699,48 @@ var DIAGRAM_VIEWER_HINT = {
 };
 function HeadingView({
   level,
-  text,
+  text: text2,
   citations
 }) {
   if (level === 1) {
-    return /* @__PURE__ */ React11.createElement(Box10, { marginY: 1 }, /* @__PURE__ */ React11.createElement(Text9, { backgroundColor: "#67e8f9", color: "black", bold: true }, ` ${text} `));
+    return /* @__PURE__ */ React12.createElement(Box11, { marginY: 1 }, /* @__PURE__ */ React12.createElement(Text10, { backgroundColor: "#67e8f9", color: "black", bold: true }, ` ${text2} `));
   }
   if (level === 2) {
-    return /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text9, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${text} `));
+    return /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text10, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${text2} `));
   }
   if (level === 3) {
-    return /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text9, { backgroundColor: "#f0abfc", color: "black", bold: true }, ` ${text} `));
+    return /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text10, { backgroundColor: "#f0abfc", color: "black", bold: true }, ` ${text2} `));
   }
-  return /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "#f0abfc" }, "\u25B8", " "), /* @__PURE__ */ React11.createElement(Text9, { bold: true }, /* @__PURE__ */ React11.createElement(InlineMd, { text, citations })));
+  return /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text10, { bold: true, color: "#f0abfc" }, "\u25B8", " "), /* @__PURE__ */ React12.createElement(Text10, { bold: true }, /* @__PURE__ */ React12.createElement(InlineMd, { text: text2, citations })));
 }
-function CodeBlockView({ lang, text }) {
+function CodeBlockView({ lang, text: text2 }) {
   const langLabel = lang.trim();
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "#7dd3fc", paddingX: 1 }, langLabel ? /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text9, { backgroundColor: "#7dd3fc", color: "black", bold: true }, ` ${langLabel} `)) : null, /* @__PURE__ */ React11.createElement(Text9, { color: "#fde68a" }, text));
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "#7dd3fc", paddingX: 1 }, langLabel ? /* @__PURE__ */ React12.createElement(Box11, null, /* @__PURE__ */ React12.createElement(Text10, { backgroundColor: "#7dd3fc", color: "black", bold: true }, ` ${langLabel} `)) : null, /* @__PURE__ */ React12.createElement(Text10, { color: "#fde68a" }, text2));
 }
-function DiagramCodeBlock({ lang, text }) {
+function DiagramCodeBlock({ lang, text: text2 }) {
   const hint = DIAGRAM_VIEWER_HINT[lang.toLowerCase()] ?? "\u2192 render with the matching viewer to view";
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text9, { bold: true, color: "magenta" }, `\u25C7 ${lang} diagram (source \u2014 terminal can't draw the graph)`), /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text9, { color: "yellow" }, text)), /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text9, { dimColor: true }, hint)));
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text10, { bold: true, color: "magenta" }, `\u25C7 ${lang} diagram (source \u2014 terminal can't draw the graph)`), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text10, { color: "yellow" }, text2)), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text10, { dimColor: true }, hint)));
 }
-function Markdown({ text, projectRoot }) {
-  const cleaned = expandAutolinks(expandEmoji(stripMath(text)));
+function Markdown({ text: text2, projectRoot }) {
+  const cleaned = expandAutolinks(expandEmoji(stripMath(text2)));
   const root = projectRoot ?? process.cwd();
-  const citations = React11.useMemo(() => collectCitations(cleaned, root), [cleaned, root]);
-  const blocks = React11.useMemo(() => parseBlocks(cleaned), [cleaned]);
+  const citations = React12.useMemo(() => collectCitations(cleaned, root), [cleaned, root]);
+  const blocks = React12.useMemo(() => parseBlocks(cleaned), [cleaned]);
   const broken = [];
   for (const [url, status2] of citations) {
     if (!status2.ok) broken.push({ url, reason: status2.reason });
   }
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", gap: 1 }, blocks.map((b, i) => /* @__PURE__ */ React11.createElement(BlockView, { key: `${i}-${b.kind}`, block: b, citations })), broken.length > 0 ? /* @__PURE__ */ React11.createElement(BrokenCitationsBlock, { items: broken }) : null);
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", gap: 1 }, blocks.map((b, i) => /* @__PURE__ */ React12.createElement(BlockView, { key: `${i}-${b.kind}`, block: b, citations })), broken.length > 0 ? /* @__PURE__ */ React12.createElement(BrokenCitationsBlock, { items: broken }) : null);
 }
 function BrokenCitationsBlock({ items }) {
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text9, { color: "red", bold: true }, `\u26A0 ${items.length} broken citation${items.length > 1 ? "s" : ""} \u2014 the model referenced paths or lines that don't exist`), items.map((b, i) => (
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text10, { color: "red", bold: true }, `\u26A0 ${items.length} broken citation${items.length > 1 ? "s" : ""} \u2014 the model referenced paths or lines that don't exist`), items.map((b, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: list is derived from a Map iteration order, stable per render
-    /* @__PURE__ */ React11.createElement(Text9, { key: `bc-${i}`, color: "red" }, `  \u2717 ${b.url} \u2192 ${b.reason}`)
+    /* @__PURE__ */ React12.createElement(Text10, { key: `bc-${i}`, color: "red" }, `  \u2717 ${b.url} \u2192 ${b.reason}`)
   )));
 }
 
 // src/cli/ui/ticker.tsx
-import React12, { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState3 } from "react";
+import React13, { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState3 } from "react";
 var FAST_TICK_MS = 120;
 var SLOW_TICK_MS = 1e3;
 var FastTickContext = createContext2(0);
@@ -12690,7 +12757,7 @@ function TickerProvider({ children, disabled }) {
       clearInterval(slowId);
     };
   }, [disabled]);
-  return /* @__PURE__ */ React12.createElement(FastTickContext.Provider, { value: fast }, /* @__PURE__ */ React12.createElement(SlowTickContext.Provider, { value: slow }, children));
+  return /* @__PURE__ */ React13.createElement(FastTickContext.Provider, { value: fast }, /* @__PURE__ */ React13.createElement(SlowTickContext.Provider, { value: slow }, children));
 }
 function useTick() {
   return useContext2(FastTickContext);
@@ -12711,8 +12778,8 @@ function clip(s, max) {
   if (s.length <= max) return s;
   return s.slice(0, Math.max(1, max - TRAILING_ELLIPSIS.length)) + TRAILING_ELLIPSIS;
 }
-function firstNonEmptyLine(text) {
-  for (const line of text.split(/\r?\n/)) {
+function firstNonEmptyLine(text2) {
+  for (const line of text2.split(/\r?\n/)) {
     const trimmed = line.trim();
     if (trimmed) return trimmed;
   }
@@ -12734,8 +12801,8 @@ function formatBytes(n) {
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}KB`;
   return `${(n / 1e6).toFixed(1)}MB`;
 }
-function formatLineCount(text) {
-  const lines = text.split(/\r?\n/).length;
+function formatLineCount(text2) {
+  const lines = text2.split(/\r?\n/).length;
   return `${lines} line${lines === 1 ? "" : "s"}`;
 }
 function summarizeStructured(content) {
@@ -12846,24 +12913,24 @@ function RoleGlyph({
   glyph,
   color: color2
 }) {
-  return /* @__PURE__ */ React13.createElement(Text10, { color: color2, bold: true }, glyph);
+  return /* @__PURE__ */ React14.createElement(Text11, { color: color2, bold: true }, glyph);
 }
 function ToolPill({ label, status: status2 }) {
   const color2 = status2 === "err" ? COLOR.toolErr : COLOR.tool;
   const symbol = status2 === "err" ? GLYPH.toolErr : GLYPH.toolOk;
-  return /* @__PURE__ */ React13.createElement(Text10, { color: color2, bold: true }, `${symbol} ${label}`);
+  return /* @__PURE__ */ React14.createElement(Text11, { color: color2, bold: true }, `${symbol} ${label}`);
 }
-function indentContinuationLines(text) {
-  if (!text.includes("\n")) return text;
-  return text.split("\n").join("\n   ");
+function indentContinuationLines(text2) {
+  if (!text2.includes("\n")) return text2;
+  return text2.split("\n").join("\n   ");
 }
-var EventRow = React13.memo(function EventRow2({
+var EventRow = React14.memo(function EventRow2({
   event,
   projectRoot
 }) {
   if (event.role === "user") {
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column" }, event.leadSeparator ? /* @__PURE__ */ React13.createElement(TurnSeparator, null) : null, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(RoleGlyph, { glyph: ROLE_GLYPH.user, color: "cyan" }), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(
-      Box11,
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column" }, event.leadSeparator ? /* @__PURE__ */ React14.createElement(TurnSeparator, null) : null, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(RoleGlyph, { glyph: ROLE_GLYPH.user, color: "cyan" }), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         flexDirection: "column",
         borderStyle: "single",
@@ -12873,13 +12940,13 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: COLOR.user,
         paddingLeft: 1
       },
-      /* @__PURE__ */ React13.createElement(Text10, null, indentContinuationLines(event.text))
+      /* @__PURE__ */ React14.createElement(Text11, null, indentContinuationLines(event.text))
     )));
   }
   if (event.role === "assistant") {
-    if (event.streaming) return /* @__PURE__ */ React13.createElement(StreamingAssistant, { event });
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(RoleGlyph, { glyph: ROLE_GLYPH.assistant, color: "green" }), event.stats ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: COLOR.assistant, color: "black", bold: true }, ` ${event.stats.model.replace(/^deepseek-/, "")} `)) : null), /* @__PURE__ */ React13.createElement(
-      Box11,
+    if (event.streaming) return /* @__PURE__ */ React14.createElement(StreamingAssistant, { event });
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(RoleGlyph, { glyph: ROLE_GLYPH.assistant, color: "green" }), event.stats ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: COLOR.assistant, color: "black", bold: true }, ` ${event.stats.model.replace(/^deepseek-/, "")} `)) : null), /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         flexDirection: "column",
         marginTop: 1,
@@ -12890,20 +12957,20 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: COLOR.assistant,
         paddingLeft: 1
       },
-      event.branch ? /* @__PURE__ */ React13.createElement(BranchBlock, { branch: event.branch }) : null,
-      event.reasoning ? /* @__PURE__ */ React13.createElement(ReasoningBlock, { reasoning: event.reasoning }) : null,
-      !isPlanStateEmpty(event.planState) ? /* @__PURE__ */ React13.createElement(PlanStateBlock, { planState: event.planState }) : null,
-      event.text ? /* @__PURE__ */ React13.createElement(Markdown, { text: event.text, projectRoot }) : /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "(empty body \u2014 likely tool-call only)"),
-      event.stats ? /* @__PURE__ */ React13.createElement(StatsLine, { stats: event.stats }) : null,
-      event.repair ? /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.accent }, event.repair) : null
+      event.branch ? /* @__PURE__ */ React14.createElement(BranchBlock, { branch: event.branch }) : null,
+      event.reasoning ? /* @__PURE__ */ React14.createElement(ReasoningBlock, { reasoning: event.reasoning }) : null,
+      !isPlanStateEmpty(event.planState) ? /* @__PURE__ */ React14.createElement(PlanStateBlock, { planState: event.planState }) : null,
+      event.text ? /* @__PURE__ */ React14.createElement(Markdown, { text: event.text, projectRoot }) : /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "(empty body \u2014 likely tool-call only)"),
+      event.stats ? /* @__PURE__ */ React14.createElement(StatsLine, { stats: event.stats }) : null,
+      event.repair ? /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.accent }, event.repair) : null
     ));
   }
   if (event.role === "tool") {
     const isExplicitError = event.text.startsWith("ERROR:");
     const isEditFile = (event.toolName === "edit_file" || event.toolName?.endsWith("_edit_file")) && !isExplicitError;
     if (isEditFile) {
-      return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(ToolPill, { label: event.toolName ?? "?", status: "ok" }), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "   diff:")), /* @__PURE__ */ React13.createElement(
-        Box11,
+      return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(ToolPill, { label: event.toolName ?? "?", status: "ok" }), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "   diff:")), /* @__PURE__ */ React14.createElement(
+        Box12,
         {
           flexDirection: "column",
           marginTop: 1,
@@ -12914,15 +12981,15 @@ var EventRow = React13.memo(function EventRow2({
           borderColor: COLOR.tool,
           paddingLeft: 1
         },
-        /* @__PURE__ */ React13.createElement(EditFileDiff, { text: event.text })
+        /* @__PURE__ */ React14.createElement(EditFileDiff, { text: event.text })
       ));
     }
     const summary = summarizeToolResult(event.toolName ?? "?", event.text);
     const status2 = summary.isError ? "err" : "ok";
     const durationLabel = event.durationMs !== void 0 && event.durationMs >= 100 ? formatDuration(event.durationMs) : "";
     const indexHint = event.toolIndex !== void 0 ? `  /tool ${event.toolIndex}` : "";
-    return /* @__PURE__ */ React13.createElement(
-      Box11,
+    return /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         borderStyle: "single",
         borderTop: false,
@@ -12931,16 +12998,16 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: status2 === "err" ? COLOR.toolErr : COLOR.tool,
         paddingLeft: 1
       },
-      /* @__PURE__ */ React13.createElement(ToolPill, { label: event.toolName ?? "?", status: status2 }),
-      durationLabel ? /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  ${durationLabel}`) : null,
-      /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  "),
-      /* @__PURE__ */ React13.createElement(Text10, { color: status2 === "err" ? "red" : void 0, dimColor: status2 === "ok" }, summary.summary),
-      indexHint ? /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, indexHint) : null
+      /* @__PURE__ */ React14.createElement(ToolPill, { label: event.toolName ?? "?", status: status2 }),
+      durationLabel ? /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  ${durationLabel}`) : null,
+      /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  "),
+      /* @__PURE__ */ React14.createElement(Text11, { color: status2 === "err" ? "red" : void 0, dimColor: status2 === "ok" }, summary.summary),
+      indexHint ? /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, indexHint) : null
     );
   }
   if (event.role === "error") {
-    return /* @__PURE__ */ React13.createElement(
-      Box11,
+    return /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         marginTop: 1,
         borderStyle: "single",
@@ -12950,9 +13017,9 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: COLOR.err,
         paddingLeft: 1
       },
-      /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.err, bold: true }, "\u2726 error"),
-      /* @__PURE__ */ React13.createElement(Text10, null, "  "),
-      /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.err }, indentContinuationLines(event.text))
+      /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.err, bold: true }, "\u2726 error"),
+      /* @__PURE__ */ React14.createElement(Text11, null, "  "),
+      /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.err }, indentContinuationLines(event.text))
     );
   }
   if (event.role === "info") {
@@ -12964,8 +13031,8 @@ var EventRow = React13.memo(function EventRow2({
     else if (lead === "\u2713") leadColor = COLOR.ok;
     else if (lead === "\u2717" || lead === "\u2716") leadColor = COLOR.err;
     else if (lead === "\u21BB") leadColor = COLOR.primary;
-    return /* @__PURE__ */ React13.createElement(
-      Box11,
+    return /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         borderStyle: "single",
         borderTop: false,
@@ -12974,19 +13041,19 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: leadColor,
         paddingLeft: 1
       },
-      /* @__PURE__ */ React13.createElement(Text10, { color: leadColor, bold: true }, lead),
-      /* @__PURE__ */ React13.createElement(Text10, null, " "),
-      /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, body)
+      /* @__PURE__ */ React14.createElement(Text11, { color: leadColor, bold: true }, lead),
+      /* @__PURE__ */ React14.createElement(Text11, null, " "),
+      /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, body)
     );
   }
   if (event.role === "plan") {
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { bold: true, color: "cyan" }, "\u{1F4CB} plan proposed \u2014 pick a choice below")), /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Markdown, { text: event.text, projectRoot })));
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { bold: true, color: "cyan" }, "\u{1F4CB} plan proposed \u2014 pick a choice below")), /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Markdown, { text: event.text, projectRoot })));
   }
   if (event.role === "step-progress") {
     const sp = event.stepProgress;
     const counter = sp && sp.total > 0 ? `${sp.completed}/${sp.total}` : "";
     const label = sp?.title ? `${sp.stepId} \xB7 ${sp.title}` : sp?.stepId ?? "";
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: "#4ade80", color: "black", bold: true }, " \u2713 STEP "), counter ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#4ade80", bold: true }, counter)) : null, /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#86efac" }, label)), event.text ? /* @__PURE__ */ React13.createElement(Box11, { paddingLeft: 2 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, event.text)) : null, sp?.notes ? /* @__PURE__ */ React13.createElement(Box11, { paddingLeft: 2 }, /* @__PURE__ */ React13.createElement(Text10, { color: "#fbbf24", dimColor: true }, `note: ${sp.notes}`)) : null);
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#4ade80", color: "black", bold: true }, " \u2713 STEP "), counter ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#4ade80", bold: true }, counter)) : null, /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#86efac" }, label)), event.text ? /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 2 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, event.text)) : null, sp?.notes ? /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 2 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#fbbf24", dimColor: true }, `note: ${sp.notes}`)) : null);
   }
   if (event.role === "plan-resumed") {
     const rp = event.resumedPlan;
@@ -13001,7 +13068,7 @@ var EventRow = React13.memo(function EventRow2({
       ])
     );
     const nextStep = rp.steps.find((s) => !completedSet.has(s.id));
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: "#67e8f9", color: "black", bold: true }, " \u21BB RESUMED PLAN "), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#67e8f9", bold: true }, `${done}/${total}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  done  \xB7  last touched ${rp.relativeTime}`)), rp.summary ? /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { color: "#67e8f9" }, rp.summary)) : null, /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(PlanStepList, { steps: rp.steps, statuses, focusStepId: nextStep?.id })));
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#67e8f9", color: "black", bold: true }, " \u21BB RESUMED PLAN "), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#67e8f9", bold: true }, `${done}/${total}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  done  \xB7  last touched ${rp.relativeTime}`)), rp.summary ? /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#67e8f9" }, rp.summary)) : null, /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(PlanStepList, { steps: rp.steps, statuses, focusStepId: nextStep?.id })));
   }
   if (event.role === "plan-replay") {
     const r = event.replayPlan;
@@ -13013,11 +13080,11 @@ var EventRow = React13.memo(function EventRow2({
       r.steps.map((s) => [s.id, completedSet.has(s.id) ? "done" : "pending"])
     );
     const navHint = r.total > 1 ? `  \xB7  ${r.index}/${r.total}` : "";
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: "#94a3b8", color: "black", bold: true }, " \u23EA REPLAY "), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#94a3b8", bold: true }, `${done}/${total}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  done  \xB7  ${r.relativeTime}${navHint}`)), r.summary ? /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { color: "#94a3b8" }, r.summary)) : null, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, r.archiveBasename)), r.body ? /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Markdown, { text: r.body, projectRoot })) : null, /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(PlanStepList, { steps: r.steps, statuses })), /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, r.total > 1 ? `(read-only \xB7 /replay ${r.index === 1 ? 2 : 1} for the ${r.index === 1 ? "next" : "newest"} archive)` : "(read-only \xB7 this is an archived plan)")));
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#94a3b8", color: "black", bold: true }, " \u23EA REPLAY "), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#94a3b8", bold: true }, `${done}/${total}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  done  \xB7  ${r.relativeTime}${navHint}`)), r.summary ? /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#94a3b8" }, r.summary)) : null, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, r.archiveBasename)), r.body ? /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Markdown, { text: r.body, projectRoot })) : null, /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(PlanStepList, { steps: r.steps, statuses })), /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, r.total > 1 ? `(read-only \xB7 /replay ${r.index === 1 ? 2 : 1} for the ${r.index === 1 ? "next" : "newest"} archive)` : "(read-only \xB7 this is an archived plan)")));
   }
   if (event.role === "warning") {
-    return /* @__PURE__ */ React13.createElement(
-      Box11,
+    return /* @__PURE__ */ React14.createElement(
+      Box12,
       {
         borderStyle: "single",
         borderTop: false,
@@ -13026,53 +13093,53 @@ var EventRow = React13.memo(function EventRow2({
         borderColor: COLOR.warn,
         paddingLeft: 1
       },
-      /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.warn, bold: true }, "\u25B2 warn"),
-      /* @__PURE__ */ React13.createElement(Text10, null, "  "),
-      /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.warn }, indentContinuationLines(event.text))
+      /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.warn, bold: true }, "\u25B2 warn"),
+      /* @__PURE__ */ React14.createElement(Text11, null, "  "),
+      /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.warn }, indentContinuationLines(event.text))
     );
   }
   if (event.role === "ctx-breakdown" && event.ctxBreakdown) {
-    return /* @__PURE__ */ React13.createElement(CtxBreakdownBlock, { data: event.ctxBreakdown });
+    return /* @__PURE__ */ React14.createElement(CtxBreakdownBlock, { data: event.ctxBreakdown });
   }
-  return /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, null, event.text));
+  return /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, null, event.text));
 });
 function TurnSeparator() {
-  const { stdout: stdout4 } = useStdout4();
+  const { stdout: stdout4 } = useStdout5();
   const cols = stdout4?.columns ?? 80;
   const width = Math.max(16, cols - 2);
   const sideWidth = Math.max(2, Math.floor((width - 5) / 2));
   const leftCells = gradientCells(sideWidth, "\u2500");
   const rightCells = gradientCells(sideWidth, "\u2500");
-  return /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, marginBottom: 1 }, leftCells.map((c, i) => (
+  return /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, marginBottom: 1 }, leftCells.map((c, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient row
-    /* @__PURE__ */ React13.createElement(Text10, { key: `tsep-l-${i}`, color: c.color }, c.ch)
-  )), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.brand, bold: true }, "  \u25C6  "), rightCells.map((c, i) => (
+    /* @__PURE__ */ React14.createElement(Text11, { key: `tsep-l-${i}`, color: c.color }, c.ch)
+  )), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.brand, bold: true }, "  \u25C6  "), rightCells.map((c, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient row
-    /* @__PURE__ */ React13.createElement(Text10, { key: `tsep-r-${i}`, color: c.color }, c.ch)
+    /* @__PURE__ */ React14.createElement(Text11, { key: `tsep-r-${i}`, color: c.color }, c.ch)
   )));
 }
-function EditFileDiff({ text }) {
-  const lines = text.split(/\r?\n/);
+function EditFileDiff({ text: text2 }) {
+  const lines = text2.split(/\r?\n/);
   const [statusHeader, hunkHeader, ...body] = lines;
-  return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` ${statusHeader ?? ""}`), hunkHeader !== void 0 ? /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${hunkHeader.trim()} `)) : null, body.map((line, i) => {
+  return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` ${statusHeader ?? ""}`), hunkHeader !== void 0 ? /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${hunkHeader.trim()} `)) : null, body.map((line, i) => {
     const key = `${i}-${line.slice(0, 32)}`;
     const stripped = line.replace(/^ {2}/, "");
     if (stripped.startsWith("- ")) {
-      return /* @__PURE__ */ React13.createElement(Box11, { key }, /* @__PURE__ */ React13.createElement(Text10, { color: "#f87171", bold: true }, "\u2212 "), /* @__PURE__ */ React13.createElement(Text10, { color: "#fca5a5" }, stripped.slice(2)));
+      return /* @__PURE__ */ React14.createElement(Box12, { key }, /* @__PURE__ */ React14.createElement(Text11, { color: "#f87171", bold: true }, "\u2212 "), /* @__PURE__ */ React14.createElement(Text11, { color: "#fca5a5" }, stripped.slice(2)));
     }
     if (stripped.startsWith("+ ")) {
-      return /* @__PURE__ */ React13.createElement(Box11, { key }, /* @__PURE__ */ React13.createElement(Text10, { color: "#4ade80", bold: true }, "+ "), /* @__PURE__ */ React13.createElement(Text10, { color: "#86efac" }, stripped.slice(2)));
+      return /* @__PURE__ */ React14.createElement(Box12, { key }, /* @__PURE__ */ React14.createElement(Text11, { color: "#4ade80", bold: true }, "+ "), /* @__PURE__ */ React14.createElement(Text11, { color: "#86efac" }, stripped.slice(2)));
     }
-    return /* @__PURE__ */ React13.createElement(Box11, { key }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  "), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, stripped));
+    return /* @__PURE__ */ React14.createElement(Box12, { key }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  "), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, stripped));
   }));
 }
 function BranchBlock({ branch: branch2 }) {
-  return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { backgroundColor: "#93c5fd", color: "black", bold: true }, ` \u2387 BRANCH \xD7${branch2.budget} `), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#93c5fd" }, "picked "), /* @__PURE__ */ React13.createElement(Text10, { color: "#93c5fd", bold: true }, "#", branch2.chosenIndex)), /* @__PURE__ */ React13.createElement(Box11, { paddingLeft: 2, marginTop: 1 }, branch2.uncertainties.map((u, i) => {
+  return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#93c5fd", color: "black", bold: true }, ` \u2387 BRANCH \xD7${branch2.budget} `), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#93c5fd" }, "picked "), /* @__PURE__ */ React14.createElement(Text11, { color: "#93c5fd", bold: true }, "#", branch2.chosenIndex)), /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 2, marginTop: 1 }, branch2.uncertainties.map((u, i) => {
     const chosen = i === branch2.chosenIndex;
     const t2 = (branch2.temperatures[i] ?? 0).toFixed(1);
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: branch index is positional and stable
-      /* @__PURE__ */ React13.createElement(Text10, { key: `b-${i}` }, /* @__PURE__ */ React13.createElement(Text10, { color: chosen ? "#93c5fd" : "#475569", bold: chosen }, chosen ? "\u25B8 " : "  "), /* @__PURE__ */ React13.createElement(Text10, { color: chosen ? "#93c5fd" : "#94a3b8", bold: chosen }, `#${i}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` T=${t2}  u=${u}   `))
+      /* @__PURE__ */ React14.createElement(Text11, { key: `b-${i}` }, /* @__PURE__ */ React14.createElement(Text11, { color: chosen ? "#93c5fd" : "#475569", bold: chosen }, chosen ? "\u25B8 " : "  "), /* @__PURE__ */ React14.createElement(Text11, { color: chosen ? "#93c5fd" : "#94a3b8", bold: chosen }, `#${i}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` T=${t2}  u=${u}   `))
     );
   })));
 }
@@ -13090,8 +13157,8 @@ function CtxBreakdownBlock({
   const used = sysCells + toolsCells + logCells + inputCells;
   const freeCells = Math.max(0, barWidth - used);
   const sevColor = winPct >= 80 ? COLOR.err : winPct >= 60 ? COLOR.warn : COLOR.ok;
-  return /* @__PURE__ */ React13.createElement(
-    Box11,
+  return /* @__PURE__ */ React14.createElement(
+    Box12,
     {
       flexDirection: "column",
       marginY: 1,
@@ -13102,11 +13169,11 @@ function CtxBreakdownBlock({
       borderColor: COLOR.brand,
       paddingLeft: 1
     },
-    /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.brand, bold: true }, "\u25A3 context"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  ${formatTokensCompact(total)} of ${formatTokensCompact(data.ctxMax)}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React13.createElement(Text10, { color: sevColor, bold: true }, `${winPct}%`), winPct >= 80 ? /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.err, bold: true }, "  \xB7  /compact") : null),
-    /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.brand }, "\u2588".repeat(sysCells)), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.accent }, "\u2588".repeat(toolsCells)), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.primary }, "\u2588".repeat(logCells)), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.tool }, "\u2588".repeat(inputCells)), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.info, dimColor: true }, "\u2591".repeat(freeCells))),
-    /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.brand }, "\u25A0"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` system ${formatTokensCompact(data.systemTokens)}`), /* @__PURE__ */ React13.createElement(Text10, null, "   "), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.accent }, "\u25A0"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` tools ${formatTokensCompact(data.toolsTokens)}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` (${data.toolsCount})`), /* @__PURE__ */ React13.createElement(Text10, null, "   "), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.primary }, "\u25A0"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` log ${formatTokensCompact(data.logTokens)}`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` (${data.logMessages} msg)`), /* @__PURE__ */ React13.createElement(Text10, null, "   "), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.tool }, "\u25A0"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, ` input ${formatTokensCompact(data.inputTokens)}`)),
-    data.topTools.length > 0 ? /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  top tool results by cost (${data.topTools.length}):`), data.topTools.map((t2) => /* @__PURE__ */ React13.createElement(Box11, { key: `${t2.turn}-${t2.name}` }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `    turn ${String(t2.turn).padStart(3)}  `), /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.info }, t2.name.padEnd(22)), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  ${formatTokensCompact(t2.tokens).padStart(8)}`)))) : null,
-    /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  /compact shrinks oversized tool results \xB7 /new wipes log"))
+    /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.brand, bold: true }, "\u25A3 context"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  ${formatTokensCompact(total)} of ${formatTokensCompact(data.ctxMax)}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React14.createElement(Text11, { color: sevColor, bold: true }, `${winPct}%`), winPct >= 80 ? /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.err, bold: true }, "  \xB7  /compact") : null),
+    /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.brand }, "\u2588".repeat(sysCells)), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.accent }, "\u2588".repeat(toolsCells)), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.primary }, "\u2588".repeat(logCells)), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.tool }, "\u2588".repeat(inputCells)), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.info, dimColor: true }, "\u2591".repeat(freeCells))),
+    /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.brand }, "\u25A0"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` system ${formatTokensCompact(data.systemTokens)}`), /* @__PURE__ */ React14.createElement(Text11, null, "   "), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.accent }, "\u25A0"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` tools ${formatTokensCompact(data.toolsTokens)}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` (${data.toolsCount})`), /* @__PURE__ */ React14.createElement(Text11, null, "   "), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.primary }, "\u25A0"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` log ${formatTokensCompact(data.logTokens)}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` (${data.logMessages} msg)`), /* @__PURE__ */ React14.createElement(Text11, null, "   "), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.tool }, "\u25A0"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, ` input ${formatTokensCompact(data.inputTokens)}`)),
+    data.topTools.length > 0 ? /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  top tool results by cost (${data.topTools.length}):`), data.topTools.map((t2) => /* @__PURE__ */ React14.createElement(Box12, { key: `${t2.turn}-${t2.name}` }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `    turn ${String(t2.turn).padStart(3)}  `), /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.info }, t2.name.padEnd(22)), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  ${formatTokensCompact(t2.tokens).padStart(8)}`)))) : null,
+    /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  /compact shrinks oversized tool results \xB7 /new wipes log"))
   );
 }
 function formatTokensCompact(n) {
@@ -13120,8 +13187,8 @@ function ReasoningBlock({ reasoning }) {
   const preview = flat.length <= max ? flat : `\u2026 (+${flat.length - max} earlier chars) ${flat.slice(-max)}`;
   const tokensApprox = Math.max(1, Math.round(flat.length / 4.5));
   const tokLabel = tokensApprox >= 1e3 ? `${(tokensApprox / 1e3).toFixed(1)}k` : `${tokensApprox}`;
-  return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.accent, bold: true }, "R1 \u21AF"), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `  reasoning \xB7 ~${tokLabel} tok \xB7 /think for full`)), /* @__PURE__ */ React13.createElement(
-    Box11,
+  return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.accent, bold: true }, "R1 \u21AF"), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  reasoning \xB7 ~${tokLabel} tok \xB7 /think for full`)), /* @__PURE__ */ React14.createElement(
+    Box12,
     {
       borderStyle: "single",
       borderTop: false,
@@ -13130,35 +13197,35 @@ function ReasoningBlock({ reasoning }) {
       borderColor: COLOR.accent,
       paddingLeft: 1
     },
-    /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.accent, italic: true, dimColor: true }, preview)
+    /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.accent, italic: true, dimColor: true }, preview)
   ));
 }
 function Elapsed() {
   const s = useElapsedSeconds();
   const mm = String(Math.floor(s / 60)).padStart(2, "0");
   const ss = String(s % 60).padStart(2, "0");
-  return /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, `${mm}:${ss}`);
+  return /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `${mm}:${ss}`);
 }
 function PulsingAssistantGlyph() {
-  return /* @__PURE__ */ React13.createElement(Text10, { color: "green", bold: true }, ROLE_GLYPH.assistant);
+  return /* @__PURE__ */ React14.createElement(Text11, { color: "green", bold: true }, ROLE_GLYPH.assistant);
 }
 function StreamingAssistant({ event }) {
   if (event.branchProgress) {
     const p = event.branchProgress;
     if (p.completed === 0) {
-      return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React13.createElement(Text10, { color: "blue" }, "  \u2387 launching ", p.total, " parallel samples (R1 thinking in parallel)\u2026  "), /* @__PURE__ */ React13.createElement(Elapsed, null)), /* @__PURE__ */ React13.createElement(Text10, { color: "yellow" }, "  ", "spread across T=0.0/0.5/1.0 \xB7 reasoner typically takes 30-90s \u2014 this is normal"));
+      return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React14.createElement(Text11, { color: "blue" }, "  \u2387 launching ", p.total, " parallel samples (R1 thinking in parallel)\u2026  "), /* @__PURE__ */ React14.createElement(Elapsed, null)), /* @__PURE__ */ React14.createElement(Text11, { color: "yellow" }, "  ", "spread across T=0.0/0.5/1.0 \xB7 reasoner typically takes 30-90s \u2014 this is normal"));
     }
     const pct2 = Math.round(p.completed / p.total * 100);
-    return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React13.createElement(Text10, { color: "blue" }, "  \u2387 branching ", p.completed, "/", p.total, " (", pct2, "%)  "), /* @__PURE__ */ React13.createElement(Elapsed, null)), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  latest #", p.latestIndex, " T=", p.latestTemperature.toFixed(1), " u=", p.latestUncertainties, p.completed < p.total ? "  \xB7 waiting for other samples\u2026" : "  \xB7 selecting winner\u2026"));
+    return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React14.createElement(Text11, { color: "blue" }, "  \u2387 branching ", p.completed, "/", p.total, " (", pct2, "%)  "), /* @__PURE__ */ React14.createElement(Elapsed, null)), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  latest #", p.latestIndex, " T=", p.latestTemperature.toFixed(1), " u=", p.latestUncertainties, p.completed < p.total ? "  \xB7 waiting for other samples\u2026" : "  \xB7 selecting winner\u2026"));
   }
-  const tail = lastLine(event.text, 140);
-  const reasoningTail = event.reasoning ? lastLine(event.reasoning, 120) : "";
   const toolCallBuild = event.toolCallBuild;
-  const preFirstByte = !event.text && !event.reasoning && !toolCallBuild;
-  const reasoningOnly = !event.text && !!event.reasoning && !toolCallBuild;
-  const toolCallOnly = !event.text && !event.reasoning && !!toolCallBuild;
-  let phaseVerb;
-  let phaseColor;
+  const text2 = event.text;
+  const reasoning = event.reasoning;
+  const preFirstByte = !text2 && !reasoning && !toolCallBuild;
+  const reasoningOnly = !text2 && !!reasoning && !toolCallBuild;
+  const toolCallOnly = !text2 && !reasoning && !!toolCallBuild;
+  let phaseVerb = null;
+  let phaseColor = COLOR.assistant;
   if (preFirstByte) {
     phaseVerb = "waiting";
     phaseColor = COLOR.warn;
@@ -13168,13 +13235,11 @@ function StreamingAssistant({ event }) {
   } else if (toolCallOnly) {
     phaseVerb = `dispatching ${toolCallBuild.name}`;
     phaseColor = COLOR.accent;
-  } else {
-    phaseVerb = event.reasoning ? "writing (after R1)" : "writing";
-    phaseColor = COLOR.assistant;
   }
-  const detail = tail || (reasoningTail ? `\u21B3 ${reasoningTail}` : "") || (preFirstByte ? "waiting for first byte \u2014 5-60s typical" : reasoningOnly ? `R1 thinking \xB7 ~${Math.round((event.reasoning?.length ?? 0) / 4)} tok so far` : toolCallOnly ? `assembling ${toolCallBuild.name}${formatToolCallIndex(toolCallBuild)} \xB7 ${toolCallBuild.chars} chars${formatReadyTail(toolCallBuild)}` : event.reasoning ? "R1 still reasoning \u2014 body or tool call arrives when thinking finishes" : "");
-  return /* @__PURE__ */ React13.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React13.createElement(Box11, null, /* @__PURE__ */ React13.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Pulse, null), /* @__PURE__ */ React13.createElement(Text10, null, "  "), /* @__PURE__ */ React13.createElement(Text10, { color: phaseColor, bold: true }, phaseVerb), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React13.createElement(Elapsed, null)), /* @__PURE__ */ React13.createElement(
-    Box11,
+  const verb = phaseVerb ?? "responding";
+  const verbColor = phaseVerb ? phaseColor : COLOR.info;
+  return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: verbColor, dimColor: !phaseVerb }, verb), /* @__PURE__ */ React14.createElement(Text11, null, " "), /* @__PURE__ */ React14.createElement(Marquee, null), /* @__PURE__ */ React14.createElement(Text11, null, " "), /* @__PURE__ */ React14.createElement(Elapsed, null)), /* @__PURE__ */ React14.createElement(
+    Box12,
     {
       marginTop: 1,
       borderStyle: "single",
@@ -13185,13 +13250,24 @@ function StreamingAssistant({ event }) {
       paddingLeft: 1,
       flexDirection: "column"
     },
-    detail ? /* @__PURE__ */ React13.createElement(Text10, { dimColor: true, wrap: "truncate-end" }, detail, /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.primary }, " \u258C")) : /* @__PURE__ */ React13.createElement(Text10, { color: COLOR.primary }, "\u258C")
+    reasoning ? /* @__PURE__ */ React14.createElement(ReasoningBlock, { reasoning }) : null,
+    text2 ? /* @__PURE__ */ React14.createElement(Text11, null, text2, /* @__PURE__ */ React14.createElement(BlinkingCursor, null)) : /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, preFirstByte ? "waiting for first byte \u2014 5-60s typical" : reasoningOnly ? `R1 thinking \xB7 ~${Math.round((reasoning?.length ?? 0) / 4)} tok so far` : toolCallOnly ? `assembling ${toolCallBuild.name}${formatToolCallIndex(toolCallBuild)} \xB7 ${toolCallBuild.chars} chars${formatReadyTail(toolCallBuild)}` : "", /* @__PURE__ */ React14.createElement(Text11, null, " "), /* @__PURE__ */ React14.createElement(BlinkingCursor, null))
   ));
 }
-function Pulse() {
+function BlinkingCursor() {
   const tick = useTick();
-  const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  return /* @__PURE__ */ React13.createElement(Text10, { color: "cyan" }, frames[Math.floor(tick / 4) % frames.length]);
+  const visible = Math.floor(tick / 4) % 2 === 0;
+  return /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.primary }, visible ? "\u258C" : " ");
+}
+var MARQUEE_W = 12;
+var MARQUEE_WAVE = ["\u2592", "\u2593", "\u2588", "\u2593", "\u2592"];
+function Marquee() {
+  const tick = useTick();
+  const cells = new Array(MARQUEE_W).fill("\u2591");
+  for (let i = 0; i < MARQUEE_WAVE.length; i++) {
+    cells[(tick + i) % MARQUEE_W] = MARQUEE_WAVE[i];
+  }
+  return /* @__PURE__ */ React14.createElement(Text11, { color: COLOR.primary }, cells.join(""));
 }
 function formatToolCallIndex(tb) {
   if (!tb || tb.index === void 0) return "";
@@ -13203,26 +13279,20 @@ function formatReadyTail(tb) {
   if (n <= 0) return "";
   return ` \xB7 ${n} ready`;
 }
-function lastLine(s, maxChars) {
-  const tailSlice = s.length > maxChars * 4 ? s.slice(-maxChars * 4) : s;
-  const flat = tailSlice.replace(/\s+/g, " ").trim();
-  if (!flat) return "";
-  return flat.length <= maxChars ? flat : `\u2026${flat.slice(-maxChars)}`;
-}
 function StatsLine({ stats: stats2 }) {
   const hit = (stats2.cacheHitRatio * 100).toFixed(1);
   const hitColor = stats2.cacheHitRatio >= 0.7 ? "#4ade80" : stats2.cacheHitRatio >= 0.4 ? "#fcd34d" : "#f87171";
-  return /* @__PURE__ */ React13.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text10, { color: hitColor, bold: true }, `\u232C ${hit}%`), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#94a3b8" }, "in ", /* @__PURE__ */ React13.createElement(Text10, { color: "#67e8f9", bold: true }, stats2.usage.promptTokens), " \u2192 out ", /* @__PURE__ */ React13.createElement(Text10, { color: "#c4b5fd", bold: true }, stats2.usage.completionTokens)), /* @__PURE__ */ React13.createElement(Text10, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React13.createElement(Text10, { color: "#86efac", bold: true }, `$${stats2.cost.toFixed(6)}`));
+  return /* @__PURE__ */ React14.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: hitColor, bold: true }, `\u232C ${hit}%`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#94a3b8" }, "in ", /* @__PURE__ */ React14.createElement(Text11, { color: "#67e8f9", bold: true }, stats2.usage.promptTokens), " \u2192 out ", /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd", bold: true }, stats2.usage.completionTokens)), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#86efac", bold: true }, `$${stats2.cost.toFixed(6)}`));
 }
 
 // src/cli/ui/LiveRows.tsx
-import { Box as Box12, Text as Text11, useStdout as useStdout5 } from "ink";
-import React14 from "react";
+import { Box as Box13, Text as Text12, useStdout as useStdout6 } from "ink";
+import React15 from "react";
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-function StatusRow({ text }) {
+function StatusRow({ text: text2 }) {
   const tick = useTick();
   const elapsed = useElapsedSeconds();
-  return /* @__PURE__ */ React14.createElement(Box12, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd" }, text), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  \xB7  ${elapsed}s`));
+  return /* @__PURE__ */ React15.createElement(Box13, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React15.createElement(Text12, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React15.createElement(Text12, null, "  "), /* @__PURE__ */ React15.createElement(Text12, { color: "#c4b5fd" }, text2), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, `  \xB7  ${elapsed}s`));
 }
 function ModeStatusBar({
   editMode,
@@ -13234,27 +13304,27 @@ function ModeStatusBar({
 }) {
   useSlowTick();
   const running = jobs2?.runningCount() ?? 0;
-  const jobsTag = running > 0 ? /* @__PURE__ */ React14.createElement(Text11, { color: "yellow", bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
+  const jobsTag = running > 0 ? /* @__PURE__ */ React15.createElement(Text12, { color: "yellow", bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
   if (planMode) {
-    return /* @__PURE__ */ React14.createElement(ModeBarFrame, null, /* @__PURE__ */ React14.createElement(ModePill, { label: "PLAN MODE", bg: "red", flash }), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "   writes gated \xB7 /plan off to leave"), jobsTag);
+    return /* @__PURE__ */ React15.createElement(ModeBarFrame, null, /* @__PURE__ */ React15.createElement(ModePill, { label: "PLAN MODE", bg: "red", flash }), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "   writes gated \xB7 /plan off to leave"), jobsTag);
   }
   const label = editMode === "yolo" ? "YOLO" : editMode === "auto" ? "AUTO" : "REVIEW";
   const bg = editMode === "yolo" ? "red" : editMode === "auto" ? "magenta" : "cyan";
   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__ */ React14.createElement(ModeBarFrame, null, /* @__PURE__ */ React14.createElement(ModePill, { label, bg, flash }), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `   ${mid} \xB7 Shift+Tab to flip`), jobsTag);
+  return /* @__PURE__ */ React15.createElement(ModeBarFrame, null, /* @__PURE__ */ React15.createElement(ModePill, { label, bg, flash }), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, `   ${mid} \xB7 Shift+Tab to flip`), jobsTag);
 }
 function ModeBarFrame({ children }) {
-  const { stdout: stdout4 } = useStdout5();
+  const { stdout: stdout4 } = useStdout6();
   const cols = stdout4?.columns ?? 80;
   const ruleWidth = Math.max(20, cols - 2);
-  return /* @__PURE__ */ React14.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Box12, { paddingX: 1 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#475569", dimColor: true }, "\u254C".repeat(ruleWidth))), /* @__PURE__ */ React14.createElement(Box12, { paddingX: 1 }, children));
+  return /* @__PURE__ */ React15.createElement(Box13, { flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Box13, { paddingX: 1 }, /* @__PURE__ */ React15.createElement(Text12, { color: "#475569", dimColor: true }, "\u254C".repeat(ruleWidth))), /* @__PURE__ */ React15.createElement(Box13, { paddingX: 1 }, children));
 }
 function ModePill({
   label,
   bg,
   flash
 }) {
-  return /* @__PURE__ */ React14.createElement(Text11, { color: bg, bold: true, inverse: flash }, `[${label}]`);
+  return /* @__PURE__ */ React15.createElement(Text12, { color: bg, bold: true, inverse: flash }, `[${label}]`);
 }
 function UndoBanner({
   banner
@@ -13267,14 +13337,14 @@ function UndoBanner({
   const total = banner.results.length;
   const urgent = remainingSec <= 1;
   const pct2 = remainingMs / totalMs * 100;
-  return /* @__PURE__ */ React14.createElement(Box12, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` \u2713 AUTO-APPLIED ${ok}/${total} `), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "   press "), /* @__PURE__ */ React14.createElement(Text11, { backgroundColor: "#67e8f9", color: "black", bold: true }, " u "), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, " to undo  "), /* @__PURE__ */ React14.createElement(CharBar, { pct: pct2, width: 20, color: urgent ? "#f87171" : "#c4b5fd", showLabel: false }), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: urgent ? "#f87171" : "#c4b5fd", bold: urgent }, `${remainingSec}s`));
+  return /* @__PURE__ */ React15.createElement(Box13, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React15.createElement(Text12, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` \u2713 AUTO-APPLIED ${ok}/${total} `), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "   press "), /* @__PURE__ */ React15.createElement(Text12, { backgroundColor: "#67e8f9", color: "black", bold: true }, " u "), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, " to undo  "), /* @__PURE__ */ React15.createElement(CharBar, { pct: pct2, width: 20, color: urgent ? "#f87171" : "#c4b5fd", showLabel: false }), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, "  "), /* @__PURE__ */ React15.createElement(Text12, { color: urgent ? "#f87171" : "#c4b5fd", bold: urgent }, `${remainingSec}s`));
 }
 function SubagentRow({
   activity
 }) {
   const tick = useTick();
   const seconds = (activity.elapsedMs / 1e3).toFixed(1);
-  return /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 3 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd", bold: true }, "\u232C subagent"), /* @__PURE__ */ React14.createElement(Text11, { color: "#c4b5fd" }, `  ${activity.task}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `   iter ${activity.iter}  \xB7  ${seconds}s`));
+  return /* @__PURE__ */ React15.createElement(Box13, { paddingLeft: 3 }, /* @__PURE__ */ React15.createElement(Text12, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React15.createElement(Text12, null, "  "), /* @__PURE__ */ React15.createElement(Text12, { color: "#c4b5fd", bold: true }, "\u232C subagent"), /* @__PURE__ */ React15.createElement(Text12, { color: "#c4b5fd" }, `  ${activity.task}`), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, `   iter ${activity.iter}  \xB7  ${seconds}s`));
 }
 function OngoingToolRow({
   tool: tool2,
@@ -13283,7 +13353,7 @@ function OngoingToolRow({
   const tick = useTick();
   const elapsed = useElapsedSeconds();
   const summary = summarizeToolArgs(tool2.name, tool2.args);
-  return /* @__PURE__ */ React14.createElement(Box12, { marginY: 1, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React14.createElement(Box12, null, /* @__PURE__ */ React14.createElement(Text11, { color: "#fcd34d", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React14.createElement(Text11, null, "  "), /* @__PURE__ */ React14.createElement(Text11, { color: "#fcd34d", bold: true }, `\u25A3 ${tool2.name}`), /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, `  running \xB7 ${elapsed}s`)), progress ? /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 3 }, /* @__PURE__ */ React14.createElement(Text11, { color: "#67e8f9" }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React14.createElement(Box12, { paddingLeft: 3 }, /* @__PURE__ */ React14.createElement(Text11, { dimColor: true }, summary)) : null);
+  return /* @__PURE__ */ React15.createElement(Box13, { marginY: 1, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(Box13, null, /* @__PURE__ */ React15.createElement(Text12, { color: "#fcd34d", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React15.createElement(Text12, null, "  "), /* @__PURE__ */ React15.createElement(Text12, { color: "#fcd34d", bold: true }, `\u25A3 ${tool2.name}`), /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, `  running \xB7 ${elapsed}s`)), progress ? /* @__PURE__ */ React15.createElement(Box13, { paddingLeft: 3 }, /* @__PURE__ */ React15.createElement(Text12, { color: "#67e8f9" }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React15.createElement(Box13, { paddingLeft: 3 }, /* @__PURE__ */ React15.createElement(Text12, { dimColor: true }, summary)) : null);
 }
 function renderProgressLine(p) {
   const msg = p.message ? `  ${p.message}` : "";
@@ -13339,8 +13409,8 @@ function summarizeToolArgs(name, args) {
 }
 
 // src/cli/ui/PlanCheckpointConfirm.tsx
-import { Box as Box13 } from "ink";
-import React15 from "react";
+import { Box as Box14 } from "ink";
+import React16 from "react";
 function PlanCheckpointConfirmInner({
   stepId,
   title,
@@ -13355,7 +13425,7 @@ function PlanCheckpointConfirmInner({
   const isLast = total > 0 && completed >= total;
   const statuses = buildStatusMap(steps, completedStepIds, stepId, isLast);
   const subtitle = counter ? `${counter}  \xB7  ${label}` : label;
-  return /* @__PURE__ */ React15.createElement(ModalCard, { accent: "#86efac", icon: "\u2713", title: "checkpoint \u2014 step done", subtitle }, steps && steps.length > 0 ? /* @__PURE__ */ React15.createElement(Box13, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React15.createElement(PlanStepList, { steps, statuses, focusStepId: stepId })) : null, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(ModalCard, { accent: "#86efac", icon: "\u2713", title: "checkpoint \u2014 step done", subtitle }, steps && steps.length > 0 ? /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(PlanStepList, { steps, statuses, focusStepId: stepId })) : null, /* @__PURE__ */ React16.createElement(
     SingleSelect,
     {
       initialValue: isLast ? "stop" : "continue",
@@ -13382,7 +13452,7 @@ function PlanCheckpointConfirmInner({
     }
   ));
 }
-var PlanCheckpointConfirm = React15.memo(PlanCheckpointConfirmInner);
+var PlanCheckpointConfirm = React16.memo(PlanCheckpointConfirmInner);
 function buildStatusMap(steps, completedStepIds, currentStepId, isLast) {
   const map = /* @__PURE__ */ new Map();
   if (!steps) return map;
@@ -13399,11 +13469,11 @@ function buildStatusMap(steps, completedStepIds, currentStepId, isLast) {
 }
 
 // src/cli/ui/PlanConfirm.tsx
-import { Box as Box14, Text as Text12 } from "ink";
-import React16 from "react";
+import { Box as Box15, Text as Text13 } from "ink";
+import React17 from "react";
 function PlanConfirmInner({ plan: plan2, steps, summary, onChoose }) {
   const hasOpenQuestions = /^#{1,6}\s*(open[-\s]?questions?|risks?|unknowns?|assumptions?|unclear)/im.test(plan2) || /^#{1,6}\s*(待确认|开放问题|风险|未知|假设|不确定)/im.test(plan2);
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     ModalCard,
     {
       accent: "#67e8f9",
@@ -13411,9 +13481,9 @@ function PlanConfirmInner({ plan: plan2, steps, summary, onChoose }) {
       title: "plan proposed",
       subtitle: summary ?? "approve / refine / cancel"
     },
-    hasOpenQuestions ? /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text12, { color: "#fbbf24" }, "\u25B2 the plan flags open questions or risks \u2014 pick", " ", /* @__PURE__ */ React16.createElement(Text12, { bold: true }, "Refine / answer questions"), " to write concrete answers before the model moves on.")) : null,
-    steps && steps.length > 0 ? /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(PlanStepList, { steps })) : null,
-    /* @__PURE__ */ React16.createElement(
+    hasOpenQuestions ? /* @__PURE__ */ React17.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text13, { color: "#fbbf24" }, "\u25B2 the plan flags open questions or risks \u2014 pick", " ", /* @__PURE__ */ React17.createElement(Text13, { bold: true }, "Refine / answer questions"), " to write concrete answers before the model moves on.")) : null,
+    steps && steps.length > 0 ? /* @__PURE__ */ React17.createElement(Box15, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(PlanStepList, { steps })) : null,
+    /* @__PURE__ */ React17.createElement(
       SingleSelect,
       {
         initialValue: hasOpenQuestions ? "refine" : "approve",
@@ -13441,11 +13511,11 @@ function PlanConfirmInner({ plan: plan2, steps, summary, onChoose }) {
     )
   );
 }
-var PlanConfirm = React16.memo(PlanConfirmInner);
+var PlanConfirm = React17.memo(PlanConfirmInner);
 
 // src/cli/ui/PlanRefineInput.tsx
-import { Box as Box15, Text as Text13 } from "ink";
-import React17, { useState as useState4 } from "react";
+import { Box as Box16, Text as Text14 } from "ink";
+import React18, { useState as useState4 } from "react";
 function PlanRefineInput({ mode: mode2, onSubmit, onCancel }) {
   const [value, setValue] = useState4("");
   useKeystroke((ev) => {
@@ -13490,12 +13560,12 @@ function PlanRefineInput({ mode: mode2, onSubmit, onCancel }) {
   };
   const hint = mode2 === "approve" ? "Answer questions the plan raised, add constraints, or just press Enter to approve as-is." : mode2 === "checkpoint-revise" ? "Scope change, skip steps, alternative approach \u2014 the model adjusts the remaining plan." : mode2 === "choice-custom" ? "Free-form reply. The model reads it verbatim and proceeds \u2014 no need to match the listed options." : "Describe what's wrong or missing, or answer questions the plan raised.";
   const blankHint = mode2 === "approve" ? " (Enter with blank = approve without extra instructions.)" : mode2 === "checkpoint-revise" ? " (Enter with blank = continue with the current plan.)" : mode2 === "choice-custom" ? " (Enter with blank = ask the model what you actually want.)" : " (Enter with blank = ask the model to list concrete questions.)";
-  return /* @__PURE__ */ React17.createElement(ModalCard, { accent: meta.accent, icon: meta.icon, title: meta.title }, /* @__PURE__ */ React17.createElement(Box15, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, hint, " Enter to send \xB7 Esc to return to the picker.", value === "" ? blankHint : "")), /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: meta.accent, bold: true }, "\u203A "), /* @__PURE__ */ React17.createElement(Text13, null, value), /* @__PURE__ */ React17.createElement(Text13, { color: meta.accent, bold: true }, cursorOn ? "\u258D" : " ")));
+  return /* @__PURE__ */ React18.createElement(ModalCard, { accent: meta.accent, icon: meta.icon, title: meta.title }, /* @__PURE__ */ React18.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text14, { dimColor: true }, hint, " Enter to send \xB7 Esc to return to the picker.", value === "" ? blankHint : "")), /* @__PURE__ */ React18.createElement(Box16, null, /* @__PURE__ */ React18.createElement(Text14, { color: meta.accent, bold: true }, "\u203A "), /* @__PURE__ */ React18.createElement(Text14, null, value), /* @__PURE__ */ React18.createElement(Text14, { color: meta.accent, bold: true }, cursorOn ? "\u258D" : " ")));
 }
 
 // src/cli/ui/PlanReviseConfirm.tsx
-import { Box as Box16, Text as Text14 } from "ink";
-import React18 from "react";
+import { Box as Box17, Text as Text15 } from "ink";
+import React19 from "react";
 function computeDiff(oldSteps, newSteps) {
   const oldIds = new Set(oldSteps.map((s) => s.id));
   const newIds = new Set(newSteps.map((s) => s.id));
@@ -13531,7 +13601,7 @@ function PlanReviseConfirmInner({
   const removedCount = rows.filter((r) => r.kind === "removed").length;
   const addedCount = rows.filter((r) => r.kind === "added").length;
   const keptCount = rows.filter((r) => r.kind === "kept").length;
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ModalCard,
     {
       accent: "#fbbf24",
@@ -13539,17 +13609,17 @@ function PlanReviseConfirmInner({
       title: "plan revision proposed",
       subtitle: `\u2212${removedCount}  +${addedCount}  \xB7  ${keptCount} kept`
     },
-    /* @__PURE__ */ React18.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text14, null, reason)),
-    summary ? /* @__PURE__ */ React18.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text14, { dimColor: true }, `updated summary: ${summary}`)) : null,
-    /* @__PURE__ */ React18.createElement(Box16, { marginBottom: 1, flexDirection: "column" }, rows.map((row2) => {
+    /* @__PURE__ */ React19.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text15, null, reason)),
+    summary ? /* @__PURE__ */ React19.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, `updated summary: ${summary}`)) : null,
+    /* @__PURE__ */ React19.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, rows.map((row2) => {
       const risk = riskDots(row2.step.risk);
       const prefix = row2.kind === "removed" ? "\u2212" : row2.kind === "added" ? "+" : " ";
       const prefixColor = row2.kind === "removed" ? "#f87171" : row2.kind === "added" ? "#4ade80" : "#94a3b8";
       const dim = row2.kind === "kept";
       const strike = row2.kind === "removed";
-      return /* @__PURE__ */ React18.createElement(Box16, { key: `${row2.kind}-${row2.step.id}` }, /* @__PURE__ */ React18.createElement(Text14, { color: prefixColor, bold: true }, `${prefix} `), /* @__PURE__ */ React18.createElement(Text14, { color: risk.color, bold: true, dimColor: dim }, risk.dots), /* @__PURE__ */ React18.createElement(Text14, { dimColor: dim, strikethrough: strike }, ` ${row2.step.id} \xB7 ${row2.step.title}`));
+      return /* @__PURE__ */ React19.createElement(Box17, { key: `${row2.kind}-${row2.step.id}` }, /* @__PURE__ */ React19.createElement(Text15, { color: prefixColor, bold: true }, `${prefix} `), /* @__PURE__ */ React19.createElement(Text15, { color: risk.color, bold: true, dimColor: dim }, risk.dots), /* @__PURE__ */ React19.createElement(Text15, { dimColor: dim, strikethrough: strike }, ` ${row2.step.id} \xB7 ${row2.step.title}`));
     })),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       SingleSelect,
       {
         initialValue: "accept",
@@ -13572,11 +13642,11 @@ function PlanReviseConfirmInner({
     )
   );
 }
-var PlanReviseConfirm = React18.memo(PlanReviseConfirmInner);
+var PlanReviseConfirm = React19.memo(PlanReviseConfirmInner);
 
 // src/cli/ui/PromptInput.tsx
-import { Box as Box17, Text as Text15, useStdout as useStdout6 } from "ink";
-import React19, { useRef as useRef2, useState as useState5 } from "react";
+import { Box as Box18, Text as Text16, useStdout as useStdout7 } from "ink";
+import React20, { useRef as useRef2, useState as useState5 } from "react";
 
 // src/cli/ui/key-normalize.ts
 var CSI_TAIL_TO_FLAGS = [
@@ -13791,10 +13861,10 @@ function makePasteEntry(id, content) {
     charCount: content.length
   };
 }
-function expandPasteSentinels(text, pastes) {
+function expandPasteSentinels(text2, pastes) {
   let out = "";
-  for (let i = 0; i < text.length; i++) {
-    const ch = text[i];
+  for (let i = 0; i < text2.length; i++) {
+    const ch = text2[i];
     const id = decodePasteSentinel(ch);
     if (id === null) {
       out += ch;
@@ -13805,10 +13875,10 @@ function expandPasteSentinels(text, pastes) {
   }
   return out;
 }
-function listPasteIdsInBuffer(text) {
+function listPasteIdsInBuffer(text2) {
   const ids = [];
-  for (let i = 0; i < text.length; i++) {
-    const id = decodePasteSentinel(text[i]);
+  for (let i = 0; i < text2.length; i++) {
+    const id = decodePasteSentinel(text2[i]);
     if (id !== null) ids.push(id);
   }
   return ids;
@@ -14048,7 +14118,7 @@ function PromptInput({
     if (action.historyHandoff === "prev") onHistoryPrev?.();
     if (action.historyHandoff === "next") onHistoryNext?.();
   }, !disabled);
-  const { stdout: stdout4 } = useStdout6();
+  const { stdout: stdout4 } = useStdout7();
   const cols = stdout4?.columns ?? 80;
   const narrow = cols <= 90;
   const promptBody = narrow ? "\u203A " : "you \u203A ";
@@ -14065,11 +14135,11 @@ function PromptInput({
   const { line: cursorLine, col: cursorCol } = lineAndColumn(value, cursor);
   const renderItems = collapseLinesForDisplay(lines, cursorLine);
   const showHugeBufferHints = lines.length > 20;
-  return /* @__PURE__ */ React19.createElement(Box17, { flexDirection: "column", paddingX: 1 }, renderItems.map((item, renderIdx) => {
+  return /* @__PURE__ */ React20.createElement(Box18, { flexDirection: "column", paddingX: 1 }, renderItems.map((item, renderIdx) => {
     if (item.kind === "skip") {
       return (
         // biome-ignore lint/suspicious/noArrayIndexKey: stable — collapse markers derive from a fixed sliding window
-        /* @__PURE__ */ React19.createElement(Box17, { key: `skip-${renderIdx}` }, /* @__PURE__ */ React19.createElement(Text15, { color: barColorAt(renderIdx) }, BAR), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, `[\u2026 ${item.linesHidden} line${item.linesHidden === 1 ? "" : "s"} hidden \u2014 full content kept, submitted on Enter \u2026]`))
+        /* @__PURE__ */ React20.createElement(Box18, { key: `skip-${renderIdx}` }, /* @__PURE__ */ React20.createElement(Text16, { color: barColorAt(renderIdx) }, BAR), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, `[\u2026 ${item.linesHidden} line${item.linesHidden === 1 ? "" : "s"} hidden \u2014 full content kept, submitted on Enter \u2026]`))
       );
     }
     const i = item.originalIndex;
@@ -14077,7 +14147,7 @@ function PromptInput({
     const isFirst = i === 0;
     const isCursorLine = i === cursorLine;
     const showPlaceholder = isFirst && value.length === 0;
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       PromptLine,
       {
         key: `ln-${i}`,
@@ -14097,7 +14167,7 @@ function PromptInput({
         disabled: disabled === true
       }
     );
-  }), showHugeBufferHints && !disabled ? /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, `[${lines.length} lines \xB7 PageUp/PageDown jump to top/bottom \xB7 Ctrl+U clear \xB7 Ctrl+W del word]`)) : null, !disabled && !narrow && value.length > 0 && !value.includes("\n") ? /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "[Ctrl+J] newline \xB7 [Enter] submit \xB7 ends with \\ for line continuation")) : null, !disabled && !narrow && value.length === 0 ? /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "[PgUp/PgDn] scroll log \xB7 [End] jump to latest \xB7 drag to select & copy \xB7 /mouse on for wheel")) : null, disabled ? /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "[Esc] to stop")) : null);
+  }), showHugeBufferHints && !disabled ? /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, `[${lines.length} lines \xB7 PageUp/PageDown jump to top/bottom \xB7 Ctrl+U clear \xB7 Ctrl+W del word]`)) : null, !disabled && !narrow && value.length > 0 && !value.includes("\n") ? /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, "[Ctrl+J] newline \xB7 [Enter] submit \xB7 ends with \\ for line continuation")) : null, !disabled && !narrow && value.length === 0 ? /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, "[PgUp/PgDn] scroll log \xB7 [End] jump to latest \xB7 drag to select & copy \xB7 /mouse on for wheel")) : null, disabled ? /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, "[Esc] to stop")) : null);
 }
 function PromptLine({
   line,
@@ -14119,18 +14189,18 @@ function PromptLine({
   const bodyPrefix = promptPrefix.slice(BAR.length);
   const bodyContinuation = continuationIndent.slice(BAR.length);
   if (showPlaceholder) {
-    return /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColor }, barText), /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: accentColor }, bodyPrefix), !disabled ? /* @__PURE__ */ React19.createElement(Text15, { color: accentColor }, cursorVisible ? "\u258C" : " ") : null, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, placeholderText));
+    return /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColor }, barText), /* @__PURE__ */ React20.createElement(Text16, { bold: true, color: accentColor }, bodyPrefix), !disabled ? /* @__PURE__ */ React20.createElement(Text16, { color: accentColor }, cursorVisible ? "\u258C" : " ") : null, /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, placeholderText));
   }
-  const viewport = buildViewport(line, isCursorLine ? cursorCol : null, visibleCells, pastes);
-  return /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { color: barColor }, barText), isFirst ? /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: accentColor }, bodyPrefix) : /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, bodyContinuation), viewport.hiddenLeft ? /* @__PURE__ */ React19.createElement(Text15, { color: "gray", dimColor: true }, "\u2039") : null, /* @__PURE__ */ React19.createElement(
+  const viewport2 = buildViewport(line, isCursorLine ? cursorCol : null, visibleCells, pastes);
+  return /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: barColor }, barText), isFirst ? /* @__PURE__ */ React20.createElement(Text16, { bold: true, color: accentColor }, bodyPrefix) : /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, bodyContinuation), viewport2.hiddenLeft ? /* @__PURE__ */ React20.createElement(Text16, { color: "gray", dimColor: true }, "\u2039") : null, /* @__PURE__ */ React20.createElement(
     ViewportContent,
     {
-      segments: viewport.segments,
-      cursorCell: isCursorLine ? viewport.cursorCell : null,
+      segments: viewport2.segments,
+      cursorCell: isCursorLine ? viewport2.cursorCell : null,
       accentColor,
       cursorVisible
     }
-  ), viewport.hiddenRight ? /* @__PURE__ */ React19.createElement(Text15, { color: "gray", dimColor: true }, "\u203A") : null);
+  ), viewport2.hiddenRight ? /* @__PURE__ */ React20.createElement(Text16, { color: "gray", dimColor: true }, "\u203A") : null);
 }
 function ViewportContent({
   segments,
@@ -14139,7 +14209,7 @@ function ViewportContent({
   cursorVisible
 }) {
   if (cursorCell === null) {
-    return /* @__PURE__ */ React19.createElement(React19.Fragment, null, segments.map((seg, i) => renderSegment(seg, i, false)));
+    return /* @__PURE__ */ React20.createElement(React20.Fragment, null, segments.map((seg, i) => renderSegment(seg, i, false)));
   }
   const out = [];
   let cells = 0;
@@ -14158,7 +14228,7 @@ function ViewportContent({
     }
     if (seg.kind === "paste") {
       out.push(
-        /* @__PURE__ */ React19.createElement(Text15, { key: `p-${i}-cursor`, color: "magenta", bold: true, inverse: cursorVisible }, seg.label)
+        /* @__PURE__ */ React20.createElement(Text16, { key: `p-${i}-cursor`, color: "magenta", bold: true, inverse: cursorVisible }, seg.label)
       );
       placed = true;
       cells += segCells;
@@ -14167,48 +14237,48 @@ function ViewportContent({
     const offsetIntoSeg = cursorCell - cells;
     const split = splitTextByCells(seg.text, offsetIntoSeg);
     if (split.before.length > 0) {
-      out.push(/* @__PURE__ */ React19.createElement(Text15, { key: `t-${i}-b` }, split.before));
+      out.push(/* @__PURE__ */ React20.createElement(Text16, { key: `t-${i}-b` }, split.before));
     }
     if (split.atCursor.length > 0) {
       out.push(
-        /* @__PURE__ */ React19.createElement(Text15, { key: `t-${i}-c`, inverse: cursorVisible, color: accentColor }, split.atCursor)
+        /* @__PURE__ */ React20.createElement(Text16, { key: `t-${i}-c`, inverse: cursorVisible, color: accentColor }, split.atCursor)
       );
     } else {
       out.push(
-        /* @__PURE__ */ React19.createElement(Text15, { key: `t-${i}-c-eol`, color: accentColor }, cursorVisible ? "\u258C" : " ")
+        /* @__PURE__ */ React20.createElement(Text16, { key: `t-${i}-c-eol`, color: accentColor }, cursorVisible ? "\u258C" : " ")
       );
     }
     if (split.after.length > 0) {
-      out.push(/* @__PURE__ */ React19.createElement(Text15, { key: `t-${i}-a` }, split.after));
+      out.push(/* @__PURE__ */ React20.createElement(Text16, { key: `t-${i}-a` }, split.after));
     }
     placed = true;
     cells += segCells;
   }
   if (!placed) {
     out.push(
-      /* @__PURE__ */ React19.createElement(Text15, { key: "cursor-eol", color: accentColor }, cursorVisible ? "\u258C" : " ")
+      /* @__PURE__ */ React20.createElement(Text16, { key: "cursor-eol", color: accentColor }, cursorVisible ? "\u258C" : " ")
     );
   }
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, out);
+  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, out);
 }
 function segmentCells(seg) {
   if (seg.kind === "paste") return seg.label.length;
   return stringCells(seg.text);
 }
-function splitTextByCells(text, cellOffset) {
+function splitTextByCells(text2, cellOffset) {
   let cells = 0;
-  for (let i = 0; i < text.length; i++) {
-    const ch = text[i];
+  for (let i = 0; i < text2.length; i++) {
+    const ch = text2[i];
     const cw = charCellsForText(ch);
     if (cells === cellOffset) {
-      return { before: text.slice(0, i), atCursor: ch, after: text.slice(i + 1) };
+      return { before: text2.slice(0, i), atCursor: ch, after: text2.slice(i + 1) };
     }
     if (cells + cw > cellOffset) {
-      return { before: text.slice(0, i), atCursor: ch, after: text.slice(i + 1) };
+      return { before: text2.slice(0, i), atCursor: ch, after: text2.slice(i + 1) };
     }
     cells += cw;
   }
-  return { before: text, atCursor: "", after: "" };
+  return { before: text2, atCursor: "", after: "" };
 }
 function charCellsForText(ch) {
   const code = ch.charCodeAt(0);
@@ -14229,9 +14299,9 @@ function charCellsForText(ch) {
 }
 function renderSegment(seg, key, _inverse) {
   if (seg.kind === "text") {
-    return /* @__PURE__ */ React19.createElement(Text15, { key: `s-${key}` }, seg.text);
+    return /* @__PURE__ */ React20.createElement(Text16, { key: `s-${key}` }, seg.text);
   }
-  return /* @__PURE__ */ React19.createElement(Text15, { key: `s-${key}`, backgroundColor: "#f0abfc", color: "black", bold: true }, seg.label);
+  return /* @__PURE__ */ React20.createElement(Text16, { key: `s-${key}`, backgroundColor: "#f0abfc", color: "black", bold: true }, seg.label);
 }
 var COLLAPSE_THRESHOLD = 20;
 var COLLAPSE_HEAD_LINES = 3;
@@ -14258,12 +14328,12 @@ function collapseLinesForDisplay(lines, cursorLine) {
 }
 
 // src/cli/ui/ShellConfirm.tsx
-import { Box as Box18, Text as Text16 } from "ink";
-import React20 from "react";
+import { Box as Box19, Text as Text17 } from "ink";
+import React21 from "react";
 function ShellConfirm({ command, allowPrefix, kind, onChoose }) {
   const isBackground = kind === "run_background";
   const subtitle = isBackground ? "long-running process \u2014 keeps running after approval, /kill to stop" : "model wants to run a shell command";
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     ModalCard,
     {
       accent: COLOR.err,
@@ -14271,8 +14341,8 @@ function ShellConfirm({ command, allowPrefix, kind, onChoose }) {
       title: isBackground ? "background process" : "shell command",
       subtitle
     },
-    /* @__PURE__ */ React20.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text16, { color: COLOR.primary, bold: true }, "$ "), /* @__PURE__ */ React20.createElement(Text16, { bold: true }, command)),
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.primary, bold: true }, "$ "), /* @__PURE__ */ React21.createElement(Text17, { bold: true }, command)),
+    /* @__PURE__ */ React21.createElement(
       SingleSelect,
       {
         initialValue: "run_once",
@@ -14330,8 +14400,8 @@ function derivePrefix(command) {
 }
 
 // src/cli/ui/SlashArgPicker.tsx
-import { Box as Box19, Text as Text17 } from "ink";
-import React21 from "react";
+import { Box as Box20, Text as Text18 } from "ink";
+import React22 from "react";
 function SlashArgPicker({
   matches,
   selectedIndex,
@@ -14339,13 +14409,13 @@ function SlashArgPicker({
   kind,
   partial
 }) {
-  const headerRow = /* @__PURE__ */ React21.createElement(Box19, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.accent, bold: true }, "/ "), /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.accent, bold: true }, `/${spec.cmd}`), spec.argsHint ? /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, ` ${spec.argsHint}`) : null, /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, `  ${spec.summary}`));
+  const headerRow = /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.accent, bold: true }, "/ "), /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.accent, bold: true }, `/${spec.cmd}`), spec.argsHint ? /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, ` ${spec.argsHint}`) : null, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `  ${spec.summary}`));
   if (kind === "hint") {
-    return /* @__PURE__ */ React21.createElement(Box19, { paddingX: 1, marginTop: 1 }, headerRow);
+    return /* @__PURE__ */ React22.createElement(Box20, { paddingX: 1, marginTop: 1 }, headerRow);
   }
   if (matches === null) return null;
   if (matches.length === 0) {
-    return /* @__PURE__ */ React21.createElement(Box19, { flexDirection: "column", paddingX: 1, marginTop: 1 }, headerRow, /* @__PURE__ */ React21.createElement(Box19, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.warn, bold: true }, GLYPH.warn), /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.warn }, ` no match for "${partial}"`), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, " \u2014 keep typing, or Backspace to edit")));
+    return /* @__PURE__ */ React22.createElement(Box20, { flexDirection: "column", paddingX: 1, marginTop: 1 }, headerRow, /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.warn, bold: true }, GLYPH.warn), /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.warn }, ` no match for "${partial}"`), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, " \u2014 keep typing, or Backspace to edit")));
   }
   const MAX = 8;
   const total = matches.length;
@@ -14353,22 +14423,22 @@ function SlashArgPicker({
   const shown = matches.slice(windowStart, windowStart + MAX);
   const hiddenAbove = windowStart;
   const hiddenBelow = total - windowStart - shown.length;
-  return /* @__PURE__ */ React21.createElement(Box19, { flexDirection: "column", paddingX: 1, marginTop: 1 }, headerRow, hiddenAbove > 0 ? /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, `   \u2191 ${hiddenAbove} above`) : null, shown.map((value, i) => /* @__PURE__ */ React21.createElement(ArgRow, { key: value, value, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, `   \u2193 ${hiddenBelow} below`) : null, /* @__PURE__ */ React21.createElement(Box19, { marginTop: 0 }, /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "  \u2191\u2193 navigate \xB7 Tab / \u23CE pick \xB7 esc cancel")));
+  return /* @__PURE__ */ React22.createElement(Box20, { flexDirection: "column", paddingX: 1, marginTop: 1 }, headerRow, hiddenAbove > 0 ? /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `   \u2191 ${hiddenAbove} above`) : null, shown.map((value, i) => /* @__PURE__ */ React22.createElement(ArgRow, { key: value, value, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `   \u2193 ${hiddenBelow} below`) : null, /* @__PURE__ */ React22.createElement(Box20, { marginTop: 0 }, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "  \u2191\u2193 navigate \xB7 Tab / \u23CE pick \xB7 esc cancel")));
 }
 function ArgRow({ value, isSelected }) {
-  return /* @__PURE__ */ React21.createElement(Box19, null, /* @__PURE__ */ React21.createElement(Text17, { color: isSelected ? COLOR.primary : COLOR.info, bold: isSelected }, isSelected ? `${GLYPH.cur} ` : "  "), /* @__PURE__ */ React21.createElement(Text17, { color: isSelected ? COLOR.user : COLOR.info, bold: isSelected, dimColor: !isSelected }, value));
+  return /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: isSelected ? COLOR.primary : COLOR.info, bold: isSelected }, isSelected ? `${GLYPH.cur} ` : "  "), /* @__PURE__ */ React22.createElement(Text18, { color: isSelected ? COLOR.user : COLOR.info, bold: isSelected, dimColor: !isSelected }, value));
 }
 
 // src/cli/ui/SlashSuggestions.tsx
-import { Box as Box20, Text as Text18 } from "ink";
-import React22 from "react";
+import { Box as Box21, Text as Text19 } from "ink";
+import React23 from "react";
 function SlashSuggestions({
   matches,
   selectedIndex
 }) {
   if (matches === null) return null;
   if (matches.length === 0) {
-    return /* @__PURE__ */ React22.createElement(Box20, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.warn, bold: true }, GLYPH.warn), /* @__PURE__ */ React22.createElement(Text18, null, " "), /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.warn }, "no slash command matches that prefix"), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, " \u2014 Backspace to edit, or /help for the full list"));
+    return /* @__PURE__ */ React23.createElement(Box21, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.warn, bold: true }, GLYPH.warn), /* @__PURE__ */ React23.createElement(Text19, null, " "), /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.warn }, "no slash command matches that prefix"), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, " \u2014 Backspace to edit, or /help for the full list"));
   }
   const MAX = 8;
   const total = matches.length;
@@ -14376,121 +14446,12 @@ function SlashSuggestions({
   const shown = matches.slice(windowStart, windowStart + MAX);
   const hiddenAbove = windowStart;
   const hiddenBelow = total - windowStart - shown.length;
-  return /* @__PURE__ */ React22.createElement(Box20, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.accent, bold: true }, "/ "), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `${total} command${total === 1 ? "" : "s"}`), hiddenAbove > 0 ? /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `   \u2191 ${hiddenAbove} above`) : null), shown.map((spec, i) => /* @__PURE__ */ React22.createElement(SuggestionRow, { key: spec.cmd, spec, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `   \u2193 ${hiddenBelow} below`) : null, /* @__PURE__ */ React22.createElement(Box20, { marginTop: 0 }, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "  \u2191\u2193 navigate \xB7 Tab / \u23CE pick \xB7 esc cancel")));
+  return /* @__PURE__ */ React23.createElement(Box21, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React23.createElement(Box21, null, /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.accent, bold: true }, "/ "), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, `${total} command${total === 1 ? "" : "s"}`), hiddenAbove > 0 ? /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, `   \u2191 ${hiddenAbove} above`) : null), shown.map((spec, i) => /* @__PURE__ */ React23.createElement(SuggestionRow, { key: spec.cmd, spec, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, `   \u2193 ${hiddenBelow} below`) : null, /* @__PURE__ */ React23.createElement(Box21, { marginTop: 0 }, /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "  \u2191\u2193 navigate \xB7 Tab / \u23CE pick \xB7 esc cancel")));
 }
 function SuggestionRow({ spec, isSelected }) {
   const name = `/${spec.cmd}`;
   const argsSuffix = spec.argsHint ? spec.argsHint : "";
-  return /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: isSelected ? COLOR.primary : COLOR.info, bold: isSelected }, isSelected ? `${GLYPH.cur} ` : "  "), /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.accent, bold: isSelected }, name.padEnd(14)), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, argsSuffix.padEnd(14)), /* @__PURE__ */ React22.createElement(Text18, null, "  "), /* @__PURE__ */ React22.createElement(Text18, { color: isSelected ? COLOR.user : COLOR.info, dimColor: !isSelected }, spec.summary));
-}
-
-// src/cli/ui/StatsPanel.tsx
-import { basename } from "path";
-import { Box as Box21, Text as Text19, useStdout as useStdout7 } from "ink";
-import React23 from "react";
-var NARROW_BREAKPOINT = 120;
-var COLD_START_TURNS = 3;
-function StatsPanel({
-  summary,
-  model: model2,
-  prefixHash,
-  harvestOn,
-  branchBudget,
-  reasoningEffort,
-  planMode,
-  editMode,
-  balance,
-  updateAvailable,
-  busy,
-  proArmed,
-  escalated,
-  budgetUsd,
-  rootDir,
-  sessionName
-}) {
-  const branchOn = (branchBudget ?? 1) > 1;
-  const ctxMax = DEEPSEEK_CONTEXT_TOKENS[model2] ?? DEFAULT_CONTEXT_TOKENS;
-  const ctxRatio = summary.lastPromptTokens / ctxMax;
-  const { stdout: stdout4 } = useStdout7();
-  const columns = stdout4?.columns ?? 80;
-  const narrow = columns < NARROW_BREAKPOINT;
-  const coldStart = summary.turns <= COLD_START_TURNS;
-  return /* @__PURE__ */ React23.createElement(Box21, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React23.createElement(
-    ChromeRow,
-    {
-      editMode,
-      planMode,
-      proArmed: proArmed ?? false,
-      escalated: escalated ?? false,
-      summary,
-      coldStart,
-      rootDir,
-      sessionName: sessionName ?? null,
-      updateAvailable,
-      balance: balance ?? null,
-      narrow
-    }
-  ), /* @__PURE__ */ React23.createElement(ChromeRule, null), budgetUsd !== null && budgetUsd !== void 0 ? /* @__PURE__ */ React23.createElement(BudgetRow, { spent: summary.totalCostUsd, cap: budgetUsd }) : null);
-}
-function ChromeRule() {
-  const { stdout: stdout4 } = useStdout7();
-  const cols = stdout4?.columns ?? 80;
-  const w = Math.max(20, cols - 2);
-  return /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "\u2500".repeat(w));
-}
-function ChromeRow({
-  editMode,
-  planMode,
-  proArmed,
-  escalated,
-  summary,
-  coldStart,
-  rootDir,
-  sessionName,
-  updateAvailable,
-  balance,
-  narrow
-}) {
-  const modePill = pickModePill(planMode, editMode);
-  const proPill = escalated ? { label: "\u21E7 pro", color: COLOR.err } : proArmed ? { label: "\u21E7 pro", color: COLOR.warn } : null;
-  const projectName = rootDir ? basename(rootDir) : null;
-  const cachePct = Math.round(summary.cacheHitRatio * 100);
-  const cacheColor = summary.cacheHitRatio >= 0.7 ? COLOR.ok : summary.cacheHitRatio >= 0.4 ? COLOR.warn : COLOR.err;
-  return /* @__PURE__ */ React23.createElement(Box21, null, /* @__PURE__ */ React23.createElement(Text19, { bold: true, color: GRADIENT[0] }, "\u25C8 "), /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.brand, bold: true }, "reasonix"), projectName ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.info, dimColor: true }, "  \xB7  "), /* @__PURE__ */ React23.createElement(Text19, null, projectName), !narrow && sessionName ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.info, dimColor: true }, "  \u203A  "), /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.info }, sessionName)) : null) : null, /* @__PURE__ */ React23.createElement(Box21, { flexGrow: 1 }), updateAvailable ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.warn, bold: true }, `\u2191 ${updateAvailable}`), /* @__PURE__ */ React23.createElement(Text19, null, "  ")) : null, modePill ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, { color: modePill.color, bold: true }, `[${modePill.label}]`), /* @__PURE__ */ React23.createElement(Text19, null, "  ")) : null, proPill ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, { color: proPill.color, bold: true }, `[${proPill.label}]`), /* @__PURE__ */ React23.createElement(Text19, null, "  ")) : null, /* @__PURE__ */ React23.createElement(
-    Text19,
-    {
-      color: summary.turns === 0 || coldStart ? COLOR.info : sessionCostColor(summary.totalCostUsd),
-      bold: summary.turns > 0 && !coldStart,
-      dimColor: summary.turns === 0 || coldStart
-    },
-    `[$${summary.totalCostUsd.toFixed(4)}]`
-  ), balance && !narrow ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, null, "  "), /* @__PURE__ */ React23.createElement(Text19, { color: balance.total < 1 ? COLOR.err : balance.total < 5 ? COLOR.warn : COLOR.ok }, `[w ${balance.currency === "USD" ? "$" : ""}${balance.total.toFixed(2)}${balance.currency !== "USD" ? ` ${balance.currency}` : ""}]`)) : null, summary.turns > 3 && !narrow ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Text19, null, "  "), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "["), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "c "), /* @__PURE__ */ React23.createElement(Bar, { ratio: summary.cacheHitRatio, color: cacheColor, cells: 6 }), /* @__PURE__ */ React23.createElement(Text19, null, " "), /* @__PURE__ */ React23.createElement(Text19, { color: cacheColor }, `${cachePct}%`), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "]")) : null);
-}
-function pickModePill(planMode, editMode) {
-  if (planMode) return { label: "PLAN", color: COLOR.err };
-  if (editMode === "yolo") return { label: "yolo", color: COLOR.err };
-  if (editMode === "auto") return { label: "auto", color: COLOR.primary };
-  if (editMode === "review") return { label: "review", color: COLOR.info };
-  return null;
-}
-function BudgetRow({ spent, cap }) {
-  const pct2 = Math.max(0, spent / cap * 100);
-  const color2 = pct2 >= 100 ? "#f87171" : pct2 >= 80 ? "#fbbf24" : "#94a3b8";
-  return /* @__PURE__ */ React23.createElement(Box21, null, /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "  budget  "), /* @__PURE__ */ React23.createElement(Text19, { color: color2 }, `$${spent.toFixed(4)} / $${cap.toFixed(2)}`, /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, `  (${pct2.toFixed(0)}%)`)));
-}
-function sessionCostColor(cost) {
-  if (cost <= 0) return void 0;
-  if (cost >= 5) return COLOR.err;
-  if (cost >= 0.5) return COLOR.warn;
-  return COLOR.ok;
-}
-function Bar({
-  ratio,
-  color: color2,
-  cells = 14
-}) {
-  const filled = Math.max(0, Math.min(cells, Math.round(ratio * cells)));
-  return /* @__PURE__ */ React23.createElement(Text19, null, /* @__PURE__ */ React23.createElement(Text19, { color: color2 }, "\u25B0".repeat(filled)), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, "\u25B1".repeat(cells - filled)));
+  return /* @__PURE__ */ React23.createElement(Box21, null, /* @__PURE__ */ React23.createElement(Text19, { color: isSelected ? COLOR.primary : COLOR.info, bold: isSelected }, isSelected ? `${GLYPH.cur} ` : "  "), /* @__PURE__ */ React23.createElement(Text19, { color: COLOR.accent, bold: isSelected }, name.padEnd(14)), /* @__PURE__ */ React23.createElement(Text19, { dimColor: true }, argsSuffix.padEnd(14)), /* @__PURE__ */ React23.createElement(Text19, null, "  "), /* @__PURE__ */ React23.createElement(Text19, { color: isSelected ? COLOR.user : COLOR.info, dimColor: !isSelected }, spec.summary));
 }
 
 // src/cli/ui/WelcomeBanner.tsx
@@ -14615,9 +14576,9 @@ function isMouseTrackingOn() {
 }
 
 // src/cli/ui/bang.ts
-function detectBangCommand(text) {
-  if (!text.startsWith("!")) return null;
-  const body = text.slice(1).trim();
+function detectBangCommand(text2) {
+  if (!text2.startsWith("!")) return null;
+  const body = text2.slice(1).trim();
   if (!body) return null;
   return body;
 }
@@ -14723,20 +14684,20 @@ into every Reasonix session's prefix regardless of working directory.
 Private to this machine \u2014 not committed anywhere.
 
 `;
-function detectHashMemory(text) {
-  if (text.startsWith("\\#")) {
-    return { kind: "escape", text: text.slice(1) };
-  }
-  if (!text.startsWith("#")) return null;
-  if (text.startsWith("##")) return null;
-  if (/^#g\s*$/.test(text)) return null;
-  const globalMatch = /^#g\s+(.+)$/s.exec(text);
+function detectHashMemory(text2) {
+  if (text2.startsWith("\\#")) {
+    return { kind: "escape", text: text2.slice(1) };
+  }
+  if (!text2.startsWith("#")) return null;
+  if (text2.startsWith("##")) return null;
+  if (/^#g\s*$/.test(text2)) return null;
+  const globalMatch = /^#g\s+(.+)$/s.exec(text2);
   if (globalMatch) {
     const body2 = globalMatch[1].trim();
     if (!body2) return null;
     return { kind: "memory-global", note: body2 };
   }
-  const body = text.slice(1).trim();
+  const body = text2.slice(1).trim();
   if (!body) return null;
   return { kind: "memory", note: body };
 }
@@ -14771,195 +14732,1070 @@ function appendBulletToFile(path5, note, newFileHeader) {
   return { path: path5, created: false };
 }
 
-// src/cli/ui/log-rows.tsx
+// src/cli/ui/log-frame.tsx
 import { Box as Box24, Text as Text22 } from "ink";
 import React26 from "react";
-function wrapToWidth(text, width) {
-  if (width <= 0) return [text];
-  const out = [];
-  for (const line of text.split("\n")) {
+
+// src/frame/width.ts
+import stringWidthLib from "string-width";
+var segmenter = new Intl.Segmenter("en", { granularity: "grapheme" });
+function graphemes(s) {
+  return Array.from(segmenter.segment(s), (seg) => seg.segment);
+}
+function graphemeWidth(g) {
+  if (g.length === 0) return 0;
+  const w = stringWidthLib(g);
+  if (w <= 0) return 0;
+  if (w >= 2) return 2;
+  return 1;
+}
+
+// src/frame/frame.ts
+var SPACE = { char: " ", width: 1 };
+var TAIL = { char: "", width: 1, tail: true };
+function empty(width = 0) {
+  return { width, rows: [] };
+}
+function text(s, opts) {
+  const { width, fg, bg, bold, dim, italic, underline, inverse, href } = opts;
+  if (width <= 0) return empty(0);
+  const styleOf = (g, w) => {
+    const base = { char: g, width: w };
+    if (fg !== void 0) base.fg = fg;
+    if (bg !== void 0) base.bg = bg;
+    if (bold) base.bold = true;
+    if (dim) base.dim = true;
+    if (italic) base.italic = true;
+    if (underline) base.underline = true;
+    if (inverse) base.inverse = true;
+    if (href !== void 0) base.href = href;
+    return base;
+  };
+  const rows = [];
+  const lines = s.split("\n");
+  for (const line of lines) {
     if (line.length === 0) {
-      out.push("");
+      rows.push(padRowRight([], width));
       continue;
     }
-    if (line.length <= width) {
-      out.push(line);
+    let buf = [];
+    let bufWidth = 0;
+    for (const g of graphemes(line)) {
+      const w = graphemeWidth(g);
+      if (w === 0) continue;
+      if (bufWidth + w > width) {
+        rows.push(padRowRight(buf, width - bufWidth));
+        buf = [];
+        bufWidth = 0;
+      }
+      buf.push(styleOf(g, w));
+      if (w === 2) buf.push(TAIL);
+      bufWidth += w;
+    }
+    rows.push(padRowRight(buf, width - bufWidth));
+  }
+  return { width, rows };
+}
+function padRowRight(cells, extraSpaces) {
+  if (extraSpaces <= 0) return cells.slice();
+  const out = cells.slice();
+  for (let i = 0; i < extraSpaces; i++) out.push(SPACE);
+  return out;
+}
+function spacerRow(width) {
+  if (width <= 0) return [];
+  return Array.from({ length: width }, () => SPACE);
+}
+function vstack(...frames) {
+  if (frames.length === 0) return empty(0);
+  const w = Math.max(...frames.map((f) => f.width));
+  const rows = [];
+  for (const f of frames) {
+    if (f.width === w) {
+      rows.push(...f.rows);
+    } else {
+      const extra = w - f.width;
+      for (const r of f.rows) rows.push(padRowRight(r, extra));
+    }
+  }
+  return { width: w, rows };
+}
+function hstack(...frames) {
+  if (frames.length === 0) return empty(0);
+  const h = Math.max(...frames.map((f) => f.rows.length));
+  const w = frames.reduce((a, f) => a + f.width, 0);
+  const rows = [];
+  for (let i = 0; i < h; i++) {
+    const cells = [];
+    for (const f of frames) {
+      const r = f.rows[i] ?? spacerRow(f.width);
+      cells.push(...r);
+    }
+    rows.push(cells);
+  }
+  return { width: w, rows };
+}
+function pad(f, top, right, bottom2, left) {
+  const newWidth = f.width + Math.max(0, left) + Math.max(0, right);
+  const tPad = Math.max(0, top);
+  const bPad = Math.max(0, bottom2);
+  const blank2 = spacerRow(newWidth);
+  const rows = [];
+  for (let i = 0; i < tPad; i++) rows.push(blank2);
+  if (left <= 0 && right <= 0) {
+    rows.push(...f.rows);
+  } else {
+    const lPad = spacerRow(Math.max(0, left));
+    const rPad = spacerRow(Math.max(0, right));
+    for (const r of f.rows) rows.push([...lPad, ...r, ...rPad]);
+  }
+  for (let i = 0; i < bPad; i++) rows.push(blank2);
+  return { width: newWidth, rows };
+}
+function borderLeft(f, color2, char = "\u2502") {
+  const bar = { char, width: 1, fg: color2 };
+  const newWidth = f.width + 1;
+  const rows = [];
+  for (const r of f.rows) rows.push([bar, ...r]);
+  return { width: newWidth, rows };
+}
+
+// src/frame/ansi.ts
+var ESC = "\x1B";
+var RESET = `${ESC}[0m`;
+function sameStyle(a, b) {
+  return a.fg === b.fg && a.bg === b.bg && !!a.bold === !!b.bold && !!a.dim === !!b.dim && !!a.italic === !!b.italic && !!a.underline === !!b.underline && !!a.inverse === !!b.inverse && a.href === b.href;
+}
+function fgEscape(color2) {
+  if (!color2) return null;
+  const rgb = parseColor(color2);
+  if (rgb) return `38;2;${rgb[0]};${rgb[1]};${rgb[2]}`;
+  const named = NAMED_FG[color2.toLowerCase()];
+  if (named !== void 0) return String(named);
+  return null;
+}
+function bgEscape(color2) {
+  if (!color2) return null;
+  const rgb = parseColor(color2);
+  if (rgb) return `48;2;${rgb[0]};${rgb[1]};${rgb[2]}`;
+  const named = NAMED_BG[color2.toLowerCase()];
+  if (named !== void 0) return String(named);
+  return null;
+}
+function parseColor(s) {
+  if (!s.startsWith("#")) return null;
+  const hex = s.slice(1);
+  if (hex.length !== 6) return null;
+  const r = Number.parseInt(hex.slice(0, 2), 16);
+  const g = Number.parseInt(hex.slice(2, 4), 16);
+  const b = Number.parseInt(hex.slice(4, 6), 16);
+  if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) return null;
+  return [r, g, b];
+}
+var NAMED_FG = {
+  black: 30,
+  red: 31,
+  green: 32,
+  yellow: 33,
+  blue: 34,
+  magenta: 35,
+  cyan: 36,
+  white: 37,
+  gray: 90,
+  grey: 90,
+  brightred: 91,
+  brightgreen: 92,
+  brightyellow: 93,
+  brightblue: 94,
+  brightmagenta: 95,
+  brightcyan: 96,
+  brightwhite: 97
+};
+var NAMED_BG = {
+  black: 40,
+  red: 41,
+  green: 42,
+  yellow: 43,
+  blue: 44,
+  magenta: 45,
+  cyan: 46,
+  white: 47,
+  gray: 100,
+  grey: 100
+};
+function styleToAnsi(s) {
+  const codes = [];
+  if (s.bold) codes.push("1");
+  if (s.dim) codes.push("2");
+  if (s.italic) codes.push("3");
+  if (s.underline) codes.push("4");
+  if (s.inverse) codes.push("7");
+  const fg = fgEscape(s.fg);
+  if (fg) codes.push(fg);
+  const bg = bgEscape(s.bg);
+  if (bg) codes.push(bg);
+  if (codes.length === 0) return "";
+  return `${ESC}[${codes.join(";")}m`;
+}
+var EMPTY_STYLE = {};
+function frameToAnsi(f, opts = {}) {
+  const out = [];
+  for (let i = 0; i < f.rows.length; i++) {
+    out.push(rowToAnsi(f.rows[i], opts));
+  }
+  return out.join("\n");
+}
+function rowToAnsi(row2, opts) {
+  if (opts.plain) {
+    let s = "";
+    for (const c of row2) {
+      if (c.tail) continue;
+      s += c.char;
+    }
+    return s;
+  }
+  let result = "";
+  let curStyle = EMPTY_STYLE;
+  let inHref = false;
+  let curHref;
+  for (const c of row2) {
+    if (c.tail) continue;
+    const cellStyle = {
+      fg: c.fg,
+      bg: c.bg,
+      bold: c.bold,
+      dim: c.dim,
+      italic: c.italic,
+      underline: c.underline,
+      inverse: c.inverse,
+      href: c.href
+    };
+    if (cellStyle.href !== curHref) {
+      if (inHref) {
+        result += `${ESC}]8;;${ESC}\\`;
+        inHref = false;
+      }
+      if (cellStyle.href !== void 0) {
+        result += `${ESC}]8;;${cellStyle.href}${ESC}\\`;
+        inHref = true;
+      }
+      curHref = cellStyle.href;
+    }
+    if (!sameStyle(curStyle, cellStyle)) {
+      result += RESET;
+      result += styleToAnsi(cellStyle);
+      curStyle = cellStyle;
+    }
+    result += c.char;
+  }
+  if (inHref) result += `${ESC}]8;;${ESC}\\`;
+  result += RESET;
+  return result;
+}
+
+// src/cli/ui/markdown-frame.ts
+var INLINE_RE2 = /(\[([^\]\n]+)\]\(([^)\n]+)\)|\*\*\*([^*\n]+?)\*\*\*|\*\*([^*\n]+?)\*\*|```([^\n]+?)```|`([^`\n]+?)`|~~([^~\n]+?)~~|(?<![*\w])\*([^*\n]+?)\*(?!\w)|\\([*_~`[\](){}#+\-.!\\]))/g;
+function parseInline(input, baseOpts) {
+  const out = [];
+  let lastEnd = 0;
+  INLINE_RE2.lastIndex = 0;
+  for (let m = INLINE_RE2.exec(input); m !== null; m = INLINE_RE2.exec(input)) {
+    if (m.index > lastEnd) {
+      out.push({ text: input.slice(lastEnd, m.index), opts: baseOpts });
+    }
+    const linkText = m[2];
+    const linkUrl = m[3];
+    const boldItalic = m[4];
+    const bold = m[5];
+    const code3 = m[6];
+    const code1 = m[7];
+    const strike = m[8];
+    const italic = m[9];
+    const escapeChar = m[10];
+    if (linkText !== void 0) {
+      out.push({
+        text: linkText,
+        opts: { ...baseOpts, fg: COLOR.accent, underline: true, href: linkUrl }
+      });
+    } else if (boldItalic !== void 0) {
+      out.push({ text: boldItalic, opts: { ...baseOpts, bold: true, italic: true } });
+    } else if (bold !== void 0) {
+      out.push({ text: bold, opts: { ...baseOpts, bold: true } });
+    } else if (code3 !== void 0) {
+      const stripped = code3.replace(/^(\w+)\s+/, "");
+      out.push({ text: stripped, opts: { ...baseOpts, fg: "#67e8f9", bg: "#0f172a" } });
+    } else if (code1 !== void 0) {
+      out.push({ text: code1, opts: { ...baseOpts, fg: "#67e8f9", bg: "#0f172a" } });
+    } else if (strike !== void 0) {
+      out.push({ text: strike, opts: { ...baseOpts, dim: true } });
+    } else if (italic !== void 0) {
+      out.push({ text: italic, opts: { ...baseOpts, italic: true } });
+    } else if (escapeChar !== void 0) {
+      out.push({ text: escapeChar, opts: baseOpts });
+    }
+    lastEnd = m.index + m[0].length;
+  }
+  if (lastEnd < input.length) {
+    out.push({ text: input.slice(lastEnd), opts: baseOpts });
+  }
+  return out;
+}
+function segmentsToFrame(segs, width) {
+  if (width <= 0) return empty(0);
+  const atoms = [];
+  for (const seg of segs) {
+    if (!seg.text) continue;
+    const f = text(seg.text, { ...seg.opts, width: Math.max(width, seg.text.length * 2 + 4) });
+    if (f.rows.length > 0) {
+      let stop = f.rows[0].length;
+      while (stop > 0 && f.rows[0][stop - 1].char === " " && f.rows[0][stop - 1].fg === void 0 && f.rows[0][stop - 1].bg === void 0) {
+        stop--;
+      }
+      for (let i = 0; i < stop; i++) atoms.push(f.rows[0][i]);
+    }
+    for (let li = 1; li < f.rows.length; li++) {
+      atoms.push({ char: "\n", width: 1 });
+      let stop = f.rows[li].length;
+      while (stop > 0 && f.rows[li][stop - 1].char === " " && f.rows[li][stop - 1].fg === void 0) {
+        stop--;
+      }
+      for (let i = 0; i < stop; i++) atoms.push(f.rows[li][i]);
+    }
+  }
+  const SPACE2 = { char: " ", width: 1 };
+  const rows = [];
+  let cur = [];
+  let curW = 0;
+  let lastSpaceIdx = -1;
+  const flushRow = (forceNewline = false) => {
+    while (curW < width) {
+      cur.push(SPACE2);
+      curW += 1;
+    }
+    rows.push(cur);
+    cur = [];
+    curW = 0;
+    lastSpaceIdx = -1;
+    if (forceNewline) return;
+  };
+  for (const a of atoms) {
+    if (a.char === "\n") {
+      flushRow(true);
       continue;
     }
-    let i = 0;
-    while (i < line.length) {
-      out.push(line.slice(i, i + width));
-      i += width;
+    const w = a.tail ? 0 : a.width;
+    if (curW + w > width) {
+      if (lastSpaceIdx >= 0 && lastSpaceIdx > 0) {
+        const overflow = cur.slice(lastSpaceIdx + 1);
+        cur = cur.slice(0, lastSpaceIdx);
+        let newW = 0;
+        for (const c of cur) newW += c.tail ? 0 : c.width;
+        while (newW < width) {
+          cur.push(SPACE2);
+          newW += 1;
+        }
+        rows.push(cur);
+        cur = overflow;
+        curW = 0;
+        for (const c of cur) curW += c.tail ? 0 : c.width;
+        lastSpaceIdx = -1;
+      } else {
+        flushRow();
+      }
+    }
+    if (a.char === " ") lastSpaceIdx = cur.length;
+    cur.push(a);
+    curW += w;
+  }
+  if (cur.length > 0 || rows.length === 0) {
+    flushRow();
+  }
+  return { width, rows };
+}
+function paragraphFrame(p, width) {
+  const segs = parseInline(p.text, {});
+  return segmentsToFrame(segs, width);
+}
+function headingFrame(h, width) {
+  const isMajor = h.level <= 3;
+  const fg = isMajor ? COLOR.brand : COLOR.accent;
+  const segs = parseInline(h.text, { bold: true, fg, dim: !isMajor });
+  return vstack(segmentsToFrame(segs, width), text("", { width }));
+}
+function bulletListFrame(b, width) {
+  const rows = [];
+  for (let i = 0; i < b.items.length; i++) {
+    const item = b.items[i];
+    let prefix;
+    let prefixOpts;
+    if (item.task === "done") {
+      prefix = "[x] ";
+      prefixOpts = { fg: COLOR.ok, bold: true };
+    } else if (item.task === "todo") {
+      prefix = "[ ] ";
+      prefixOpts = { fg: COLOR.warn, bold: true };
+    } else if (b.ordered) {
+      prefix = `${i + 1}. `;
+      prefixOpts = { fg: COLOR.info, bold: true };
+    } else {
+      prefix = "\u2022 ";
+      prefixOpts = { fg: COLOR.info, bold: true };
+    }
+    const prefixWidth = prefix.length;
+    const indentRow = " ".repeat(prefixWidth);
+    const innerSegs = parseInline(item.text, {});
+    const innerFrame = segmentsToFrame(innerSegs, Math.max(8, width - prefixWidth));
+    const decoratedRows = innerFrame.rows.map((r, li) => {
+      const indent = li === 0 ? text(prefix, { width: prefixWidth, ...prefixOpts }) : text(indentRow, { width: prefixWidth });
+      return {
+        width: prefixWidth + innerFrame.width,
+        rows: [[...indent.rows[0], ...r]]
+      };
+    });
+    rows.push(...decoratedRows);
+  }
+  return vstack(...rows);
+}
+function codeBlockFrame(c, width) {
+  const lines = c.text.split("\n");
+  const rows = [];
+  if (c.lang) {
+    rows.push(text(c.lang, { width, fg: COLOR.info, dim: true, italic: true }));
+  }
+  for (const line of lines) {
+    rows.push(text(line || " ", { width, fg: "#67e8f9", bg: "#0f172a" }));
+  }
+  return vstack(...rows);
+}
+function blockquoteFrame(bq, width) {
+  const inner = bq.children.map((child) => blockToFrame(child, Math.max(8, width - 2)));
+  const stacked = inner.length === 0 ? empty(Math.max(8, width - 2)) : vstack(...inner);
+  return borderLeft(pad(stacked, 0, 0, 0, 1), COLOR.info);
+}
+function hrFrame(width) {
+  return text("\u2500".repeat(width), { width, fg: COLOR.info, dim: true });
+}
+function blockToFrame(b, width) {
+  switch (b.kind) {
+    case "paragraph":
+      return paragraphFrame(b, width);
+    case "heading":
+      return headingFrame(b, width);
+    case "bullet":
+      return bulletListFrame(b, width);
+    case "code":
+      return codeBlockFrame(b, width);
+    case "quote":
+      return blockquoteFrame(b, width);
+    case "hr":
+      return hrFrame(width);
+    case "table":
+      return vstack(
+        text(b.header.join(" | "), { width, bold: true }),
+        text(b.header.map(() => "\u2500").join("\u2500\u253C\u2500"), { width, dim: true }),
+        text(b.rows.map((r) => r.join(" | ")).join("\n"), { width, dim: true })
+      );
+    case "edit-block":
+      return text(`${b.filename}
+<<< SEARCH
+${b.search}
+=======
+${b.replace}
+>>> REPLACE`, {
+        width,
+        dim: true
+      });
+    default:
+      return empty(width);
+  }
+}
+function markdownToFrame(markdown, width) {
+  if (!markdown) return empty(width);
+  const blocks = parseBlocks(markdown);
+  if (blocks.length === 0) return empty(width);
+  const frames = [];
+  for (let i = 0; i < blocks.length; i++) {
+    const b = blocks[i];
+    frames.push(blockToFrame(b, width));
+    const isLast = i === blocks.length - 1;
+    const carriesOwnSpacer = b.kind === "heading";
+    if (!isLast && !carriesOwnSpacer) {
+      frames.push(text("", { width }));
+    }
+  }
+  return vstack(...frames);
+}
+
+// src/cli/ui/log-frame.tsx
+function formatTokensCompact2(n) {
+  if (n < 1024) return String(n);
+  const k = n / 1024;
+  return k >= 100 ? `${k.toFixed(0)}K` : `${k.toFixed(1)}K`;
+}
+var ROLE_GLYPH2 = {
+  user: "\u25C7",
+  toolOk: GLYPH.toolOk,
+  toolErr: GLYPH.toolErr
+};
+var SPACE_CELL = { char: " ", width: 1 };
+function rowFrame(parts, width) {
+  const cells = [];
+  for (const p of parts) {
+    if (p.rows.length > 0) cells.push(...p.rows[0]);
+  }
+  const w = width ?? cells.reduce((a, c) => a + (c.tail ? 0 : c.width), 0);
+  if (cells.length > w) cells.length = w;
+  while (cells.reduce((a, c) => a + (c.tail ? 0 : c.width), 0) < w) cells.push(SPACE_CELL);
+  return { width: w, rows: [cells] };
+}
+function atomRows(a) {
+  return a.kind === "frame" ? a.frame.rows.length : a.rows;
+}
+function detectInfoTone(rawText) {
+  const m = rawText.match(/^([▸▶▲⚠✓✗✖↻ⓘ])\s*(.*)$/s);
+  const lead = m?.[1] ?? "\u25B8";
+  const body = m?.[2] ?? rawText;
+  let color2 = COLOR.info;
+  if (lead === "\u25B2" || lead === "\u26A0") color2 = COLOR.warn;
+  else if (lead === "\u2713") color2 = COLOR.ok;
+  else if (lead === "\u2717" || lead === "\u2716") color2 = COLOR.err;
+  else if (lead === "\u21BB") color2 = COLOR.primary;
+  return { lead, color: color2, body };
+}
+function accentFrame(glyph, glyphColor, body, bodyColor, bodyDim, width) {
+  const indentCells = 1 + glyph.length + 2;
+  const inner = Math.max(8, width - indentCells);
+  const bodyFrame = text(body, {
+    width: inner,
+    fg: bodyColor,
+    dim: bodyDim
+  });
+  const rows = [];
+  for (let i = 0; i < bodyFrame.rows.length; i++) {
+    const indent = i === 0 ? text(`${glyph}  `, { width: indentCells - 1, fg: glyphColor, bold: true }) : text(" ".repeat(indentCells - 1), { width: indentCells - 1 });
+    rows.push({
+      width: bodyFrame.width + indent.width,
+      rows: [[...indent.rows[0], ...bodyFrame.rows[i]]]
+    });
+  }
+  const stacked = vstack(...rows);
+  return borderLeft(stacked, glyphColor);
+}
+function infoFrame(event, width) {
+  const { lead, color: color2, body } = detectInfoTone(event.text);
+  return accentFrame(lead, color2, body, void 0, true, width);
+}
+function warningFrame(event, width) {
+  return accentFrame("\u25B2 warn", COLOR.warn, event.text, COLOR.warn, false, width);
+}
+function errorFrame(event, width) {
+  return accentFrame("\u2726 error", COLOR.err, event.text, COLOR.err, false, width);
+}
+function stepProgressFrame(event, width) {
+  const sp = event.stepProgress;
+  const counter = sp && sp.total > 0 ? `${sp.completed}/${sp.total}` : "";
+  const label = sp?.title ? `${sp.stepId} \xB7 ${sp.title}` : sp?.stepId ?? "";
+  const pillFrame = text(" \u2713 STEP ", { width: 8, bg: "#4ade80", fg: "black", bold: true });
+  const counterFrame = counter ? text(`  ${counter}`, { width: 2 + counter.length, fg: "#4ade80", bold: true }) : empty(0);
+  const labelFrame = text(`  ${label}`, { width: width - 8 - counterFrame.width, fg: "#86efac" });
+  const headerWidth = pillFrame.width + counterFrame.width + labelFrame.width;
+  const headerRow = {
+    width: headerWidth,
+    rows: [[...pillFrame.rows[0], ...counterFrame.rows[0], ...labelFrame.rows[0]]]
+  };
+  const bodyParts = [];
+  if (event.text) {
+    bodyParts.push(pad(text(event.text, { width: width - 2, dim: true }), 0, 0, 0, 2));
+  }
+  if (sp?.notes) {
+    bodyParts.push(
+      pad(text(`note: ${sp.notes}`, { width: width - 2, fg: "#fbbf24", dim: true }), 0, 0, 0, 2)
+    );
+  }
+  const spacer = text("", { width });
+  return vstack(spacer, headerRow, ...bodyParts);
+}
+function simpleAssistantFrame(event, width) {
+  const spacer = text("", { width });
+  const glyph = text("\u25C6", { width: 1, fg: COLOR.assistant, bold: true });
+  let header2 = glyph;
+  if (event.stats) {
+    const badge2 = text(` ${event.stats.model.replace(/^deepseek-/, "")} `, {
+      width: 2 + event.stats.model.replace(/^deepseek-/, "").length,
+      bg: COLOR.assistant,
+      fg: "black",
+      bold: true
+    });
+    const gap = text("  ", { width: 2 });
+    header2 = {
+      width: glyph.width + gap.width + badge2.width,
+      rows: [[...glyph.rows[0], ...gap.rows[0], ...badge2.rows[0]]]
+    };
+  }
+  const bodyInnerWidth = width - 1 - 2;
+  const bodyInner = event.text ? markdownToFrame(event.text, bodyInnerWidth) : text("(empty body \u2014 likely tool-call only)", {
+    width: bodyInnerWidth,
+    fg: COLOR.assistant,
+    dim: true
+  });
+  const bodyIndented = pad(bodyInner, 0, 0, 0, 2);
+  const bodyBordered = borderLeft(bodyIndented, COLOR.assistant);
+  const parts = [spacer, header2, bodyBordered];
+  if (event.repair) {
+    parts.push(pad(text(event.repair, { width: width - 2, fg: COLOR.accent }), 0, 0, 0, 2));
+  }
+  if (event.stats) {
+    const hit = (event.stats.cacheHitRatio * 100).toFixed(1);
+    const hitColor = event.stats.cacheHitRatio >= 0.7 ? "#4ade80" : event.stats.cacheHitRatio >= 0.4 ? "#fcd34d" : "#f87171";
+    const statsLine = `\u232C ${hit}%  \xB7  in ${event.stats.usage.promptTokens} \u2192 out ${event.stats.usage.completionTokens}  \xB7  $${event.stats.cost.toFixed(6)}`;
+    parts.push(pad(text(statsLine, { width: width - 2, fg: hitColor }), 0, 0, 0, 2));
+  }
+  return vstack(...parts);
+}
+function turnSeparatorFrame(width) {
+  const w = Math.max(16, width - 2);
+  const sideWidth = Math.max(2, Math.floor((w - 5) / 2));
+  const left = gradientCells(sideWidth, "\u2500");
+  const right = gradientCells(sideWidth, "\u2500");
+  const sideCells = (cells) => cells.map(({ ch, color: color2 }) => ({ char: ch, width: 1, fg: color2 }));
+  const center = [
+    SPACE_CELL,
+    SPACE_CELL,
+    { char: "\u25C6", width: 1, fg: COLOR.brand, bold: true },
+    SPACE_CELL,
+    SPACE_CELL
+  ];
+  const totalUsed = sideWidth * 2 + 5;
+  const padLeft = Math.max(0, Math.floor((width - totalUsed) / 2));
+  const padRight2 = Math.max(0, width - totalUsed - padLeft);
+  const padCells = (n) => Array.from({ length: n }, () => SPACE_CELL);
+  return {
+    width,
+    rows: [
+      [
+        ...padCells(padLeft),
+        ...sideCells(left),
+        ...center,
+        ...sideCells(right),
+        ...padCells(padRight2)
+      ]
+    ]
+  };
+}
+function userFrame(event, width) {
+  const indentWidth = 3;
+  const bodyInner = text(event.text, { width: Math.max(8, width - indentWidth - 2) });
+  const padded = pad(bodyInner, 0, 0, 0, 1);
+  const bordered = borderLeft(padded, COLOR.user);
+  const indentRows = bordered.rows.map(
+    (_, i) => i === 0 ? text(`${ROLE_GLYPH2.user}  `, { width: indentWidth, fg: "cyan", bold: true }) : text(" ".repeat(indentWidth), { width: indentWidth })
+  );
+  const indentCol = vstack(...indentRows);
+  let body = hstack(indentCol, bordered);
+  if (event.leadSeparator) {
+    body = vstack(turnSeparatorFrame(width), body);
+  }
+  return body;
+}
+function toolCompactFrame(event, width) {
+  const summary = summarizeToolResult(event.toolName ?? "?", event.text);
+  const status2 = summary.isError ? "err" : "ok";
+  const symbol = status2 === "err" ? ROLE_GLYPH2.toolErr : ROLE_GLYPH2.toolOk;
+  const pillFg = status2 === "err" ? "red" : "cyan";
+  const accent = status2 === "err" ? COLOR.toolErr : COLOR.tool;
+  const innerWidth = width - 2;
+  const segments = [];
+  const pillText = `${symbol} ${event.toolName ?? "?"}`;
+  segments.push(text(pillText, { width: pillText.length, fg: pillFg, bold: true }));
+  if (event.durationMs !== void 0 && event.durationMs >= 100) {
+    const dur = `  ${formatDuration(event.durationMs)}`;
+    segments.push(text(dur, { width: dur.length, dim: true }));
+  }
+  segments.push(text("  ", { width: 2, dim: true }));
+  const used = segments.reduce((a, p) => a + p.width, 0);
+  const indexHint = event.toolIndex !== void 0 ? `  /tool ${event.toolIndex}` : "";
+  const summaryBudget = Math.max(8, innerWidth - used - indexHint.length);
+  segments.push(
+    text(summary.summary, {
+      width: summaryBudget,
+      fg: status2 === "err" ? "red" : void 0,
+      dim: status2 === "ok"
+    })
+  );
+  if (indexHint) {
+    segments.push(text(indexHint, { width: indexHint.length, dim: true }));
+  }
+  const inner = rowFrame(
+    segments.map((s) => ({ width: s.width, rows: [s.rows[0] ?? []] })),
+    innerWidth
+  );
+  return borderLeft(pad(inner, 0, 0, 0, 1), accent);
+}
+function editFileDiffFrame(event, width) {
+  const lines = event.text.split(/\r?\n/);
+  const [statusHeader, hunkHeader, ...body] = lines;
+  const innerWidth = width - 2;
+  const parts = [];
+  parts.push(
+    rowFrame(
+      [
+        text(`${ROLE_GLYPH2.toolOk} ${event.toolName ?? "edit_file"}`, {
+          width: 2 + (event.toolName ?? "edit_file").length,
+          fg: "cyan",
+          bold: true
+        }),
+        text("   diff:", { width: 8, dim: true })
+      ],
+      innerWidth
+    )
+  );
+  if (statusHeader !== void 0) {
+    parts.push(text(` ${statusHeader}`, { width: innerWidth, dim: true }));
+  }
+  parts.push(text("", { width: innerWidth }));
+  if (hunkHeader !== void 0) {
+    const hunk = hunkHeader.trim();
+    parts.push(
+      rowFrame(
+        [
+          text(` ${hunk} `, {
+            width: hunk.length + 2,
+            bg: "#c4b5fd",
+            fg: "black",
+            bold: true
+          })
+        ],
+        innerWidth
+      )
+    );
+  }
+  for (const line of body) {
+    const stripped = line.replace(/^ {2}/, "");
+    if (stripped.startsWith("- ")) {
+      parts.push(
+        rowFrame(
+          [
+            text("\u2212 ", { width: 2, fg: "#f87171", bold: true }),
+            text(stripped.slice(2), { width: innerWidth - 2, fg: "#fca5a5" })
+          ],
+          innerWidth
+        )
+      );
+    } else if (stripped.startsWith("+ ")) {
+      parts.push(
+        rowFrame(
+          [
+            text("+ ", { width: 2, fg: "#4ade80", bold: true }),
+            text(stripped.slice(2), { width: innerWidth - 2, fg: "#86efac" })
+          ],
+          innerWidth
+        )
+      );
+    } else {
+      parts.push(
+        rowFrame(
+          [
+            text("  ", { width: 2, dim: true }),
+            text(stripped, { width: innerWidth - 2, dim: true })
+          ],
+          innerWidth
+        )
+      );
     }
   }
-  return out;
+  const inner = vstack(...parts);
+  return borderLeft(pad(inner, 0, 0, 0, 1), COLOR.tool);
 }
-function itemRows(item) {
-  return item.kind === "row" ? 1 : item.rows;
-}
-function detectInfoTone(text) {
-  const m = text.match(/^([▸▶▲⚠✓✗✖↻ⓘ])\s*(.*)$/s);
-  const lead = m?.[1] ?? "\u25B8";
-  const body = m?.[2] ?? text;
-  let color2 = COLOR.info;
-  if (lead === "\u25B2" || lead === "\u26A0") color2 = COLOR.warn;
-  else if (lead === "\u2713") color2 = COLOR.ok;
-  else if (lead === "\u2717" || lead === "\u2716") color2 = COLOR.err;
-  else if (lead === "\u21BB") color2 = COLOR.primary;
-  return { lead, color: color2, body };
+function reasoningFrame(reasoning, width) {
+  const max = 260;
+  const flat = reasoning.replace(/\s+/g, " ").trim();
+  const preview = flat.length <= max ? flat : `\u2026 (+${flat.length - max} earlier chars) ${flat.slice(-max)}`;
+  const tokensApprox = Math.max(1, Math.round(flat.length / 4.5));
+  const tokLabel = tokensApprox >= 1e3 ? `${(tokensApprox / 1e3).toFixed(1)}k` : `${tokensApprox}`;
+  const header2 = rowFrame(
+    [
+      text("R1 \u21AF", { width: 5, fg: COLOR.accent, bold: true }),
+      text(`  reasoning \xB7 ~${tokLabel} tok \xB7 /think for full`, {
+        width: 28 + tokLabel.length,
+        dim: true
+      })
+    ],
+    width
+  );
+  const previewBody = pad(
+    text(preview, { width: width - 2, fg: COLOR.accent, italic: true, dim: true }),
+    0,
+    0,
+    0,
+    1
+  );
+  const previewBordered = borderLeft(previewBody, COLOR.accent);
+  const trail = text("", { width });
+  return vstack(header2, previewBordered, trail);
 }
-function AccentRow({
-  color: color2,
-  prefix,
-  body,
-  bodyColor,
-  bodyDim
-}) {
-  return /* @__PURE__ */ React26.createElement(
-    Box24,
-    {
-      borderStyle: "single",
-      borderTop: false,
-      borderRight: false,
-      borderBottom: false,
-      borderColor: color2,
-      paddingLeft: 1
-    },
-    prefix,
-    /* @__PURE__ */ React26.createElement(Text22, { color: bodyColor, dimColor: bodyDim }, body)
+function branchFrame(branch2, width) {
+  const pill = rowFrame(
+    [
+      text(` \u2387 BRANCH \xD7${branch2.budget} `, {
+        width: 12 + String(branch2.budget).length,
+        bg: "#93c5fd",
+        fg: "black",
+        bold: true
+      }),
+      text("  ", { width: 2 }),
+      text("picked ", { width: 7, fg: "#93c5fd" }),
+      text(`#${branch2.chosenIndex}`, {
+        width: 1 + String(branch2.chosenIndex).length,
+        fg: "#93c5fd",
+        bold: true
+      })
+    ],
+    width
   );
+  const items = [];
+  for (let i = 0; i < branch2.uncertainties.length; i++) {
+    const u = branch2.uncertainties[i];
+    const chosen = i === branch2.chosenIndex;
+    const t2 = (branch2.temperatures[i] ?? 0).toFixed(1);
+    items.push(
+      pad(
+        rowFrame(
+          [
+            text(chosen ? "\u25B8 " : "  ", {
+              width: 2,
+              fg: chosen ? "#93c5fd" : "#475569",
+              bold: chosen
+            }),
+            text(`#${i}`, {
+              width: 1 + String(i).length,
+              fg: chosen ? "#93c5fd" : "#94a3b8",
+              bold: chosen
+            }),
+            text(` T=${t2}  u=${u}`, {
+              width: width - 2 - 1 - String(i).length,
+              dim: true
+            })
+          ],
+          width - 2
+        ),
+        0,
+        0,
+        0,
+        2
+      )
+    );
+  }
+  const trail = text("", { width });
+  return vstack(pill, ...items, trail);
 }
-function accentRows(baseId, glyph, glyphColor, text, bodyColor, bodyDim, width) {
-  const indentCells = 1 + 1 + glyph.length + 2;
-  const inner = Math.max(8, width - indentCells);
-  const lines = wrapToWidth(text, inner);
-  return lines.map((line, i) => ({
-    kind: "row",
-    id: `${baseId}/${i}`,
-    content: i === 0 ? /* @__PURE__ */ React26.createElement(
-      AccentRow,
-      {
-        color: glyphColor,
-        prefix: /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Text22, { color: glyphColor, bold: true }, glyph), /* @__PURE__ */ React26.createElement(Text22, null, "  ")),
-        body: line,
-        bodyColor,
-        bodyDim
-      }
-    ) : /* @__PURE__ */ React26.createElement(
-      AccentRow,
-      {
-        color: glyphColor,
-        prefix: /* @__PURE__ */ React26.createElement(Text22, null, " ".repeat(glyph.length + 2)),
-        body: line,
-        bodyColor,
-        bodyDim
-      }
-    )
-  }));
+function planStateFrame(planState, width) {
+  const fields = [];
+  if (planState.subgoals.length)
+    fields.push(["subgoals", planState.subgoals, COLOR.primary, false]);
+  if (planState.hypotheses.length)
+    fields.push(["hypotheses", planState.hypotheses, COLOR.assistant, false]);
+  if (planState.uncertainties.length)
+    fields.push(["uncertainties", planState.uncertainties, COLOR.warn, false]);
+  if (planState.rejectedPaths.length)
+    fields.push(["rejected", planState.rejectedPaths, COLOR.info, true]);
+  if (fields.length === 0) return empty(width);
+  const rows = fields.map(([label, items, color2, dim]) => {
+    const header2 = `${label} (${items.length})  \xB7 `;
+    const itemsStr = items.join(" \xB7 ");
+    return rowFrame(
+      [
+        text(label, { width: label.length, fg: color2, bold: true, dim }),
+        text(` (${items.length})  \xB7 `, { width: 7 + String(items.length).length, dim: true }),
+        text(itemsStr, {
+          width: Math.max(8, width - header2.length),
+          fg: dim ? void 0 : COLOR.info,
+          dim
+        })
+      ],
+      width
+    );
+  });
+  const trail = text("", { width });
+  return vstack(...rows, trail);
 }
-function assistantToRows(event, projectRoot, width = 80) {
-  const hasComplexSub = event.branch || event.reasoning || event.planState && Object.keys(event.planState).length > 0;
-  if (hasComplexSub) {
-    return [
-      {
-        kind: "block",
-        id: event.id,
-        rows: estimatedHeight(event),
-        content: /* @__PURE__ */ React26.createElement(EventRow, { event, projectRoot })
-      }
-    ];
+function ctxBreakdownFrame(data, width) {
+  const total = data.systemTokens + data.toolsTokens + data.logTokens + data.inputTokens;
+  const winPct = data.ctxMax > 0 ? Math.round(total / data.ctxMax * 100) : 0;
+  const barWidth = 48;
+  const cellOf = (n) => data.ctxMax > 0 ? Math.round(n / data.ctxMax * barWidth) : 0;
+  const sysCells = cellOf(data.systemTokens);
+  const toolsCells = cellOf(data.toolsTokens);
+  const logCells = cellOf(data.logTokens);
+  const inputCells = cellOf(data.inputTokens);
+  const used = sysCells + toolsCells + logCells + inputCells;
+  const freeCells = Math.max(0, barWidth - used);
+  const sevColor = winPct >= 80 ? COLOR.err : winPct >= 60 ? COLOR.warn : COLOR.ok;
+  const innerWidth = width - 2;
+  const headerSegments = [
+    text("\u25A3 context", { width: 9, fg: COLOR.brand, bold: true }),
+    text(`  ${formatTokensCompact2(total)} of ${formatTokensCompact2(data.ctxMax)}`, {
+      width: 4 + formatTokensCompact2(total).length + formatTokensCompact2(data.ctxMax).length,
+      dim: true
+    }),
+    text("  \xB7  ", { width: 5, dim: true }),
+    text(`${winPct}%`, { width: 1 + String(winPct).length, fg: sevColor, bold: true })
+  ];
+  if (winPct >= 80) {
+    headerSegments.push(text("  \xB7  /compact", { width: 13, fg: COLOR.err, bold: true }));
   }
-  const items = [];
-  items.push({
-    kind: "row",
-    id: `${event.id}/spacer-top`,
-    content: /* @__PURE__ */ React26.createElement(Text22, null, " ")
-  });
-  items.push({
-    kind: "row",
-    id: `${event.id}/head`,
-    content: /* @__PURE__ */ React26.createElement(Box24, null, /* @__PURE__ */ React26.createElement(Text22, { color: COLOR.assistant, bold: true }, "\u25C6"), event.stats ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Text22, null, "  "), /* @__PURE__ */ React26.createElement(Text22, { backgroundColor: COLOR.assistant, color: "black", bold: true }, ` ${event.stats.model.replace(/^deepseek-/, "")} `)) : null)
-  });
-  const body = event.text || "(empty body \u2014 likely tool-call only)";
-  const dim = !event.text;
-  items.push(...accentRows(event.id, "", COLOR.assistant, body, COLOR.assistant, dim, width));
-  if (event.repair) {
-    items.push({
-      kind: "row",
-      id: `${event.id}/repair`,
-      content: /* @__PURE__ */ React26.createElement(Box24, { paddingLeft: 2 }, /* @__PURE__ */ React26.createElement(Text22, { color: COLOR.accent }, event.repair))
-    });
+  const header2 = rowFrame(headerSegments, innerWidth);
+  const bar = rowFrame(
+    [
+      text("\u2588".repeat(sysCells), { width: sysCells, fg: COLOR.brand }),
+      text("\u2588".repeat(toolsCells), { width: toolsCells, fg: COLOR.accent }),
+      text("\u2588".repeat(logCells), { width: logCells, fg: COLOR.primary }),
+      text("\u2588".repeat(inputCells), { width: inputCells, fg: COLOR.tool }),
+      text("\u2591".repeat(freeCells), { width: freeCells, fg: COLOR.info, dim: true })
+    ],
+    innerWidth
+  );
+  const legend = rowFrame(
+    [
+      text("\u25A0", { width: 1, fg: COLOR.brand }),
+      text(` system ${formatTokensCompact2(data.systemTokens)}`, {
+        width: 8 + formatTokensCompact2(data.systemTokens).length,
+        dim: true
+      }),
+      text("   ", { width: 3 }),
+      text("\u25A0", { width: 1, fg: COLOR.accent }),
+      text(` tools ${formatTokensCompact2(data.toolsTokens)}`, {
+        width: 7 + formatTokensCompact2(data.toolsTokens).length,
+        dim: true
+      }),
+      text("   ", { width: 3 }),
+      text("\u25A0", { width: 1, fg: COLOR.primary }),
+      text(` log ${formatTokensCompact2(data.logTokens)}`, {
+        width: 5 + formatTokensCompact2(data.logTokens).length,
+        dim: true
+      }),
+      text("   ", { width: 3 }),
+      text("\u25A0", { width: 1, fg: COLOR.tool }),
+      text(` input ${formatTokensCompact2(data.inputTokens)}`, {
+        width: 7 + formatTokensCompact2(data.inputTokens).length,
+        dim: true
+      })
+    ],
+    innerWidth
+  );
+  const inner = vstack(header2, bar, legend);
+  const spacer = text("", { width });
+  return vstack(spacer, borderLeft(pad(inner, 0, 0, 0, 1), COLOR.brand), spacer);
+}
+function complexAssistantFrame(event, width) {
+  const spacer = text("", { width });
+  const headerSegs = [text("\u25C6", { width: 1, fg: COLOR.assistant, bold: true })];
+  if (event.stats) {
+    const modelName = event.stats.model.replace(/^deepseek-/, "");
+    headerSegs.push(
+      text("  ", { width: 2 }),
+      text(` ${modelName} `, {
+        width: 2 + modelName.length,
+        bg: COLOR.assistant,
+        fg: "black",
+        bold: true
+      })
+    );
+  }
+  const header2 = rowFrame(headerSegs, width);
+  const bodyParts = [];
+  const bodyWidth = width - 2;
+  if (event.branch) {
+    bodyParts.push(branchFrame(event.branch, bodyWidth));
+  }
+  if (event.reasoning) {
+    bodyParts.push(reasoningFrame(event.reasoning, bodyWidth));
+  }
+  if (event.planState && !isPlanStateEmpty(event.planState)) {
+    bodyParts.push(planStateFrame(event.planState, bodyWidth));
   }
+  bodyParts.push(
+    event.text ? markdownToFrame(event.text, bodyWidth) : text("(empty body \u2014 likely tool-call only)", {
+      width: bodyWidth,
+      fg: COLOR.assistant,
+      dim: true
+    })
+  );
   if (event.stats) {
     const hit = (event.stats.cacheHitRatio * 100).toFixed(1);
     const hitColor = event.stats.cacheHitRatio >= 0.7 ? "#4ade80" : event.stats.cacheHitRatio >= 0.4 ? "#fcd34d" : "#f87171";
-    items.push({
-      kind: "row",
-      id: `${event.id}/stats`,
-      content: /* @__PURE__ */ React26.createElement(Box24, { paddingLeft: 2 }, /* @__PURE__ */ React26.createElement(Text22, { color: hitColor, bold: true }, `\u232C ${hit}%`), /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React26.createElement(Text22, { color: "#94a3b8" }, "in "), /* @__PURE__ */ React26.createElement(Text22, { color: "#67e8f9", bold: true }, event.stats.usage.promptTokens), /* @__PURE__ */ React26.createElement(Text22, { color: "#94a3b8" }, " \u2192 out "), /* @__PURE__ */ React26.createElement(Text22, { color: "#c4b5fd", bold: true }, event.stats.usage.completionTokens), /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React26.createElement(Text22, { color: "#86efac", bold: true }, `$${event.stats.cost.toFixed(6)}`))
-    });
+    const statsLine = `\u232C ${hit}%  \xB7  in ${event.stats.usage.promptTokens} \u2192 out ${event.stats.usage.completionTokens}  \xB7  $${event.stats.cost.toFixed(6)}`;
+    bodyParts.push(text(statsLine, { width: bodyWidth, fg: hitColor }));
   }
-  return items;
+  if (event.repair) {
+    bodyParts.push(text(event.repair, { width: bodyWidth, fg: COLOR.accent }));
+  }
+  const inner = vstack(...bodyParts);
+  const bordered = borderLeft(pad(inner, 0, 0, 0, 1), COLOR.assistant);
+  return vstack(spacer, header2, spacer, bordered);
+}
+function planFrame(event, width) {
+  const header2 = text("\u{1F4CB} plan proposed \u2014 pick a choice below", {
+    width: 39,
+    fg: "cyan",
+    bold: true
+  });
+  const headerPadded = rowFrame([header2], width);
+  const body = markdownToFrame(event.text, width - 2);
+  const inner = vstack(headerPadded, text("", { width }), pad(body, 0, 0, 0, 1));
+  const spacer = text("", { width });
+  return vstack(spacer, inner, spacer);
 }
-function eventToItems(event, projectRoot, width = 80) {
+function eventToAtom(event, projectRoot, width) {
   if (event.role === "info") {
-    const { lead, color: color2, body } = detectInfoTone(event.text);
-    return accentRows(event.id, lead, color2, body, void 0, true, width);
+    return { kind: "frame", id: event.id, frame: infoFrame(event, width) };
   }
   if (event.role === "warning") {
-    return accentRows(event.id, "\u25B2 warn", COLOR.warn, event.text, COLOR.warn, false, width);
+    return { kind: "frame", id: event.id, frame: warningFrame(event, width) };
   }
   if (event.role === "error") {
-    return accentRows(event.id, "\u2726 error", COLOR.err, event.text, COLOR.err, false, width);
-  }
-  if (event.role === "assistant" && !event.streaming) {
-    return assistantToRows(event, projectRoot, width);
+    return { kind: "frame", id: event.id, frame: errorFrame(event, width) };
   }
   if (event.role === "step-progress") {
-    const sp = event.stepProgress;
-    const counter = sp && sp.total > 0 ? `${sp.completed}/${sp.total}` : "";
-    const label = sp?.title ? `${sp.stepId} \xB7 ${sp.title}` : sp?.stepId ?? "";
-    const rows = [];
-    rows.push({
-      kind: "row",
-      id: `${event.id}/spacer`,
-      content: /* @__PURE__ */ React26.createElement(Text22, null, " ")
-    });
-    rows.push({
-      kind: "row",
-      id: `${event.id}/head`,
-      content: /* @__PURE__ */ React26.createElement(Box24, null, /* @__PURE__ */ React26.createElement(Text22, { backgroundColor: "#4ade80", color: "black", bold: true }, " \u2713 STEP "), counter ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Text22, null, "  "), /* @__PURE__ */ React26.createElement(Text22, { color: "#4ade80", bold: true }, counter)) : null, /* @__PURE__ */ React26.createElement(Text22, null, "  "), /* @__PURE__ */ React26.createElement(Text22, { color: "#86efac" }, label))
-    });
-    if (event.text) {
-      for (const [i, line] of event.text.split("\n").entries()) {
-        rows.push({
-          kind: "row",
-          id: `${event.id}/body/${i}`,
-          content: /* @__PURE__ */ React26.createElement(Box24, { paddingLeft: 2 }, /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, line))
-        });
-      }
+    return { kind: "frame", id: event.id, frame: stepProgressFrame(event, width) };
+  }
+  if (event.role === "user") {
+    return { kind: "frame", id: event.id, frame: userFrame(event, width) };
+  }
+  if (event.role === "tool") {
+    const isExplicitError = event.text.startsWith("ERROR:");
+    const isEditFile = (event.toolName === "edit_file" || event.toolName?.endsWith("_edit_file")) && !isExplicitError;
+    if (isEditFile) {
+      return { kind: "frame", id: event.id, frame: editFileDiffFrame(event, width) };
     }
-    if (sp?.notes) {
-      rows.push({
-        kind: "row",
-        id: `${event.id}/notes`,
-        content: /* @__PURE__ */ React26.createElement(Box24, { paddingLeft: 2 }, /* @__PURE__ */ React26.createElement(Text22, { color: "#fbbf24", dimColor: true }, `note: ${sp.notes}`))
-      });
+    return { kind: "frame", id: event.id, frame: toolCompactFrame(event, width) };
+  }
+  if (event.role === "assistant" && !event.streaming) {
+    const hasComplexSub = event.branch || event.reasoning || event.planState && !isPlanStateEmpty(event.planState);
+    if (hasComplexSub) {
+      return { kind: "frame", id: event.id, frame: complexAssistantFrame(event, width) };
     }
-    return rows;
+    return { kind: "frame", id: event.id, frame: simpleAssistantFrame(event, width) };
   }
-  return [
-    {
-      kind: "block",
+  if (event.role === "plan") {
+    return { kind: "frame", id: event.id, frame: planFrame(event, width) };
+  }
+  if (event.role === "ctx-breakdown" && event.ctxBreakdown) {
+    return {
+      kind: "frame",
       id: event.id,
-      rows: estimatedHeight(event),
-      content: /* @__PURE__ */ React26.createElement(EventRow, { event, projectRoot })
-    }
-  ];
+      frame: ctxBreakdownFrame(event.ctxBreakdown, width)
+    };
+  }
+  return {
+    kind: "ink",
+    id: event.id,
+    rows: estimatedHeight(event),
+    element: /* @__PURE__ */ React26.createElement(EventRow, { event, projectRoot })
+  };
 }
 function estimatedHeight(e) {
-  const text = e.text ?? "";
-  const wrapLines = Math.max(0, Math.floor(text.length / 80));
+  const t2 = e.text ?? "";
+  const wrapLines = Math.max(0, Math.floor(t2.length / 80));
   if (e.role === "user") return 3 + wrapLines;
   if (e.role === "assistant") {
     let h = 4 + wrapLines;
@@ -14970,7 +15806,7 @@ function estimatedHeight(e) {
   if (e.role === "tool") {
     const isEditFile = e.toolName === "edit_file" || e.toolName?.endsWith("_edit_file");
     if (isEditFile) {
-      const diffLines = (text.match(/\n/g)?.length ?? 0) + 1;
+      const diffLines = (t2.match(/\n/g)?.length ?? 0) + 1;
       return 6 + Math.min(20, diffLines);
     }
     return 2;
@@ -14979,69 +15815,91 @@ function estimatedHeight(e) {
   if (e.role === "ctx-breakdown") return 7;
   return 2;
 }
-function sliceLogItems(items, available, scrollOffsetRows) {
-  if (items.length === 0) {
-    return { items: [], maxScrollRows: 0, totalRows: 0 };
+function viewportLog(atoms, scrollOffset, available) {
+  if (atoms.length === 0 || available <= 0) {
+    return { atoms: [], topSkip: 0, bottomSkip: 0, totalRows: 0, maxScrollRows: 0 };
   }
-  const heights = items.map(itemRows);
+  const heights = atoms.map(atomRows);
   const totalRows = heights.reduce((a, b) => a + b, 0);
   const maxScrollRows = Math.max(0, totalRows - available);
-  const offset = Math.max(0, Math.min(scrollOffsetRows, maxScrollRows));
+  const offset = Math.max(0, Math.min(scrollOffset, maxScrollRows));
   const viewportBottom = totalRows - offset;
   const viewportTop = Math.max(0, viewportBottom - available);
   let cursor = 0;
   let firstIdx = -1;
+  let firstStart = 0;
   let lastIdx = -1;
-  for (let i = 0; i < items.length; i++) {
-    const eStart = cursor;
-    const eEnd = cursor + heights[i];
-    cursor = eEnd;
-    if (eEnd <= viewportTop) continue;
-    if (eStart >= viewportBottom) break;
-    if (firstIdx === -1) firstIdx = i;
+  let lastEnd = 0;
+  for (let i = 0; i < atoms.length; i++) {
+    const start = cursor;
+    const end = cursor + heights[i];
+    cursor = end;
+    if (end <= viewportTop) continue;
+    if (start >= viewportBottom) break;
+    if (firstIdx === -1) {
+      firstIdx = i;
+      firstStart = start;
+    }
     lastIdx = i;
+    lastEnd = end;
   }
   if (firstIdx === -1) {
-    return { items: [items[items.length - 1]], maxScrollRows, totalRows };
+    return {
+      atoms: [atoms[atoms.length - 1]],
+      topSkip: 0,
+      bottomSkip: 0,
+      totalRows,
+      maxScrollRows
+    };
   }
-  return {
-    items: items.slice(firstIdx, lastIdx + 1),
-    maxScrollRows,
-    totalRows
-  };
-}
-function renderLogItem(item) {
-  if (item.kind === "row") {
-    return /* @__PURE__ */ React26.createElement(Box24, { key: item.id, height: 1, flexShrink: 0 }, item.content);
+  const sliced = atoms.slice(firstIdx, lastIdx + 1);
+  const firstAtom = sliced[0];
+  const lastAtom = sliced[sliced.length - 1];
+  let topSkip = 0;
+  let bottomSkip = 0;
+  if (firstAtom.kind === "frame") {
+    topSkip = Math.max(0, viewportTop - firstStart);
   }
-  return /* @__PURE__ */ React26.createElement(Box24, { key: item.id, flexShrink: 0 }, item.content);
+  if (lastAtom.kind === "frame") {
+    bottomSkip = Math.max(0, lastEnd - viewportBottom);
+  }
+  return { atoms: sliced, topSkip, bottomSkip, totalRows, maxScrollRows };
+}
+function renderViewport(v) {
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, v.atoms.map((atom, i) => {
+    if (atom.kind === "ink") {
+      return /* @__PURE__ */ React26.createElement(React26.Fragment, { key: atom.id }, atom.element);
+    }
+    const start = i === 0 ? v.topSkip : 0;
+    const end = i === v.atoms.length - 1 ? atom.frame.rows.length - v.bottomSkip : atom.frame.rows.length;
+    const rows = atom.frame.rows.slice(start, end);
+    return /* @__PURE__ */ React26.createElement(React26.Fragment, { key: atom.id }, rows.map((row2, ri) => /* @__PURE__ */ React26.createElement(Box24, { key: `${atom.id}/${start + ri}`, height: 1, flexShrink: 0 }, /* @__PURE__ */ React26.createElement(Text22, null, frameToAnsi({ width: atom.frame.width, rows: [row2] })))));
+  }));
 }
-function ScrollBar({
-  height,
+function eventsToAtoms(events, projectRoot, width) {
+  const out = [];
+  for (const e of events) out.push(eventToAtom(e, projectRoot, width));
+  return out;
+}
+
+// src/cli/ui/log-rows.tsx
+import { Box as Box25, Text as Text23 } from "ink";
+import React27 from "react";
+function BottomHint({
+  rowsBelow,
   totalRows,
-  viewportRows,
-  scrollOffsetRows
+  viewportRows
 }) {
-  if (totalRows <= viewportRows || height <= 0) return null;
-  const maxScroll = Math.max(0, totalRows - viewportRows);
-  const offset = Math.max(0, Math.min(scrollOffsetRows, maxScroll));
-  const viewportBottomFrac = (totalRows - offset) / totalRows;
-  const viewportTopFrac = Math.max(0, viewportBottomFrac - viewportRows / totalRows);
-  const thumbStart = Math.floor(viewportTopFrac * height);
-  const thumbEnd = Math.min(height, Math.ceil(viewportBottomFrac * height));
-  const thumbSize = Math.max(1, thumbEnd - thumbStart);
-  const cells = [];
-  for (let i = 0; i < height; i++) {
-    const inThumb = i >= thumbStart && i < thumbStart + thumbSize;
-    cells.push(
-      /* @__PURE__ */ React26.createElement(Text22, { key: `sb-${i}`, color: inThumb ? COLOR.brand : COLOR.info, dimColor: !inThumb }, inThumb ? "\u2588" : "\u2502")
-    );
-  }
-  return /* @__PURE__ */ React26.createElement(Box24, { flexDirection: "column", width: 1, flexShrink: 0 }, cells);
-}
-function BottomHint({ rowsBelow }) {
   if (rowsBelow <= 0) return null;
-  return /* @__PURE__ */ React26.createElement(Box24, { height: 1, flexShrink: 0 }, /* @__PURE__ */ React26.createElement(Text22, { color: COLOR.primary, bold: true }, "\u2193"), /* @__PURE__ */ React26.createElement(Text22, null, "  "), /* @__PURE__ */ React26.createElement(Text22, { color: COLOR.primary }, `${rowsBelow} row${rowsBelow === 1 ? "" : "s"} below`), /* @__PURE__ */ React26.createElement(Text22, { dimColor: true }, "  \xB7  End to jump \xB7 wheel-down to scroll"));
+  const maxScroll = Math.max(1, totalRows - viewportRows);
+  const ratioFromTop = Math.max(0, Math.min(1, (totalRows - rowsBelow - viewportRows) / maxScroll));
+  const pct2 = Math.round((1 - ratioFromTop) * 100);
+  const rowsAbove = Math.max(0, totalRows - viewportRows - rowsBelow);
+  const barCells = 16;
+  const markerAt = Math.max(0, Math.min(barCells - 1, Math.round(ratioFromTop * (barCells - 1))));
+  const left = "\u2500".repeat(markerAt);
+  const right = "\u2500".repeat(barCells - 1 - markerAt);
+  return /* @__PURE__ */ React27.createElement(Box25, { height: 1, flexShrink: 0 }, /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.primary, bold: true }, `\u2191 ${rowsAbove}`), /* @__PURE__ */ React27.createElement(Text23, null, "  "), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "\u2595"), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.info, dimColor: true }, left), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.brand, bold: true }, "\u25CF"), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.info, dimColor: true }, right), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "\u258F"), /* @__PURE__ */ React27.createElement(Text23, null, "  "), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.primary, bold: true }, `${pct2}%`), /* @__PURE__ */ React27.createElement(Text23, null, "  "), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.primary }, `\u2193 ${rowsBelow}`), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "  \xB7  End to jump \xB7 wheel to scroll"));
 }
 
 // src/cli/ui/loop.ts
@@ -15219,8 +16077,8 @@ ${formatOneResourceContent(block.resource)}`;
 }
 async function handleMcpBrowseSlash(kind, arg, servers, setHistorical) {
   const ts = Date.now();
-  const push = (role, text) => {
-    setHistorical((prev) => [...prev, { id: `mcp-${role}-${ts}-${prev.length}`, role, text }]);
+  const push = (role, text2) => {
+    setHistorical((prev) => [...prev, { id: `mcp-${role}-${ts}-${prev.length}`, role, text: text2 }]);
   };
   if (!arg) {
     push("info", kind === "resource" ? formatResourceList(servers) : formatPromptList(servers));
@@ -15624,9 +16482,9 @@ function detectSlashArgContext(input, codeMode = false) {
     kind: spec.argCompleter ? "picker" : "hint"
   };
 }
-function parseSlash(text) {
-  if (!text.startsWith("/")) return null;
-  const parts = text.slice(1).trim().split(/\s+/);
+function parseSlash(text2) {
+  if (!text2.startsWith("/")) return null;
+  const parts = text2.slice(1).trim().split(/\s+/);
   const cmd = parts[0]?.toLowerCase() ?? "";
   if (!cmd) return null;
   return { cmd, args: parts.slice(1) };
@@ -15725,7 +16583,7 @@ function renderSubagentSection(sub) {
   for (const s of top) {
     const sec = (s.durationMs / 1e3).toFixed(1);
     lines.push(
-      `  ${pad(s.skillName, 18)} ${pad(`${s.count}`, 4, "right")}  $${s.costUsd.toFixed(6)}  ${sec}s`
+      `  ${pad2(s.skillName, 18)} ${pad2(`${s.count}`, 4, "right")}  $${s.costUsd.toFixed(6)}  ${sec}s`
     );
   }
   if (sub.bySkill.length > top.length) {
@@ -15735,13 +16593,13 @@ function renderSubagentSection(sub) {
 }
 function header() {
   return [
-    pad("", 10),
-    pad("turns", 8, "right"),
-    pad("cache hit", 10, "right"),
-    pad("cost (USD)", 14, "right"),
-    pad("cache saved", 14, "right"),
-    pad("vs Claude", 14, "right"),
-    pad("saved", 10, "right")
+    pad2("", 10),
+    pad2("turns", 8, "right"),
+    pad2("cache hit", 10, "right"),
+    pad2("cost (USD)", 14, "right"),
+    pad2("cache saved", 14, "right"),
+    pad2("vs Claude", 14, "right"),
+    pad2("saved", 10, "right")
   ].join("  ");
 }
 function divider() {
@@ -15751,20 +16609,20 @@ function bucketRow(b) {
   const hit = bucketCacheHitRatio(b);
   const savings = bucketSavingsFraction(b);
   return [
-    pad(b.label, 10),
-    pad(b.turns.toString(), 8, "right"),
-    pad(b.turns > 0 ? `${(hit * 100).toFixed(1)}%` : "\u2014", 10, "right"),
-    pad(b.turns > 0 ? `$${b.costUsd.toFixed(6)}` : "\u2014", 14, "right"),
-    pad(
+    pad2(b.label, 10),
+    pad2(b.turns.toString(), 8, "right"),
+    pad2(b.turns > 0 ? `${(hit * 100).toFixed(1)}%` : "\u2014", 10, "right"),
+    pad2(b.turns > 0 ? `$${b.costUsd.toFixed(6)}` : "\u2014", 14, "right"),
+    pad2(
       b.turns > 0 && b.cacheSavingsUsd > 0 ? `$${b.cacheSavingsUsd.toFixed(4)}` : "\u2014",
       14,
       "right"
     ),
-    pad(b.turns > 0 ? `$${b.claudeEquivUsd.toFixed(4)}` : "\u2014", 14, "right"),
-    pad(b.turns > 0 && savings > 0 ? `${(savings * 100).toFixed(1)}%` : "\u2014", 10, "right")
+    pad2(b.turns > 0 ? `$${b.claudeEquivUsd.toFixed(4)}` : "\u2014", 14, "right"),
+    pad2(b.turns > 0 && savings > 0 ? `${(savings * 100).toFixed(1)}%` : "\u2014", 10, "right")
   ].join("  ");
 }
-function pad(s, width, align = "left") {
+function pad2(s, width, align = "left") {
   if (s.length >= width) return s;
   const fill = " ".repeat(width - s.length);
   return align === "right" ? `${fill}${s}` : `${s}${fill}`;
@@ -18557,13 +19415,13 @@ var PLAIN_UI = process.env.REASONIX_UI === "plain";
 function LoopStatusRow({
   loop: loop2
 }) {
-  const [, setTick] = React27.useState(0);
-  React27.useEffect(() => {
+  const [, setTick] = React28.useState(0);
+  React28.useEffect(() => {
     const id = setInterval(() => setTick((t2) => t2 + 1), 1e3);
     return () => clearInterval(id);
   }, []);
   const nextFireMs = Math.max(0, loop2.nextFireAt - Date.now());
-  return /* @__PURE__ */ React27.createElement(Box25, null, /* @__PURE__ */ React27.createElement(Text23, { color: "cyan" }, `\u25B8 ${formatLoopStatus(loop2.prompt, nextFireMs, loop2.iter)} \xB7 /loop stop or type to cancel`));
+  return /* @__PURE__ */ React28.createElement(Box26, null, /* @__PURE__ */ React28.createElement(Text24, { color: "cyan" }, `\u25B8 ${formatLoopStatus(loop2.prompt, nextFireMs, loop2.iter)} \xB7 /loop stop or type to cancel`));
 }
 function App({
   model: model2,
@@ -18629,10 +19487,8 @@ function App({
     if (curLen > prevLen && scrollTargetRef.current > 0) {
       const cols = stdout4?.columns ?? 80;
       let deltaRows = 0;
-      for (let i = prevLen; i < curLen; i++) {
-        for (const it of eventToItems(historical[i], void 0, cols)) {
-          deltaRows += it.kind === "row" ? 1 : it.rows;
-        }
+      for (const a of eventsToAtoms(historical.slice(prevLen, curLen), void 0, cols)) {
+        deltaRows += a.kind === "frame" ? a.frame.rows.length : a.rows;
       }
       if (deltaRows > 0) {
         scrollTargetRef.current += deltaRows;
@@ -18721,6 +19577,10 @@ function App({
     setPendingTick((t2) => t2 + 1);
   }, []);
   const [editMode, setEditMode] = useState10(() => codeMode ? loadEditMode() : "review");
+  const [preset2, setPreset] = useState10(() => {
+    if (model2 === "deepseek-v4-pro") return "pro";
+    return "auto";
+  });
   const editModeRef = useRef6(editMode);
   useEffect7(() => {
     editModeRef.current = editMode;
@@ -19558,6 +20418,8 @@ function App({
             autoEscalate: settings.autoEscalate,
             reasoningEffort: settings.reasoningEffort
           });
+          const canonical = settings.model === "deepseek-v4-pro" ? "pro" : settings.autoEscalate ? "auto" : "flash";
+          setPreset(canonical);
         },
         applyEffortLive: (effort2) => {
           loop2.configure({ reasoningEffort: effort2 });
@@ -19589,13 +20451,13 @@ function App({
             eventSubscribersRef.current.delete(handler);
           };
         },
-        submitPrompt: (text) => {
+        submitPrompt: (text2) => {
           if (busyRef.current) {
             return { accepted: false, reason: "loop is busy with a turn" };
           }
           const fn = handleSubmitRef.current;
           if (!fn) return { accepted: false, reason: "TUI not ready" };
-          fn(text).catch(() => void 0);
+          fn(text2).catch(() => void 0);
           return { accepted: true };
         },
         abortTurn: () => {
@@ -19696,13 +20558,13 @@ function App({
           const fn = handleChoiceConfirmRef.current;
           if (fn) fn(choice).catch(() => void 0);
         },
-        resolvePlanConfirm: (choice, text) => {
+        resolvePlanConfirm: (choice, text2) => {
           if (choice === "cancel") {
             handlePlanConfirmRef.current("cancel").catch(() => void 0);
             return;
           }
           const plan2 = pendingPlanRef.current ?? "";
-          handleStagedInputSubmitRef.current(text ?? "", { plan: plan2, mode: choice }).catch(() => void 0);
+          handleStagedInputSubmitRef.current(text2 ?? "", { plan: plan2, mode: choice }).catch(() => void 0);
         },
         resolveEditReview: (choice) => {
           const resolve15 = editReviewResolveRef.current;
@@ -19715,12 +20577,12 @@ function App({
         resolveWorkspaceConfirm: (choice) => {
           handleWorkspaceConfirmRef.current(choice).catch(() => void 0);
         },
-        resolveCheckpointConfirm: (choice, text) => {
-          if (choice === "revise" && typeof text === "string") {
+        resolveCheckpointConfirm: (choice, text2) => {
+          if (choice === "revise" && typeof text2 === "string") {
             const snap = pendingCheckpoint;
             setPendingCheckpoint(null);
             if (!snap) return;
-            handleCheckpointReviseSubmitRef.current(text, snap).catch(() => void 0);
+            handleCheckpointReviseSubmitRef.current(text2, snap).catch(() => void 0);
             return;
           }
           handleCheckpointConfirmRef.current(choice).catch(() => void 0);
@@ -19849,8 +20711,8 @@ function App({
   }, []);
   const handleSubmit2 = useCallback4(
     async (raw) => {
-      let text = raw.trim();
-      if (!text) return;
+      let text2 = raw.trim();
+      if (!text2) return;
       if (activeLoopRef.current && !loopFiringRef.current) {
         stopLoop();
       }
@@ -19870,28 +20732,28 @@ function App({
           return;
         }
       }
-      if (text.startsWith("/") && !text.includes(" ")) {
-        const typed = text.slice(1).toLowerCase();
+      if (text2.startsWith("/") && !text2.includes(" ")) {
+        const typed = text2.slice(1).toLowerCase();
         const matches = suggestSlashCommands(typed, !!codeMode);
         const exact = matches.find((m) => m.cmd === typed);
         if (!exact && matches.length > 0) {
           const chosen = matches[slashSelected] ?? matches[0];
-          if (chosen) text = `/${chosen.cmd}`;
+          if (chosen) text2 = `/${chosen.cmd}`;
         }
       }
       setInput("");
       historyCursor.current = -1;
-      if (codeMode && pendingEdits.current.length > 0 && (text === "y" || text === "n")) {
-        const out = text === "y" ? codeApply() : codeDiscard();
+      if (codeMode && pendingEdits.current.length > 0 && (text2 === "y" || text2 === "n")) {
+        const out = text2 === "y" ? codeApply() : codeDiscard();
         setHistorical((prev) => [...prev, { id: `sys-${Date.now()}`, role: "info", text: out }]);
-        promptHistory.current.push(text);
+        promptHistory.current.push(text2);
         return;
       }
-      const hashParse = detectHashMemory(text);
+      const hashParse = detectHashMemory(text2);
       if (hashParse?.kind === "memory" || hashParse?.kind === "memory-global") {
         const isGlobal = hashParse.kind === "memory-global";
         const memRoot = currentRootDir;
-        promptHistory.current.push(text);
+        promptHistory.current.push(text2);
         try {
           const result = isGlobal ? appendGlobalMemory(hashParse.note) : appendProjectMemory(memRoot, hashParse.note);
           const verb = result.created ? "created" : "appended to";
@@ -19917,18 +20779,18 @@ function App({
         return;
       }
       if (hashParse?.kind === "escape") {
-        text = hashParse.text;
+        text2 = hashParse.text;
       }
-      const bangCmd = detectBangCommand(text);
+      const bangCmd = detectBangCommand(text2);
       if (bangCmd !== null) {
         const bangRoot = currentRootDir;
-        promptHistory.current.push(text);
+        promptHistory.current.push(text2);
         setHistorical((prev) => [
           ...prev,
           {
             id: `bang-u-${Date.now()}`,
             role: "user",
-            text,
+            text: text2,
             leadSeparator: prev.length > 0
           }
         ]);
@@ -19962,19 +20824,19 @@ function App({
         }
         return;
       }
-      const mcpBrowseMatch = /^\/(resource|prompt)(?:\s+([\s\S]*))?$/.exec(text);
+      const mcpBrowseMatch = /^\/(resource|prompt)(?:\s+([\s\S]*))?$/.exec(text2);
       if (mcpBrowseMatch) {
         const kind = mcpBrowseMatch[1];
         const arg = mcpBrowseMatch[2]?.trim() ?? "";
-        promptHistory.current.push(text);
+        promptHistory.current.push(text2);
         setHistorical((prev) => [
           ...prev,
-          { id: `mcp-u-${Date.now()}`, role: "user", text, leadSeparator: prev.length > 0 }
+          { id: `mcp-u-${Date.now()}`, role: "user", text: text2, leadSeparator: prev.length > 0 }
         ]);
         await handleMcpBrowseSlash(kind, arg, mcpServers ?? [], setHistorical);
         return;
       }
-      const slash = parseSlash(text);
+      const slash = parseSlash(text2);
       if (slash) {
         const result = handleSlash(slash.cmd, slash.args, loop2, {
           mcpSpecs,
@@ -20014,9 +20876,9 @@ function App({
           stopDashboard,
           getDashboardUrl,
           jobs: codeMode?.jobs,
-          postInfo: (text2) => setHistorical((prev) => [
+          postInfo: (text3) => setHistorical((prev) => [
             ...prev,
-            { id: `sys-late-${Date.now()}-${Math.random()}`, role: "info", text: text2 }
+            { id: `sys-late-${Date.now()}-${Math.random()}`, role: "info", text: text3 }
           ]),
           reloadHooks: () => {
             const fresh = loadHooks({ projectRoot: codeMode ? currentRootDir : void 0 });
@@ -20106,16 +20968,16 @@ function App({
           ]);
         }
         if (result.resubmit) {
-          text = result.resubmit;
+          text2 = result.resubmit;
         } else {
-          promptHistory.current.push(text);
+          promptHistory.current.push(text2);
           return;
         }
       }
       if (hookList.some((h) => h.event === "UserPromptSubmit")) {
         const promptReport = await runHooks({
           hooks: hookList,
-          payload: { event: "UserPromptSubmit", cwd: currentRootDir, prompt: text }
+          payload: { event: "UserPromptSubmit", cwd: currentRootDir, prompt: text2 }
         });
         if (promptReport.outcomes.length > 0) {
           setHistorical((prev) => [
@@ -20129,8 +20991,8 @@ function App({
         }
         if (promptReport.blocked) return;
       }
-      promptHistory.current.push(text);
-      const pasteDisplay = formatLongPaste(text);
+      promptHistory.current.push(text2);
+      const pasteDisplay = formatLongPaste(text2);
       setHistorical((prev) => [
         ...prev,
         // `leadSeparator`: thin rule above this user turn when history
@@ -20145,7 +21007,7 @@ function App({
         }
       ]);
       const userId = `u-${Date.now()}`;
-      broadcastDashboardEvent({ kind: "user", id: userId, text });
+      broadcastDashboardEvent({ kind: "user", id: userId, text: text2 });
       const assistantId = `a-${Date.now()}`;
       const streamRef = { id: assistantId, text: "", reasoning: "" };
       const contentBuf = { current: "" };
@@ -20184,9 +21046,9 @@ function App({
         });
       };
       const timer = PLAIN_UI ? null : setInterval(flush, FLUSH_INTERVAL_MS);
-      let modelInput = text;
+      let modelInput = text2;
       if (codeMode) {
-        const expanded = expandAtMentions(text, currentRootDir);
+        const expanded = expandAtMentions(text2, currentRootDir);
         if (expanded.expansions.length > 0) {
           modelInput = expanded.text;
           const inlined = expanded.expansions.filter((ex) => ex.ok).map((ex) => `${ex.path} (${(ex.bytes ?? 0).toLocaleString()} bytes)`);
@@ -20202,7 +21064,7 @@ function App({
           }
         }
       }
-      if (/(?:^|\s)@https?:\/\//.test(text)) {
+      if (/(?:^|\s)@https?:\/\//.test(text2)) {
         try {
           const urlExpanded = await expandAtUrls(modelInput, {
             fetcher: webFetch,
@@ -20797,9 +21659,9 @@ ${body}`;
   );
   useEffect7(() => {
     if (!busy && queuedSubmit !== null) {
-      const text = queuedSubmit;
+      const text2 = queuedSubmit;
       setQueuedSubmit(null);
-      void handleSubmit2(text);
+      void handleSubmit2(text2);
     }
   }, [busy, queuedSubmit, handleSubmit2]);
   const handleWorkspaceConfirm = useCallback4(
@@ -21166,7 +22028,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
     async (choice) => handleReviseConfirmRef.current(choice),
     []
   );
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
     TickerProvider,
     {
       disabled: PLAIN_UI || isResizing || !!pendingPlan || !!pendingShell || !!pendingWorkspace || !!pendingEditReview || walkthroughActive || !!pendingCheckpoint || !!stagedCheckpointRevise || !!pendingChoice || !!stagedChoiceCustom || !!pendingRevision || // Idle gate: when nothing is actively happening, suspend the
@@ -21179,44 +22041,40 @@ Continue executing from the next pending step. Call mark_step_complete after eac
       // changes (incoming stream, key press, modal popup).
       !busy && !streaming
     },
-    /* @__PURE__ */ React27.createElement(
-      Box25,
+    /* @__PURE__ */ React28.createElement(
+      Box26,
       {
         flexDirection: "column",
         height: stdout4?.rows ?? 30,
         width: stdout4?.columns ?? 80,
         overflow: "hidden"
       },
-      /* @__PURE__ */ React27.createElement(
-        StatsPanel,
+      /* @__PURE__ */ React28.createElement(
+        ChromeBar,
         {
           summary,
-          model: loop2.model,
-          prefixHash,
-          harvestOn: loop2.harvestEnabled,
-          branchBudget: loop2.branchOptions.budget,
-          reasoningEffort: loop2.reasoningEffort,
           planMode,
-          editMode: codeMode ? editMode : void 0,
+          preset: preset2,
           balance,
-          busy,
           updateAvailable,
           proArmed,
           escalated: turnOnPro,
           budgetUsd: loop2.budgetUsd,
           rootDir: codeMode ? currentRootDir : void 0,
-          sessionName: session ?? null
+          sessionName: session ?? null,
+          scrollRatio: scrollMaxRowsRef.current > 0 ? logScrollOffset / scrollMaxRowsRef.current : 0
         }
       ),
-      /* @__PURE__ */ React27.createElement(
-        Box25,
+      /* @__PURE__ */ React28.createElement(
+        Box26,
         {
-          flexDirection: "row",
+          flexDirection: "column",
+          flexGrow: 1,
           height: pendingShell || pendingWorkspace || pendingPlan || pendingEditReview || pendingCheckpoint || stagedCheckpointRevise || stagedInput || stagedChoiceCustom || pendingChoice || pendingRevision || walkthroughActive ? 0 : Math.max(5, (stdout4?.rows ?? 30) - 9),
           overflow: "hidden"
         },
-        /* @__PURE__ */ React27.createElement(Box25, { flexDirection: "column", flexGrow: 1, overflow: "hidden" }, /* @__PURE__ */ React27.createElement(
-          Box25,
+        /* @__PURE__ */ React28.createElement(Box26, { flexDirection: "column", flexGrow: 1, overflow: "hidden" }, /* @__PURE__ */ React28.createElement(
+          Box26,
           {
             flexDirection: "column",
             flexGrow: 1,
@@ -21224,55 +22082,56 @@ Continue executing from the next pending step. Call mark_step_complete after eac
             overflow: "hidden"
           },
           (() => {
-            const reservedRows = 10;
-            const available = Math.max(8, (stdout4?.rows ?? 30) - reservedRows);
+            const logHeight = Math.max(5, (stdout4?.rows ?? 30) - 9);
+            const available = Math.max(4, logHeight - (logScrollOffset > 0 ? 1 : 0));
             const cols = stdout4?.columns ?? 80;
-            const items = historical.flatMap((e) => eventToItems(e, currentRootDir, cols));
-            const slice = sliceLogItems(items, available, logScrollOffset);
-            scrollMaxRowsRef.current = slice.maxScrollRows;
-            lastTotalRowsRef.current = slice.totalRows;
-            return /* @__PURE__ */ React27.createElement(React27.Fragment, null, slice.items.map(renderLogItem));
+            const atoms = eventsToAtoms(historical, currentRootDir, cols);
+            const v = viewportLog(atoms, logScrollOffset, available);
+            scrollMaxRowsRef.current = v.maxScrollRows;
+            lastTotalRowsRef.current = v.totalRows;
+            return renderViewport(v);
           })(),
-          !historical.some((e) => e.role === "user" || e.role === "assistant") && !busy && !streaming ? /* @__PURE__ */ React27.createElement(WelcomeBanner, { inCodeMode: !!codeMode, dashboardUrl }) : null,
-          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && streaming ? /* @__PURE__ */ React27.createElement(Box25, { marginY: 1 }, /* @__PURE__ */ React27.createElement(EventRow, { event: streaming, projectRoot: currentRootDir })) : null,
-          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && ongoingTool ? /* @__PURE__ */ React27.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null,
-          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && subagentActivity ? /* @__PURE__ */ React27.createElement(SubagentRow, { activity: subagentActivity }) : null,
-          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !ongoingTool && statusLine ? /* @__PURE__ */ React27.createElement(StatusRow, { text: statusLine }) : null,
-          !PLAIN_UI && undoBanner && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !pendingChoice && !stagedChoiceCustom && !pendingRevision ? /* @__PURE__ */ React27.createElement(UndoBanner, { banner: undoBanner }) : null,
-          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && busy && !streaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React27.createElement(StatusRow, { text: "processing\u2026" }) : null
-        ), /* @__PURE__ */ React27.createElement(BottomHint, { rowsBelow: logScrollOffset })),
-        /* @__PURE__ */ React27.createElement(
-          ScrollBar,
+          !historical.some((e) => e.role === "user" || e.role === "assistant") && !busy && !streaming ? /* @__PURE__ */ React28.createElement(WelcomeBanner, { inCodeMode: !!codeMode, dashboardUrl }) : null,
+          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && streaming ? /* @__PURE__ */ React28.createElement(Box26, { marginY: 1 }, /* @__PURE__ */ React28.createElement(EventRow, { event: streaming, projectRoot: currentRootDir })) : null,
+          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && ongoingTool ? /* @__PURE__ */ React28.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null,
+          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && subagentActivity ? /* @__PURE__ */ React28.createElement(SubagentRow, { activity: subagentActivity }) : null,
+          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !ongoingTool && statusLine ? /* @__PURE__ */ React28.createElement(StatusRow, { text: statusLine }) : null,
+          !PLAIN_UI && undoBanner && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !pendingChoice && !stagedChoiceCustom && !pendingRevision ? /* @__PURE__ */ React28.createElement(UndoBanner, { banner: undoBanner }) : null,
+          !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && busy && !streaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React28.createElement(StatusRow, { text: "processing\u2026" }) : null
+        ), /* @__PURE__ */ React28.createElement(
+          BottomHint,
           {
-            height: Math.max(5, (stdout4?.rows ?? 30) - 9),
+            rowsBelow: logScrollOffset,
             totalRows: lastTotalRowsRef.current,
-            viewportRows: Math.max(8, (stdout4?.rows ?? 30) - 10),
-            scrollOffsetRows: logScrollOffset
+            viewportRows: Math.max(
+              4,
+              Math.max(5, (stdout4?.rows ?? 30) - 9) - (logScrollOffset > 0 ? 1 : 0)
+            )
           }
-        )
+        ))
       ),
-      stagedInput ? /* @__PURE__ */ React27.createElement(
+      stagedInput ? /* @__PURE__ */ React28.createElement(
         PlanRefineInput,
         {
           mode: stagedInput.mode,
           onSubmit: handleStagedInputSubmit,
           onCancel: handleStagedInputCancel
         }
-      ) : stagedCheckpointRevise ? /* @__PURE__ */ React27.createElement(
+      ) : stagedCheckpointRevise ? /* @__PURE__ */ React28.createElement(
         PlanRefineInput,
         {
           mode: "checkpoint-revise",
           onSubmit: handleCheckpointReviseSubmit,
           onCancel: handleCheckpointReviseCancel
         }
-      ) : stagedChoiceCustom ? /* @__PURE__ */ React27.createElement(
+      ) : stagedChoiceCustom ? /* @__PURE__ */ React28.createElement(
         PlanRefineInput,
         {
           mode: "choice-custom",
           onSubmit: handleChoiceCustomSubmit,
           onCancel: handleChoiceCustomCancel
         }
-      ) : pendingChoice ? /* @__PURE__ */ React27.createElement(
+      ) : pendingChoice ? /* @__PURE__ */ React28.createElement(
         ChoiceConfirm,
         {
           question: pendingChoice.question,
@@ -21280,7 +22139,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           allowCustom: pendingChoice.allowCustom,
           onChoose: stableHandleChoiceConfirm
         }
-      ) : pendingRevision ? /* @__PURE__ */ React27.createElement(
+      ) : pendingRevision ? /* @__PURE__ */ React28.createElement(
         PlanReviseConfirm,
         {
           reason: pendingRevision.reason,
@@ -21291,7 +22150,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           summary: pendingRevision.summary,
           onChoose: stableHandleReviseConfirm
         }
-      ) : pendingCheckpoint ? /* @__PURE__ */ React27.createElement(
+      ) : pendingCheckpoint ? /* @__PURE__ */ React28.createElement(
         PlanCheckpointConfirm,
         {
           stepId: pendingCheckpoint.stepId,
@@ -21302,7 +22161,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           completedStepIds: completedStepIdsRef.current,
           onChoose: stableHandleCheckpointConfirm
         }
-      ) : pendingPlan ? /* @__PURE__ */ React27.createElement(
+      ) : pendingPlan ? /* @__PURE__ */ React28.createElement(
         PlanConfirm,
         {
           plan: pendingPlan,
@@ -21311,7 +22170,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           onChoose: stableHandlePlanConfirm,
           projectRoot: currentRootDir
         }
-      ) : pendingShell ? /* @__PURE__ */ React27.createElement(
+      ) : pendingShell ? /* @__PURE__ */ React28.createElement(
         ShellConfirm,
         {
           command: pendingShell.command,
@@ -21319,7 +22178,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           kind: pendingShell.kind,
           onChoose: handleShellConfirm
         }
-      ) : pendingWorkspace ? /* @__PURE__ */ React27.createElement(
+      ) : pendingWorkspace ? /* @__PURE__ */ React28.createElement(
         WorkspaceConfirm,
         {
           path: pendingWorkspace.path,
@@ -21327,7 +22186,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           mcpServerCount: mcpServers?.length ?? 0,
           onChoose: handleWorkspaceConfirm
         }
-      ) : pendingEditReview ? /* @__PURE__ */ React27.createElement(
+      ) : pendingEditReview ? /* @__PURE__ */ React28.createElement(
         EditConfirm,
         {
           block: pendingEditReview,
@@ -21339,14 +22198,14 @@ Continue executing from the next pending step. Call mark_step_complete after eac
             }
           }
         }
-      ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React27.createElement(
+      ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React28.createElement(
         EditConfirm,
         {
           key: `walk-${pendingTick}`,
           block: pendingEdits.current[0],
           onChoose: handleWalkChoice
         }
-      ) : /* @__PURE__ */ React27.createElement(React27.Fragment, null, codeMode ? /* @__PURE__ */ React27.createElement(
+      ) : /* @__PURE__ */ React28.createElement(React28.Fragment, null, codeMode ? /* @__PURE__ */ React28.createElement(
         ModeStatusBar,
         {
           editMode,
@@ -21356,7 +22215,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           undoArmed: !!undoBanner || hasUndoable(),
           jobs: codeMode.jobs
         }
-      ) : null, activeLoop ? /* @__PURE__ */ React27.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React27.createElement(
+      ) : null, activeLoop ? /* @__PURE__ */ React28.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React28.createElement(
         PromptInput,
         {
           value: input,
@@ -21366,14 +22225,14 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           onHistoryPrev: recallPrev,
           onHistoryNext: recallNext
         }
-      ), /* @__PURE__ */ React27.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React28.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React28.createElement(
         AtMentionSuggestions,
         {
           matches: atMatches,
           selectedIndex: atSelected,
           query: atPicker?.query ?? ""
         }
-      ), slashArgContext ? /* @__PURE__ */ React27.createElement(
+      ), slashArgContext ? /* @__PURE__ */ React28.createElement(
         SlashArgPicker,
         {
           matches: slashArgMatches,
@@ -21388,15 +22247,15 @@ Continue executing from the next pending step. Call mark_step_complete after eac
 }
 
 // src/cli/ui/SessionPicker.tsx
-import { Box as Box26, Text as Text24 } from "ink";
-import React28 from "react";
+import { Box as Box27, Text as Text25 } from "ink";
+import React29 from "react";
 function SessionPicker({
   sessionName,
   messageCount,
   lastActive,
   onChoose
 }) {
-  return /* @__PURE__ */ React28.createElement(Box26, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React28.createElement(Box26, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.brand, bold: true }, GLYPH.brand), /* @__PURE__ */ React28.createElement(Text24, null, "  "), /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.primary, bold: true }, `"${sessionName}"`), /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, ` has ${messageCount} prior message${messageCount === 1 ? "" : "s"}`), /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, ` \xB7 last active ${relativeTime2(lastActive)}`)), /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(Box27, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React29.createElement(Box27, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.brand, bold: true }, GLYPH.brand), /* @__PURE__ */ React29.createElement(Text25, null, "  "), /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.primary, bold: true }, `"${sessionName}"`), /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, ` has ${messageCount} prior message${messageCount === 1 ? "" : "s"}`), /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, ` \xB7 last active ${relativeTime2(lastActive)}`)), /* @__PURE__ */ React29.createElement(
     SingleSelect,
     {
       initialValue: "new",
@@ -21419,7 +22278,7 @@ function SessionPicker({
       ],
       onSubmit: (v) => onChoose(v)
     }
-  ), /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "  \u2191\u2193 navigate \xB7 \u23CE select")));
+  ), /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, "  \u2191\u2193 navigate \xB7 \u23CE select")));
 }
 function relativeTime2(date) {
   const ms = Date.now() - date.getTime();
@@ -21435,9 +22294,9 @@ function relativeTime2(date) {
 }
 
 // src/cli/ui/Setup.tsx
-import { Box as Box27, Text as Text25, useApp } from "ink";
+import { Box as Box28, Text as Text26, useApp } from "ink";
 import TextInput from "ink-text-input";
-import React29, { useState as useState11 } from "react";
+import React30, { useState as useState11 } from "react";
 function Setup({ onReady }) {
   const [value, setValue] = useState11("");
   const [error, setError] = useState11(null);
@@ -21461,7 +22320,7 @@ function Setup({ onReady }) {
     }
     onReady(trimmed);
   };
-  return /* @__PURE__ */ React29.createElement(Box27, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React29.createElement(Box27, null, /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: GRADIENT[0] }, GLYPH.brand), /* @__PURE__ */ React29.createElement(Text25, null, "  "), /* @__PURE__ */ React29.createElement(Text25, { bold: true }, "Welcome to "), /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: GRADIENT[2] }, "REASONIX")), /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.info }, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React29.createElement(Box27, null, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, "  free credit on signup \xB7 "), /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.primary }, "https://platform.deepseek.com/api_keys")), /* @__PURE__ */ React29.createElement(Box27, null, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, "  saved to "), /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, defaultConfigPath())), /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: COLOR.brand }, GLYPH.bar), /* @__PURE__ */ React29.createElement(Text25, { bold: true, color: COLOR.primary }, " \u203A "), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(Box28, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React30.createElement(Box28, null, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: GRADIENT[0] }, GLYPH.brand), /* @__PURE__ */ React30.createElement(Text26, null, "  "), /* @__PURE__ */ React30.createElement(Text26, { bold: true }, "Welcome to "), /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: GRADIENT[2] }, "REASONIX")), /* @__PURE__ */ React30.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text26, { color: COLOR.info }, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React30.createElement(Box28, null, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "  free credit on signup \xB7 "), /* @__PURE__ */ React30.createElement(Text26, { color: COLOR.primary }, "https://platform.deepseek.com/api_keys")), /* @__PURE__ */ React30.createElement(Box28, null, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "  saved to "), /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, defaultConfigPath())), /* @__PURE__ */ React30.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: COLOR.brand }, GLYPH.bar), /* @__PURE__ */ React30.createElement(Text26, { bold: true, color: COLOR.primary }, " \u203A "), /* @__PURE__ */ React30.createElement(
     TextInput,
     {
       value,
@@ -21470,7 +22329,7 @@ function Setup({ onReady }) {
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.err, bold: true }, GLYPH.err), /* @__PURE__ */ React29.createElement(Text25, { color: COLOR.err }, `  ${error}`)) : value ? /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, `  preview \xB7 ${redactKey(value)}`)) : null, /* @__PURE__ */ React29.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text25, { dimColor: true }, "  /exit to abort")));
+  )), error ? /* @__PURE__ */ React30.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text26, { color: COLOR.err, bold: true }, GLYPH.err), /* @__PURE__ */ React30.createElement(Text26, { color: COLOR.err }, `  ${error}`)) : value ? /* @__PURE__ */ React30.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, `  preview \xB7 ${redactKey(value)}`)) : null, /* @__PURE__ */ React30.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text26, { dimColor: true }, "  /exit to abort")));
 }
 
 // src/cli/commands/chat.tsx
@@ -21486,7 +22345,7 @@ function Root({
   const [key, setKey] = useState12(initialKey);
   const [pending, setPending] = useState12(sessionPreview);
   if (!key) {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(
       Setup,
       {
         onReady: (k) => {
@@ -21498,7 +22357,7 @@ function Root({
   }
   process.env.DEEPSEEK_API_KEY = key;
   if (pending && appProps.session) {
-    return /* @__PURE__ */ React30.createElement(KeystrokeProvider, null, /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(KeystrokeProvider, null, /* @__PURE__ */ React31.createElement(
       SessionPicker,
       {
         sessionName: appProps.session,
@@ -21513,7 +22372,7 @@ function Root({
       }
     ));
   }
-  return /* @__PURE__ */ React30.createElement(KeystrokeProvider, null, /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(KeystrokeProvider, null, /* @__PURE__ */ React31.createElement(
     App,
     {
       model: appProps.model,
@@ -21620,7 +22479,7 @@ async function chatCommand(opts) {
     rewriteSession(opts.session, []);
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement(
       Root,
       {
         initialKey,
@@ -21973,35 +22832,35 @@ async function commitCommand(opts = {}) {
 import { writeFileSync as writeFileSync15 } from "fs";
 import { basename as basename4 } from "path";
 import { render as render2 } from "ink";
-import React33 from "react";
+import React34 from "react";
 
 // src/cli/ui/DiffApp.tsx
-import { Box as Box29, Static, Text as Text27, useApp as useApp2, useInput } from "ink";
-import React32, { useState as useState13 } from "react";
+import { Box as Box30, Static, Text as Text28, useApp as useApp2, useInput } from "ink";
+import React33, { useState as useState13 } from "react";
 
 // src/cli/ui/RecordView.tsx
-import { Box as Box28, Text as Text26 } from "ink";
-import React31 from "react";
+import { Box as Box29, Text as Text27 } from "ink";
+import React32 from "react";
 function RecordView({ rec, compact: compact2 = false }) {
   const toolArgsMax = compact2 ? 120 : 200;
   const toolContentMax = compact2 ? 200 : 400;
   if (rec.role === "user") {
     const content = rec.content.includes("\n") ? rec.content.split("\n").join("\n      ") : rec.content;
-    return /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React31.createElement(Text26, null, content));
+    return /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text27, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React32.createElement(Text27, null, content));
   }
   if (rec.role === "assistant_final") {
-    return /* @__PURE__ */ React31.createElement(Box28, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React31.createElement(Box28, null, /* @__PURE__ */ React31.createElement(Text26, { bold: true, color: "green" }, "assistant"), rec.cost !== void 0 ? /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "  $", rec.cost.toFixed(6)) : null, rec.usage ? /* @__PURE__ */ React31.createElement(CacheBadge, { usage: rec.usage }) : null), rec.planState ? /* @__PURE__ */ React31.createElement(PlanStateBlock, { planState: rec.planState }) : null, rec.content ? /* @__PURE__ */ React31.createElement(Text26, null, rec.content) : /* @__PURE__ */ React31.createElement(Text26, { dimColor: true, italic: true }, "(tool-call response only)"));
+    return /* @__PURE__ */ React32.createElement(Box29, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React32.createElement(Box29, null, /* @__PURE__ */ React32.createElement(Text27, { bold: true, color: "green" }, "assistant"), rec.cost !== void 0 ? /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "  $", rec.cost.toFixed(6)) : null, rec.usage ? /* @__PURE__ */ React32.createElement(CacheBadge, { usage: rec.usage }) : null), rec.planState ? /* @__PURE__ */ React32.createElement(PlanStateBlock, { planState: rec.planState }) : null, rec.content ? /* @__PURE__ */ React32.createElement(Text27, null, rec.content) : /* @__PURE__ */ React32.createElement(Text27, { dimColor: true, italic: true }, "(tool-call response only)"));
   }
   if (rec.role === "tool") {
-    return /* @__PURE__ */ React31.createElement(Box28, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { color: "yellow" }, "tool<", rec.tool ?? "?", ">"), rec.args ? /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "  args: ", truncate2(rec.args, toolArgsMax)) : null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "  \u2192 ", truncate2(rec.content, toolContentMax)));
+    return /* @__PURE__ */ React32.createElement(Box29, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text27, { color: "yellow" }, "tool<", rec.tool ?? "?", ">"), rec.args ? /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "  args: ", truncate2(rec.args, toolArgsMax)) : null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "  \u2192 ", truncate2(rec.content, toolContentMax)));
   }
   if (rec.role === "error") {
-    return /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { color: "red", bold: true }, "error", " "), /* @__PURE__ */ React31.createElement(Text26, { color: "red" }, rec.error ?? rec.content));
+    return /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text27, { color: "red", bold: true }, "error", " "), /* @__PURE__ */ React32.createElement(Text27, { color: "red" }, rec.error ?? rec.content));
   }
   if (rec.role === "done" || rec.role === "assistant_delta") {
     return null;
   }
-  return /* @__PURE__ */ React31.createElement(Box28, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "[", rec.role, "] ", rec.content));
+  return /* @__PURE__ */ React32.createElement(Box29, null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "[", rec.role, "] ", rec.content));
 }
 function CacheBadge({ usage }) {
   const hit = usage.prompt_cache_hit_tokens ?? 0;
@@ -22010,7 +22869,7 @@ function CacheBadge({ usage }) {
   if (total === 0) return null;
   const pct2 = hit / total * 100;
   const color2 = pct2 >= 70 ? "green" : pct2 >= 40 ? "yellow" : "red";
-  return /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React31.createElement(Text26, { color: color2 }, pct2.toFixed(1), "%"));
+  return /* @__PURE__ */ React32.createElement(Text27, null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React32.createElement(Text27, { color: color2 }, pct2.toFixed(1), "%"));
 }
 function truncate2(s, max) {
   return s.length <= max ? s : `${s.slice(0, max)}\u2026 (+${s.length - max} chars)`;
@@ -22044,7 +22903,7 @@ function DiffApp({ report }) {
     }
   });
   const pair = report.pairs[idx];
-  return /* @__PURE__ */ React32.createElement(Box29, { flexDirection: "column" }, /* @__PURE__ */ React32.createElement(DiffHeader, { report }), /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1, paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React32.createElement(Text27, { color: "cyan", bold: true }, "turn ", pair?.turn ?? "?", " (", idx + 1, " / ", report.pairs.length, ")"), /* @__PURE__ */ React32.createElement(Text27, null, pair ? /* @__PURE__ */ React32.createElement(KindBadge, { kind: pair.kind }) : null)), /* @__PURE__ */ React32.createElement(Box29, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React32.createElement(Pane, { label: report.a.label, headerColor: "blue", records: paneRecords(pair, "a") }), /* @__PURE__ */ React32.createElement(Pane, { label: report.b.label, headerColor: "magenta", records: paneRecords(pair, "b") })), pair?.divergenceNote ? /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React32.createElement(Text27, { color: "yellow" }, "\u2605 "), /* @__PURE__ */ React32.createElement(Text27, null, pair.divergenceNote)) : null, /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "j"), "/", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "\u2193"), " next \xB7 ", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "k"), "/", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "\u2191"), " ", "prev \xB7 ", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "n"), " next-diverge \xB7 ", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "N"), "/", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "p"), " ", "prev-diverge \xB7 ", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "g"), "/", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "G"), " first/last \xB7 ", /* @__PURE__ */ React32.createElement(Text27, { bold: true }, "q"), " ", "quit")));
+  return /* @__PURE__ */ React33.createElement(Box30, { flexDirection: "column" }, /* @__PURE__ */ React33.createElement(DiffHeader, { report }), /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1, paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React33.createElement(Text28, { color: "cyan", bold: true }, "turn ", pair?.turn ?? "?", " (", idx + 1, " / ", report.pairs.length, ")"), /* @__PURE__ */ React33.createElement(Text28, null, pair ? /* @__PURE__ */ React33.createElement(KindBadge, { kind: pair.kind }) : null)), /* @__PURE__ */ React33.createElement(Box30, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React33.createElement(Pane, { label: report.a.label, headerColor: "blue", records: paneRecords(pair, "a") }), /* @__PURE__ */ React33.createElement(Pane, { label: report.b.label, headerColor: "magenta", records: paneRecords(pair, "b") })), pair?.divergenceNote ? /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React33.createElement(Text28, { color: "yellow" }, "\u2605 "), /* @__PURE__ */ React33.createElement(Text28, null, pair.divergenceNote)) : null, /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "j"), "/", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "\u2193"), " next \xB7 ", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "k"), "/", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "\u2191"), " ", "prev \xB7 ", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "n"), " next-diverge \xB7 ", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "N"), "/", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "p"), " ", "prev-diverge \xB7 ", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "g"), "/", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "G"), " first/last \xB7 ", /* @__PURE__ */ React33.createElement(Text28, { bold: true }, "q"), " ", "quit")));
 }
 function DiffHeader({ report }) {
   const a = report.a;
@@ -22062,15 +22921,15 @@ function DiffHeader({ report }) {
   } else if (a.stats.prefixHashes[0] && a.stats.prefixHashes[0] === b.stats.prefixHashes[0]) {
     prefixLine = `shared prefix hash ${a.stats.prefixHashes[0].slice(0, 12)}\u2026 \u2014 cache delta attributable to log stability, not prompt change.`;
   }
-  return /* @__PURE__ */ React32.createElement(Box29, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React32.createElement(Box29, { justifyContent: "space-between" }, /* @__PURE__ */ React32.createElement(Text27, null, /* @__PURE__ */ React32.createElement(Text27, { color: "cyan", bold: true }, "reasonix diff"), /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, " \xB7 A="), /* @__PURE__ */ React32.createElement(Text27, { color: "blue" }, a.label), /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, " vs B="), /* @__PURE__ */ React32.createElement(Text27, { color: "magenta" }, b.label)), /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, report.pairs.length, " turns aligned")), /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React32.createElement(Text27, null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "cache "), /* @__PURE__ */ React32.createElement(Text27, null, (a.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React32.createElement(Text27, null, (b.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React32.createElement(Text27, { color: cacheDelta >= 0 ? "green" : "red", bold: true }, "  ", cacheDelta >= 0 ? "+" : "", (cacheDelta * 100).toFixed(1), "pp")), /* @__PURE__ */ React32.createElement(Text27, null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "cost "), /* @__PURE__ */ React32.createElement(Text27, null, "$", a.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React32.createElement(Text27, null, "$", b.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React32.createElement(Text27, { color: costDelta2 <= 0 ? "green" : "red", bold: true }, "  ", costDelta2 >= 0 ? "+" : "", costDelta2.toFixed(1), "%")), /* @__PURE__ */ React32.createElement(Text27, null, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true }, "model calls "), /* @__PURE__ */ React32.createElement(Text27, null, a.stats.turns, " \u2192 ", b.stats.turns))), prefixLine ? /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true, italic: true }, prefixLine)) : null);
+  return /* @__PURE__ */ React33.createElement(Box30, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React33.createElement(Box30, { justifyContent: "space-between" }, /* @__PURE__ */ React33.createElement(Text28, null, /* @__PURE__ */ React33.createElement(Text28, { color: "cyan", bold: true }, "reasonix diff"), /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, " \xB7 A="), /* @__PURE__ */ React33.createElement(Text28, { color: "blue" }, a.label), /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, " vs B="), /* @__PURE__ */ React33.createElement(Text28, { color: "magenta" }, b.label)), /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, report.pairs.length, " turns aligned")), /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React33.createElement(Text28, null, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, "cache "), /* @__PURE__ */ React33.createElement(Text28, null, (a.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React33.createElement(Text28, null, (b.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React33.createElement(Text28, { color: cacheDelta >= 0 ? "green" : "red", bold: true }, "  ", cacheDelta >= 0 ? "+" : "", (cacheDelta * 100).toFixed(1), "pp")), /* @__PURE__ */ React33.createElement(Text28, null, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, "cost "), /* @__PURE__ */ React33.createElement(Text28, null, "$", a.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React33.createElement(Text28, null, "$", b.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React33.createElement(Text28, { color: costDelta2 <= 0 ? "green" : "red", bold: true }, "  ", costDelta2 >= 0 ? "+" : "", costDelta2.toFixed(1), "%")), /* @__PURE__ */ React33.createElement(Text28, null, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true }, "model calls "), /* @__PURE__ */ React33.createElement(Text28, null, a.stats.turns, " \u2192 ", b.stats.turns))), prefixLine ? /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true, italic: true }, prefixLine)) : null);
 }
 function Pane({
   label,
   headerColor,
   records
 }) {
-  return /* @__PURE__ */ React32.createElement(
-    Box29,
+  return /* @__PURE__ */ React33.createElement(
+    Box30,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -22078,21 +22937,21 @@ function Pane({
       borderStyle: "single",
       borderColor: headerColor
     },
-    /* @__PURE__ */ React32.createElement(Text27, { color: headerColor, bold: true }, label),
-    records.length === 0 ? /* @__PURE__ */ React32.createElement(Box29, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text27, { dimColor: true, italic: true }, "(no records on this side for this turn)")) : /* @__PURE__ */ React32.createElement(Static, { items: records.map((rec, i) => ({ key: `${label}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React32.createElement(RecordView, { key, rec, compact: true }))
+    /* @__PURE__ */ React33.createElement(Text28, { color: headerColor, bold: true }, label),
+    records.length === 0 ? /* @__PURE__ */ React33.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React33.createElement(Text28, { dimColor: true, italic: true }, "(no records on this side for this turn)")) : /* @__PURE__ */ React33.createElement(Static, { items: records.map((rec, i) => ({ key: `${label}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React33.createElement(RecordView, { key, rec, compact: true }))
   );
 }
 function KindBadge({ kind }) {
   if (kind === "match") {
-    return /* @__PURE__ */ React32.createElement(Text27, { color: "green" }, "\u2713 match");
+    return /* @__PURE__ */ React33.createElement(Text28, { color: "green" }, "\u2713 match");
   }
   if (kind === "diverge") {
-    return /* @__PURE__ */ React32.createElement(Text27, { color: "yellow" }, "\u2605 diverge");
+    return /* @__PURE__ */ React33.createElement(Text28, { color: "yellow" }, "\u2605 diverge");
   }
   if (kind === "only_in_a") {
-    return /* @__PURE__ */ React32.createElement(Text27, { color: "blue" }, "\u2190 only in A");
+    return /* @__PURE__ */ React33.createElement(Text28, { color: "blue" }, "\u2190 only in A");
   }
-  return /* @__PURE__ */ React32.createElement(Text27, { color: "magenta" }, "\u2192 only in B");
+  return /* @__PURE__ */ React33.createElement(Text28, { color: "magenta" }, "\u2192 only in B");
 }
 function paneRecords(pair, side) {
   if (!pair) return [];
@@ -22123,7 +22982,7 @@ markdown report written to ${opts.mdPath}`);
     return;
   }
   if (wantTui) {
-    const { waitUntilExit } = render2(React33.createElement(DiffApp, { report }), {
+    const { waitUntilExit } = render2(React34.createElement(DiffApp, { report }), {
       exitOnCtrlC: true,
       patchConsole: false
     });
@@ -22138,9 +22997,9 @@ import { existsSync as existsSync24, statSync as statSync14 } from "fs";
 import { homedir as homedir11 } from "os";
 import { dirname as dirname17, join as join23, resolve as resolve13 } from "path";
 var TTY = process.stdout.isTTY && process.env.TERM !== "dumb";
-function color(text, code) {
-  if (!TTY) return text;
-  return `\x1B[${code}m${text}\x1B[0m`;
+function color(text2, code) {
+  if (!TTY) return text2;
+  return `\x1B[${code}m${text2}\x1B[0m`;
 }
 function badge(level) {
   if (level === "ok") return color("\u2713", "32");
@@ -22481,8 +23340,8 @@ async function ollamaPreflight(opts) {
       return false;
     }
     log(t("modelPulling", { model: opts.model }));
-    const ESC = String.fromCharCode(27);
-    const ANSI_CSI = new RegExp(`${ESC}\\[[0-9;]*[A-Za-z]`, "g");
+    const ESC2 = String.fromCharCode(27);
+    const ANSI_CSI = new RegExp(`${ESC2}\\[[0-9;]*[A-Za-z]`, "g");
     const code = await pullOllamaModel(opts.model, {
       onLine: (line) => {
         const cleaned = line.replace(ANSI_CSI, "").trim();
@@ -22744,7 +23603,7 @@ function mcpListCommand(opts) {
   console.log("Popular MCP servers you can bridge into Reasonix:");
   console.log("");
   for (const entry of MCP_CATALOG) {
-    console.log(`  ${pad2(entry.name, 12)} ${entry.summary}`);
+    console.log(`  ${pad3(entry.name, 12)} ${entry.summary}`);
     console.log(`               ${mcpCommandFor(entry)}`);
     if (entry.note) console.log(`               \xB7 ${entry.note}`);
     console.log("");
@@ -22757,17 +23616,128 @@ function mcpListCommand(opts) {
     "        https://mcp.so                                   \u2014  community-maintained catalog"
   );
 }
-function pad2(s, width) {
+function pad3(s, width) {
   return s.length >= width ? s : s + " ".repeat(width - s.length);
 }
 
 // src/cli/commands/replay.ts
 import { render as render3 } from "ink";
+import React37 from "react";
+
+// src/cli/ui/ReplayApp.tsx
+import { Box as Box32, Static as Static2, Text as Text30, useApp as useApp3, useInput as useInput2 } from "ink";
+import React36, { useMemo as useMemo4, useState as useState14 } from "react";
+
+// src/cli/ui/StatsPanel.tsx
+import { basename as basename5 } from "path";
+import { Box as Box31, Text as Text29, useStdout as useStdout10 } from "ink";
 import React35 from "react";
+var NARROW_BREAKPOINT2 = 120;
+var COLD_START_TURNS2 = 3;
+function StatsPanel({
+  summary,
+  model: model2,
+  prefixHash,
+  harvestOn,
+  branchBudget,
+  reasoningEffort,
+  planMode,
+  editMode,
+  balance,
+  updateAvailable,
+  busy,
+  proArmed,
+  escalated,
+  budgetUsd,
+  rootDir,
+  sessionName
+}) {
+  const branchOn = (branchBudget ?? 1) > 1;
+  const ctxMax = DEEPSEEK_CONTEXT_TOKENS[model2] ?? DEFAULT_CONTEXT_TOKENS;
+  const ctxRatio = summary.lastPromptTokens / ctxMax;
+  const { stdout: stdout4 } = useStdout10();
+  const columns = stdout4?.columns ?? 80;
+  const narrow = columns < NARROW_BREAKPOINT2;
+  const coldStart = summary.turns <= COLD_START_TURNS2;
+  return /* @__PURE__ */ React35.createElement(Box31, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React35.createElement(
+    ChromeRow,
+    {
+      editMode,
+      planMode,
+      proArmed: proArmed ?? false,
+      escalated: escalated ?? false,
+      summary,
+      coldStart,
+      rootDir,
+      sessionName: sessionName ?? null,
+      updateAvailable,
+      balance: balance ?? null,
+      narrow
+    }
+  ), /* @__PURE__ */ React35.createElement(ChromeRule2, null), budgetUsd !== null && budgetUsd !== void 0 ? /* @__PURE__ */ React35.createElement(BudgetRow, { spent: summary.totalCostUsd, cap: budgetUsd }) : null);
+}
+function ChromeRule2() {
+  const { stdout: stdout4 } = useStdout10();
+  const cols = stdout4?.columns ?? 80;
+  const w = Math.max(20, cols - 2);
+  return /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "\u2500".repeat(w));
+}
+function ChromeRow({
+  editMode,
+  planMode,
+  proArmed,
+  escalated,
+  summary,
+  coldStart,
+  rootDir,
+  sessionName,
+  updateAvailable,
+  balance,
+  narrow
+}) {
+  const modePill = pickModePill2(planMode, editMode);
+  const proPill = escalated ? { label: "\u21E7 pro", color: COLOR.err } : proArmed ? { label: "\u21E7 pro", color: COLOR.warn } : null;
+  const projectName = rootDir ? basename5(rootDir) : null;
+  const cachePct = Math.round(summary.cacheHitRatio * 100);
+  const cacheColor = summary.cacheHitRatio >= 0.7 ? COLOR.ok : summary.cacheHitRatio >= 0.4 ? COLOR.warn : COLOR.err;
+  return /* @__PURE__ */ React35.createElement(Box31, null, /* @__PURE__ */ React35.createElement(Text29, { bold: true, color: GRADIENT[0] }, "\u25C8 "), /* @__PURE__ */ React35.createElement(Text29, { color: COLOR.brand, bold: true }, "reasonix"), projectName ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, { color: COLOR.info, dimColor: true }, "  \xB7  "), /* @__PURE__ */ React35.createElement(Text29, null, projectName), !narrow && sessionName ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, { color: COLOR.info, dimColor: true }, "  \u203A  "), /* @__PURE__ */ React35.createElement(Text29, { color: COLOR.info }, sessionName)) : null) : null, /* @__PURE__ */ React35.createElement(Box31, { flexGrow: 1 }), updateAvailable ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, { color: COLOR.warn, bold: true }, `\u2191 ${updateAvailable}`), /* @__PURE__ */ React35.createElement(Text29, null, "  ")) : null, modePill ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, { color: modePill.color, bold: true }, `[${modePill.label}]`), /* @__PURE__ */ React35.createElement(Text29, null, "  ")) : null, proPill ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, { color: proPill.color, bold: true }, `[${proPill.label}]`), /* @__PURE__ */ React35.createElement(Text29, null, "  ")) : null, /* @__PURE__ */ React35.createElement(
+    Text29,
+    {
+      color: summary.turns === 0 || coldStart ? COLOR.info : sessionCostColor2(summary.totalCostUsd),
+      bold: summary.turns > 0 && !coldStart,
+      dimColor: summary.turns === 0 || coldStart
+    },
+    `[$${summary.totalCostUsd.toFixed(4)}]`
+  ), balance && !narrow ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, null, "  "), /* @__PURE__ */ React35.createElement(Text29, { color: balance.total < 1 ? COLOR.err : balance.total < 5 ? COLOR.warn : COLOR.ok }, `[w ${balance.currency === "USD" ? "$" : ""}${balance.total.toFixed(2)}${balance.currency !== "USD" ? ` ${balance.currency}` : ""}]`)) : null, summary.turns > 3 && !narrow ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Text29, null, "  "), /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "["), /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "c "), /* @__PURE__ */ React35.createElement(Bar, { ratio: summary.cacheHitRatio, color: cacheColor, cells: 6 }), /* @__PURE__ */ React35.createElement(Text29, null, " "), /* @__PURE__ */ React35.createElement(Text29, { color: cacheColor }, `${cachePct}%`), /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "]")) : null);
+}
+function pickModePill2(planMode, editMode) {
+  if (planMode) return { label: "PLAN", color: COLOR.err };
+  if (editMode === "yolo") return { label: "yolo", color: COLOR.err };
+  if (editMode === "auto") return { label: "auto", color: COLOR.primary };
+  if (editMode === "review") return { label: "review", color: COLOR.info };
+  return null;
+}
+function BudgetRow({ spent, cap }) {
+  const pct2 = Math.max(0, spent / cap * 100);
+  const color2 = pct2 >= 100 ? "#f87171" : pct2 >= 80 ? "#fbbf24" : "#94a3b8";
+  return /* @__PURE__ */ React35.createElement(Box31, null, /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "  budget  "), /* @__PURE__ */ React35.createElement(Text29, { color: color2 }, `$${spent.toFixed(4)} / $${cap.toFixed(2)}`, /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, `  (${pct2.toFixed(0)}%)`)));
+}
+function sessionCostColor2(cost) {
+  if (cost <= 0) return void 0;
+  if (cost >= 5) return COLOR.err;
+  if (cost >= 0.5) return COLOR.warn;
+  return COLOR.ok;
+}
+function Bar({
+  ratio,
+  color: color2,
+  cells = 14
+}) {
+  const filled = Math.max(0, Math.min(cells, Math.round(ratio * cells)));
+  return /* @__PURE__ */ React35.createElement(Text29, null, /* @__PURE__ */ React35.createElement(Text29, { color: color2 }, "\u25B0".repeat(filled)), /* @__PURE__ */ React35.createElement(Text29, { dimColor: true }, "\u25B1".repeat(cells - filled)));
+}
 
 // src/cli/ui/ReplayApp.tsx
-import { Box as Box30, Static as Static2, Text as Text28, useApp as useApp3, useInput as useInput2 } from "ink";
-import React34, { useMemo as useMemo4, useState as useState14 } from "react";
 function ReplayApp({ meta, pages }) {
   const { exit: exit2 } = useApp3();
   const maxIdx = Math.max(0, pages.length - 1);
@@ -22807,14 +23777,14 @@ function ReplayApp({ meta, pages }) {
   const prefixHash = cumStats.prefixHashes.length === 1 ? cumStats.prefixHashes[0].slice(0, 16) : cumStats.prefixHashes.length === 0 ? "(untracked)" : `(churned \xD7${cumStats.prefixHashes.length})`;
   const currentPage = pages[idx];
   const progressLabel = pages.length === 0 ? "empty transcript" : `turn ${idx + 1} / ${pages.length}`;
-  return /* @__PURE__ */ React34.createElement(Box30, { flexDirection: "column" }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React36.createElement(Box32, { flexDirection: "column" }, /* @__PURE__ */ React36.createElement(
     StatsPanel,
     {
       summary,
       model: cumStats.models[0] ?? meta?.model ?? "?",
       prefixHash
     }
-  ), /* @__PURE__ */ React34.createElement(Box30, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React34.createElement(Box30, { justifyContent: "space-between" }, /* @__PURE__ */ React34.createElement(Text28, { color: "cyan", bold: true }, progressLabel), meta ? /* @__PURE__ */ React34.createElement(Text28, { dimColor: true }, meta.source, meta.task ? ` \xB7 ${meta.task}` : "", meta.mode ? ` \xB7 ${meta.mode}` : "") : null), currentPage ? /* @__PURE__ */ React34.createElement(Static2, { items: currentPage.records.map((rec, i) => ({ key: `${idx}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React34.createElement(RecordView, { key, rec })) : /* @__PURE__ */ React34.createElement(Text28, { dimColor: true, italic: true }, "no records")), /* @__PURE__ */ React34.createElement(Box30, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React34.createElement(Text28, { dimColor: true }, /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "j"), "/", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "\u2193"), "/", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "space"), " next \xB7 ", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "k"), "/", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "\u2191"), " prev \xB7 ", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "g"), " first \xB7 ", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "G"), " last \xB7", " ", /* @__PURE__ */ React34.createElement(Text28, { bold: true }, "q"), " quit")));
+  ), /* @__PURE__ */ React36.createElement(Box32, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React36.createElement(Box32, { justifyContent: "space-between" }, /* @__PURE__ */ React36.createElement(Text30, { color: "cyan", bold: true }, progressLabel), meta ? /* @__PURE__ */ React36.createElement(Text30, { dimColor: true }, meta.source, meta.task ? ` \xB7 ${meta.task}` : "", meta.mode ? ` \xB7 ${meta.mode}` : "") : null), currentPage ? /* @__PURE__ */ React36.createElement(Static2, { items: currentPage.records.map((rec, i) => ({ key: `${idx}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React36.createElement(RecordView, { key, rec })) : /* @__PURE__ */ React36.createElement(Text30, { dimColor: true, italic: true }, "no records")), /* @__PURE__ */ React36.createElement(Box32, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React36.createElement(Text30, { dimColor: true }, /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "j"), "/", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "\u2193"), "/", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "space"), " next \xB7 ", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "k"), "/", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "\u2191"), " prev \xB7 ", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "g"), " first \xB7 ", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "G"), " last \xB7", " ", /* @__PURE__ */ React36.createElement(Text30, { bold: true }, "q"), " quit")));
 }
 
 // src/cli/commands/replay.ts
@@ -22826,7 +23796,7 @@ async function replayCommand(opts) {
   }
   const { parsed } = replayFromFile(opts.path);
   const pages = groupRecordsByTurn(parsed.records);
-  const { waitUntilExit } = render3(React35.createElement(ReplayApp, { meta: parsed.meta, pages }), {
+  const { waitUntilExit } = render3(React37.createElement(ReplayApp, { meta: parsed.meta, pages }), {
     exitOnCtrlC: true,
     patchConsole: false
   });
@@ -23132,12 +24102,12 @@ function truncate3(s, max) {
 
 // src/cli/commands/setup.tsx
 import { render as render4 } from "ink";
-import React37 from "react";
+import React39 from "react";
 
 // src/cli/ui/Wizard.tsx
-import { Box as Box31, Text as Text29, useApp as useApp4, useInput as useInput3 } from "ink";
+import { Box as Box33, Text as Text31, useApp as useApp4, useInput as useInput3 } from "ink";
 import TextInput2 from "ink-text-input";
-import React36, { useState as useState15 } from "react";
+import React38, { useState as useState15 } from "react";
 var CATALOG_BY_NAME = new Map(MCP_CATALOG.map((e) => [e.name, e]));
 function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
   const { exit: exit2 } = useApp4();
@@ -23153,7 +24123,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     if (key.escape && step !== "saved" && onCancel) onCancel();
   });
   if (step === "apiKey") {
-    return /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React38.createElement(
       ApiKeyStep,
       {
         onSubmit: (key) => {
@@ -23167,7 +24137,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     );
   }
   if (step === "preset") {
-    return /* @__PURE__ */ React36.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React38.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React38.createElement(
       SingleSelect,
       {
         items: presetItems(),
@@ -23177,10 +24147,10 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
           setStep("mcp");
         }
       }
-    ), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
+    ), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
   }
   if (step === "mcp") {
-    return /* @__PURE__ */ React36.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React38.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React38.createElement(
       MultiSelect,
       {
         items: mcpItems(),
@@ -23205,7 +24175,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     }
     const currentName = pending[0];
     const entry = CATALOG_BY_NAME.get(currentName);
-    return /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React38.createElement(
       McpArgsStep,
       {
         entry,
@@ -23223,7 +24193,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
   }
   if (step === "review") {
     const specs = data.selectedCatalog.map((name) => buildSpec(name, data.catalogArgs));
-    return /* @__PURE__ */ React36.createElement(StepFrame, { title: "Ready to save", step: 3, total: 3 }, /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column" }, /* @__PURE__ */ React36.createElement(SummaryLine, { label: "API key", value: redactKey(data.apiKey) }), /* @__PURE__ */ React36.createElement(SummaryLine, { label: "Preset", value: data.preset }), /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React38.createElement(StepFrame, { title: "Ready to save", step: 3, total: 3 }, /* @__PURE__ */ React38.createElement(Box33, { flexDirection: "column" }, /* @__PURE__ */ React38.createElement(SummaryLine, { label: "API key", value: redactKey(data.apiKey) }), /* @__PURE__ */ React38.createElement(SummaryLine, { label: "Preset", value: data.preset }), /* @__PURE__ */ React38.createElement(
       SummaryLine,
       {
         label: "MCP",
@@ -23231,8 +24201,8 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ), specs.map((spec, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: review-only render, order fixed
-      /* @__PURE__ */ React36.createElement(Box31, { key: i, paddingLeft: 14 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "\xB7 ", spec))
-    )), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, null, "Saves to ", defaultConfigPath())), error ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { color: "red" }, error)) : null, /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "[Enter] save \xB7 [Esc] cancel"))), /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React38.createElement(Box33, { key: i, paddingLeft: 14 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "\xB7 ", spec))
+    )), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, null, "Saves to ", defaultConfigPath())), error ? /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { color: "red" }, error)) : null, /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "[Enter] save \xB7 [Esc] cancel"))), /* @__PURE__ */ React38.createElement(
       ReviewConfirm,
       {
         onConfirm: () => {
@@ -23258,7 +24228,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ));
   }
-  return /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1 }, /* @__PURE__ */ React36.createElement(Text29, { bold: true, color: "green" }, "\u25B8 Saved."), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, null, "Run `reasonix` any time to start chatting \u2014 your settings are remembered.")), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "[Enter] to exit")), /* @__PURE__ */ React36.createElement(ExitOnEnter, { onExit: exit2 }));
+  return /* @__PURE__ */ React38.createElement(Box33, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1 }, /* @__PURE__ */ React38.createElement(Text31, { bold: true, color: "green" }, "\u25B8 Saved."), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, null, "Run `reasonix` any time to start chatting \u2014 your settings are remembered.")), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "[Enter] to exit")), /* @__PURE__ */ React38.createElement(ExitOnEnter, { onExit: exit2 }));
 }
 function ApiKeyStep({
   onSubmit,
@@ -23266,7 +24236,7 @@ function ApiKeyStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React36.createElement(Text29, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React38.createElement(Box33, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React38.createElement(Text31, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React38.createElement(
     TextInput2,
     {
       value,
@@ -23283,7 +24253,7 @@ function ApiKeyStep({
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { color: "red" }, error)) : value ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "preview: ", redactKey(value))) : null);
+  )), error ? /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { color: "red" }, error)) : value ? /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "preview: ", redactKey(value))) : null);
 }
 function McpArgsStep({
   entry,
@@ -23292,7 +24262,7 @@ function McpArgsStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React36.createElement(StepFrame, { title: `Configure ${entry.name}`, step: 2, total: 3 }, /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Text29, null, entry.summary), entry.note ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, entry.note)) : null, /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, null, "Required parameter: "), /* @__PURE__ */ React36.createElement(Text29, { bold: true }, entry.userArgs)), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { bold: true, color: "cyan" }, entry.userArgs, " \u203A "), /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React38.createElement(StepFrame, { title: `Configure ${entry.name}`, step: 2, total: 3 }, /* @__PURE__ */ React38.createElement(Box33, { flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Text31, null, entry.summary), entry.note ? /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, entry.note)) : null, /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, null, "Required parameter: "), /* @__PURE__ */ React38.createElement(Text31, { bold: true }, entry.userArgs)), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { bold: true, color: "cyan" }, entry.userArgs, " \u203A "), /* @__PURE__ */ React38.createElement(
     TextInput2,
     {
       value,
@@ -23308,7 +24278,7 @@ function McpArgsStep({
       },
       placeholder: placeholderFor(entry)
     }
-  )), error ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { color: "red" }, error)) : null));
+  )), error ? /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1 }, /* @__PURE__ */ React38.createElement(Text31, { color: "red" }, error)) : null));
 }
 function ReviewConfirm({ onConfirm }) {
   useInput3((_i, key) => {
@@ -23328,10 +24298,10 @@ function StepFrame({
   total,
   children
 }) {
-  return /* @__PURE__ */ React36.createElement(Box31, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React36.createElement(Box31, null, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "Step ", step, "/", total, " \xB7", " "), /* @__PURE__ */ React36.createElement(Text29, { bold: true, color: "cyan" }, title)), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1, flexDirection: "column" }, children));
+  return /* @__PURE__ */ React38.createElement(Box33, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React38.createElement(Box33, null, /* @__PURE__ */ React38.createElement(Text31, { dimColor: true }, "Step ", step, "/", total, " \xB7", " "), /* @__PURE__ */ React38.createElement(Text31, { bold: true, color: "cyan" }, title)), /* @__PURE__ */ React38.createElement(Box33, { marginTop: 1, flexDirection: "column" }, children));
 }
 function SummaryLine({ label, value }) {
-  return /* @__PURE__ */ React36.createElement(Box31, null, /* @__PURE__ */ React36.createElement(Text29, null, label.padEnd(12)), /* @__PURE__ */ React36.createElement(Text29, { bold: true }, value));
+  return /* @__PURE__ */ React38.createElement(Box33, null, /* @__PURE__ */ React38.createElement(Text31, null, label.padEnd(12)), /* @__PURE__ */ React38.createElement(Text31, { bold: true }, value));
 }
 function presetItems() {
   return ["auto", "flash", "pro"].map((name) => ({
@@ -23387,7 +24357,7 @@ async function setupCommand(_opts = {}) {
   const existingKey = loadApiKey();
   const existing = readConfig();
   const { waitUntilExit, unmount } = render4(
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React39.createElement(
       Wizard,
       {
         existingApiKey: existingKey,