reasonix 0.13.1 → 0.13.2

package/dist/cli/index.js

@@ -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 React29, { useState as useState12 } from "react";
+import React30, { useState as useState12 } from "react";
 
 // src/cli/ui/App.tsx
 import * as pathMod7 from "path";
-import { Box as Box24, Text as Text22, useStdout as useStdout9 } from "ink";
-import React26, { useCallback as useCallback4, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState10 } from "react";
+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";
 
 // src/code/pending-edits.ts
 import { existsSync as existsSync9, mkdirSync as mkdirSync6, readFileSync as readFileSync11, unlinkSync as unlinkSync3, writeFileSync as writeFileSync6 } from "fs";
@@ -11055,6 +11055,17 @@ var StdinReader = class {
   /** Buffer for paste content. */
   pasteBuf = "";
   escTimer = null;
+  // Deferred-dispatch handle paired with `escTimer`. The timer
+  // queues an Immediate that runs in the event loop's CHECK phase —
+  // i.e. AFTER the POLL phase where stdin 'data' events fire — so
+  // a multi-byte sequence whose chunks queued up while the loop was
+  // blocked (heavy render, etc.) gets a chance to be processed
+  // BEFORE we emit a bogus standalone-Esc. Fixes the "I didn't press
+  // Esc but it aborted the turn" class of bug: previously the timer's
+  // setTimeout callback ran in the timers phase ahead of poll, so a
+  // split sequence like `\x1b` + `[A` would dispatch escape+upArrow
+  // even though the user only pressed Up.
+  escImmediate = null;
   started = false;
   /** The actual `data` listener — kept as a field so `stop()` can detach it. */
   listener = null;
@@ -11116,14 +11127,22 @@ var StdinReader = class {
       clearTimeout(this.escTimer);
       this.escTimer = null;
     }
+    if (this.escImmediate) {
+      clearImmediate(this.escImmediate);
+      this.escImmediate = null;
+    }
   }
   scheduleEscTimer() {
     this.cancelEscTimer();
     this.escTimer = setTimeout(() => {
-      if (this.state === "esc") {
-        this.state = "idle";
-        this.dispatch({ input: "", escape: true });
-      }
+      this.escTimer = null;
+      this.escImmediate = setImmediate(() => {
+        this.escImmediate = null;
+        if (this.state === "esc") {
+          this.state = "idle";
+          this.dispatch({ input: "", escape: true });
+        }
+      });
     }, ESC_TIMEOUT_MS);
   }
   handleChunk(chunk) {
@@ -14752,6 +14771,279 @@ function appendBulletToFile(path5, note, newFileHeader) {
   return { path: path5, created: false };
 }
 
+// src/cli/ui/log-rows.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")) {
+    if (line.length === 0) {
+      out.push("");
+      continue;
+    }
+    if (line.length <= width) {
+      out.push(line);
+      continue;
+    }
+    let i = 0;
+    while (i < line.length) {
+      out.push(line.slice(i, i + width));
+      i += width;
+    }
+  }
+  return out;
+}
+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 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 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 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 })
+      }
+    ];
+  }
+  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))
+    });
+  }
+  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)}`))
+    });
+  }
+  return items;
+}
+function eventToItems(event, projectRoot, width = 80) {
+  if (event.role === "info") {
+    const { lead, color: color2, body } = detectInfoTone(event.text);
+    return accentRows(event.id, lead, color2, body, void 0, true, width);
+  }
+  if (event.role === "warning") {
+    return accentRows(event.id, "\u25B2 warn", COLOR.warn, event.text, COLOR.warn, false, 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);
+  }
+  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))
+        });
+      }
+    }
+    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 rows;
+  }
+  return [
+    {
+      kind: "block",
+      id: event.id,
+      rows: estimatedHeight(event),
+      content: /* @__PURE__ */ React26.createElement(EventRow, { event, projectRoot })
+    }
+  ];
+}
+function estimatedHeight(e) {
+  const text = e.text ?? "";
+  const wrapLines = Math.max(0, Math.floor(text.length / 80));
+  if (e.role === "user") return 3 + wrapLines;
+  if (e.role === "assistant") {
+    let h = 4 + wrapLines;
+    if (e.reasoning) h += 3;
+    if (e.branch) h += 4;
+    return h;
+  }
+  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;
+      return 6 + Math.min(20, diffLines);
+    }
+    return 2;
+  }
+  if (e.role === "plan" || e.role === "plan-replay" || e.role === "plan-resumed") return 10;
+  if (e.role === "ctx-breakdown") return 7;
+  return 2;
+}
+function sliceLogItems(items, available, scrollOffsetRows) {
+  if (items.length === 0) {
+    return { items: [], maxScrollRows: 0, totalRows: 0 };
+  }
+  const heights = items.map(itemRows);
+  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 viewportBottom = totalRows - offset;
+  const viewportTop = Math.max(0, viewportBottom - available);
+  let cursor = 0;
+  let firstIdx = -1;
+  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;
+    lastIdx = i;
+  }
+  if (firstIdx === -1) {
+    return { items: [items[items.length - 1]], maxScrollRows, totalRows };
+  }
+  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);
+  }
+  return /* @__PURE__ */ React26.createElement(Box24, { key: item.id, flexShrink: 0 }, item.content);
+}
+function ScrollBar({
+  height,
+  totalRows,
+  viewportRows,
+  scrollOffsetRows
+}) {
+  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"));
+}
+
 // src/cli/ui/loop.ts
 var MIN_LOOP_INTERVAL_MS = 5e3;
 var MAX_LOOP_INTERVAL_MS = 6 * 60 * 6e4;
@@ -18262,63 +18554,16 @@ var FLUSH_INTERVAL_MS = (() => {
   return Math.round(parsed);
 })();
 var PLAIN_UI = process.env.REASONIX_UI === "plain";
-function heightOfEvent(e) {
-  const text = e.text ?? "";
-  const wrapLines = Math.max(0, Math.floor(text.length / 80));
-  if (e.role === "user") return 3 + wrapLines;
-  if (e.role === "assistant") {
-    let h = 4 + wrapLines;
-    if (e.reasoning) h += 3;
-    if (e.branch) h += 4;
-    return h;
-  }
-  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;
-      return 6 + Math.min(20, diffLines);
-    }
-    return 2;
-  }
-  if (e.role === "info" || e.role === "warning") return 2;
-  if (e.role === "error") return 2 + wrapLines;
-  if (e.role === "plan" || e.role === "plan-replay" || e.role === "plan-resumed") return 10;
-  if (e.role === "ctx-breakdown") return 7;
-  if (e.role === "step-progress") return 1;
-  return 2;
-}
-function sliceVisibleEvents(events, termRows, scrollOffset = 0) {
-  const reservedRows = 10;
-  const available = Math.max(8, termRows - reservedRows);
-  if (events.length === 0) {
-    return { events: [], maxScrollEvents: 0 };
-  }
-  const maxScrollEvents = Math.max(0, events.length - 1);
-  const offset = Math.max(0, Math.min(scrollOffset, maxScrollEvents));
-  const endIdx = events.length - offset;
-  let startIdx = endIdx - 1;
-  let used = heightOfEvent(events[startIdx]);
-  for (let i = endIdx - 2; i >= 0; i--) {
-    const h = heightOfEvent(events[i]);
-    if (used + h > available) break;
-    used += h;
-    startIdx = i;
-  }
-  return {
-    events: events.slice(startIdx, endIdx),
-    maxScrollEvents
-  };
-}
 function LoopStatusRow({
   loop: loop2
 }) {
-  const [, setTick] = React26.useState(0);
-  React26.useEffect(() => {
+  const [, setTick] = React27.useState(0);
+  React27.useEffect(() => {
     const id = setInterval(() => setTick((t2) => t2 + 1), 1e3);
     return () => clearInterval(id);
   }, []);
   const nextFireMs = Math.max(0, loop2.nextFireAt - Date.now());
-  return /* @__PURE__ */ React26.createElement(Box24, null, /* @__PURE__ */ React26.createElement(Text22, { color: "cyan" }, `\u25B8 ${formatLoopStatus(loop2.prompt, nextFireMs, loop2.iter)} \xB7 /loop stop or type to cancel`));
+  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`));
 }
 function App({
   model: model2,
@@ -18342,6 +18587,8 @@ function App({
   const scrollAnimRef = useRef6(null);
   const scrollTargetRef = useRef6(0);
   const scrollDisplayedRef = useRef6(0);
+  const scrollMaxRowsRef = useRef6(0);
+  const lastTotalRowsRef = useRef6(0);
   useEffect7(() => {
     return () => {
       if (scrollAnimRef.current) {
@@ -18376,16 +18623,24 @@ function App({
   }, []);
   const lastHistoricalLenRef = useRef6(0);
   useEffect7(() => {
-    const prev = lastHistoricalLenRef.current;
-    const cur = historical.length;
-    lastHistoricalLenRef.current = cur;
-    if (cur > prev && scrollTargetRef.current > 0) {
-      const delta = cur - prev;
-      scrollTargetRef.current += delta;
-      scrollDisplayedRef.current += delta;
-      setLogScrollOffset((p) => p + delta);
-    } else if (cur < prev) {
-      const newMax = Math.max(0, cur - 1);
+    const prevLen = lastHistoricalLenRef.current;
+    const curLen = historical.length;
+    lastHistoricalLenRef.current = curLen;
+    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;
+        }
+      }
+      if (deltaRows > 0) {
+        scrollTargetRef.current += deltaRows;
+        scrollDisplayedRef.current += deltaRows;
+        setLogScrollOffset((p) => p + deltaRows);
+      }
+    } else if (curLen < prevLen) {
+      const newMax = scrollMaxRowsRef.current;
       if (scrollTargetRef.current > newMax) {
         scrollTargetRef.current = newMax;
         scrollDisplayedRef.current = newMax;
@@ -18393,6 +18648,14 @@ function App({
       }
     }
   }, [historical]);
+  useEffect7(() => {
+    const max = scrollMaxRowsRef.current;
+    if (logScrollOffset > max) {
+      scrollTargetRef.current = max;
+      scrollDisplayedRef.current = max;
+      setLogScrollOffset(max);
+    }
+  }, [logScrollOffset]);
   const [input, setInput] = useState10("");
   const [busy, setBusy] = useState10(false);
   const abortedThisTurn = useRef6(false);
@@ -18931,25 +19194,26 @@ function App({
     if (ev.paste) {
       return;
     }
-    const maxOffset = Math.max(0, historical.length - 1);
+    const maxOffset = scrollMaxRowsRef.current;
+    const viewportRows = Math.max(8, (stdout4?.rows ?? 30) - 10);
     if (ev.mouseScrollUp) {
       if (maxOffset === 0) return;
-      animateScrollTo((prev) => Math.min(maxOffset, prev + 1));
+      animateScrollTo((prev) => Math.min(maxOffset, prev + 3));
       return;
     }
     if (ev.mouseScrollDown) {
       if (maxOffset === 0) return;
-      animateScrollTo((prev) => Math.max(0, prev - 1));
+      animateScrollTo((prev) => Math.max(0, prev - 3));
       return;
     }
     if (ev.pageUp) {
       if (maxOffset === 0) return;
-      animateScrollTo((prev) => Math.min(maxOffset, prev + 3));
+      animateScrollTo((prev) => Math.min(maxOffset, prev + (viewportRows - 2)));
       return;
     }
     if (ev.pageDown) {
       if (maxOffset === 0) return;
-      animateScrollTo((prev) => Math.max(0, prev - 3));
+      animateScrollTo((prev) => Math.max(0, prev - (viewportRows - 2)));
       return;
     }
     if (ev.home) {
@@ -20902,7 +21166,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
     async (choice) => handleReviseConfirmRef.current(choice),
     []
   );
-  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.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
@@ -20915,15 +21179,15 @@ Continue executing from the next pending step. Call mark_step_complete after eac
       // changes (incoming stream, key press, modal popup).
       !busy && !streaming
     },
-    /* @__PURE__ */ React26.createElement(
-      Box24,
+    /* @__PURE__ */ React27.createElement(
+      Box25,
       {
         flexDirection: "column",
         height: stdout4?.rows ?? 30,
         width: stdout4?.columns ?? 80,
         overflow: "hidden"
       },
-      /* @__PURE__ */ React26.createElement(
+      /* @__PURE__ */ React27.createElement(
         StatsPanel,
         {
           summary,
@@ -20944,48 +21208,71 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           sessionName: session ?? null
         }
       ),
-      /* @__PURE__ */ React26.createElement(
-        Box24,
+      /* @__PURE__ */ React27.createElement(
+        Box25,
         {
-          flexDirection: "column",
-          justifyContent: logScrollOffset === 0 ? "flex-end" : "flex-start",
+          flexDirection: "row",
           height: pendingShell || pendingWorkspace || pendingPlan || pendingEditReview || pendingCheckpoint || stagedCheckpointRevise || stagedInput || stagedChoiceCustom || pendingChoice || pendingRevision || walkthroughActive ? 0 : Math.max(5, (stdout4?.rows ?? 30) - 9),
           overflow: "hidden"
         },
-        (() => {
-          const slice = sliceVisibleEvents(historical, stdout4?.rows ?? 30, logScrollOffset);
-          return /* @__PURE__ */ React26.createElement(React26.Fragment, null, slice.events.map((item) => /* @__PURE__ */ React26.createElement(EventRow, { key: item.id, event: item, projectRoot: currentRootDir })));
-        })(),
-        !historical.some((e) => e.role === "user" || e.role === "assistant") && !busy && !streaming ? /* @__PURE__ */ React26.createElement(WelcomeBanner, { inCodeMode: !!codeMode, dashboardUrl }) : null,
-        !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && streaming ? /* @__PURE__ */ React26.createElement(Box24, { marginY: 1 }, /* @__PURE__ */ React26.createElement(EventRow, { event: streaming, projectRoot: currentRootDir })) : null,
-        !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && ongoingTool ? /* @__PURE__ */ React26.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null,
-        !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && subagentActivity ? /* @__PURE__ */ React26.createElement(SubagentRow, { activity: subagentActivity }) : null,
-        !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !ongoingTool && statusLine ? /* @__PURE__ */ React26.createElement(StatusRow, { text: statusLine }) : null,
-        !PLAIN_UI && undoBanner && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !pendingChoice && !stagedChoiceCustom && !pendingRevision ? /* @__PURE__ */ React26.createElement(UndoBanner, { banner: undoBanner }) : null,
-        !PLAIN_UI && !pendingShell && !pendingWorkspace && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && busy && !streaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React26.createElement(StatusRow, { text: "processing\u2026" }) : null
+        /* @__PURE__ */ React27.createElement(Box25, { flexDirection: "column", flexGrow: 1, overflow: "hidden" }, /* @__PURE__ */ React27.createElement(
+          Box25,
+          {
+            flexDirection: "column",
+            flexGrow: 1,
+            justifyContent: logScrollOffset === 0 ? "flex-end" : "flex-start",
+            overflow: "hidden"
+          },
+          (() => {
+            const reservedRows = 10;
+            const available = Math.max(8, (stdout4?.rows ?? 30) - reservedRows);
+            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));
+          })(),
+          !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,
+          {
+            height: Math.max(5, (stdout4?.rows ?? 30) - 9),
+            totalRows: lastTotalRowsRef.current,
+            viewportRows: Math.max(8, (stdout4?.rows ?? 30) - 10),
+            scrollOffsetRows: logScrollOffset
+          }
+        )
       ),
-      stagedInput ? /* @__PURE__ */ React26.createElement(
+      stagedInput ? /* @__PURE__ */ React27.createElement(
         PlanRefineInput,
         {
           mode: stagedInput.mode,
           onSubmit: handleStagedInputSubmit,
           onCancel: handleStagedInputCancel
         }
-      ) : stagedCheckpointRevise ? /* @__PURE__ */ React26.createElement(
+      ) : stagedCheckpointRevise ? /* @__PURE__ */ React27.createElement(
         PlanRefineInput,
         {
           mode: "checkpoint-revise",
           onSubmit: handleCheckpointReviseSubmit,
           onCancel: handleCheckpointReviseCancel
         }
-      ) : stagedChoiceCustom ? /* @__PURE__ */ React26.createElement(
+      ) : stagedChoiceCustom ? /* @__PURE__ */ React27.createElement(
         PlanRefineInput,
         {
           mode: "choice-custom",
           onSubmit: handleChoiceCustomSubmit,
           onCancel: handleChoiceCustomCancel
         }
-      ) : pendingChoice ? /* @__PURE__ */ React26.createElement(
+      ) : pendingChoice ? /* @__PURE__ */ React27.createElement(
         ChoiceConfirm,
         {
           question: pendingChoice.question,
@@ -20993,7 +21280,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           allowCustom: pendingChoice.allowCustom,
           onChoose: stableHandleChoiceConfirm
         }
-      ) : pendingRevision ? /* @__PURE__ */ React26.createElement(
+      ) : pendingRevision ? /* @__PURE__ */ React27.createElement(
         PlanReviseConfirm,
         {
           reason: pendingRevision.reason,
@@ -21004,7 +21291,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           summary: pendingRevision.summary,
           onChoose: stableHandleReviseConfirm
         }
-      ) : pendingCheckpoint ? /* @__PURE__ */ React26.createElement(
+      ) : pendingCheckpoint ? /* @__PURE__ */ React27.createElement(
         PlanCheckpointConfirm,
         {
           stepId: pendingCheckpoint.stepId,
@@ -21015,7 +21302,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           completedStepIds: completedStepIdsRef.current,
           onChoose: stableHandleCheckpointConfirm
         }
-      ) : pendingPlan ? /* @__PURE__ */ React26.createElement(
+      ) : pendingPlan ? /* @__PURE__ */ React27.createElement(
         PlanConfirm,
         {
           plan: pendingPlan,
@@ -21024,7 +21311,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           onChoose: stableHandlePlanConfirm,
           projectRoot: currentRootDir
         }
-      ) : pendingShell ? /* @__PURE__ */ React26.createElement(
+      ) : pendingShell ? /* @__PURE__ */ React27.createElement(
         ShellConfirm,
         {
           command: pendingShell.command,
@@ -21032,7 +21319,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           kind: pendingShell.kind,
           onChoose: handleShellConfirm
         }
-      ) : pendingWorkspace ? /* @__PURE__ */ React26.createElement(
+      ) : pendingWorkspace ? /* @__PURE__ */ React27.createElement(
         WorkspaceConfirm,
         {
           path: pendingWorkspace.path,
@@ -21040,7 +21327,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           mcpServerCount: mcpServers?.length ?? 0,
           onChoose: handleWorkspaceConfirm
         }
-      ) : pendingEditReview ? /* @__PURE__ */ React26.createElement(
+      ) : pendingEditReview ? /* @__PURE__ */ React27.createElement(
         EditConfirm,
         {
           block: pendingEditReview,
@@ -21052,14 +21339,14 @@ Continue executing from the next pending step. Call mark_step_complete after eac
             }
           }
         }
-      ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React26.createElement(
+      ) : walkthroughActive && pendingEdits.current.length > 0 ? /* @__PURE__ */ React27.createElement(
         EditConfirm,
         {
           key: `walk-${pendingTick}`,
           block: pendingEdits.current[0],
           onChoose: handleWalkChoice
         }
-      ) : /* @__PURE__ */ React26.createElement(React26.Fragment, null, codeMode ? /* @__PURE__ */ React26.createElement(
+      ) : /* @__PURE__ */ React27.createElement(React27.Fragment, null, codeMode ? /* @__PURE__ */ React27.createElement(
         ModeStatusBar,
         {
           editMode,
@@ -21069,7 +21356,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           undoArmed: !!undoBanner || hasUndoable(),
           jobs: codeMode.jobs
         }
-      ) : null, activeLoop ? /* @__PURE__ */ React26.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React26.createElement(
+      ) : null, activeLoop ? /* @__PURE__ */ React27.createElement(LoopStatusRow, { loop: activeLoop }) : null, /* @__PURE__ */ React27.createElement(
         PromptInput,
         {
           value: input,
@@ -21079,14 +21366,14 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           onHistoryPrev: recallPrev,
           onHistoryNext: recallNext
         }
-      ), /* @__PURE__ */ React26.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React27.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React27.createElement(
         AtMentionSuggestions,
         {
           matches: atMatches,
           selectedIndex: atSelected,
           query: atPicker?.query ?? ""
         }
-      ), slashArgContext ? /* @__PURE__ */ React26.createElement(
+      ), slashArgContext ? /* @__PURE__ */ React27.createElement(
         SlashArgPicker,
         {
           matches: slashArgMatches,
@@ -21101,15 +21388,15 @@ Continue executing from the next pending step. Call mark_step_complete after eac
 }
 
 // src/cli/ui/SessionPicker.tsx
-import { Box as Box25, Text as Text23 } from "ink";
-import React27 from "react";
+import { Box as Box26, Text as Text24 } from "ink";
+import React28 from "react";
 function SessionPicker({
   sessionName,
   messageCount,
   lastActive,
   onChoose
 }) {
-  return /* @__PURE__ */ React27.createElement(Box25, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React27.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.brand, bold: true }, GLYPH.brand), /* @__PURE__ */ React27.createElement(Text23, null, "  "), /* @__PURE__ */ React27.createElement(Text23, { color: COLOR.primary, bold: true }, `"${sessionName}"`), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, ` has ${messageCount} prior message${messageCount === 1 ? "" : "s"}`), /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, ` \xB7 last active ${relativeTime2(lastActive)}`)), /* @__PURE__ */ React27.createElement(
+  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(
     SingleSelect,
     {
       initialValue: "new",
@@ -21132,7 +21419,7 @@ function SessionPicker({
       ],
       onSubmit: (v) => onChoose(v)
     }
-  ), /* @__PURE__ */ React27.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, "  \u2191\u2193 navigate \xB7 \u23CE select")));
+  ), /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "  \u2191\u2193 navigate \xB7 \u23CE select")));
 }
 function relativeTime2(date) {
   const ms = Date.now() - date.getTime();
@@ -21148,9 +21435,9 @@ function relativeTime2(date) {
 }
 
 // src/cli/ui/Setup.tsx
-import { Box as Box26, Text as Text24, useApp } from "ink";
+import { Box as Box27, Text as Text25, useApp } from "ink";
 import TextInput from "ink-text-input";
-import React28, { useState as useState11 } from "react";
+import React29, { useState as useState11 } from "react";
 function Setup({ onReady }) {
   const [value, setValue] = useState11("");
   const [error, setError] = useState11(null);
@@ -21174,7 +21461,7 @@ function Setup({ onReady }) {
     }
     onReady(trimmed);
   };
-  return /* @__PURE__ */ React28.createElement(Box26, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React28.createElement(Box26, null, /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: GRADIENT[0] }, GLYPH.brand), /* @__PURE__ */ React28.createElement(Text24, null, "  "), /* @__PURE__ */ React28.createElement(Text24, { bold: true }, "Welcome to "), /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: GRADIENT[2] }, "REASONIX")), /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.info }, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React28.createElement(Box26, null, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "  free credit on signup \xB7 "), /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.primary }, "https://platform.deepseek.com/api_keys")), /* @__PURE__ */ React28.createElement(Box26, null, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "  saved to "), /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, defaultConfigPath())), /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: COLOR.brand }, GLYPH.bar), /* @__PURE__ */ React28.createElement(Text24, { bold: true, color: COLOR.primary }, " \u203A "), /* @__PURE__ */ React28.createElement(
+  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(
     TextInput,
     {
       value,
@@ -21183,7 +21470,7 @@ function Setup({ onReady }) {
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.err, bold: true }, GLYPH.err), /* @__PURE__ */ React28.createElement(Text24, { color: COLOR.err }, `  ${error}`)) : value ? /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, `  preview \xB7 ${redactKey(value)}`)) : null, /* @__PURE__ */ React28.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text24, { dimColor: true }, "  /exit to abort")));
+  )), 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")));
 }
 
 // src/cli/commands/chat.tsx
