@wrongstack/tui 0.316.1 → 0.317.0

package/dist/index.js

@@ -386,17 +386,24 @@ function mixHexColors(colorA, colorB, weight) {
   return `#${[r, g, bl].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
 }
 function parseHexColor(hex) {
-  const m = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
+  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
   if (!m) return null;
-  const n = Number.parseInt(m[1], 16);
+  const raw = m[1];
+  if (raw.length === 3) {
+    const r = Number.parseInt(raw[0] + raw[0], 16);
+    const g = Number.parseInt(raw[1] + raw[1], 16);
+    const b = Number.parseInt(raw[2] + raw[2], 16);
+    return [r, g, b];
+  }
+  const n = Number.parseInt(raw, 16);
   return [n >> 16 & 255, n >> 8 & 255, n & 255];
 }
 function detectSupportsBackground(env = process.env, isTTY = process.stdout.isTTY ?? false) {
   if (!isTTY) return false;
-  if (typeof env.NO_COLOR === "string" && env.NO_COLOR !== "") return false;
-  const colorterm = env.COLORTERM ?? "";
+  if (typeof env["NO_COLOR"] === "string" && env["NO_COLOR"] !== "") return false;
+  const colorterm = env["COLORTERM"] ?? "";
   if (/^(truecolor|24bit)$/i.test(colorterm)) return true;
-  const term = env.TERM ?? "";
+  const term = env["TERM"] ?? "";
   if (/truecolor|24bit/i.test(term)) return true;
   if (/256(color)?/i.test(term)) return true;
   if (colorterm !== "" && colorterm !== "false") return true;
@@ -5556,6 +5563,9 @@ function renderProgressBar(progress, trend, width = 20) {
   ] });
 }
 
+// src/components/help-overlay.tsx
+import { useState as useState7 } from "react";
+
 // src/f-key-panels.ts
 var F_KEY_PANEL_ENTRIES = [
   {
@@ -5692,7 +5702,7 @@ function actionForFKeyPanel(entry, hiddenItems = []) {
 }
 
 // src/components/help-overlay.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function helpSections() {
   const nav = [];
   nav.push(
@@ -5878,66 +5888,84 @@ function splitIntoColumns(entries) {
   }
   return [left, right];
 }
+function buildHelpRows(sections) {
+  const rows = [];
+  for (const sec of sections) {
+    rows.push({ kind: "section", title: sec.title });
+    if (sec.title === "Tool Colors") {
+      const [leftCol, rightCol] = splitIntoColumns(sec.entries);
+      for (let i = 0; i < leftCol.length; i++) {
+        const left = leftCol[i];
+        if (!left) continue;
+        rows.push({ kind: "pair", left, right: rightCol[i] });
+      }
+    } else {
+      for (const entry of sec.entries) {
+        rows.push({ kind: "entry", keys: entry.keys, desc: entry.desc });
+      }
+    }
+  }
+  return rows;
+}
 function HelpOverlay() {
-  const sections = helpSections();
-  const otherSections = sections.filter((s2) => s2.title !== "Tool Colors");
+  const rows = buildHelpRows(helpSections());
+  const size = useMonitorSize();
+  const [cursor, setCursor] = useState7(0);
+  const limit = Math.max(3, size.contentRows - 3);
+  const lastRow = Math.max(0, rows.length - 1);
+  const page = Math.max(1, limit - 1);
+  useInput((_input, key) => {
+    if (key.upArrow) setCursor((c) => Math.max(0, c - 1));
+    else if (key.downArrow) setCursor((c) => Math.min(lastRow, c + 1));
+    else if (key.pageUp) setCursor((c) => Math.max(0, c - page));
+    else if (key.pageDown) setCursor((c) => Math.min(lastRow, c + page));
+  });
+  const win = panelWindow(rows.length, cursor, limit);
+  const visible = rows.slice(win.start, win.end);
   const otherKeyWidth = Math.max(
-    ...otherSections.flatMap((s2) => s2.entries.map((e) => e.keys.length)),
+    ...rows.filter((r) => r.kind === "entry").map((r) => r.keys.length),
+    0
+  );
+  const otherKeyCol = otherKeyWidth + 2;
+  const descWidth = Math.max(0, size.contentWidth - otherKeyCol);
+  const toolKeyWidth = Math.max(
+    ...rows.filter((r) => r.kind === "pair").flatMap((r) => [r.left.keys.length, r.right?.keys.length ?? 0]),
     0
   );
-  const toolSection = sections.find((s2) => s2.title === "Tool Colors");
-  const toolKeyWidth = toolSection ? Math.max(...toolSection.entries.map((e) => e.keys.length), 0) : 0;
+  const toolKeyCol = toolKeyWidth + 2;
+  const toolDescWidth = Math.max(
+    0,
+    Math.floor((size.contentWidth - 2 * toolKeyCol - 2) / 2)
+  );
   return /* @__PURE__ */ jsxs10(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsxs10(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx11(Text, { bold: true, color: theme.accent, children: "Keyboard shortcuts" }),
-      /* @__PURE__ */ jsx11(Text, { dimColor: true, children: "\xB7 Esc to close" })
+      /* @__PURE__ */ jsx11(Text, { dimColor: true, children: "\xB7 \u2191/\u2193 scroll \xB7 PgUp/PgDn page \xB7 Esc to close" })
     ] }),
-    sections.map((sec) => {
-      if (sec.title === "Tool Colors") {
-        const [leftCol, rightCol] = splitIntoColumns(sec.entries);
-        return /* @__PURE__ */ jsxs10(Box, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx11(Text, { bold: true, color: theme.brand, children: sec.title }),
-          /* @__PURE__ */ jsxs10(Box, { flexDirection: "row", gap: 2, children: [
-            /* @__PURE__ */ jsx11(Box, { flexDirection: "column", children: leftCol.map((e, i) => /* @__PURE__ */ jsxs10(
-              Box,
-              {
-                flexDirection: "row",
-                children: [
-                  /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: e.keys.padEnd(toolKeyWidth + 2) }),
-                  /* @__PURE__ */ jsx11(Text, { dimColor: true, children: e.desc })
-                ]
-              },
-              i
-            )) }),
-            /* @__PURE__ */ jsx11(Box, { flexDirection: "column", children: rightCol.map((e, i) => /* @__PURE__ */ jsxs10(
-              Box,
-              {
-                flexDirection: "row",
-                children: [
-                  /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: e.keys.padEnd(toolKeyWidth + 2) }),
-                  /* @__PURE__ */ jsx11(Text, { dimColor: true, children: e.desc })
-                ]
-              },
-              i
-            )) })
-          ] })
-        ] }, sec.title);
-      }
-      return /* @__PURE__ */ jsxs10(Box, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx11(Text, { bold: true, color: theme.brand, children: sec.title }),
-        sec.entries.map((e, i) => /* @__PURE__ */ jsxs10(
-          Box,
-          {
-            flexDirection: "row",
-            children: [
-              /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: e.keys.padEnd(otherKeyWidth + 2) }),
-              /* @__PURE__ */ jsx11(Text, { dimColor: true, children: e.desc })
-            ]
-          },
-          i
-        ))
-      ] }, sec.title);
-    })
+    win.above > 0 ? /* @__PURE__ */ jsx11(Text, { dimColor: true, children: `  \u2191 ${win.above} more` }) : null,
+    visible.map((row, i) => {
+      if (row.kind === "section") {
+        return /* @__PURE__ */ jsx11(Text, { bold: true, color: theme.brand, children: row.title }, `section-${row.title}`);
+      }
+      if (row.kind === "entry") {
+        return /* @__PURE__ */ jsxs10(Text, { children: [
+          /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: row.keys.padEnd(otherKeyCol) }),
+          /* @__PURE__ */ jsx11(Text, { dimColor: true, children: truncatePanelText(row.desc, descWidth) })
+        ] }, `entry-${win.start + i}`);
+      }
+      const leftDesc = truncatePanelText(row.left.desc, toolDescWidth).padEnd(
+        toolDescWidth + 2
+      );
+      return /* @__PURE__ */ jsxs10(Text, { children: [
+        /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: row.left.keys.padEnd(toolKeyCol) }),
+        /* @__PURE__ */ jsx11(Text, { dimColor: true, children: leftDesc }),
+        row.right ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+          /* @__PURE__ */ jsx11(Text, { color: theme.accent, children: row.right.keys.padEnd(toolKeyCol) }),
+          /* @__PURE__ */ jsx11(Text, { dimColor: true, children: truncatePanelText(row.right.desc, toolDescWidth) })
+        ] }) : null
+      ] }, `pair-${win.start + i}`);
+    }),
+    win.below > 0 ? /* @__PURE__ */ jsx11(Text, { dimColor: true, children: `  \u2193 ${win.below} more` }) : null
   ] });
 }
 
@@ -5957,7 +5985,7 @@ import {
   updateTask
 } from "@wrongstack/kanban";
 import { applySessionKanbanTaskToSource } from "@wrongstack/tools/session-kanban";
-import { useEffect as useEffect6, useMemo as useMemo3, useState as useState7 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo3, useState as useState8 } from "react";
 
 // src/kanban-audit.ts
 var DEFAULT_REVIEW_STALE_AFTER_MS = 72 * 60 * 60 * 1e3;
@@ -6287,7 +6315,7 @@ function severityRank(severity) {
 }
 
 // src/components/kanban-panel.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function KanbanPanel({
   projectRoot,
   sessionId,
@@ -6297,14 +6325,14 @@ function KanbanPanel({
   initialBoardId
 }) {
   const eventContext = { sessionId, actor: "tui-operator" };
-  const [boards, setBoards] = useState7([]);
-  const [selectedBoard, setSelectedBoard] = useState7(0);
-  const [selectedTask, setSelectedTask] = useState7(0);
-  const [board, setBoard] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const [notice, setNotice] = useState7(null);
-  const [prompt, setPrompt] = useState7(null);
+  const [boards, setBoards] = useState8([]);
+  const [selectedBoard, setSelectedBoard] = useState8(0);
+  const [selectedTask, setSelectedTask] = useState8(0);
+  const [board, setBoard] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const [notice, setNotice] = useState8(null);
+  const [prompt, setPrompt] = useState8(null);
   const sortedColumns = useMemo3(
     () => [...board?.columns ?? []].sort((a, b) => a.order - b.order),
     [board]
@@ -6635,7 +6663,7 @@ function KanbanPanel({
         " board",
         boards.length === 1 ? "" : "s"
       ] }),
-      board ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      board ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
         /* @__PURE__ */ jsx12(Text, { dimColor: true, children: "|" }),
         /* @__PURE__ */ jsx12(Text, { children: board.title })
       ] }) : null,
@@ -6855,7 +6883,7 @@ function TaskDetail({
 }) {
   return /* @__PURE__ */ jsxs11(Box, { flexDirection: "column", width: 34, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
     /* @__PURE__ */ jsx12(Text, { bold: true, color: "cyan", children: "Task" }),
-    !task ? /* @__PURE__ */ jsx12(Text, { dimColor: true, children: "No task selected." }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    !task ? /* @__PURE__ */ jsx12(Text, { dimColor: true, children: "No task selected." }) : /* @__PURE__ */ jsxs11(Fragment5, { children: [
       /* @__PURE__ */ jsx12(Text, { wrap: "truncate", children: task.title }),
       /* @__PURE__ */ jsxs11(Text, { dimColor: true, children: [
         "ID ",
@@ -7079,7 +7107,7 @@ function BoardSummary({
       "scope ",
       describeKanbanBoundary(board.boundary)
     ] }),
-    target ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    target ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
       /* @__PURE__ */ jsx12(Text, { dimColor: true, children: "|" }),
       /* @__PURE__ */ jsxs11(Text, { dimColor: true, children: [
         "next board: ",
@@ -7124,7 +7152,7 @@ function clamp(value, min, max) {
 }
 
 // src/components/key-hint-bar.tsx
-import { useEffect as useEffect7, useState as useState8 } from "react";
+import { useEffect as useEffect7, useState as useState9 } from "react";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var IDLE_MESSAGES = [
   { key: "", label: "github.com/wrongstack/wrongstack" },
@@ -7180,7 +7208,7 @@ function hintsFor(ctx) {
 function KeyHintBar({ context }) {
   const hints = hintsFor(context);
   const idle = isIdleContext(context);
-  const [idleIndex, setIdleIndex] = useState8(0);
+  const [idleIndex, setIdleIndex] = useState9(0);
   useEffect7(() => {
     if (!idle) return;
     const id = setInterval(() => {
@@ -7288,7 +7316,7 @@ function MailboxPanel({
 }
 
 // src/components/phase-monitor.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var fmtElapsed2 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
@@ -7339,7 +7367,7 @@ function PhaseMonitor({
         "\u2713",
         done.length
       ] }),
-      failed.length > 0 ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+      failed.length > 0 ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
         /* @__PURE__ */ jsx15(Text, { dimColor: true, children: "\xB7" }),
         /* @__PURE__ */ jsxs14(Text, { color: "red", children: [
           "\u2717",
@@ -7360,14 +7388,14 @@ function PhaseMonitor({
           /* @__PURE__ */ jsx15(Text, { bold: true, children: phase.name }),
           /* @__PURE__ */ jsx15(Text, { dimColor: true, children: "\xB7" }),
           /* @__PURE__ */ jsx15(Text, { color: s2.color, children: s2.label }),
-          isRunning ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          isRunning ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
             /* @__PURE__ */ jsx15(Text, { dimColor: true, children: "\xB7" }),
             /* @__PURE__ */ jsxs14(Text, { dimColor: true, children: [
               "elapsed ",
               elapsed
             ] })
           ] }) : null,
-          phase.totalTasks > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          phase.totalTasks > 0 && /* @__PURE__ */ jsxs14(Fragment6, { children: [
             /* @__PURE__ */ jsx15(Text, { dimColor: true, children: "\xB7" }),
             /* @__PURE__ */ jsxs14(Text, { dimColor: true, children: [
               "tasks ",
@@ -7584,14 +7612,14 @@ function PhasePanel({ phases, nowTick }) {
 import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { resolveWstackPaths, sessionScopedPath } from "@wrongstack/core/utils";
-import { useCallback as useCallback2, useEffect as useEffect11, useMemo as useMemo5, useState as useState12 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect11, useMemo as useMemo5, useState as useState13 } from "react";
 
 // src/components/status-bar.tsx
 import { expectDefined } from "@wrongstack/core/utils";
 import { useMemo as useMemo4 } from "react";
 
 // src/hooks/use-chip-staleness-guard.ts
-import { useCallback, useEffect as useEffect8, useRef, useState as useState9 } from "react";
+import { useCallback, useEffect as useEffect8, useRef, useState as useState10 } from "react";
 var DEFAULT_STALENESS_THRESHOLD_MS = 15e3;
 var DEFAULT_CHECK_INTERVAL_MS = 1e4;
 var DEFAULT_MAX_RECOVERIES = 5;
@@ -7608,10 +7636,10 @@ function useChipStalenessGuard(opts) {
     checkIntervalMs = DEFAULT_CHECK_INTERVAL_MS,
     maxRecoveries = DEFAULT_MAX_RECOVERIES
   } = opts;
-  const [renderNonce, setRenderNonce] = useState9(0);
-  const [diagnoses, setDiagnoses] = useState9([]);
+  const [renderNonce, setRenderNonce] = useState10(0);
+  const [diagnoses, setDiagnoses] = useState10([]);
   const recoveryCountRef = useRef(0);
-  const [recoveryCount, setRecoveryCount] = useState9(0);
+  const [recoveryCount, setRecoveryCount] = useState10(0);
   const lastSpinnerPhaseRef = useRef(spinnerPhase);
   const lastSpinnerChangeAtRef = useRef(Date.now());
   const lastTokenFingerprintRef = useRef(tokenFingerprint);
@@ -7694,10 +7722,10 @@ function computeTokenFingerprint(input, output, cost) {
 }
 
 // src/hooks/use-todos-auto-clear.ts
-import { useEffect as useEffect9, useRef as useRef2, useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef2, useState as useState11 } from "react";
 var TODOS_CLEAR_DELAY_MS = 3e3;
 function useTodosAutoClear(todos) {
-  const [todosCleared, setTodosCleared] = useState10(false);
+  const [todosCleared, setTodosCleared] = useState11(false);
   const todosClearTimerRef = useRef2(null);
   useEffect9(() => {
     const hasActive = todos && (todos.pending > 0 || todos.inProgress > 0);
@@ -7730,7 +7758,7 @@ function useTodosAutoClear(todos) {
 }
 
 // src/hooks/use-token-counter-refresh.ts
-import { useEffect as useEffect10, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState12 } from "react";
 function snapshotTokenCounter(tokenCounter) {
   return {
     usage: tokenCounter.total(),
@@ -7740,7 +7768,7 @@ function snapshotTokenCounter(tokenCounter) {
   };
 }
 function useTokenCounterRefresh(tokenCounter, events, sessionId) {
-  const [data, setData] = useState11(
+  const [data, setData] = useState12(
     () => tokenCounter ? snapshotTokenCounter(tokenCounter) : void 0
   );
   useEffect10(() => {
@@ -7970,7 +7998,7 @@ function PowerlineRail({
 }
 
 // src/components/status-bar-chips.tsx
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function BrainChip({
   brain,
   monochrome
@@ -7998,7 +8026,7 @@ function EternalStageChip({
       return /* @__PURE__ */ jsx18(Text, { color: color(theme.accent), children: monochrome ? `decide: ${stage.reason}` : `\u25C7 decide: ${stage.reason}` });
     case "execute":
       return /* @__PURE__ */ jsxs17(Text, { color: color(theme.success), children: [
-        monochrome ? null : /* @__PURE__ */ jsxs17(Fragment6, { children: [
+        monochrome ? null : /* @__PURE__ */ jsxs17(Fragment7, { children: [
           icon("\u25B6"),
           " "
         ] }),
@@ -8380,7 +8408,7 @@ function numberValue(value) {
 }
 
 // src/components/status-bar-rails.tsx
-import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function buildPrimaryChips(p) {
   const {
     context,
@@ -8842,7 +8870,7 @@ function buildWorkRowEntries(p) {
     },
     {
       id: "next_steps",
-      node: hasNextStepsAutoSubmit && nextStepsAutoSubmitCountdown != null && showChip("next_steps") ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+      node: hasNextStepsAutoSubmit && nextStepsAutoSubmitCountdown != null && showChip("next_steps") ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
         /* @__PURE__ */ jsx19(Text, { color: isNoColor ? void 0 : nextStepsColor, bold: true, children: isNoColor ? `${nextStepsAutoSubmitCountdown}s` : `${STATUSLINE_ICONS.next_steps} ${nextStepsAutoSubmitCountdown}s` }),
         /* @__PURE__ */ jsxs18(Text, { dimColor: !isNoColor, children: [
           " ",
@@ -8971,7 +8999,7 @@ function buildMemoryDetailChips(memoryContextMonitor, Sage, isNoColor) {
       /* @__PURE__ */ jsxs18(Text, { children: [
         Sage.total,
         " total",
-        reportedActive > 0 ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+        reportedActive > 0 ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
           /* @__PURE__ */ jsx19(Text, { dimColor: !isNoColor, children: " \xB7 " }),
           /* @__PURE__ */ jsxs18(Text, { color: chipColor(theme.success, isNoColor), children: [
             reportedActive,
@@ -9034,7 +9062,7 @@ import {
   DEFAULT_LINES,
   STATUSLINE_ITEMS
 } from "@wrongstack/core/statusline";
-import { Fragment as Fragment8, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsxs as jsxs19 } from "react/jsx-runtime";
 function canonicalChipKey(entryId) {
   if (entryId === "primary-0") return "context";
   if (entryId.startsWith("detail-")) return "mailbox";
@@ -9061,7 +9089,7 @@ function placeAnchors(rails, anchors, lines) {
     if (!anchor.node) continue;
     const line = assignedLine(anchor.key, DEFAULT_LINES[anchor.key], lines);
     const rail = rails[line - 1];
-    rail.rightAnchor = rail.rightAnchor ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+    rail.rightAnchor = rail.rightAnchor ? /* @__PURE__ */ jsxs19(Fragment9, { children: [
       rail.rightAnchor,
       " ",
       anchor.node
@@ -9398,12 +9426,12 @@ function planFilePath(projectRoot, sessionId, scope) {
   return path.join(base, "backlog.plan.json");
 }
 function usePlanPanelData(projectRoot, sessionId, enabled = true) {
-  const [items, setItems] = useState12([]);
-  const [title, setTitle2] = useState12(void 0);
-  const [scope, setScope] = useState12("session");
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const [updatedAt, setUpdatedAt] = useState12(void 0);
+  const [items, setItems] = useState13([]);
+  const [title, setTitle2] = useState13(void 0);
+  const [scope, setScope] = useState13("session");
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const [updatedAt, setUpdatedAt] = useState13(void 0);
   const load = useCallback2(
     async (scope_, quiet = false) => {
       if (!quiet) setLoading(true);
@@ -9453,7 +9481,7 @@ function PlanPanel({
     projectRoot,
     sessionId
   );
-  const [selected, setSelected] = useState12(0);
+  const [selected, setSelected] = useState13(0);
   async function handleScopeSwitch(newScope) {
     await load(newScope);
   }
@@ -9600,14 +9628,14 @@ function PlanRow({
 }
 
 // src/components/process-list.tsx
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { useEffect as useEffect12, useState as useState14 } from "react";
 import { getProcessRegistry } from "@wrongstack/tools";
 import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function ProcessListMonitor() {
   const size = useMonitorSize();
-  const [, setTick] = useState13(0);
-  const [selectedIndex, setSelectedIndex] = useState13(0);
-  const [pendingAction, setPendingAction] = useState13(null);
+  const [, setTick] = useState14(0);
+  const [selectedIndex, setSelectedIndex] = useState14(0);
+  const [pendingAction, setPendingAction] = useState14(null);
   useEffect12(() => {
     const id = setInterval(() => setTick((t) => t + 1), 1e3);
     return () => clearInterval(id);
@@ -9773,7 +9801,7 @@ function ProcessListMonitor() {
 }
 
 // src/components/queue-panel.tsx
-import { useCallback as useCallback3, useEffect as useEffect13, useState as useState14 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect13, useState as useState15 } from "react";
 import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function QueuePanel({
   items,
@@ -9783,8 +9811,8 @@ function QueuePanel({
   onToggleRefine
 }) {
   const size = useMonitorSize();
-  const [selected, setSelected] = useState14(0);
-  const [confirmClear, setConfirmClear] = useState14(false);
+  const [selected, setSelected] = useState15(0);
+  const [confirmClear, setConfirmClear] = useState15(false);
   const maxVisible = Math.max(3, size.contentRows - 2);
   const window = panelWindow(items.length, selected, maxVisible);
   const visible = items.slice(window.start, window.end);
@@ -10056,7 +10084,7 @@ function SddBoardOverlay({
 }
 
 // src/components/sessions-panel.tsx
-import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 function statusIcon2(status) {
   switch (status) {
     case "active":
@@ -10225,7 +10253,7 @@ function SessionsPanel({
                       " agents"
                     ] })
                   ] }),
-                  isSelected ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+                  isSelected ? /* @__PURE__ */ jsxs25(Fragment10, { children: [
                     /* @__PURE__ */ jsxs25(Text, { color: theme.textMuted, children: [
                       " ",
                       truncatePanelText(s2.workingDir, size.contentWidth - 4),
@@ -10276,11 +10304,11 @@ function SessionsPanel({
 }
 
 // src/components/todos-monitor.tsx
-import { useEffect as useEffect14, useState as useState15 } from "react";
+import { useEffect as useEffect14, useState as useState16 } from "react";
 import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 function TodosMonitor({ todos }) {
   const size = useMonitorSize();
-  const [selected, setSelected] = useState15(0);
+  const [selected, setSelected] = useState16(0);
   const done = todos.filter((t) => t.status === "completed").length;
   const inProgress = todos.filter((t) => t.status === "in_progress").length;
   const pending = todos.filter((t) => t.status === "pending").length;
@@ -10410,7 +10438,7 @@ function TodosMonitor({ todos }) {
 }
 
 // src/components/worktree-monitor.tsx
-import { useEffect as useEffect15, useState as useState16 } from "react";
+import { useEffect as useEffect15, useState as useState17 } from "react";
 import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
 var fmtElapsed4 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
@@ -10442,7 +10470,7 @@ function WorktreeMonitor({
   onClose
 }) {
   const size = useMonitorSize();
-  const [selected, setSelected] = useState16(0);
+  const [selected, setSelected] = useState17(0);
   const shortcutsEnabled = usePanelShortcutsEnabled();
   useInput((input, key) => {
     if (key.escape === true || shortcutsEnabled && isWorktreeMonitorCloseKey(input, key))
@@ -10695,7 +10723,7 @@ function renderRunningTools(running) {
 }
 
 // src/app-status-region.tsx
-import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 function AppStatusRegion({
   host,
   runtime,
@@ -10781,7 +10809,7 @@ function AppStatusRegion({
   const projectRoot = agent.ctx.projectRoot;
   const panelPositions = effectivePanelPositions(state, liveSettings);
   const routedToBottom = (id) => panelPositions[id] === "bottom";
-  return /* @__PURE__ */ jsxs29(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment11, { children: [
     /* @__PURE__ */ jsx29(Box, { ref: statusBarWrapRef, flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx29(
       StatusBar,
       {
@@ -11943,7 +11971,7 @@ function cyclePreset(presets, current, delta) {
 }
 
 // src/components/brain-panel.tsx
-import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
 var CHROME_ROWS2 = 14;
 var RISK_DESCS = {
   off: "Human decides everything",
@@ -12274,7 +12302,7 @@ function BrainPanel({
       ] }),
       /* @__PURE__ */ jsxs34(Box, { marginTop: 1, flexDirection: "column", children: [
         /* @__PURE__ */ jsx34(Text, { bold: true, color: "blue", children: "Recent decisions" }),
-        total === 0 ? /* @__PURE__ */ jsx34(Text, { dimColor: true, children: " No decisions recorded yet this session." }) : /* @__PURE__ */ jsxs34(Fragment11, { children: [
+        total === 0 ? /* @__PURE__ */ jsx34(Text, { dimColor: true, children: " No decisions recorded yet this session." }) : /* @__PURE__ */ jsxs34(Fragment12, { children: [
           above > 0 ? /* @__PURE__ */ jsx34(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
           log.slice(windowStart, windowEnd).map((entry, i) => {
             const index = windowStart + i;
@@ -12935,12 +12963,20 @@ function firstNonEmpty(text) {
   return line ? line.replace(/\s+/g, " ").trim() : void 0;
 }
 function formatMatchHit(hit) {
-  if (typeof hit === "string") return truncMid(hit, 70);
+  if (typeof hit === "string") {
+    const m = hit.match(/^((?:[A-Za-z]:)?[^:]+):(\d+)[:\-](.*)$/);
+    if (m?.[1] && m[2]) {
+      const head = `${shortenPath(m[1], 40)}:${m[2]}`;
+      const snippet2 = m[3]?.trim();
+      return snippet2 ? `${head}  ${truncMid(snippet2.replace(/\s+/g, " "), 40)}` : head;
+    }
+    return truncMid(hit, 70);
+  }
   if (hit && typeof hit === "object") {
     const o = hit;
-    const file = stringOf(o["file"]) ?? stringOf(o["path"]);
-    const line = numOf(o["line"]) ?? numOf(o["lineNumber"]);
-    const snippet2 = stringOf(o["text"]) ?? stringOf(o["match"]) ?? stringOf(o["preview"]);
+    const file = stringOf(o["file"]) ?? stringOf(o["path"]) ?? stringOf(o["filename"]) ?? stringOf(o["Filename"]);
+    const line = numOf(o["line"]) ?? numOf(o["lineNumber"]) ?? numOf(o["line_number"]) ?? numOf(o["LineNumber"]);
+    const snippet2 = stringOf(o["text"]) ?? stringOf(o["match"]) ?? stringOf(o["preview"]) ?? stringOf(o["lineContent"]) ?? stringOf(o["LineContent"]) ?? stringOf(o["line_content"]);
     if (file) {
       const head = line !== void 0 ? `${shortenPath(file, 40)}:${line}` : shortenPath(file, 50);
       return snippet2 ? `${head}  ${truncMid(snippet2.replace(/\s+/g, " "), 40)}` : head;
@@ -12958,6 +12994,12 @@ var MAX_STREAM_LINES = 8;
 var WRITE_CREATE_STREAM_LINES = 3;
 var TOOL_STREAM_MARGIN_ROWS = 2;
 var TOOL_STREAM_HEADER_ROWS = 1;
+var ASSISTANT_STREAM_LINES = 6;
+var ASSISTANT_STREAM_MARGIN_ROWS = 2;
+var ASSISTANT_STREAM_HEADER_ROWS = 1;
+function assistantStreamBoxHeight() {
+  return ASSISTANT_STREAM_MARGIN_ROWS + ASSISTANT_STREAM_HEADER_ROWS + ASSISTANT_STREAM_LINES;
+}
 function toolStreamBoxHeight(name) {
   const contentRows2 = name === "write" ? WRITE_CREATE_STREAM_LINES : MAX_STREAM_LINES;
   return TOOL_STREAM_MARGIN_ROWS + TOOL_STREAM_HEADER_ROWS + contentRows2;
@@ -13028,6 +13070,37 @@ var ToolStreamBox = React.memo(function ToolStreamBox2({
     }
   );
 });
+var AssistantStreamBox = React.memo(function AssistantStreamBox2({
+  text,
+  termWidth
+}) {
+  const contentWidth = Math.max(1, Math.min(termWidth - 4, 100));
+  const totalLines = text.split("\n").length;
+  const hidden = Math.max(0, totalLines - ASSISTANT_STREAM_LINES);
+  const rows = streamBoxRows(text, ASSISTANT_STREAM_LINES, contentWidth);
+  const color = theme.assistant ?? "cyan";
+  return /* @__PURE__ */ jsxs37(
+    Box,
+    {
+      flexDirection: "column",
+      marginY: 1,
+      borderStyle: "single",
+      borderTop: false,
+      borderRight: false,
+      borderBottom: false,
+      borderColor: color,
+      paddingLeft: 1,
+      children: [
+        /* @__PURE__ */ jsxs37(Box, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx37(Text, { color, children: "\u2726 " }),
+          /* @__PURE__ */ jsx37(Text, { bold: true, color, children: "assistant \xB7 streaming" }),
+          hidden > 0 ? /* @__PURE__ */ jsx37(Text, { dimColor: true, children: `  (${totalLines} lines, showing last ${ASSISTANT_STREAM_LINES})` }) : null
+        ] }),
+        /* @__PURE__ */ jsx37(Box, { flexDirection: "column", marginLeft: 1, children: rows.map((r, i) => /* @__PURE__ */ jsx37(Text, { color: "white", italic: Boolean(r.italic), children: r.text || " " }, i)) })
+      ]
+    }
+  );
+});
 function tailForDisplay(text, maxChars) {
   if (text.length <= maxChars) return text;
   const cut = text.length - maxChars;
@@ -13039,23 +13112,23 @@ function tailForDisplay(text, maxChars) {
 }
 
 // src/components/history/visual-lines.tsx
-import { Fragment as Fragment12, jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
 var VISUAL_TEXT_BUDGET = 92;
 function ToolOutputLines({
   lines,
   hasFollowingBlock
 }) {
-  return /* @__PURE__ */ jsx38(Fragment12, { children: lines.map((line, i) => {
+  return /* @__PURE__ */ jsx38(Fragment13, { children: lines.map((line, i) => {
     const branch = i === lines.length - 1 && !hasFollowingBlock ? "  \u2514\u2500 " : "  \u251C\u2500 ";
     const color = colorForVisualKind(line.kind);
     return /* @__PURE__ */ jsxs38(Text, { children: [
       /* @__PURE__ */ jsx38(Text, { dimColor: true, children: branch }),
       line.marker ? /* @__PURE__ */ jsx38(Text, { color, bold: true, children: line.marker }) : null,
-      line.path ? /* @__PURE__ */ jsxs38(Fragment12, { children: [
+      line.path ? /* @__PURE__ */ jsxs38(Fragment13, { children: [
         /* @__PURE__ */ jsx38(Text, { color: "cyan", children: shortenPath(sanitizeTerminalText(line.path), 56) }),
         /* @__PURE__ */ jsx38(Text, { dimColor: true, children: "  " })
       ] }) : null,
-      line.lineNo ? /* @__PURE__ */ jsxs38(Fragment12, { children: [
+      line.lineNo ? /* @__PURE__ */ jsxs38(Fragment13, { children: [
         /* @__PURE__ */ jsx38(Text, { color: "yellow", children: String(line.lineNo).padStart(4, " ") }),
         /* @__PURE__ */ jsx38(Text, { dimColor: true, children: " \u2502 " })
       ] }) : null,
@@ -13145,7 +13218,7 @@ function appendOutputPreview(rows, output, kind) {
 }
 function bodyLines(text) {
   const lines = text.replace(/\r/g, "").split("\n");
-  if (lines.length > 0 && /^[^\n]+(?:\s+\([^)]*\))?$/.test(lines[0] ?? "")) {
+  if (lines.length > 1 && /^[^\s()]+\s+\([^)]*=[^)]*\)$/.test(lines[0] ?? "")) {
     return lines.slice(1);
   }
   return lines;
@@ -13478,6 +13551,37 @@ function visualCodebase(toolName, text, ok) {
     }
     return rows.slice(0, VISUAL_MAX_LINES2);
   }
+  if (toolName === "codebase-incoming-calls" || toolName === "codebase-outgoing-calls") {
+    const total = numOf(obj["total"]) ?? (Array.isArray(obj["calls"]) ? obj["calls"].length : 0);
+    const targetSymbol = stringOf(obj["symbol"]) ?? "";
+    const label = toolName === "codebase-incoming-calls" ? `${total} caller${total === 1 ? "" : "s"} for "${targetSymbol}"` : `${total} outgoing call${total === 1 ? "" : "s"} from "${targetSymbol}"`;
+    const rows = [
+      {
+        kind: "ok",
+        marker: "ok ",
+        text: label
+      }
+    ];
+    const calls = Array.isArray(obj["calls"]) ? obj["calls"] : [];
+    for (const call of calls.slice(0, 5)) {
+      if (call && typeof call === "object") {
+        const c = call;
+        const sym = c["symbol"] && typeof c["symbol"] === "object" ? c["symbol"] : void 0;
+        const file = stringOf(sym?.["file"]) ?? stringOf(c["file"]);
+        const line = numOf(sym?.["line"]) ?? numOf(c["line"]);
+        const name = stringOf(sym?.["name"]) ?? stringOf(c["name"]);
+        const sig = stringOf(sym?.["signature"]) ?? stringOf(c["signature"]);
+        const callType = stringOf(c["callType"]);
+        rows.push({
+          kind: "match",
+          path: file,
+          lineNo: line?.toString(),
+          text: [name, callType ? `[${callType}]` : void 0, sig].filter(Boolean).join(" \xB7 ")
+        });
+      }
+    }
+    return rows.slice(0, VISUAL_MAX_LINES2);
+  }
   if (toolName === "codebase-index") {
     const errors = Array.isArray(obj["errors"]) ? obj["errors"] : [];
     return [
@@ -13551,7 +13655,7 @@ function visualLsp(toolName, text, ok) {
       });
       continue;
     }
-    const location = line.match(/^(.+):(\d+):(\d+)$/);
+    const location = line.match(/^((?:[A-Za-z]:)?[^:]+):(\d+):(\d+)$/);
     if (location?.[1]) {
       push({ kind: "path", path: location[1], lineNo: location[2], text: `column ${location[3]}` });
       continue;
@@ -13963,13 +14067,17 @@ function formatToolArgs(toolName, input) {
   const obj = input;
   switch (toolName) {
     case "read":
+    case "view_file":
     case "write":
+    case "write_to_file":
     case "edit":
+    case "replace_file_content":
     case "patch":
     case "list_dir":
+    case "list_directory":
     case "ls":
     case "tree": {
-      const p = stringOf(obj["path"]) ?? stringOf(obj["file"]);
+      const p = stringOf(obj["path"]) ?? stringOf(obj["file"]) ?? stringOf(obj["AbsolutePath"]) ?? stringOf(obj["TargetFile"]) ?? stringOf(obj["DirectoryPath"]);
       return p ? shortenPath(p, ARG_BUDGET) : "";
     }
     case "document": {
@@ -13979,23 +14087,30 @@ function formatToolArgs(toolName, input) {
       return [target, scope, style].filter(Boolean).join(" \xB7 ");
     }
     case "grep":
+    case "grep_search":
     case "search":
     case "replace": {
-      const pat = stringOf(obj["pattern"]) ?? stringOf(obj["query"]);
-      const scope = stringOf(obj["path"]) ?? stringOf(obj["glob"]);
+      const pat = stringOf(obj["pattern"]) ?? stringOf(obj["query"]) ?? stringOf(obj["Query"]);
+      const scope = stringOf(obj["path"]) ?? stringOf(obj["glob"]) ?? stringOf(obj["SearchPath"]) ?? stringOf(obj["search_path"]);
       const head = pat ? `"${truncMid(pat, 36)}"` : "";
       const tail = scope ? ` in ${shortenPath(scope, 28)}` : "";
       return `${head}${tail}` || (stringOf(obj["command"]) ?? "");
     }
-    case "glob": {
-      const pat = stringOf(obj["pattern"]) ?? stringOf(obj["glob"]);
-      return pat ? `"${truncMid(pat, ARG_BUDGET - 2)}"` : "";
+    case "glob":
+    case "find_by_name":
+    case "find_files": {
+      const pat = stringOf(obj["pattern"]) ?? stringOf(obj["glob"]) ?? stringOf(obj["Pattern"]);
+      const dir = stringOf(obj["SearchDirectory"]) ?? stringOf(obj["path"]);
+      const head = pat ? `"${truncMid(pat, ARG_BUDGET - (dir ? 22 : 2))}"` : "";
+      const tail = dir ? ` in ${shortenPath(dir, 18)}` : "";
+      return `${head}${tail}`;
     }
     case "bash":
     case "shell":
+    case "run_command":
     case "install":
     case "git": {
-      const cmd = stringOf(obj["command"]) ?? stringOf(obj["args"]);
+      const cmd = stringOf(obj["command"]) ?? stringOf(obj["args"]) ?? stringOf(obj["CommandLine"]);
       return cmd ? truncMid(cmd, ARG_BUDGET) : "";
     }
     case "exec": {
@@ -14018,10 +14133,16 @@ function formatToolArgs(toolName, input) {
     }
     case "fetch":
     case "webfetch":
-    case "web_fetch": {
-      const u = stringOf(obj["url"]);
+    case "web_fetch":
+    case "read_url_content": {
+      const u = stringOf(obj["url"]) ?? stringOf(obj["Url"]);
       return u ? truncMid(u, ARG_BUDGET) : "";
     }
+    case "search_web":
+    case "web_search": {
+      const q = stringOf(obj["query"]) ?? stringOf(obj["q"]);
+      return q ? `"${truncMid(q, ARG_BUDGET - 2)}"` : "";
+    }
     case "todo": {
       const list = obj["todos"];
       if (Array.isArray(list)) return `${list.length} item${list.length === 1 ? "" : "s"}`;
@@ -14556,20 +14677,23 @@ function formatToolVisualOutput(toolName, output, ok, input) {
   if (!output) return void 0;
   const text = output.trim();
   if (!text) return void 0;
-  if (toolName === "read") return visualRead(text);
-  if (toolName === "grep" || toolName === "search") return visualSearch(toolName, text);
-  if (toolName === "glob") return visualPathList(toolName, text);
+  if (toolName === "read" || toolName === "view_file") return visualRead(text);
+  if (toolName === "grep" || toolName === "search" || toolName === "grep_search")
+    return visualSearch(toolName, text);
+  if (toolName === "glob" || toolName === "find" || toolName === "find_by_name" || toolName === "find_files" || toolName === "list_dir" || toolName === "dir_list" || toolName === "list_directory") {
+    return visualPathList(toolName, text);
+  }
   if (toolName === "tree") return visualTree(text);
-  if (toolName === "edit" || toolName === "write" || toolName === "diff" || toolName === "patch" || toolName === "replace") {
+  if (toolName === "edit" || toolName === "replace_file_content" || toolName === "write" || toolName === "write_to_file" || toolName === "diff" || toolName === "patch" || toolName === "replace") {
     return visualEdit(toolName, text, ok);
   }
-  if (toolName === "bash" || toolName === "shell" || toolName === "git" || toolName === "exec" || toolName === "install") {
+  if (toolName === "bash" || toolName === "shell" || toolName === "run_command" || toolName === "git" || toolName === "exec" || toolName === "install") {
     return visualCommand(toolName, text, ok);
   }
   if (toolName === "test" || toolName === "lint" || toolName === "typecheck" || toolName === "format") {
     return visualVerifier(toolName, text, ok);
   }
-  if (toolName === "fetch" || toolName === "webfetch" || toolName === "web_fetch") {
+  if (toolName === "fetch" || toolName === "webfetch" || toolName === "web_fetch" || toolName === "read_url_content") {
     return visualFetch(text);
   }
   if (toolName === "json") return visualJson(text);
@@ -14587,7 +14711,7 @@ function formatToolVisualOutput(toolName, output, ok, input) {
     return visualToolCatalog(toolName, text);
   if (toolName === "tool_use" || toolName === "batch_tool_use")
     return visualMetaExecution(toolName, text, ok);
-  if (toolName === "codebase-index" || toolName === "codebase-search" || toolName === "codebase-stats") {
+  if (toolName === "codebase-index" || toolName === "codebase-search" || toolName === "codebase-stats" || toolName === "codebase-incoming-calls" || toolName === "codebase-outgoing-calls") {
     return visualCodebase(toolName, text, ok);
   }
   if (toolName.startsWith("lsp_") || toolName === "codebase-lsp-search") {
@@ -14695,8 +14819,8 @@ function visualSearch(toolName, text) {
       consumed++;
       continue;
     }
-    const direct = line.match(/^(.+?):(\d+):(.*)$/);
-    const grouped = line.match(/^(\d+):(.*)$/);
+    const direct = line.match(/^((?:[A-Za-z]:)?[^:]+):(\d+)[:\-](.*)$/);
+    const grouped = line.match(/^(\d+)[:\-](.*)$/);
     if (direct?.[1] && direct[2]) {
       rows.push({ kind: "match", path: direct[1], lineNo: direct[2], text: direct[3] ?? "" });
       consumed++;
@@ -14727,25 +14851,32 @@ function visualSearchMatches(matches, count) {
 }
 function parseMatchHit(hit) {
   if (typeof hit === "string") {
-    const m = hit.match(/^(.+?):(\d+):(.*)$/);
+    const m = hit.match(/^((?:[A-Za-z]:)?[^:]+):(\d+)[:\-](.*)$/);
     return m?.[1] && m[2] ? { path: m[1], line: m[2], text: m[3] ?? "" } : { text: hit };
   }
   if (hit && typeof hit === "object") {
     const o = hit;
-    const path12 = stringOf(o["file"]) ?? stringOf(o["path"]) ?? stringOf(o["url"]);
-    const line = numOf(o["line"]) ?? numOf(o["lineNumber"]);
+    const path12 = stringOf(o["file"]) ?? stringOf(o["path"]) ?? stringOf(o["url"]) ?? stringOf(o["filename"]) ?? stringOf(o["Filename"]);
+    const lineNum = numOf(o["line"]) ?? numOf(o["lineNumber"]) ?? numOf(o["line_number"]) ?? numOf(o["LineNumber"]);
+    const line = lineNum === void 0 ? void 0 : String(lineNum);
     const title = stringOf(o["title"]);
-    const snippet2 = stringOf(o["snippet"]);
-    const text = stringOf(o["text"]) ?? stringOf(o["match"]) ?? stringOf(o["preview"]) ?? [title, snippet2].filter(Boolean).join(" \u2014 ");
-    return { path: path12, line: line === void 0 ? void 0 : String(line), text };
+    const snippet2 = stringOf(o["snippet"]) ?? stringOf(o["lineContent"]) ?? stringOf(o["LineContent"]) ?? stringOf(o["line_content"]);
+    const text = stringOf(o["text"]) ?? stringOf(o["match"]) ?? stringOf(o["preview"]) ?? snippet2 ?? title ?? [title, snippet2].filter(Boolean).join(" \u2014 ");
+    return { path: path12, line, text };
   }
   return void 0;
 }
 function visualPathList(toolName, text) {
   const json = tryParseJson(text);
-  const files = json && typeof json === "object" && Array.isArray(json["files"]) ? json["files"].filter(
-    (v) => typeof v === "string"
-  ) : bodyLines(text).filter((line) => line.trim() && !line.startsWith(`${toolName}:`));
+  const rawList = json && typeof json === "object" ? Array.isArray(json["files"]) ? json["files"] : Array.isArray(json["paths"]) ? json["paths"] : Array.isArray(json["matches"]) ? json["matches"] : Array.isArray(json["entries"]) ? json["entries"] : Array.isArray(json) ? json : void 0 : void 0;
+  const files = rawList ? rawList.map((v) => {
+    if (typeof v === "string") return v;
+    if (v && typeof v === "object") {
+      const o = v;
+      return stringOf(o["path"]) ?? stringOf(o["relativePath"]) ?? stringOf(o["name"]) ?? stringOf(o["file"]);
+    }
+    return void 0;
+  }).filter((v) => typeof v === "string") : bodyLines(text).filter((line) => line.trim() && !line.startsWith(`${toolName}:`));
   if (files.length === 0) return void 0;
   const rows = files.slice(0, VISUAL_MAX_LINES6).map(
     (file) => ({
@@ -14759,6 +14890,20 @@ function visualPathList(toolName, text) {
   return rows;
 }
 function visualTree(text) {
+  const json = tryParseJson(text);
+  if (json && typeof json === "object") {
+    const obj = json;
+    const files = numOf(obj["total_files"]) ?? numOf(obj["files"]);
+    const dirs = numOf(obj["total_dirs"]) ?? numOf(obj["dirs"]);
+    if (files !== void 0 || dirs !== void 0) {
+      const parts = [
+        files !== void 0 ? `${files} file${files === 1 ? "" : "s"}` : void 0,
+        dirs !== void 0 ? `${dirs} dir${dirs === 1 ? "" : "s"}` : void 0,
+        obj["truncated"] === true ? "truncated" : void 0
+      ].filter(Boolean);
+      return [{ kind: "meta", text: parts.join(" \xB7 ") }];
+    }
+  }
   const lines = bodyLines(text).filter((line) => line.trim());
   if (lines.length === 0) return void 0;
   const rows = lines.slice(0, VISUAL_MAX_LINES6).map(
@@ -15019,7 +15164,7 @@ function extractPatchHeaderPath(diffText) {
 }
 
 // src/components/history/code-block.tsx
-import { Fragment as Fragment13, jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
 var MAX_CODE_LINES = 80;
 var DIFF_MAX_LINES = 200;
 var MULTI_DIFF_MAX_FILES = 20;
@@ -15149,7 +15294,10 @@ function DiffFileBlock({
   contentWidth
 }) {
   return /* @__PURE__ */ jsxs39(Box, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx39(Text, { dimColor: true, italic: true, children: path12 }),
+    /* @__PURE__ */ jsxs39(Box, { flexDirection: "row", marginBottom: 0, children: [
+      /* @__PURE__ */ jsx39(Text, { bold: true, color: theme.accent, children: `\u{1F4C4} ${path12}` }),
+      preview.added > 0 || preview.removed > 0 ? /* @__PURE__ */ jsx39(Text, { dimColor: true, children: `  (${preview.added > 0 ? `+${preview.added}` : ""}${preview.added > 0 && preview.removed > 0 ? " " : ""}${preview.removed > 0 ? `-${preview.removed}` : ""})` }) : null
+    ] }),
     /* @__PURE__ */ jsx39(
       DiffBlock,
       {
@@ -15161,6 +15309,7 @@ function DiffFileBlock({
         hiddenRemoved: preview.hiddenRemoved,
         useColor,
         lang: langFromPath(path12),
+        showStats: false,
         contentWidth
       }
     )
@@ -15300,7 +15449,7 @@ function DiffBlock({
         return /* @__PURE__ */ jsx39(Box, { flexDirection: "column", children: segments.map((seg, si) => {
           const pad = padBody(seg);
           return /* @__PURE__ */ jsxs39(Text, { backgroundColor: bg, children: [
-            si === 0 ? /* @__PURE__ */ jsxs39(Fragment13, { children: [
+            si === 0 ? /* @__PURE__ */ jsxs39(Fragment14, { children: [
               /* @__PURE__ */ jsx39(Text, { dimColor: true, children: `   ${ln} ` }),
               /* @__PURE__ */ jsx39(Text, { color: markerColor, bold: true, children: marker }),
               /* @__PURE__ */ jsx39(Text, { children: " " })
@@ -15311,7 +15460,7 @@ function DiffBlock({
         }) }, key);
       }
       return /* @__PURE__ */ jsx39(Box, { flexDirection: "column", children: segments.map((seg, si) => /* @__PURE__ */ jsxs39(Text, { children: [
-        si === 0 ? /* @__PURE__ */ jsxs39(Fragment13, { children: [
+        si === 0 ? /* @__PURE__ */ jsxs39(Fragment14, { children: [
           /* @__PURE__ */ jsx39(Text, { dimColor: true, children: `   ${ln} ` }),
           /* @__PURE__ */ jsx39(Text, { color: markerColor, bold: true, children: marker }),
           /* @__PURE__ */ jsx39(Text, { children: " " })
@@ -15520,7 +15669,7 @@ function ConfirmPrompt({
 
 // src/components/connections-panel.tsx
 init_connections_health();
-import { useCallback as useCallback4, useEffect as useEffect16, useRef as useRef3, useState as useState17 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect16, useRef as useRef3, useState as useState18 } from "react";
 import { jsx as jsx41, jsxs as jsxs41 } from "react/jsx-runtime";
 var REFRESH_MS = 8e3;
 var STATUS_GLYPH = {
@@ -15590,9 +15739,9 @@ function ConnectionsPanel({
   projectRoot,
   onClose
 }) {
-  const [report, setReport] = useState17(null);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [report, setReport] = useState18(null);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
   const cancelledRef = useRef3(false);
   const fetch2 = useCallback4(async () => {
     try {
@@ -15729,7 +15878,7 @@ function ContinueConfirmPanel({
 }
 
 // src/components/coordinator-panel.tsx
-import { useEffect as useEffect17, useState as useState18 } from "react";
+import { useEffect as useEffect17, useState as useState19 } from "react";
 import { jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
 var KIND_COLOR = {
   goal: theme.accent,
@@ -15763,7 +15912,7 @@ function CoordinatorPanel({
   onClose
 }) {
   const size = useMonitorSize();
-  const [selectedGoal, setSelectedGoal] = useState18(0);
+  const [selectedGoal, setSelectedGoal] = useState19(0);
   const { goals, timeline, knowledgeCount, healthy } = coordinator;
   useEffect17(() => {
     setSelectedGoal((value) => Math.min(value, Math.max(0, goals.length - 1)));
@@ -15926,7 +16075,7 @@ function CoordinatorPanel({
 }
 
 // src/components/design-picker.tsx
-import { Fragment as Fragment14, jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
 function DesignPicker({ kits, selected, stack }) {
   const { start, end, hasAbove, hasBelow } = useWindowedPicker({
     total: kits.length,
@@ -15945,7 +16094,7 @@ function DesignPicker({ kits, selected, stack }) {
       stack,
       " \xB7 Enter apply \xB7 Esc cancel"
     ] }),
-    kits.length === 0 ? /* @__PURE__ */ jsx44(Text, { dimColor: true, children: "No design kits installed." }) : /* @__PURE__ */ jsxs44(Fragment14, { children: [
+    kits.length === 0 ? /* @__PURE__ */ jsx44(Text, { dimColor: true, children: "No design kits installed." }) : /* @__PURE__ */ jsxs44(Fragment15, { children: [
       hasAbove ? /* @__PURE__ */ jsxs44(Text, { dimColor: true, children: [
         "  \u2026 ",
         start,
@@ -15970,7 +16119,7 @@ function DesignPicker({ kits, selected, stack }) {
 
 // src/components/enhance-panel.tsx
 import { useEffect as useEffect18, useRef as useRef4 } from "react";
-import { Fragment as Fragment15, jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
 function normalizePreviewText(text) {
   return text.replace(/\s+/g, " ").trim();
 }
@@ -16271,7 +16420,7 @@ function EnhancePanel({
             /* @__PURE__ */ jsx45(KeyHint, { keyName: "R", label: "retry", color: theme.brand }),
             /* @__PURE__ */ jsx45(KeyHint, { keyName: "T", label: "edit", color: theme.warn }),
             /* @__PURE__ */ jsx45(KeyHint, { keyName: "Esc", label: "cancel", color: theme.error })
-          ] }) : /* @__PURE__ */ jsxs45(Fragment15, { children: [
+          ] }) : /* @__PURE__ */ jsxs45(Fragment16, { children: [
             /* @__PURE__ */ jsxs45(Box, { height: 1, gap: 2, children: [
               /* @__PURE__ */ jsx45(
                 KeyHint,
@@ -16385,7 +16534,7 @@ function ExitConfirmPanel({
 }
 
 // src/components/f-key-picker.tsx
-import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
 function FKeyPicker({ selected }) {
   const size = useMonitorSize();
   const safeSelected = Math.min(Math.max(0, selected), F_KEY_PANEL_ENTRIES.length - 1);
@@ -16430,7 +16579,7 @@ function FKeyPicker({ selected }) {
                 Math.max(14, size.columns >= 92 ? 34 : size.contentWidth - 12)
               )
             ] }),
-            size.columns >= 92 ? /* @__PURE__ */ jsxs48(Fragment16, { children: [
+            size.columns >= 92 ? /* @__PURE__ */ jsxs48(Fragment17, { children: [
               /* @__PURE__ */ jsx48(Box, { flexGrow: 1 }),
               /* @__PURE__ */ jsx48(Text, { color: theme.textMuted, children: truncatePanelText(entry.helpDescription, 42) })
             ] }) : null
@@ -16447,7 +16596,7 @@ function FKeyPicker({ selected }) {
 }
 
 // src/components/fallback-overlay.tsx
-import { useEffect as useEffect19, useRef as useRef5, useState as useState19 } from "react";
+import { useEffect as useEffect19, useRef as useRef5, useState as useState20 } from "react";
 import { jsx as jsx49, jsxs as jsxs49 } from "react/jsx-runtime";
 function FallbackOverlay({
   from,
@@ -16458,7 +16607,7 @@ function FallbackOverlay({
   onChoose,
   onMove
 }) {
-  const [remaining, setRemaining] = useState19(Math.max(1, autoSwitchSeconds));
+  const [remaining, setRemaining] = useState20(Math.max(1, autoSwitchSeconds));
   const resolvedRef = useRef5(false);
   const selectedRef = useRef5(selected);
   selectedRef.current = selected;
@@ -16574,7 +16723,7 @@ function highlight(path12, _query) {
 }
 
 // src/components/help-panel.tsx
-import { Fragment as Fragment17, jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
 var CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
 var CHROME_ROWS3 = 7;
 function normalizeQuery(raw) {
@@ -16654,7 +16803,7 @@ function HelpPanel({
       'No commands match "',
       filter,
       '".'
-    ] }) : /* @__PURE__ */ jsxs51(Fragment17, { children: [
+    ] }) : /* @__PURE__ */ jsxs51(Fragment18, { children: [
       hiddenAbove > 0 && !hasFilter ? /* @__PURE__ */ jsx51(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
       contextHeader && !hasFilter ? /* @__PURE__ */ jsxs51(Text, { bold: true, color: "yellow", dimColor: true, children: [
         "  ",
@@ -16706,7 +16855,7 @@ function HelpPanel({
 }
 
 // src/components/mcp-picker.tsx
-import { Fragment as Fragment18, jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
 var CHROME_ROWS4 = 17;
 function statusBadge(status, enabled) {
   if (!enabled) return /* @__PURE__ */ jsx52(Text, { dimColor: true, children: "\u25CB disabled" });
@@ -16742,7 +16891,7 @@ function McpPicker({
   return /* @__PURE__ */ jsxs52(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
     /* @__PURE__ */ jsx52(Text, { bold: true, color: "cyan", children: "MCP Servers" }),
     /* @__PURE__ */ jsx52(Text, { dimColor: true, children: "\u2191/\u2193 select \xB7 Enter/\u2190/\u2192 toggle enable \xB7 r restart \xB7 Esc close" }),
-    /* @__PURE__ */ jsx52(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx52(Text, { dimColor: true, children: busy ? "Loading servers\u2026" : "No MCP servers configured." }) : /* @__PURE__ */ jsxs52(Fragment18, { children: [
+    /* @__PURE__ */ jsx52(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx52(Text, { dimColor: true, children: busy ? "Loading servers\u2026" : "No MCP servers configured." }) : /* @__PURE__ */ jsxs52(Fragment19, { children: [
       above > 0 ? /* @__PURE__ */ jsx52(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
       items.slice(windowStart, windowEnd).map((item, i) => {
         const index = windowStart + i;
@@ -17112,7 +17261,7 @@ function formatCost(value) {
 }
 
 // src/components/plugin-picker.tsx
-import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
 var CHROME_ROWS5 = 17;
 var MAX_PICKER_ITEMS = 15;
 function PluginPicker({
@@ -17137,7 +17286,7 @@ function PluginPicker({
       hasLockedRows ? " \xB7 \u{1F512} = locked" : "",
       " \xB7 Esc close"
     ] }),
-    /* @__PURE__ */ jsx55(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx55(Text, { dimColor: true, children: busy ? "Loading plugins\u2026" : "No plugins available." }) : /* @__PURE__ */ jsxs55(Fragment19, { children: [
+    /* @__PURE__ */ jsx55(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx55(Text, { dimColor: true, children: busy ? "Loading plugins\u2026" : "No plugins available." }) : /* @__PURE__ */ jsxs55(Fragment20, { children: [
       above > 0 ? /* @__PURE__ */ jsx55(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
       items.slice(windowStart, windowEnd).map((item, i) => {
         const index = windowStart + i;
@@ -17422,7 +17571,7 @@ function PromptPicker({
 }
 
 // src/components/refine-countdown-panel.tsx
-import { useEffect as useEffect20, useRef as useRef6, useState as useState20 } from "react";
+import { useEffect as useEffect20, useRef as useRef6, useState as useState21 } from "react";
 import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
 function RefineCountdownPanel({
   original,
@@ -17431,7 +17580,7 @@ function RefineCountdownPanel({
   providerId,
   model
 }) {
-  const [remaining, setRemaining] = useState20(Math.max(1, seconds));
+  const [remaining, setRemaining] = useState21(Math.max(1, seconds));
   const resolvedRef = useRef6(false);
   const onDecisionRef = useRef6(onDecision);
   useEffect20(() => {
@@ -17510,7 +17659,7 @@ function RefineCountdownPanel({
 }
 
 // src/components/refine-failure-panel.tsx
-import { useState as useState21, useMemo as useMemo6 } from "react";
+import { useState as useState22, useMemo as useMemo6 } from "react";
 import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
 function filterRefineModels(models, query) {
   const normalized = query.trim().toLowerCase();
@@ -17532,9 +17681,9 @@ function RefineFailurePanel({
   onDecision
 }) {
   const columns = useColumns();
-  const [view, setView] = useState21("options");
-  const [cursor, setCursor] = useState21(0);
-  const [query, setQuery] = useState21("");
+  const [view, setView] = useState22("options");
+  const [cursor, setCursor] = useState22(0);
+  const [query, setQuery] = useState22("");
   const filteredModels = useMemo6(() => filterRefineModels(models, query), [models, query]);
   const width = Math.max(30, columns - 4);
   const canPick = models.length > 0;
@@ -17739,7 +17888,7 @@ function RefineFailurePanel({
 }
 
 // src/components/resource-menu.tsx
-import { Fragment as Fragment20, jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
 function ResourceMenu({
   snapshot,
   selected,
@@ -17862,11 +18011,11 @@ function ResourceDetail({
           ] }),
           detail.value
         ] }, `${detail.label}:${detail.value}`)),
-        item.body ? /* @__PURE__ */ jsxs60(Fragment20, { children: [
+        item.body ? /* @__PURE__ */ jsxs60(Fragment21, { children: [
           /* @__PURE__ */ jsx60(Text, { children: " " }),
           /* @__PURE__ */ jsx60(Text, { wrap: "wrap", children: truncate2(item.body, bodyLimit) })
         ] }) : null,
-        item.actions && item.actions.length > 0 ? /* @__PURE__ */ jsxs60(Fragment20, { children: [
+        item.actions && item.actions.length > 0 ? /* @__PURE__ */ jsxs60(Fragment21, { children: [
           /* @__PURE__ */ jsx60(Text, { children: " " }),
           /* @__PURE__ */ jsx60(Text, { color: theme.textMuted, wrap: "wrap", children: item.actions.map((action) => `${action.key} ${action.label}`).join(" \xB7 ") })
         ] }) : null
@@ -17892,7 +18041,7 @@ function truncate2(value, max) {
 }
 
 // src/components/resume-picker.tsx
-import { Fragment as Fragment21, jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
 function ResumePicker({
   sessions,
   selected,
@@ -17917,7 +18066,7 @@ function ResumePicker({
       `${sessions.length > 0 ? `${selected + 1}/${sessions.length} \xB7 ` : ""}\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel`
     ) }),
     error ? /* @__PURE__ */ jsx61(Text, { color: "red", children: error }) : null,
-    sessions.length === 0 && !busy ? /* @__PURE__ */ jsx61(Text, { dimColor: true, children: "No sessions found." }) : /* @__PURE__ */ jsxs61(Fragment21, { children: [
+    sessions.length === 0 && !busy ? /* @__PURE__ */ jsx61(Text, { dimColor: true, children: "No sessions found." }) : /* @__PURE__ */ jsxs61(Fragment22, { children: [
       hasAbove ? /* @__PURE__ */ jsxs61(Text, { dimColor: true, children: [
         "  \u2026 ",
         start,
@@ -19024,14 +19173,14 @@ function buildResetPatch(field) {
 }
 
 // src/components/settings-picker-row-list.tsx
-import { Fragment as Fragment22, jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
 function renderPickerRow(row, fieldIdx, selected, filterActive, highlightSegments) {
   const labelStr = row.label ?? "";
   const segments = highlightSegments(labelStr);
   const padNeeded = Math.max(0, 26 - labelStr.length);
   return /* @__PURE__ */ jsxs63(Text, { inverse: selected, ...selected ? { color: "yellow" } : {}, children: [
     selected ? "\u203A " : "  ",
-    filterActive ? /* @__PURE__ */ jsxs63(Fragment22, { children: [
+    filterActive ? /* @__PURE__ */ jsxs63(Fragment23, { children: [
       segments.map((seg, j) => /* @__PURE__ */ jsx63(Text, { bold: true, ...seg.match ? { color: "yellow" } : { dimColor: true }, children: seg.text }, j)),
       /* @__PURE__ */ jsx63(Text, { bold: true, dimColor: true, children: " ".repeat(padNeeded) })
     ] }) : /* @__PURE__ */ jsx63(Text, { bold: true, children: labelStr.padEnd(26) }),
@@ -19075,7 +19224,7 @@ function SettingsPickerRowList({
   filterWindowEnd
 }) {
   if (filterActive) {
-    return /* @__PURE__ */ jsx63(Fragment22, { children: rankedResults.slice(filterWindowStart, filterWindowEnd).map((result) => {
+    return /* @__PURE__ */ jsx63(Fragment23, { children: rankedResults.slice(filterWindowStart, filterWindowEnd).map((result) => {
       const fieldIdx = result.chord.field;
       const rowIdx = fieldRowIndex[fieldIdx] ?? -1;
       const row = rows[rowIdx];
@@ -19084,7 +19233,7 @@ function SettingsPickerRowList({
     }) });
   }
   const visibleSections = buildVisibleSectionHeaders(rows, fieldRowIndex, windowStart, windowEnd);
-  return /* @__PURE__ */ jsx63(Fragment22, { children: rows.map((row, i) => {
+  return /* @__PURE__ */ jsx63(Fragment23, { children: rows.map((row, i) => {
     const fieldAtRow = fieldRowIndex.indexOf(i);
     if (fieldAtRow === -1) {
       if (!visibleSections.has(i)) return null;
@@ -20315,7 +20464,7 @@ var PREVIEW_MIN_ROWS = 12;
 var PREVIEW_FULL_ROWS = 18;
 
 // src/components/tools-picker.tsx
-import { Fragment as Fragment23, jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
 var CHROME_ROWS6 = 15;
 var MAX_PICKER_ITEMS2 = 15;
 function toolActionLabel(enabled) {
@@ -20436,7 +20585,7 @@ function ToolsPicker({
       'No tools match "',
       filter,
       '".'
-    ] }) : /* @__PURE__ */ jsxs73(Fragment23, { children: [
+    ] }) : /* @__PURE__ */ jsxs73(Fragment24, { children: [
       hiddenAbove > 0 ? /* @__PURE__ */ jsx73(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
       displayRows.map(({ item, index }) => {
         const focused = index === visibleSelected;
@@ -20513,7 +20662,7 @@ function TopicCheckPanel({ prompt }) {
 }
 
 // src/app-view-pickers.tsx
-import { Fragment as Fragment24, jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
 var CONTINUE_CONFIRM_DELAY_MS = 4e3;
 function AppViewPickers({
   host,
@@ -20553,7 +20702,7 @@ function AppViewPickers({
   const { nowTick, enhanceDots } = activity;
   const { setYoloLive } = environment;
   const { inputHeight } = viewState;
-  return /* @__PURE__ */ jsxs75(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs75(Fragment25, { children: [
     state.picker.open ? /* @__PURE__ */ jsx75(
       FilePicker,
       {
@@ -21218,7 +21367,7 @@ function Card({
 
 // src/components/sidebar-panel-frame.tsx
 import React6 from "react";
-import { Fragment as Fragment25, jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
 function trunc(s2, max) {
   return truncateDisplay(s2, max);
 }
@@ -21322,7 +21471,7 @@ function SidebarPanelFrame({
             innerWidth - 4 - (effectivePill && innerWidth >= 22 ? displayWidth(getPillLabel(effectivePill)) + 2 : 0)
           )
         ) }),
-        effectivePill && innerWidth >= 22 ? /* @__PURE__ */ jsxs77(Fragment25, { children: [
+        effectivePill && innerWidth >= 22 ? /* @__PURE__ */ jsxs77(Fragment26, { children: [
           /* @__PURE__ */ jsx77(Box, { flexGrow: 1 }),
           effectivePill
         ] }) : null
@@ -21352,7 +21501,7 @@ function getPillLabel(pill) {
 }
 
 // src/components/sidebar-content.tsx
-import { Fragment as Fragment26, jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
 function trunc2(s2, max) {
   if (s2.length <= max) return s2;
   return `${s2.slice(0, Math.max(1, max - 1))}\u2026`;
@@ -21539,7 +21688,7 @@ function DialRow({
     /* @__PURE__ */ jsx78(Text, { color, children: dialGlyph(ratio) }),
     /* @__PURE__ */ jsx78(Text, { children: " " }),
     /* @__PURE__ */ jsx78(Text, { color, bold: true, children: value }),
-    spark ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+    spark ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
       /* @__PURE__ */ jsx78(Box, { flexGrow: 1 }),
       /* @__PURE__ */ jsx78(Text, { color, children: spark })
     ] }) : null
@@ -21606,7 +21755,7 @@ function SidebarContent({
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx78(Card, { innerWidth, accent: ctxColor, children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment26, { children: [
+    /* @__PURE__ */ jsx78(Card, { innerWidth, accent: ctxColor, children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment27, { children: [
       /* @__PURE__ */ jsxs78(Box, { width: bodyWidth, justifyContent: "space-between", children: [
         /* @__PURE__ */ jsxs78(Box, { children: [
           /* @__PURE__ */ jsx78(Text, { color: theme.accent, bold: true, children: glyphs.railHeavy }),
@@ -21618,7 +21767,7 @@ function SidebarContent({
         /* @__PURE__ */ jsx78(Text, { color: theme.textMuted, wrap: "truncate", children: provider ? `${glyphs.diamondOpen} ${trunc2(provider.toUpperCase(), Math.max(1, bodyWidth - 2))}` : `${glyphs.diamondOpen} ACTIVE` }),
         /* @__PURE__ */ jsx78(Text, { color: theme.textPrimary, bold: true, wrap: "truncate", children: trunc2(modelIdentity, bodyWidth) })
       ] }) : null,
-      contextWindow ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+      contextWindow ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
         (() => {
           const tokensLabel = `${fmtTok(contextWindow.used)} / ${fmtTok(contextWindow.max)}`;
           const pctLabel = `${ctxPct} `;
@@ -21720,7 +21869,7 @@ function SidebarContent({
     /* @__PURE__ */ jsx78(Card, { innerWidth, accent: hasCacheActivity ? theme.success : void 0, children: (bodyWidth) => {
       const meterInner = Math.max(1, bodyWidth - 2);
       const dynamicMeter = renderMeter(cs.hitRatio, meterInner);
-      return /* @__PURE__ */ jsxs78(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs78(Fragment27, { children: [
         /* @__PURE__ */ jsx78(
           SidebarSectionHeader,
           {
@@ -21734,17 +21883,17 @@ function SidebarContent({
             badgeMuted: !hasCacheActivity
           }
         ),
-        hasCacheActivity ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+        hasCacheActivity ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
           /* @__PURE__ */ jsx78(Box, { width: bodyWidth, flexDirection: "row", children: /* @__PURE__ */ jsx78(Text, { color: theme.success, children: dynamicMeter }) }),
           bodyWidth >= 28 ? /* @__PURE__ */ jsx78(Box, { flexDirection: "row", width: bodyWidth, justifyContent: "space-between", children: /* @__PURE__ */ jsxs78(Text, { color: theme.textSecondary, wrap: "truncate", children: [
             "read ",
             /* @__PURE__ */ jsx78(Text, { color: theme.textPrimary, bold: true, children: fmtTok(cs.readTokens) }),
-            cs.writeTokens > 0 ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+            cs.writeTokens > 0 ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
               " \xB7 ",
               "write ",
               /* @__PURE__ */ jsx78(Text, { color: theme.textPrimary, bold: true, children: fmtTok(cs.writeTokens) })
             ] }) : null,
-            cs.savedUsd > 0 ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+            cs.savedUsd > 0 ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
               " \xB7 ",
               "saved",
               " ",
@@ -21753,7 +21902,7 @@ function SidebarContent({
                 cs.savedUsd.toFixed(2)
               ] })
             ] }) : null
-          ] }) }) : /* @__PURE__ */ jsxs78(Fragment26, { children: [
+          ] }) }) : /* @__PURE__ */ jsxs78(Fragment27, { children: [
             /* @__PURE__ */ jsxs78(Box, { flexDirection: "row", width: bodyWidth, justifyContent: "space-between", children: [
               /* @__PURE__ */ jsxs78(Text, { color: theme.textSecondary, wrap: "truncate", children: [
                 "read ",
@@ -21783,7 +21932,7 @@ function SidebarContent({
       const isWarnLoad = (cpuPercent ?? 0) > 60 || (processMemory?.load ?? 0) > 0.6;
       const healthBadge = isHighLoad ? "HIGH" : isWarnLoad ? "WARN" : "HEALTHY";
       const healthColor = isHighLoad ? theme.error : isWarnLoad ? theme.warn : theme.success;
-      return /* @__PURE__ */ jsxs78(Fragment26, { children: [
+      return /* @__PURE__ */ jsxs78(Fragment27, { children: [
         /* @__PURE__ */ jsx78(
           SidebarSectionHeader,
           {
@@ -21806,7 +21955,7 @@ function SidebarContent({
             innerWidth: bodyWidth
           }
         ) : null,
-        processMemory ? /* @__PURE__ */ jsxs78(Fragment26, { children: [
+        processMemory ? /* @__PURE__ */ jsxs78(Fragment27, { children: [
           /* @__PURE__ */ jsx78(
             DialRow,
             {
@@ -21835,7 +21984,7 @@ function SidebarContent({
       {
         innerWidth,
         accent: running > 0 ? theme.monitor.fleet : theme.borderSubtle,
-        children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment26, { children: [
+        children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment27, { children: [
           /* @__PURE__ */ jsx78(
             SidebarSectionHeader,
             {
@@ -21909,7 +22058,7 @@ function SidebarContent({
       {
         innerWidth,
         accent: mission.done === mission.total ? theme.success : theme.warn,
-        children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment26, { children: [
+        children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment27, { children: [
           /* @__PURE__ */ jsx78(
             SidebarSectionHeader,
             {
@@ -21977,7 +22126,7 @@ function SidebarContent({
         ] })
       }
     ) : null,
-    ((liveSessions?.length ?? 0) > 0 || (resumeSessions?.length ?? 0) > 0) && !effectiveSidebarRoutes?.has("sessions") ? /* @__PURE__ */ jsx78(Card, { innerWidth, marginBottom: 0, accent: theme.success, children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment26, { children: [
+    ((liveSessions?.length ?? 0) > 0 || (resumeSessions?.length ?? 0) > 0) && !effectiveSidebarRoutes?.has("sessions") ? /* @__PURE__ */ jsx78(Card, { innerWidth, marginBottom: 0, accent: theme.success, children: (bodyWidth) => /* @__PURE__ */ jsxs78(Fragment27, { children: [
       /* @__PURE__ */ jsx78(
         SidebarSectionHeader,
         {
@@ -22138,7 +22287,7 @@ function SidebarWorklistRow({
 }
 
 // src/components/sidebar-panels-task.tsx
-import { Fragment as Fragment27, jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
 function PlanPanelSidebar({
   openCount,
   inProgressCount,
@@ -22343,7 +22492,7 @@ function ProcessListPanelSidebar({
           /* @__PURE__ */ jsx80(Text, { color: statusVisual2.color, children: statusVisual2.glyph }),
           /* @__PURE__ */ jsx80(Text, { color: theme.textPrimary, children: " " }),
           /* @__PURE__ */ jsx80(Text, { wrap: "truncate", children: trunc(p.name, Math.max(4, bodyWidth - 2 - (showPid ? displayWidth(pidLabel) + 1 : 0))) }),
-          showPid ? /* @__PURE__ */ jsxs80(Fragment27, { children: [
+          showPid ? /* @__PURE__ */ jsxs80(Fragment28, { children: [
             /* @__PURE__ */ jsx80(Box, { flexGrow: 1 }),
             /* @__PURE__ */ jsx80(Text, { color: theme.textMuted, children: pidLabel })
           ] }) : null
@@ -22383,7 +22532,7 @@ function GoalPanelSidebar({
         goal.goalState.toUpperCase()
       ] }) : null,
       footer: "F9 details",
-      children: !goal ? /* @__PURE__ */ jsx80(EmptyState, { message: "no mission set", innerWidth: bodyWidth }) : /* @__PURE__ */ jsxs80(Fragment27, { children: [
+      children: !goal ? /* @__PURE__ */ jsx80(EmptyState, { message: "no mission set", innerWidth: bodyWidth }) : /* @__PURE__ */ jsxs80(Fragment28, { children: [
         /* @__PURE__ */ jsx80(
           SidebarSectionHeader,
           {
@@ -22466,7 +22615,7 @@ function SessionsPanelSidebar({
       right: inner < PILL_MIN_INNER_WIDTH ? /* @__PURE__ */ jsx80(Text, { color: total > 0 ? theme.success : theme.textMuted, children: total }) : void 0,
       footer: "F10 details",
       children: [
-        live.length > 0 ? /* @__PURE__ */ jsxs80(Fragment27, { children: [
+        live.length > 0 ? /* @__PURE__ */ jsxs80(Fragment28, { children: [
           /* @__PURE__ */ jsx80(
             SidebarSectionHeader,
             {
@@ -22489,7 +22638,7 @@ function SessionsPanelSidebar({
                 " ",
                 trunc(s2.projectName, Math.max(4, bodyWidth - (showAgentCount ? 6 : 2)))
               ] }),
-              showAgentCount ? /* @__PURE__ */ jsxs80(Fragment27, { children: [
+              showAgentCount ? /* @__PURE__ */ jsxs80(Fragment28, { children: [
                 /* @__PURE__ */ jsx80(Box, { flexGrow: 1 }),
                 /* @__PURE__ */ jsxs80(Text, { color: theme.textMuted, children: [
                   s2.agentCount,
@@ -22499,7 +22648,7 @@ function SessionsPanelSidebar({
             ] }, s2.sessionId);
           })
         ] }) : null,
-        resume.length > 0 ? /* @__PURE__ */ jsxs80(Fragment27, { children: [
+        resume.length > 0 ? /* @__PURE__ */ jsxs80(Fragment28, { children: [
           /* @__PURE__ */ jsx80(
             SidebarSectionHeader,
             {
@@ -22535,7 +22684,7 @@ function SessionsPanelSidebar({
                   ]
                 }
               ),
-              showRelativeTime ? /* @__PURE__ */ jsxs80(Fragment27, { children: [
+              showRelativeTime ? /* @__PURE__ */ jsxs80(Fragment28, { children: [
                 /* @__PURE__ */ jsx80(Box, { flexGrow: 1 }),
                 /* @__PURE__ */ jsx80(Text, { color: theme.textMuted, children: rel })
               ] }) : null
@@ -22623,7 +22772,7 @@ function KanbanPanelSidebar({
 }
 
 // src/components/sidebar-panels-workspace.tsx
-import { Fragment as Fragment28, jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
 function ProjectPickerSidebar({
   items,
   selected,
@@ -22783,14 +22932,14 @@ function AgentsPanelSidebar({
         /* @__PURE__ */ jsx81(Text, { color: theme.warn, children: running.length }),
         /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: " " }),
         /* @__PURE__ */ jsx81(Text, { color: theme.success, children: done.length }),
-        failed.length > 0 ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+        failed.length > 0 ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
           /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: " " }),
           /* @__PURE__ */ jsx81(Text, { color: theme.error, children: failed.length })
         ] }) : null
       ] }) : void 0,
       footer: `F3 details ${glyphs.dividerDiamond} $${totalCost.toFixed(4)}`,
       children: [
-        hotAgent ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+        hotAgent ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
           /* @__PURE__ */ jsx81(
             SidebarSectionHeader,
             {
@@ -22831,7 +22980,7 @@ function AgentsPanelSidebar({
             /* @__PURE__ */ jsx81(Text, { color: v.color, children: v.glyph }),
             /* @__PURE__ */ jsx81(Text, { color: theme.textPrimary, children: " " }),
             /* @__PURE__ */ jsx81(Text, { wrap: "truncate", children: name }),
-            showElapsed ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+            showElapsed ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
               /* @__PURE__ */ jsx81(Box, { flexGrow: 1 }),
               /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: elapsedLabel })
             ] }) : null
@@ -22891,7 +23040,7 @@ function WorktreePanelSidebar({
           "D",
           merged
         ] }),
-        failed > 0 ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+        failed > 0 ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
           /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: " " }),
           /* @__PURE__ */ jsxs81(Text, { color: theme.error, children: [
             "!",
@@ -22914,7 +23063,7 @@ function WorktreePanelSidebar({
           /* @__PURE__ */ jsx81(Text, { color: v.color, children: v.glyph }),
           /* @__PURE__ */ jsx81(Text, { color: theme.textPrimary, children: " " }),
           /* @__PURE__ */ jsx81(Text, { wrap: "truncate", children: branch }),
-          showDiff ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+          showDiff ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
             /* @__PURE__ */ jsx81(Box, { flexGrow: 1 }),
             /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: diff })
           ] }) : null
@@ -23061,7 +23210,7 @@ function ConnectionsPanelSidebar({
                 c.name,
                 Math.max(3, bodyWidth - rowChrome - (lat ? displayWidth(lat) + 1 : 0))
               ) }),
-              lat ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+              lat ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
                 /* @__PURE__ */ jsx81(Box, { flexGrow: 1 }),
                 /* @__PURE__ */ jsx81(Text, { color, children: lat })
               ] }) : null
@@ -23124,7 +23273,7 @@ function WrongProxyPanelSidebar({
               )
             )
           ] }),
-          showLatency && latencyLabel ? /* @__PURE__ */ jsxs81(Fragment28, { children: [
+          showLatency && latencyLabel ? /* @__PURE__ */ jsxs81(Fragment29, { children: [
             /* @__PURE__ */ jsx81(Box, { flexGrow: 1 }),
             /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, children: latencyLabel })
           ] }) : null
@@ -23324,7 +23473,7 @@ function AppViewSidebar({
 }
 
 // src/components/input.tsx
-import { memo as memo2, useEffect as useEffect22, useRef as useRef7, useState as useState22 } from "react";
+import { memo as memo2, useEffect as useEffect22, useRef as useRef7, useState as useState23 } from "react";
 
 // src/fn-keys.ts
 function fnKey(data) {
@@ -23545,7 +23694,7 @@ function isLeakedMouseInput(input) {
 }
 
 // src/components/composer-status-chip.tsx
-import { Fragment as Fragment29, jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
 var SPINNER_INTERVAL_MS2 = 1e3;
 var ACTIVITY_INTERVAL_MS = 130;
 var ACTIVITY_FRAMES_UNICODE = ["\xB7", "\u25E6", "\u2022", "\u25CF", "\u25C9", "\u25CF", "\u2022", "\u25E6"];
@@ -23620,7 +23769,7 @@ function composerStatusReservedWidth(status) {
 }
 function withPad(node, contentWidth, reservedWidth) {
   const pad = Math.max(0, reservedWidth - contentWidth);
-  return /* @__PURE__ */ jsxs83(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs83(Fragment30, { children: [
     node,
     pad > 0 ? /* @__PURE__ */ jsx83(Text, { children: " ".repeat(pad) }) : null
   ] });
@@ -23704,7 +23853,7 @@ function ComposerStatusChip({
 }
 
 // src/components/input.tsx
-import { Fragment as Fragment30, jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
 var DEFAULT_INPUT_PROMPT = `${glyphs.prompt} `;
 function ComposerTopRail({
   width,
@@ -23729,7 +23878,7 @@ function ComposerTopRail({
   const remaining = Math.max(0, available - titleW - statusSectionW);
   return /* @__PURE__ */ jsxs84(Text, { bold: true, color: disabled ? theme.error : theme.brandPrimary, children: [
     "\u256D",
-    title ? /* @__PURE__ */ jsxs84(Fragment30, { children: [
+    title ? /* @__PURE__ */ jsxs84(Fragment31, { children: [
       /* @__PURE__ */ jsx84(Text, { children: "\u2500 " }),
       staticMode ? /* @__PURE__ */ jsx84(Text, { bold: true, children: glyphs.brand }) : /* @__PURE__ */ jsx84(ComposerActivityIcon, { status, idleGlyph: glyphs.brand, disabled }),
       /* @__PURE__ */ jsx84(Text, { children: ` ${title}` }),
@@ -24020,7 +24169,7 @@ var Input = memo2(function Input2({
       }
     }
   }
-  const [vScroll, setVScroll] = useState22(0);
+  const [vScroll, setVScroll] = useState23(0);
   const vScrollRef = useRef7(vScroll);
   vScrollRef.current = vScroll;
   const clampedScroll = needsScroll ? Math.max(0, Math.min(vScroll, rows.length - MAX_VISIBLE_ROWS)) : 0;
@@ -24092,7 +24241,7 @@ import {
   useLayoutEffect,
   useMemo as useMemo10,
   useRef as useRef10,
-  useState as useState23
+  useState as useState24
 } from "react";
 
 // src/height-cache.ts
@@ -24845,9 +24994,17 @@ function liveToolStreamCopyHit(opts) {
 
 // src/components/history/tool-group.tsx
 import { memo as memo3 } from "react";
-import { Fragment as Fragment31, jsx as jsx86, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx86, jsxs as jsxs85 } from "react/jsx-runtime";
 var MAX_TOOL_GROUP_ENTRIES = 12;
-var STRUCTURED_DIFF_TOOLS = /* @__PURE__ */ new Set(["edit", "write", "replace", "diff", "patch"]);
+var STRUCTURED_DIFF_TOOLS = /* @__PURE__ */ new Set([
+  "edit",
+  "replace_file_content",
+  "write",
+  "write_to_file",
+  "replace",
+  "diff",
+  "patch"
+]);
 function hasInjectedMemory(entry) {
   return resolveEntrySage(entry.output, entry.sageLines).sageLines.length > 0;
 }
@@ -24878,13 +25035,19 @@ function estimateRenderGroupRows(group, contentWidth, showSageMemoryInject) {
     const { cleanOutput, sageLines } = resolveEntrySage(entry.output, entry.sageLines);
     const memoryLines = sageLines.slice(1);
     const panelContentWidth = Math.max(1, contentWidth - 4);
-    const sagePanelRows = showSageMemoryInject === false || memoryLines.length === 0 ? 0 : 4 + memoryLines.reduce((sum, line) => {
+    const headerWidth = displayWidth(
+      `\u{1F9E0} SAGE MEMORY INJECTED \xB7 ${entry.name}  ${memoryLines.length} ${memoryLines.length === 1 ? "memory" : "memories"}`
+    );
+    const headerRows = Math.max(1, Math.ceil(headerWidth / panelContentWidth));
+    const sagePanelRows = showSageMemoryInject === false || memoryLines.length === 0 ? 0 : 2 + headerRows + memoryLines.reduce((sum, line, index) => {
       const parsed = parseSageMemoryLine(line);
       const bodySource = parsed ? parsed.text : line;
       const bodyWidth = displayWidth(sanitizeTerminalText(bodySource));
       const bodyRows = Math.max(1, Math.ceil(bodyWidth / panelContentWidth));
-      const kvRows = panelContentWidth < 48 ? 2 : 1;
-      return sum + 1 + bodyRows + kvRows;
+      const badgeCount = (parsed?.id ? 1 : 0) + (parsed?.anchor ? 1 : 0) + (parsed?.relation ? 1 : 0) + (parsed?.tags && parsed.tags.length > 0 ? 1 : 0);
+      const kvRows = panelContentWidth < 50 ? badgeCount : panelContentWidth < 70 ? Math.max(1, Math.ceil(badgeCount / 2)) : 1;
+      const sep2 = index > 0 ? 1 : 0;
+      return sum + 1 + bodyRows + kvRows + sep2;
     }, 0);
     if (entry.resultRenderMode === "simple") return 3 + sagePanelRows;
     if (STRUCTURED_DIFF_TOOLS.has(entry.name)) {
@@ -25058,7 +25221,7 @@ function ToolGroupItem({
   return /* @__PURE__ */ jsxs85(Text, { children: [
     /* @__PURE__ */ jsx86(Text, { bold: true, color: statusColor3, children: statusMark }),
     /* @__PURE__ */ jsx86(Text, { dimColor: true, children: ` #${index}` }),
-    argPreview ? /* @__PURE__ */ jsxs85(Fragment31, { children: [
+    argPreview ? /* @__PURE__ */ jsxs85(Fragment32, { children: [
       /* @__PURE__ */ jsx86(Text, { children: " " }),
       /* @__PURE__ */ jsx86(Text, { color: theme.textSecondary, children: argPreview })
     ] }) : null,
@@ -25642,7 +25805,7 @@ function useActiveTheme() {
 }
 
 // src/components/history/banner.tsx
-import { Fragment as Fragment32, jsx as jsx89, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx89, jsxs as jsxs87 } from "react/jsx-runtime";
 var STACK_ORANGE2 = () => theme.brandPrimary;
 var SIGNAL_PINK = () => theme.brandAccent;
 var BORDER = () => theme.borderDefault;
@@ -25792,7 +25955,7 @@ function ProfileRow({
   return /* @__PURE__ */ jsxs87(Text, { children: [
     /* @__PURE__ */ jsx89(Text, { color: STACK_ORANGE2(), children: icon }),
     /* @__PURE__ */ jsx89(Text, { color: STACK_ORANGE2(), bold: true, children: ` ${trunc3(label, labelWidth).padEnd(labelWidth)} ` }),
-    segIdx >= 0 && profileSegment ? /* @__PURE__ */ jsxs87(Fragment32, { children: [
+    segIdx >= 0 && profileSegment ? /* @__PURE__ */ jsxs87(Fragment33, { children: [
       /* @__PURE__ */ jsx89(Text, { color: MUTED(), children: displayPath.slice(0, segIdx) }),
       /* @__PURE__ */ jsx89(Text, { color: STACK_ORANGE2(), bold: true, children: profileSegment }),
       /* @__PURE__ */ jsx89(Text, { color: MUTED(), children: displayPath.slice(segIdx + profileSegment.length) })
@@ -25808,7 +25971,7 @@ function Footer({
   return /* @__PURE__ */ jsx89(Box, { flexDirection: "column", alignItems: "center", marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs87(Text, { children: [
     /* @__PURE__ */ jsx89(Text, { color: SIGNAL_PINK(), children: "\u25C6 " }),
     /* @__PURE__ */ jsx89(Text, { dimColor: true, children: OSC8_WRONGSTACK }),
-    !compact || contentWidth >= 35 ? /* @__PURE__ */ jsxs87(Fragment32, { children: [
+    !compact || contentWidth >= 35 ? /* @__PURE__ */ jsxs87(Fragment33, { children: [
       /* @__PURE__ */ jsx89(Text, { dimColor: true, children: " \xB7 " }),
       /* @__PURE__ */ jsx89(Text, { color: STACK_ORANGE2(), children: "\u2605 " }),
       /* @__PURE__ */ jsx89(Text, { dimColor: true, children: OSC8_GITHUB })
@@ -25904,10 +26067,10 @@ function Banner({
           ] }) : null
         ] }),
         /* @__PURE__ */ jsx89(Box, { justifyContent: "center", marginTop: compact ? 0 : 1, children: /* @__PURE__ */ jsx89(BrandMark, { pinkRow }) }),
-        compact ? /* @__PURE__ */ jsxs87(Fragment32, { children: [
+        compact ? /* @__PURE__ */ jsxs87(Fragment33, { children: [
           /* @__PURE__ */ jsx89(Box, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx89(GradientText, { text: "WrongStack" }) }),
           /* @__PURE__ */ jsx89(Box, { justifyContent: "center", children: /* @__PURE__ */ jsx89(Text, { color: MUTED(), children: trunc3("TERMINAL AI ENGINE", contentWidth) }) })
-        ] }) : /* @__PURE__ */ jsxs87(Fragment32, { children: [
+        ] }) : /* @__PURE__ */ jsxs87(Fragment33, { children: [
           /* @__PURE__ */ jsx89(Box, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx89(PixelWordmark, {}) }),
           /* @__PURE__ */ jsx89(Box, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx89(Text, { color: MUTED(), italic: true, children: "BUILT ON THE WRONG STACK. SHIPPED ANYWAY." }) })
         ] }),
@@ -26144,7 +26307,7 @@ function SageKv({ label, value }) {
 }
 
 // src/components/history/tool-card.tsx
-import { Fragment as Fragment33, jsx as jsx92, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx92, jsxs as jsxs90 } from "react/jsx-runtime";
 function ToolCard({
   glyph: glyph2,
   color,
@@ -26181,7 +26344,7 @@ function ToolCard({
       visibleDetail ? /* @__PURE__ */ jsx92(Text, { color: theme.textSecondary, children: `  ${visibleDetail}` }) : null,
       visibleMeta ? /* @__PURE__ */ jsx92(Text, { color: theme.textMuted, children: `  \xB7  ${visibleMeta}` }) : null
     ] }),
-    hasBody ? /* @__PURE__ */ jsxs90(Fragment33, { children: [
+    hasBody ? /* @__PURE__ */ jsxs90(Fragment34, { children: [
       /* @__PURE__ */ jsx92(
         Box,
         {
@@ -26229,7 +26392,8 @@ function ToolEntry({
       entry.ok,
       entry.input
     );
-    const diff2 = entry.ok ? extractDiffPreview(entry.name, outputForFormatting, entry.input) : void 0;
+    const diffSource = entry.name === "replace_file_content" ? "edit" : entry.name === "write_to_file" ? "write" : entry.name;
+    const diff2 = entry.ok ? extractDiffPreview(diffSource, outputForFormatting, entry.input) : void 0;
     const multiDiffs2 = entry.ok && !diff2 && (entry.name === "replace" || entry.name === "diff" || entry.name === "patch") ? extractMultiFileDiffs(entry.name, outputForFormatting, entry.input) : void 0;
     const sizeChip2 = (() => {
       if (!entry.ok) return "";
@@ -26247,24 +26411,28 @@ function ToolEntry({
     })();
     const mutation2 = (() => {
       const name = entry.name;
-      if (name !== "edit" && name !== "write" && name !== "patch" && name !== "replace") {
+      if (name !== "edit" && name !== "replace_file_content" && name !== "write" && name !== "write_to_file" && name !== "patch" && name !== "replace" && name !== "diff") {
         return void 0;
       }
       if (!entry.ok || !diff2 && !multiDiffs2) return void 0;
       const inputObj = entry.input && typeof entry.input === "object" ? entry.input : void 0;
       const outJson = tryParseJson(outputForFormatting.trim());
       const outObj = outJson && typeof outJson === "object" ? outJson : void 0;
-      const created = name === "write" && (outObj?.["created"] === true || /^[^\n]*\bcreated=true\b/.test(outputForFormatting));
-      const verb = created ? "Write" : "Update";
-      const path12 = stringOf(inputObj?.["path"]) ?? stringOf(outObj?.["path"]);
+      const created = (name === "write" || name === "write_to_file") && (outObj?.["created"] === true || /^[^\n]*\bcreated=true\b/.test(outputForFormatting));
+      const verb = name === "diff" ? "Diff" : created ? "Write" : "Update";
+      const outFiles = Array.isArray(outObj?.["files"]) ? outObj?.["files"] : void 0;
+      const firstOutFile = outFiles && outFiles.length > 0 ? stringOf(outFiles[0]) : void 0;
+      const path12 = stringOf(inputObj?.["path"]) ?? stringOf(inputObj?.["TargetFile"]) ?? stringOf(inputObj?.["file"]) ?? stringOf(inputObj?.["files"]) ?? stringOf(inputObj?.["a"]) ?? stringOf(outObj?.["path"]) ?? firstOutFile;
       const agg = multiDiffs2 ? summarizeMultiFileDiffs(multiDiffs2) : void 0;
-      const target = multiDiffs2 ? agg?.fileCount === 1 ? multiDiffs2[0].path : `${agg?.fileCount ?? multiDiffs2.length} files` : path12 ?? "file";
+      const target = multiDiffs2 ? agg?.fileCount === 1 ? multiDiffs2[0].path : `${agg?.fileCount ?? multiDiffs2.length} files` : path12 ?? "changes";
       return {
         verb,
         target,
         added: agg ? agg.added : diff2?.added ?? 0,
         removed: agg ? agg.removed : diff2?.removed ?? 0,
-        lang: langFromPath(multiDiffs2 ? "" : path12 ?? "")
+        lang: langFromPath(
+          multiDiffs2 && multiDiffs2.length > 1 ? "" : multiDiffs2?.[0]?.path ?? path12 ?? ""
+        )
       };
     })();
     return {
@@ -26438,7 +26606,7 @@ var USER_LABEL = "\u{1F464} USER  ";
 var INFO_PREFIX = "\u2139 ";
 
 // src/components/history/entry.tsx
-import { Fragment as Fragment34, jsx as jsx94, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx94, jsxs as jsxs92 } from "react/jsx-runtime";
 var Entry = React7.memo(function Entry2({
   entry,
   termWidth,
@@ -26487,7 +26655,7 @@ var Entry = React7.memo(function Entry2({
             /* @__PURE__ */ jsx94(Text, { bold: true, color: theme.user, children: USER_LABEL }),
             /* @__PURE__ */ jsx94(Text, { color: "white", children: sanitizeTerminalText(entry.text) }),
             entry.queued ? /* @__PURE__ */ jsx94(Text, { dimColor: true, children: " (queued)" }) : null,
-            entry.pasteContent ? /* @__PURE__ */ jsxs92(Fragment34, { children: [
+            entry.pasteContent ? /* @__PURE__ */ jsxs92(Fragment35, { children: [
               entry.text ? "\n" : null,
               /* @__PURE__ */ jsxs92(Text, { dimColor: true, children: [
                 "  \u21B3 ",
@@ -26784,7 +26952,7 @@ var Entry = React7.memo(function Entry2({
           /* @__PURE__ */ jsx94(Text, { bold: true, color: entry.agentColor, children: sanitizeTerminalText(entry.agentLabel) }),
           /* @__PURE__ */ jsx94(Text, { children: " " }),
           /* @__PURE__ */ jsx94(Text, { color: theme.textSecondary, children: lines[0] ?? "" }),
-          entry.detail ? /* @__PURE__ */ jsxs92(Fragment34, { children: [
+          entry.detail ? /* @__PURE__ */ jsxs92(Fragment35, { children: [
             /* @__PURE__ */ jsx94(Text, { color: theme.textMuted, children: "  \xB7  " }),
             /* @__PURE__ */ jsx94(Text, { color: theme.textMuted, children: sanitizeTerminalText(entry.detail) })
           ] }) : null
@@ -26799,7 +26967,7 @@ var Entry = React7.memo(function Entry2({
 });
 
 // src/components/history/index.tsx
-import { Fragment as Fragment35, jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
 var History = memo6(function History2({
   entries,
   generation,
@@ -26860,7 +27028,7 @@ var History = memo6(function History2({
   const staticKey = `${generation ?? 0}-${staticRevision}-${presentationKey}`;
   const staticEntries = pendingEntries;
   void toolStream;
-  return /* @__PURE__ */ jsxs93(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs93(Fragment36, { children: [
     /* @__PURE__ */ jsx95(Static, { items: staticEntries, children: (entry) => /* @__PURE__ */ jsx95(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, children: /* @__PURE__ */ jsx95(
       Entry,
       {
@@ -27273,6 +27441,7 @@ var MAX_UNDERFILL_BUMPS = 8;
 var ScrollableHistory = memo7(function ScrollableHistory2({
   entries,
   toolStream,
+  streamingText,
   viewportRows,
   controllerRef,
   onScrollInfo,
@@ -27292,7 +27461,7 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     const raw = stdout?.columns ?? 80;
     return maxWidth ? Math.min(raw, maxWidth) : raw;
   }, [stdout, maxWidth]);
-  const [viewportWidth, setViewportWidth] = useState23(resolveViewportWidth);
+  const [viewportWidth, setViewportWidth] = useState24(resolveViewportWidth);
   const termWidth = useMemo10(
     () => Math.max(1, viewportWidth - SCROLLBAR_HIT_WIDTH),
     [viewportWidth]
@@ -27309,6 +27478,8 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
   }, [stdout, resolveViewportWidth]);
   const toolTail = toolStream?.text ? tailForDisplay(toolStream.text, MAX_STREAM_DISPLAY_CHARS) : "";
   const toolTailHeight = toolTail && toolStream ? toolStreamBoxHeight(toolStream.name) : 0;
+  const assistantTail = streamingText ? tailForDisplay(streamingText, MAX_STREAM_DISPLAY_CHARS) : "";
+  const assistantTailHeight = assistantTail ? assistantStreamBoxHeight() : 0;
   const groupedEntries = useMemo10(() => groupEntries(entries), [entries]);
   const groupIds = useMemo10(() => groupedEntries.map(renderGroupId), [groupedEntries]);
   const groupIdsKey = groupIds.join(",");
@@ -27395,8 +27566,8 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     preparedEstimateWidthRef.current = termWidth;
   }
   const vp = Math.max(1, viewportRows);
-  const [anchor, setAnchor] = useState23(null);
-  const [mountBump, setMountBump] = useState23(0);
+  const [anchor, setAnchor] = useState24(null);
+  const [mountBump, setMountBump] = useState24(0);
   const prevTermWidthRef = useRef10(termWidth);
   if (prevTermWidthRef.current !== termWidth) {
     prevTermWidthRef.current = termWidth;
@@ -27407,12 +27578,12 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     prevVpRef.current = viewportRows;
     setMountBump(0);
   }
-  const [, setMeasureTick] = useState23(0);
+  const [, setMeasureTick] = useState24(0);
   const geometry = {
     cache: heightCache,
     groupCount: groupedEntries.length,
     viewportRows: vp,
-    tailRows: toolTailHeight
+    tailRows: toolTailHeight + assistantTailHeight
   };
   const groupIndexById = useMemo10(() => {
     const indexes = /* @__PURE__ */ new Map();
@@ -27481,12 +27652,13 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     historyTotalRows: totalRows
   });
   const offsetFromBottom = scrolled ? Math.max(0, maxTopRow(geometry) - anchorTopRow(geometry, effectiveAnchor)) : 0;
+  const mountedTailRows = plan.mountTail ? toolTailHeight + assistantTailHeight : 0;
   const copyRegistry = buildCopyRegistry({
     renderGroups,
     heightCache,
     scrolled,
     clip: clip2,
-    tailRows: plan.mountTail ? toolTailHeight : 0,
+    tailRows: mountedTailRows,
     viewportRows: vp,
     iconCol: termWidth,
     showModelReasoning,
@@ -27500,7 +27672,7 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     heightCache,
     scrolled,
     clip: clip2,
-    tailRows: plan.mountTail ? toolTailHeight : 0,
+    tailRows: mountedTailRows,
     viewportRows: vp,
     showModelReasoning
   });
@@ -27642,6 +27814,13 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
               startedAt: toolStream.startedAt,
               termWidth
             }
+          ) : null,
+          plan.mountTail && assistantTail ? /* @__PURE__ */ jsx97(
+            AssistantStreamBox,
+            {
+              text: assistantTail,
+              termWidth
+            }
           ) : null
         ] })
       }
@@ -27662,7 +27841,7 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
 
 // src/hooks/use-sidebar-panel-data.ts
 import { getProcessRegistry as getProcessRegistry3 } from "@wrongstack/tools";
-import { useEffect as useEffect26, useState as useState24 } from "react";
+import { useEffect as useEffect26, useState as useState25 } from "react";
 function sameList(a, b, eq) {
   if (a === b) return true;
   if (a.length !== b.length) return false;
@@ -27672,7 +27851,7 @@ function sameList(a, b, eq) {
   return true;
 }
 function useSidebarProcessList(enabled = true) {
-  const [data, setData] = useState24({ activeCount: 0, totalCount: 0, processes: [] });
+  const [data, setData] = useState25({ activeCount: 0, totalCount: 0, processes: [] });
   useEffect26(() => {
     if (!enabled) return;
     const read = () => {
@@ -27700,7 +27879,7 @@ function useSidebarProcessList(enabled = true) {
   return data;
 }
 function useSidebarConnections(projectRoot, enabled = true) {
-  const [connections, setConnections] = useState24([]);
+  const [connections, setConnections] = useState25([]);
   useEffect26(() => {
     if (!enabled) return;
     let cancelled = false;
@@ -27740,7 +27919,7 @@ function setProxyData(setData, next) {
   );
 }
 function useSidebarWrongProxy(url, enabled = true) {
-  const [data, setData] = useState24(null);
+  const [data, setData] = useState25(null);
   useEffect26(() => {
     if (!enabled || !url) {
       setData(null);
@@ -27809,7 +27988,7 @@ function useSidebarWrongProxy(url, enabled = true) {
   return data;
 }
 function useSidebarKanban(projectRoot, enabled = true) {
-  const [data, setData] = useState24({ columns: [], totalActive: 0, activeCardTitles: [] });
+  const [data, setData] = useState25({ columns: [], totalActive: 0, activeCardTitles: [] });
   useEffect26(() => {
     if (!enabled) return;
     let cancelled = false;
@@ -27935,6 +28114,7 @@ function AppView({ host, runtime }) {
             {
               entries: state.entries,
               toolStream: state.toolStream,
+              streamingText: state.streamingText,
               viewportRows: state.viewportRows,
               maxWidth: mainColumnWidth,
               controllerRef: historyScrollRef,
@@ -40536,7 +40716,7 @@ function handleCollabDone(event, dispatch, stateRef) {
 }
 
 // src/hooks/use-enhance-runtime-state.ts
-import { useEffect as useEffect37, useRef as useRef20, useState as useState25 } from "react";
+import { useEffect as useEffect37, useRef as useRef20, useState as useState26 } from "react";
 function useEnhanceRuntimeState({
   enhanceEnabled,
   midRunSendPicker
@@ -40549,11 +40729,11 @@ function useEnhanceRuntimeState({
   const enhanceAbortRef = useRef20(null);
   const enhanceCancelledRef = useRef20(false);
   const enhanceOriginalRef = useRef20("");
-  const [enhanceCountdown, setEnhanceCountdown] = useState25(null);
-  const [enhanceStartedAt, setEnhanceStartedAt] = useState25(null);
-  const [enhanceDurationMs, setEnhanceDurationMs] = useState25(null);
-  const [refineProviderId, setRefineProviderId] = useState25(null);
-  const [refineModel, setRefineModel] = useState25(null);
+  const [enhanceCountdown, setEnhanceCountdown] = useState26(null);
+  const [enhanceStartedAt, setEnhanceStartedAt] = useState26(null);
+  const [enhanceDurationMs, setEnhanceDurationMs] = useState26(null);
+  const [refineProviderId, setRefineProviderId] = useState26(null);
+  const [refineModel, setRefineModel] = useState26(null);
   return {
     enhanceEnabledRef,
     midRunSendPickerRef,
@@ -40894,7 +41074,7 @@ function fileReadContract(filePath, bytes) {
 
 // src/hooks/use-git-session-status.ts
 import { watchProjectTree } from "@wrongstack/core/utils";
-import { useEffect as useEffect40, useRef as useRef22, useState as useState26 } from "react";
+import { useEffect as useEffect40, useRef as useRef22, useState as useState27 } from "react";
 
 // src/git-info.ts
 import { spawn } from "node:child_process";
@@ -40991,7 +41171,7 @@ function useGitSessionStatus({
   setSessionCount,
   hiddenItems = []
 }) {
-  const [gitInfo, setGitInfo] = useState26(null);
+  const [gitInfo, setGitInfo] = useState27(null);
   const previousBranchRef = useRef22(null);
   const gitHidden = hiddenItems.includes("git");
   useEffect40(() => {
@@ -41086,7 +41266,7 @@ function useHelpPanel(dispatch, slashRegistry) {
 // src/hooks/use-history-archive.ts
 import * as fsp2 from "node:fs/promises";
 import * as path6 from "node:path";
-import { useCallback as useCallback16, useEffect as useEffect41, useRef as useRef23, useState as useState27 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect41, useRef as useRef23, useState as useState28 } from "react";
 
 // src/history-archive.ts
 import * as fsp from "node:fs/promises";
@@ -41248,7 +41428,7 @@ function useHistoryArchive({
   const loadingRef = useRef23(false);
   const entriesRef = useRef23(entries);
   entriesRef.current = entries;
-  const [archiveGeneration, setArchiveGeneration] = useState27(0);
+  const [archiveGeneration, setArchiveGeneration] = useState28(0);
   useEffect41(() => {
     if (!sessionsDir || !sessionId) return;
     let disposed = false;
@@ -41349,14 +41529,14 @@ function useHistoryCopyNotice(dispatch) {
 }
 
 // src/hooks/use-history-viewport-sync.ts
-import { useEffect as useEffect43, useLayoutEffect as useLayoutEffect2, useRef as useRef25, useState as useState28 } from "react";
+import { useEffect as useEffect43, useLayoutEffect as useLayoutEffect2, useRef as useRef25, useState as useState29 } from "react";
 function useHistoryViewportSync(input) {
   const { stdoutRows, viewportRows, setViewportRows } = input;
   const bottomRegionRef = useRef25(null);
   const statusBarWrapRef = useRef25(null);
   const belowStatusBarRef = useRef25(null);
-  const [termRows, setTermRows] = useState28(stdoutRows ?? 24);
-  const [statusBarRows, setStatusBarRows] = useState28(2);
+  const [termRows, setTermRows] = useState29(stdoutRows ?? 24);
+  const [statusBarRows, setStatusBarRows] = useState29(2);
   useEffect43(() => {
     const handleResize = () => setTermRows(process.stdout.rows ?? 24);
     process.stdout.prependListener("resize", handleResize);
@@ -41700,9 +41880,9 @@ function useInterruptLadder({
 }
 
 // src/hooks/use-kanban-board-focus.ts
-import { useRef as useRef29, useState as useState29 } from "react";
+import { useRef as useRef29, useState as useState30 } from "react";
 function useKanbanBoardFocus() {
-  const [focusedBoardId, setFocusedBoardId] = useState29(null);
+  const [focusedBoardId, setFocusedBoardId] = useState30(null);
   const boardFocusRef = useRef29(null);
   if (!boardFocusRef.current) {
     boardFocusRef.current = {
@@ -41747,9 +41927,9 @@ function useLiveSettingsState({
 }
 
 // src/hooks/use-live-todos.ts
-import { useEffect as useEffect48, useState as useState30 } from "react";
+import { useEffect as useEffect48, useState as useState31 } from "react";
 function useLiveTodos(context) {
-  const [todos, setTodos] = useState30(() => [...context.todos]);
+  const [todos, setTodos] = useState31(() => [...context.todos]);
   useEffect48(() => {
     setTodos([...context.todos]);
     return context.state.onChange((change) => {
@@ -41760,16 +41940,16 @@ function useLiveTodos(context) {
 }
 
 // src/hooks/use-mailbox-view-model.ts
-import { useEffect as useEffect49, useState as useState31 } from "react";
+import { useEffect as useEffect49, useState as useState32 } from "react";
 function useMailboxViewModel(events) {
-  const [mailboxStatus, setMailboxStatus] = useState31({
+  const [mailboxStatus, setMailboxStatus] = useState32({
     unread: 0,
     onlineAgents: 0,
     onlineClients: { tui: 0, webui: 0, repl: 0 }
   });
-  const [mailboxPanelOpen, setMailboxPanelOpen] = useState31(false);
-  const [mailboxMessages, setMailboxMessages] = useState31([]);
-  const [mailboxAgents, setMailboxAgents] = useState31([]);
+  const [mailboxPanelOpen, setMailboxPanelOpen] = useState32(false);
+  const [mailboxMessages, setMailboxMessages] = useState32([]);
+  const [mailboxAgents, setMailboxAgents] = useState32([]);
   useEffect49(() => {
     const AGENT_ONLINE_TTL_MS = 12e4;
     const lastSeen = /* @__PURE__ */ new Map();
@@ -41983,11 +42163,11 @@ function useModelPickRequest(opts) {
 }
 
 // src/hooks/use-mouse-tracking.ts
-import { useEffect as useEffect50, useRef as useRef31, useState as useState32 } from "react";
+import { useEffect as useEffect50, useRef as useRef31, useState as useState33 } from "react";
 function useMouseTracking(input) {
   const { initialMouseMode, initialNativeMouse, overlayOpen, protocol, stdout } = input;
-  const [mouseMode, setMouseMode] = useState32(initialMouseMode);
-  const [nativeMouse, setNativeMouse] = useState32(initialNativeMouse ?? false);
+  const [mouseMode, setMouseMode] = useState33(initialMouseMode);
+  const [nativeMouse, setNativeMouse] = useState33(initialNativeMouse ?? false);
   const mouseTrackingOn = shouldEnableMouseTracking({
     fullMode: mouseMode,
     overlayOpen,
@@ -42035,7 +42215,7 @@ import {
   useCallback as useCallback20,
   useEffect as useEffect51,
   useRef as useRef32,
-  useState as useState33
+  useState as useState34
 } from "react";
 async function commitTodoTransition(agent, todos) {
   if (!agent?.ctx?.state) return null;
@@ -42080,10 +42260,10 @@ function useNextStepsAutoSubmit({
   clearDraft,
   runBlocksRef
 }) {
-  const [nextStepsAutoSubmitCountdown, setNextStepsAutoSubmitCountdown] = useState33(
+  const [nextStepsAutoSubmitCountdown, setNextStepsAutoSubmitCountdown] = useState34(
     null
   );
-  const [nextStepsAutoSubmitLabel, setNextStepsAutoSubmitLabel] = useState33(null);
+  const [nextStepsAutoSubmitLabel, setNextStepsAutoSubmitLabel] = useState34(null);
   const nextStepsAutoSubmitSuggestionRef = useRef32(null);
   const nextStepsAutoSubmitSourceRef = useRef32(null);
   const nextStepsAutoSubmitTodoIdRef = useRef32(null);
@@ -42093,7 +42273,7 @@ function useNextStepsAutoSubmit({
   const autoSubmitCapWarnedRef = useRef32(false);
   const autoSubmitLoopGuardRef = useRef32(createAutoProceedLoopGuard());
   const continuationAttemptTrackerRef = useRef32(createContinuationAttemptTracker());
-  const [nextStepsRecheck, setNextStepsRecheck] = useState33(0);
+  const [nextStepsRecheck, setNextStepsRecheck] = useState34(0);
   useEffect51(() => {
     autoSubmitStreakRef.current = 0;
     autoSubmitCapWarnedRef.current = false;
@@ -43122,10 +43302,20 @@ function useProviderEventBridge({
       }
     };
     const flush = () => {
+      if (activeRunGenerationRef.current !== sessionGenerationRef.current) {
+        pendingToolStream = null;
+        pendingDeltaRef.current = "";
+        flushTimerRef.current = null;
+        return;
+      }
       if (pendingToolStream) {
         dispatch({ type: "toolStreamAppend", ...pendingToolStream });
         pendingToolStream = null;
       }
+      if (pendingDeltaRef.current) {
+        dispatch({ type: "streamDelta", delta: pendingDeltaRef.current });
+        pendingDeltaRef.current = "";
+      }
       recordStreamFlush();
       flushTimerRef.current = null;
     };
@@ -43142,12 +43332,16 @@ function useProviderEventBridge({
         MAX_ASSISTANT_STREAM_RETAINED_CHARS
       );
       appendStreamSegment("assistant", text);
+      pendingDeltaRef.current += text;
+      scheduleFlush();
     });
     const offThinking = events.on("provider.thinking_delta", (e) => {
       if (activeRunGenerationRef.current !== sessionGenerationRef.current) return;
       const text = e.text.replace(/\x1b?\[200~|\x1b?\[201~/g, "");
       recordProviderThinkingDelta(text.length);
       appendStreamSegment("thinking", text);
+      pendingDeltaRef.current += text;
+      scheduleFlush();
     });
     const offToolStart = events.on("tool.started", (e) => {
       dispatch({ type: "toolStarted", id: e.id, name: e.name });
@@ -43788,6 +43982,7 @@ function useSessionInterruptController({
           clearTimeout(flushTimerRef.current);
           flushTimerRef.current = null;
         }
+        dispatch({ type: "streamReset" });
         dispatch({ type: "status", status: "aborting" });
         interrupted = true;
       }
@@ -44183,7 +44378,7 @@ function useStatusSyncInterval({
 // src/hooks/use-statusbar-view-model.ts
 import * as fs4 from "node:fs/promises";
 import { getContextBreakdown } from "@wrongstack/core/utils";
-import { useEffect as useEffect59, useMemo as useMemo15, useState as useState34 } from "react";
+import { useEffect as useEffect59, useMemo as useMemo15, useState as useState35 } from "react";
 
 // src/context-fill.ts
 function resolveContextFill(inputs) {
@@ -44319,7 +44514,7 @@ function useStatusbarViewModel({
   const planHidden = hiddenItems.includes("plan");
   const taskHidden = hiddenItems.includes("tasks");
   const planPath = agent.ctx.meta["plan.path"];
-  const [planCounts, setPlanCounts] = useState34(null);
+  const [planCounts, setPlanCounts] = useState35(null);
   useEffect59(() => {
     if (planHidden) return;
     if (typeof planPath !== "string" || !planPath) {
@@ -44366,7 +44561,7 @@ function useStatusbarViewModel({
     };
   }, [planPath, planHidden]);
   const taskPath = agent.ctx.meta["task.path"];
-  const [taskCounts, setTaskCounts] = useState34(null);
+  const [taskCounts, setTaskCounts] = useState35(null);
   useEffect59(() => {
     if (taskHidden) return;
     if (typeof taskPath !== "string" || !taskPath) {
@@ -44577,7 +44772,7 @@ import * as fs5 from "node:fs/promises";
 import * as os from "node:os";
 import { loadGoal } from "@wrongstack/core/storage";
 import { resolveWstackPaths as resolveWstackPaths5 } from "@wrongstack/core/utils";
-import { useCallback as useCallback26, useEffect as useEffect63, useMemo as useMemo16, useRef as useRef39, useState as useState35 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect63, useMemo as useMemo16, useRef as useRef39, useState as useState36 } from "react";
 
 // src/heap-watchdog.ts
 import {
@@ -44622,7 +44817,7 @@ function useTuiActivity({
   builderRef
 }) {
   recordTuiAppRender();
-  const [rolledThinkingWord, setRolledThinkingWord] = useState35(() => pickRandomTuiThinkingWord());
+  const [rolledThinkingWord, setRolledThinkingWord] = useState36(() => pickRandomTuiThinkingWord());
   const thinkingWorking = status === "running" || status === "streaming";
   const prevThinkingWorkingRef = useRef39(false);
   useEffect63(() => {
@@ -44637,12 +44832,12 @@ function useTuiActivity({
     [fleet]
   );
   const startedAtRef = useRef39(Date.now());
-  const [nowTick, setNowTick] = useState35(Date.now());
+  const [nowTick, setNowTick] = useState36(Date.now());
   useEffect63(() => {
     const timer = setInterval(() => setNowTick(Date.now()), 1e4);
     return () => clearInterval(timer);
   }, []);
-  const [workingTimeBase, setWorkingTimeBase] = useState35(0);
+  const [workingTimeBase, setWorkingTimeBase] = useState36(0);
   const workingStartRef = useRef39(null);
   const prevStatusRef = useRef39(status);
   useEffect63(() => {
@@ -44658,7 +44853,7 @@ function useTuiActivity({
     }
     prevStatusRef.current = status;
   }, [status]);
-  const [fleetWorkingBase, setFleetWorkingBase] = useState35(0);
+  const [fleetWorkingBase, setFleetWorkingBase] = useState36(0);
   const fleetWorkingStartRef = useRef39(null);
   const prevFleetRunningRef = useRef39(0);
   useEffect63(() => {
@@ -44885,22 +45080,22 @@ function useTuiControllers({
 
 // src/hooks/use-tui-environment-state.ts
 import { getIndexState as getIndexState2, getProcessRegistry as getProcessRegistry9, onIndexStateChange } from "@wrongstack/tools";
-import { useEffect as useEffect65, useRef as useRef40, useState as useState37 } from "react";
+import { useEffect as useEffect65, useRef as useRef40, useState as useState38 } from "react";
 
 // src/hooks/use-statusline-state.ts
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 function useStatuslineState(opts) {
-  const [liveModel, setLiveModel] = useState36(opts.model);
-  const [liveProvider, setLiveProvider] = useState36(opts.provider ?? "agent");
-  const [activeMaxContext, setActiveMaxContext] = useState36(opts.effectiveMaxContext);
-  const [yoloLive, setYoloLive] = useState36(opts.yolo);
-  const [autonomyLive, setAutonomyLive] = useState36(opts.getAutonomy?.() ?? "off");
-  const [liveModeLabel, setLiveModeLabel] = useState36(opts.modeLabel ?? "");
-  const [hiddenItems, setHiddenItems] = useState36(
+  const [liveModel, setLiveModel] = useState37(opts.model);
+  const [liveProvider, setLiveProvider] = useState37(opts.provider ?? "agent");
+  const [activeMaxContext, setActiveMaxContext] = useState37(opts.effectiveMaxContext);
+  const [yoloLive, setYoloLive] = useState37(opts.yolo);
+  const [autonomyLive, setAutonomyLive] = useState37(opts.getAutonomy?.() ?? "off");
+  const [liveModeLabel, setLiveModeLabel] = useState37(opts.modeLabel ?? "");
+  const [hiddenItems, setHiddenItems] = useState37(
     Array.isArray(opts.statuslineHiddenItems) ? [...opts.statuslineHiddenItems] : [...opts.statuslineHiddenItems]
   );
-  const [lines, setLines] = useState36(opts.statuslineLines ?? {});
-  const [sessionCount, setSessionCount] = useState36(0);
+  const [lines, setLines] = useState37(opts.statuslineLines ?? {});
+  const [sessionCount, setSessionCount] = useState37(0);
   return {
     liveModel,
     setLiveModel,
@@ -44940,8 +45135,8 @@ function useTuiEnvironmentState({
   setStatuslineHiddenItems,
   saveStatuslineHiddenItems
 }) {
-  const [memoryContextMonitor, setMemoryContextMonitor] = useState37(emptyMemoryContextMonitor);
-  const [memoryRecordTotal, setMemoryRecordTotal] = useState37();
+  const [memoryContextMonitor, setMemoryContextMonitor] = useState38(emptyMemoryContextMonitor);
+  const [memoryRecordTotal, setMemoryRecordTotal] = useState38();
   const memoryContextMonitorRef = useRef40(memoryContextMonitor);
   memoryContextMonitorRef.current = memoryContextMonitor;
   const memoryRecordTotalRef = useRef40(memoryRecordTotal);
@@ -44976,14 +45171,14 @@ function useTuiEnvironmentState({
   });
   const hiddenItemsRef = useRef40(statusline.hiddenItems);
   hiddenItemsRef.current = statusline.hiddenItems;
-  const [liveToolCount, setLiveToolCount] = useState37(toolCount);
+  const [liveToolCount, setLiveToolCount] = useState38(toolCount);
   useEffect65(() => setLiveToolCount(toolCount), [toolCount]);
-  const [indexState, setIndexState] = useState37(() => getIndexState2());
+  const [indexState, setIndexState] = useState38(() => getIndexState2());
   useEffect65(() => {
     setIndexState(getIndexState2());
     return onIndexStateChange(setIndexState);
   }, []);
-  const [breakerCountdown, setBreakerCountdown] = useState37(
+  const [breakerCountdown, setBreakerCountdown] = useState38(
     () => getProcessRegistry9().getBreakerCountdown()
   );
   useEffect65(() => {
@@ -46497,7 +46692,7 @@ Available chords:
 
 // src/hooks/use-working-dir-chip.ts
 import * as path8 from "node:path";
-import { useEffect as useEffect70, useState as useState38 } from "react";
+import { useEffect as useEffect70, useState as useState39 } from "react";
 function formatWorkingDirChip(workingDir, projectRoot) {
   if (!workingDir || workingDir === projectRoot) return void 0;
   const impl = workingDir.includes("\\") || projectRoot.includes("\\") ? path8.win32 : path8;
@@ -46506,7 +46701,7 @@ function formatWorkingDirChip(workingDir, projectRoot) {
   return rel.replaceAll(impl.sep, "/");
 }
 function useWorkingDirChip(ctx, projectRoot) {
-  const [workingDirChip, setWorkingDirChip] = useState38(
+  const [workingDirChip, setWorkingDirChip] = useState39(
     () => formatWorkingDirChip(ctx.workingDir, projectRoot)
   );
   useEffect70(() => {