@@ -21199,7 +21486,7 @@ function Root({
   const [key, setKey] = useState12(initialKey);
   const [pending, setPending] = useState12(sessionPreview);
   if (!key) {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(
       Setup,
       {
         onReady: (k) => {
@@ -21211,7 +21498,7 @@ function Root({
   }
   process.env.DEEPSEEK_API_KEY = key;
   if (pending && appProps.session) {
-    return /* @__PURE__ */ React29.createElement(KeystrokeProvider, null, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(KeystrokeProvider, null, /* @__PURE__ */ React30.createElement(
       SessionPicker,
       {
         sessionName: appProps.session,
@@ -21226,7 +21513,7 @@ function Root({
       }
     ));
   }
-  return /* @__PURE__ */ React29.createElement(KeystrokeProvider, null, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(KeystrokeProvider, null, /* @__PURE__ */ React30.createElement(
     App,
     {
       model: appProps.model,
@@ -21333,7 +21620,7 @@ async function chatCommand(opts) {
     rewriteSession(opts.session, []);
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement(
       Root,
       {
         initialKey,
@@ -21686,35 +21973,35 @@ async function commitCommand(opts = {}) {
 import { writeFileSync as writeFileSync15 } from "fs";
 import { basename as basename4 } from "path";
 import { render as render2 } from "ink";
-import React32 from "react";
+import React33 from "react";
 
 // src/cli/ui/DiffApp.tsx
-import { Box as Box28, Static, Text as Text26, useApp as useApp2, useInput } from "ink";
-import React31, { useState as useState13 } from "react";
+import { Box as Box29, Static, Text as Text27, useApp as useApp2, useInput } from "ink";
+import React32, { useState as useState13 } from "react";
 
 // src/cli/ui/RecordView.tsx
-import { Box as Box27, Text as Text25 } from "ink";
-import React30 from "react";
+import { Box as Box28, Text as Text26 } from "ink";
+import React31 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__ */ React30.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text25, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React30.createElement(Text25, null, content));
+    return /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React31.createElement(Text26, null, content));
   }
   if (rec.role === "assistant_final") {
-    return /* @__PURE__ */ React30.createElement(Box27, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React30.createElement(Box27, null, /* @__PURE__ */ React30.createElement(Text25, { bold: true, color: "green" }, "assistant"), rec.cost !== void 0 ? /* @__PURE__ */ React30.createElement(Text25, { dimColor: true }, "  $", rec.cost.toFixed(6)) : null, rec.usage ? /* @__PURE__ */ React30.createElement(CacheBadge, { usage: rec.usage }) : null), rec.planState ? /* @__PURE__ */ React30.createElement(PlanStateBlock, { planState: rec.planState }) : null, rec.content ? /* @__PURE__ */ React30.createElement(Text25, null, rec.content) : /* @__PURE__ */ React30.createElement(Text25, { dimColor: true, italic: true }, "(tool-call response only)"));
+    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)"));
   }
   if (rec.role === "tool") {
-    return /* @__PURE__ */ React30.createElement(Box27, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text25, { color: "yellow" }, "tool<", rec.tool ?? "?", ">"), rec.args ? /* @__PURE__ */ React30.createElement(Text25, { dimColor: true }, "  args: ", truncate2(rec.args, toolArgsMax)) : null, /* @__PURE__ */ React30.createElement(Text25, { dimColor: true }, "  \u2192 ", truncate2(rec.content, toolContentMax)));
+    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)));
   }
   if (rec.role === "error") {
-    return /* @__PURE__ */ React30.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text25, { color: "red", bold: true }, "error", " "), /* @__PURE__ */ React30.createElement(Text25, { color: "red" }, rec.error ?? rec.content));
+    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));
   }
   if (rec.role === "done" || rec.role === "assistant_delta") {
     return null;
   }
-  return /* @__PURE__ */ React30.createElement(Box27, null, /* @__PURE__ */ React30.createElement(Text25, { dimColor: true }, "[", rec.role, "] ", rec.content));
+  return /* @__PURE__ */ React31.createElement(Box28, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "[", rec.role, "] ", rec.content));
 }
 function CacheBadge({ usage }) {
   const hit = usage.prompt_cache_hit_tokens ?? 0;
@@ -21723,7 +22010,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__ */ React30.createElement(Text25, null, /* @__PURE__ */ React30.createElement(Text25, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React30.createElement(Text25, { color: color2 }, pct2.toFixed(1), "%"));
+  return /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React31.createElement(Text26, { color: color2 }, pct2.toFixed(1), "%"));
 }
 function truncate2(s, max) {
   return s.length <= max ? s : `${s.slice(0, max)}\u2026 (+${s.length - max} chars)`;
@@ -21757,7 +22044,7 @@ function DiffApp({ report }) {
     }
   });
   const pair = report.pairs[idx];
-  return /* @__PURE__ */ React31.createElement(Box28, { flexDirection: "column" }, /* @__PURE__ */ React31.createElement(DiffHeader, { report }), /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1, paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React31.createElement(Text26, { color: "cyan", bold: true }, "turn ", pair?.turn ?? "?", " (", idx + 1, " / ", report.pairs.length, ")"), /* @__PURE__ */ React31.createElement(Text26, null, pair ? /* @__PURE__ */ React31.createElement(KindBadge, { kind: pair.kind }) : null)), /* @__PURE__ */ React31.createElement(Box28, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React31.createElement(Pane, { label: report.a.label, headerColor: "blue", records: paneRecords(pair, "a") }), /* @__PURE__ */ React31.createElement(Pane, { label: report.b.label, headerColor: "magenta", records: paneRecords(pair, "b") })), pair?.divergenceNote ? /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React31.createElement(Text26, { color: "yellow" }, "\u2605 "), /* @__PURE__ */ React31.createElement(Text26, null, pair.divergenceNote)) : null, /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "j"), "/", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "\u2193"), " next \xB7 ", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "k"), "/", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "\u2191"), " ", "prev \xB7 ", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "n"), " next-diverge \xB7 ", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "N"), "/", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "p"), " ", "prev-diverge \xB7 ", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "g"), "/", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "G"), " first/last \xB7 ", /* @__PURE__ */ React31.createElement(Text26, { bold: true }, "q"), " ", "quit")));
+  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")));
 }
 function DiffHeader({ report }) {
   const a = report.a;
@@ -21775,15 +22062,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__ */ React31.createElement(Box28, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React31.createElement(Box28, { justifyContent: "space-between" }, /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { color: "cyan", bold: true }, "reasonix diff"), /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, " \xB7 A="), /* @__PURE__ */ React31.createElement(Text26, { color: "blue" }, a.label), /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, " vs B="), /* @__PURE__ */ React31.createElement(Text26, { color: "magenta" }, b.label)), /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, report.pairs.length, " turns aligned")), /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "cache "), /* @__PURE__ */ React31.createElement(Text26, null, (a.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React31.createElement(Text26, null, (b.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React31.createElement(Text26, { color: cacheDelta >= 0 ? "green" : "red", bold: true }, "  ", cacheDelta >= 0 ? "+" : "", (cacheDelta * 100).toFixed(1), "pp")), /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "cost "), /* @__PURE__ */ React31.createElement(Text26, null, "$", a.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React31.createElement(Text26, null, "$", b.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React31.createElement(Text26, { color: costDelta2 <= 0 ? "green" : "red", bold: true }, "  ", costDelta2 >= 0 ? "+" : "", costDelta2.toFixed(1), "%")), /* @__PURE__ */ React31.createElement(Text26, null, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true }, "model calls "), /* @__PURE__ */ React31.createElement(Text26, null, a.stats.turns, " \u2192 ", b.stats.turns))), prefixLine ? /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true, italic: true }, prefixLine)) : null);
+  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);
 }
 function Pane({
   label,
   headerColor,
   records
 }) {
-  return /* @__PURE__ */ React31.createElement(
-    Box28,
+  return /* @__PURE__ */ React32.createElement(
+    Box29,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -21791,21 +22078,21 @@ function Pane({
       borderStyle: "single",
       borderColor: headerColor
     },
-    /* @__PURE__ */ React31.createElement(Text26, { color: headerColor, bold: true }, label),
-    records.length === 0 ? /* @__PURE__ */ React31.createElement(Box28, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text26, { dimColor: true, italic: true }, "(no records on this side for this turn)")) : /* @__PURE__ */ React31.createElement(Static, { items: records.map((rec, i) => ({ key: `${label}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React31.createElement(RecordView, { key, rec, compact: true }))
+    /* @__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 }))
   );
 }
 function KindBadge({ kind }) {
   if (kind === "match") {
-    return /* @__PURE__ */ React31.createElement(Text26, { color: "green" }, "\u2713 match");
+    return /* @__PURE__ */ React32.createElement(Text27, { color: "green" }, "\u2713 match");
   }
   if (kind === "diverge") {
-    return /* @__PURE__ */ React31.createElement(Text26, { color: "yellow" }, "\u2605 diverge");
+    return /* @__PURE__ */ React32.createElement(Text27, { color: "yellow" }, "\u2605 diverge");
   }
   if (kind === "only_in_a") {
-    return /* @__PURE__ */ React31.createElement(Text26, { color: "blue" }, "\u2190 only in A");
+    return /* @__PURE__ */ React32.createElement(Text27, { color: "blue" }, "\u2190 only in A");
   }
-  return /* @__PURE__ */ React31.createElement(Text26, { color: "magenta" }, "\u2192 only in B");
+  return /* @__PURE__ */ React32.createElement(Text27, { color: "magenta" }, "\u2192 only in B");
 }
 function paneRecords(pair, side) {
   if (!pair) return [];
@@ -21836,7 +22123,7 @@ markdown report written to ${opts.mdPath}`);
     return;
   }
   if (wantTui) {
-    const { waitUntilExit } = render2(React32.createElement(DiffApp, { report }), {
+    const { waitUntilExit } = render2(React33.createElement(DiffApp, { report }), {
       exitOnCtrlC: true,
       patchConsole: false
     });
@@ -22476,11 +22763,11 @@ function pad2(s, width) {
 
 // src/cli/commands/replay.ts
 import { render as render3 } from "ink";
-import React34 from "react";
+import React35 from "react";
 
 // src/cli/ui/ReplayApp.tsx
-import { Box as Box29, Static as Static2, Text as Text27, useApp as useApp3, useInput as useInput2 } from "ink";
-import React33, { useMemo as useMemo4, useState as useState14 } from "react";
+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);
@@ -22520,14 +22807,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__ */ React33.createElement(Box29, { flexDirection: "column" }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(Box30, { flexDirection: "column" }, /* @__PURE__ */ React34.createElement(
     StatsPanel,
     {
       summary,
       model: cumStats.models[0] ?? meta?.model ?? "?",
       prefixHash
     }
-  ), /* @__PURE__ */ React33.createElement(Box29, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React33.createElement(Box29, { justifyContent: "space-between" }, /* @__PURE__ */ React33.createElement(Text27, { color: "cyan", bold: true }, progressLabel), meta ? /* @__PURE__ */ React33.createElement(Text27, { dimColor: true }, meta.source, meta.task ? ` \xB7 ${meta.task}` : "", meta.mode ? ` \xB7 ${meta.mode}` : "") : null), currentPage ? /* @__PURE__ */ React33.createElement(Static2, { items: currentPage.records.map((rec, i) => ({ key: `${idx}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React33.createElement(RecordView, { key, rec })) : /* @__PURE__ */ React33.createElement(Text27, { dimColor: true, italic: true }, "no records")), /* @__PURE__ */ React33.createElement(Box29, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React33.createElement(Text27, { dimColor: true }, /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "j"), "/", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "\u2193"), "/", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "space"), " next \xB7 ", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "k"), "/", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "\u2191"), " prev \xB7 ", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "g"), " first \xB7 ", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "G"), " last \xB7", " ", /* @__PURE__ */ React33.createElement(Text27, { bold: true }, "q"), " quit")));
+  ), /* @__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")));
 }
 
 // src/cli/commands/replay.ts
@@ -22539,7 +22826,7 @@ async function replayCommand(opts) {
   }
   const { parsed } = replayFromFile(opts.path);
   const pages = groupRecordsByTurn(parsed.records);
-  const { waitUntilExit } = render3(React34.createElement(ReplayApp, { meta: parsed.meta, pages }), {
+  const { waitUntilExit } = render3(React35.createElement(ReplayApp, { meta: parsed.meta, pages }), {
     exitOnCtrlC: true,
     patchConsole: false
   });
@@ -22845,12 +23132,12 @@ function truncate3(s, max) {
 
 // src/cli/commands/setup.tsx
 import { render as render4 } from "ink";
-import React36 from "react";
+import React37 from "react";
 
 // src/cli/ui/Wizard.tsx
-import { Box as Box30, Text as Text28, useApp as useApp4, useInput as useInput3 } from "ink";
+import { Box as Box31, Text as Text29, useApp as useApp4, useInput as useInput3 } from "ink";
 import TextInput2 from "ink-text-input";
-import React35, { useState as useState15 } from "react";
+import React36, { 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();
@@ -22866,7 +23153,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     if (key.escape && step !== "saved" && onCancel) onCancel();
   });
   if (step === "apiKey") {
-    return /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(
       ApiKeyStep,
       {
         onSubmit: (key) => {
@@ -22880,7 +23167,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     );
   }
   if (step === "preset") {
-    return /* @__PURE__ */ React35.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React36.createElement(
       SingleSelect,
       {
         items: presetItems(),
@@ -22890,10 +23177,10 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
           setStep("mcp");
         }
       }
-    ), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
+    ), /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
   }
   if (step === "mcp") {
-    return /* @__PURE__ */ React35.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React36.createElement(
       MultiSelect,
       {
         items: mcpItems(),
@@ -22918,7 +23205,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     }
     const currentName = pending[0];
     const entry = CATALOG_BY_NAME.get(currentName);
-    return /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React36.createElement(
       McpArgsStep,
       {
         entry,
@@ -22936,7 +23223,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
   }
   if (step === "review") {
     const specs = data.selectedCatalog.map((name) => buildSpec(name, data.catalogArgs));
-    return /* @__PURE__ */ React35.createElement(StepFrame, { title: "Ready to save", step: 3, total: 3 }, /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column" }, /* @__PURE__ */ React35.createElement(SummaryLine, { label: "API key", value: redactKey(data.apiKey) }), /* @__PURE__ */ React35.createElement(SummaryLine, { label: "Preset", value: data.preset }), /* @__PURE__ */ React35.createElement(
+    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(
       SummaryLine,
       {
         label: "MCP",
@@ -22944,8 +23231,8 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ), specs.map((spec, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: review-only render, order fixed
-      /* @__PURE__ */ React35.createElement(Box30, { key: i, paddingLeft: 14 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "\xB7 ", spec))
-    )), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, null, "Saves to ", defaultConfigPath())), error ? /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { color: "red" }, error)) : null, /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "[Enter] save \xB7 [Esc] cancel"))), /* @__PURE__ */ React35.createElement(
+      /* @__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(
       ReviewConfirm,
       {
         onConfirm: () => {
@@ -22971,7 +23258,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ));
   }
-  return /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1 }, /* @__PURE__ */ React35.createElement(Text28, { bold: true, color: "green" }, "\u25B8 Saved."), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, null, "Run `reasonix` any time to start chatting \u2014 your settings are remembered.")), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "[Enter] to exit")), /* @__PURE__ */ React35.createElement(ExitOnEnter, { onExit: exit2 }));
+  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 }));
 }
 function ApiKeyStep({
   onSubmit,
@@ -22979,7 +23266,7 @@ function ApiKeyStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React35.createElement(Text28, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React35.createElement(
+  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(
     TextInput2,
     {
       value,
@@ -22996,7 +23283,7 @@ function ApiKeyStep({
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { color: "red" }, error)) : value ? /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "preview: ", redactKey(value))) : null);
+  )), 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);
 }
 function McpArgsStep({
   entry,
@@ -23005,7 +23292,7 @@ function McpArgsStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React35.createElement(StepFrame, { title: `Configure ${entry.name}`, step: 2, total: 3 }, /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Text28, null, entry.summary), entry.note ? /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, entry.note)) : null, /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, null, "Required parameter: "), /* @__PURE__ */ React35.createElement(Text28, { bold: true }, entry.userArgs)), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { bold: true, color: "cyan" }, entry.userArgs, " \u203A "), /* @__PURE__ */ React35.createElement(
+  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(
     TextInput2,
     {
       value,
@@ -23021,7 +23308,7 @@ function McpArgsStep({
       },
       placeholder: placeholderFor(entry)
     }
-  )), error ? /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text28, { color: "red" }, error)) : null));
+  )), error ? /* @__PURE__ */ React36.createElement(Box31, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(Text29, { color: "red" }, error)) : null));
 }
 function ReviewConfirm({ onConfirm }) {
   useInput3((_i, key) => {
@@ -23041,10 +23328,10 @@ function StepFrame({
   total,
   children
 }) {
-  return /* @__PURE__ */ React35.createElement(Box30, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React35.createElement(Box30, null, /* @__PURE__ */ React35.createElement(Text28, { dimColor: true }, "Step ", step, "/", total, " \xB7", " "), /* @__PURE__ */ React35.createElement(Text28, { bold: true, color: "cyan" }, title)), /* @__PURE__ */ React35.createElement(Box30, { marginTop: 1, flexDirection: "column" }, 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));
 }
 function SummaryLine({ label, value }) {
-  return /* @__PURE__ */ React35.createElement(Box30, null, /* @__PURE__ */ React35.createElement(Text28, null, label.padEnd(12)), /* @__PURE__ */ React35.createElement(Text28, { bold: true }, value));
+  return /* @__PURE__ */ React36.createElement(Box31, null, /* @__PURE__ */ React36.createElement(Text29, null, label.padEnd(12)), /* @__PURE__ */ React36.createElement(Text29, { bold: true }, value));
 }
 function presetItems() {
   return ["auto", "flash", "pro"].map((name) => ({
@@ -23100,7 +23387,7 @@ async function setupCommand(_opts = {}) {
   const existingKey = loadApiKey();
   const existing = readConfig();
   const { waitUntilExit, unmount } = render4(
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       Wizard,
       {
         existingApiKey: existingKey,