mixdog 0.9.26 → 0.9.27

package/src/tui/dist/index.mjs

@@ -163,7 +163,7 @@ import { performance as performance3 } from "node:perf_hooks";
 import { format } from "node:util";
 
 // src/tui/App.jsx
-import React20, { useState as useState8, useCallback as useCallback6, useEffect as useEffect10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo2, useRef as useRef9 } from "react";
+import React20, { useState as useState8, useCallback as useCallback6, useEffect as useEffect10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo2, useRef as useRef10 } from "react";
 import { Box as Box18, Text as Text20, useApp, useInput as useInput5, useStdin as useStdin3, useStdout as useStdout2 } from "../../../vendor/ink/build/index.js";
 
 // src/tui/themes/base.mjs
@@ -3100,8 +3100,67 @@ function formatAggregateDetail(summaries) {
 }
 
 // src/tui/components/Spinner.jsx
-import React, { useRef } from "react";
-import { Box, Text, useAnimation } from "../../../vendor/ink/build/index.js";
+import React, { useRef as useRef2 } from "react";
+import { Box, Text } from "../../../vendor/ink/build/index.js";
+
+// src/tui/hooks/useSharedTick.mjs
+import { useEffect, useRef, useState } from "react";
+var TICK_SLOP_MS = 16;
+var subscribers = /* @__PURE__ */ new Set();
+var timer = null;
+function nextDelayMs(now) {
+  let soonest = Infinity;
+  for (const sub of subscribers) {
+    const due = sub.lastFire + sub.interval - now;
+    if (due < soonest) soonest = due;
+  }
+  return Number.isFinite(soonest) ? Math.max(1, soonest) : null;
+}
+function reconcileTimer() {
+  if (timer) {
+    clearTimeout(timer);
+    timer = null;
+  }
+  const delay = nextDelayMs(Date.now());
+  if (delay == null) return;
+  timer = setTimeout(onTick, delay);
+  timer.unref?.();
+}
+function onTick() {
+  timer = null;
+  const now = Date.now();
+  for (const sub of Array.from(subscribers)) {
+    if (!subscribers.has(sub)) continue;
+    if (now - sub.lastFire >= sub.interval - TICK_SLOP_MS) {
+      sub.lastFire = now;
+      sub.notify(now);
+    }
+  }
+  reconcileTimer();
+}
+function useSharedTick(intervalMs, isActive = true, onTick2 = null) {
+  const [, setTick] = useState(0);
+  const cbRef = useRef(onTick2);
+  cbRef.current = onTick2;
+  useEffect(() => {
+    if (!isActive) return void 0;
+    const interval = Math.max(1, Number(intervalMs) || 0);
+    const sub = {
+      interval,
+      lastFire: Date.now(),
+      notify: (now) => {
+        if (cbRef.current) cbRef.current(now);
+        else setTick((t) => (t + 1) % 1e6);
+      }
+    };
+    subscribers.add(sub);
+    reconcileTimer();
+    return () => {
+      subscribers.delete(sub);
+      reconcileTimer();
+    };
+  }, [intervalMs, isActive]);
+}
 
 // src/tui/spinner-verbs.mjs
 var SPINNER_VERBS = [
@@ -3438,19 +3497,19 @@ function tokenModeGlyph(mode) {
   }
 }
 function Spinner({ verb = "Working", startedAt, outputTokens = 0, tokens = 0, thinking = false, thinkingActiveSince = 0, mode = "responding", columns = 80, marginTop = 1 }) {
-  useAnimation({ interval: FRAME_MS });
+  useSharedTick(FRAME_MS);
   const { TEXT_RGB, SHIMMER_RGB, SPINNER_GLYPH_RGB, THINKING_INACTIVE, THINKING_SHIMMER, STALL_RGB } = spinnerRgb();
   const now = Date.now();
   const elapsedMs = startedAt ? Math.max(0, now - startedAt) : 0;
   const frame = Math.floor(elapsedMs / FRAME_MS);
-  const lastGrowRef = useRef(now);
-  const lastTokensRef = useRef(0);
-  const displayedOutputRef = useRef(0);
-  const displayVerbRef = useRef("");
-  const displayVerbModeRef = useRef("");
-  const nextVerbCheckRef = useRef(0);
-  const stallSmoothRef = useRef(0);
-  const lastStallTickRef = useRef(0);
+  const lastGrowRef = useRef2(now);
+  const lastTokensRef = useRef2(0);
+  const displayedOutputRef = useRef2(0);
+  const displayVerbRef = useRef2("");
+  const displayVerbModeRef = useRef2("");
+  const nextVerbCheckRef = useRef2(0);
+  const stallSmoothRef = useRef2(0);
+  const lastStallTickRef = useRef2(0);
   const targetOutputTokens = Math.max(0, Number(outputTokens || tokens || 0));
   if (targetOutputTokens > lastTokensRef.current) {
     lastTokensRef.current = targetOutputTokens;
@@ -3559,7 +3618,7 @@ function Spinner({ verb = "Working", startedAt, outputTokens = 0, tokens = 0, th
 }
 
 // src/tui/components/StatusLine.jsx
-import React2, { useEffect, useRef as useRef2, useState } from "react";
+import React2, { useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
 import { Box as Box2, Text as Text2 } from "../../../vendor/ink/build/index.js";
 
 // src/tui/statusline-ansi-bridge.mjs
@@ -3693,11 +3752,11 @@ var statuslineModulePrewarmScheduled = false;
 function scheduleStatuslineModulePrewarm() {
   if (statuslineModulePrewarmScheduled) return;
   statuslineModulePrewarmScheduled = true;
-  const timer = setTimeout(() => {
+  const timer2 = setTimeout(() => {
     loadStatuslineModule().catch(() => {
     });
   }, STATUSLINE_MODULE_PREWARM_DELAY_MS);
-  timer.unref?.();
+  timer2.unref?.();
 }
 var STATUSLINE_BOOT_FULL_DELAY_MS = 1e3;
 var STATUSLINE_BOOT_FULL_DELAY_ACTIVE_MS = 2200;
@@ -4006,7 +4065,7 @@ function workflowModeLabel(workflow = {}, remoteEnabled = false) {
   return remoteEnabled === true ? `Remote / ${base}` : base;
 }
 function StatusLineView({ sessionId, clientHostPid, provider, model, effort, fast, cwd, stats, contextWindow, displayContextWindow = 0, compactBoundaryTokens = 0, autoCompactTokenLimit = 0, rawContextWindow, resizeEpoch, agentRevision = "", agentWorkers = [], agentJobs = [], activeTools = null, initialLine = "", workflow = null, remoteEnabled = false, themeEpoch = 0 }) {
-  const [line, setLine] = useState(() => normalizeStatusLine(initialLine || localBootStatusLine({
+  const [line, setLine] = useState2(() => normalizeStatusLine(initialLine || localBootStatusLine({
     provider,
     model,
     effort,
@@ -4021,19 +4080,19 @@ function StatusLineView({ sessionId, clientHostPid, provider, model, effort, fas
     agentJobs,
     activeTools
   })));
-  const [refreshTick, setRefreshTick] = useState(0);
-  const statuslineArgsRef = useRef2(null);
-  const bootFullDoneRef = useRef2(false);
-  const mountAtRef = useRef2(Date.now());
-  const lineRef = useRef2("");
-  const bootFullNextAttemptAtRef = useRef2(0);
-  const bootFullRetryBackoffMsRef = useRef2(STATUSLINE_BOOT_FULL_RETRY_MS);
-  const renderEffectIdRef = useRef2(0);
-  const lastImmediateArgsRef = useRef2(null);
-  const themeEpochRef = useRef2(themeEpoch);
-  const lastRawFullLineRef = useRef2("");
-  const lastRawFullLineCacheKeyRef = useRef2("");
-  const lastRawFullLineAtRef = useRef2(0);
+  const [refreshTick, setRefreshTick] = useState2(0);
+  const statuslineArgsRef = useRef3(null);
+  const bootFullDoneRef = useRef3(false);
+  const mountAtRef = useRef3(Date.now());
+  const lineRef = useRef3("");
+  const bootFullNextAttemptAtRef = useRef3(0);
+  const bootFullRetryBackoffMsRef = useRef3(STATUSLINE_BOOT_FULL_RETRY_MS);
+  const renderEffectIdRef = useRef3(0);
+  const lastImmediateArgsRef = useRef3(null);
+  const themeEpochRef = useRef3(themeEpoch);
+  const lastRawFullLineRef = useRef3("");
+  const lastRawFullLineCacheKeyRef = useRef3("");
+  const lastRawFullLineAtRef = useRef3(0);
   const statuslineArgs = {
     sessionId,
     clientHostPid,
@@ -4074,17 +4133,13 @@ function StatusLineView({ sessionId, clientHostPid, provider, model, effort, fas
     String(statsForSignature.currentContextSource || "")
   ].join("|");
   const refreshMs = hasActiveStatuslineWork(line, agentWorkers, agentJobs, activeTools) ? STATUSLINE_ACTIVE_REFRESH_MS : STATUSLINE_REFRESH_MS;
-  useEffect(() => {
+  useEffect2(() => {
     scheduleStatuslineModulePrewarm();
   }, []);
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setRefreshTick((tick) => (tick + 1) % 1e6);
-    }, refreshMs);
-    timer.unref?.();
-    return () => clearInterval(timer);
-  }, [refreshMs]);
-  useEffect(() => {
+  useSharedTick(refreshMs, true, () => {
+    setRefreshTick((tick) => (tick + 1) % 1e6);
+  });
+  useEffect2(() => {
     let alive = true;
     let bootRetryTimer = null;
     const effectId = renderEffectIdRef.current + 1;
@@ -4146,7 +4201,7 @@ ${grafted}` : cachedL1;
       autoCompactTokenLimit: args.autoCompactTokenLimit,
       stats: args.stats
     };
-    const timer = setTimeout(() => {
+    const timer2 = setTimeout(() => {
       if (bootFullDoneRef.current !== true) {
         if (!bootFullRenderEligible(mountAtRef.current, lineRef.current, args.agentWorkers, args.agentJobs, args.activeTools)) {
           const active = hasActiveStatuslineWork(lineRef.current, args.agentWorkers, args.agentJobs, args.activeTools);
@@ -4192,10 +4247,10 @@ ${grafted}` : cachedL1;
         resetStatuslineModuleLoad();
       });
     }, STATUSLINE_RENDER_DEBOUNCE_MS);
-    timer.unref?.();
+    timer2.unref?.();
     return () => {
       alive = false;
-      clearTimeout(timer);
+      clearTimeout(timer2);
       clearTimeout(bootRetryTimer);
     };
   }, [sessionId, clientHostPid, provider, model, effort, fast, cwd, statsSignature, contextWindow, displayContextWindow, compactBoundaryTokens, autoCompactTokenLimit, rawContextWindow, resizeEpoch, agentRevision, agentWorkersSignature, agentJobsSignature, activeToolsSignature, refreshTick, themeEpoch]);
@@ -4212,16 +4267,16 @@ ${grafted}` : cachedL1;
 var StatusLine = React2.memo(StatusLineView);
 
 // src/tui/components/PromptInput.jsx
-import React3, { useEffect as useEffect2, useLayoutEffect, useState as useState2, useRef as useRef3 } from "react";
+import React3, { useEffect as useEffect3, useLayoutEffect, useState as useState3, useRef as useRef4 } from "react";
 import { Box as Box3, Text as Text3, useInput, usePaste, useStdin } from "../../../vendor/ink/build/index.js";
 
 // src/tui/display-width.mjs
 import stringWidth from "string-width";
 var graphemeSegmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 function isProblemCodePoint(cp) {
-  return cp >= 9312 && cp <= 9471 || cp >= 8592 && cp <= 8703;
+  return cp >= 9312 && cp <= 9471 || cp >= 8596 && cp <= 8703;
 }
-var PROBLEM_RE = /[\u2190-\u21ff\u2460-\u24ff]/;
+var PROBLEM_RE = /[\u2194-\u21ff\u2460-\u24ff]/;
 function resolveAmbiguousWidePolicy(env = process.env, platform = process.platform) {
   const override = env?.MIXDOG_TUI_AMBIGUOUS_WIDE;
   if (override === "1") return true;
@@ -4577,29 +4632,29 @@ function PromptInput({
   mouseSelectionRef,
   suppressShiftNavRef
 }) {
-  const [draft, setDraft] = useState2(() => {
+  const [draft, setDraft] = useState3(() => {
     const value2 = String(initialValue || "");
     return { value: value2, cursor: value2.length, selectionAnchor: null };
   });
-  const [, bumpCursorAnchorEpoch] = useState2(0);
-  const draftRef = useRef3(draft);
-  const lastReportedValueRef = useRef3(draft.value);
-  const pasteGenerationRef = useRef3(0);
+  const [, bumpCursorAnchorEpoch] = useState3(0);
+  const draftRef = useRef4(draft);
+  const lastReportedValueRef = useRef4(draft.value);
+  const pasteGenerationRef = useRef4(0);
   if (valueRef) valueRef.current = draftRef.current.value;
   const { isRawModeSupported } = useStdin();
-  const boxRef = useRef3(null);
-  const cursorEnabledRef = useRef3(false);
-  const contentWidthRef = useRef3(80);
-  const preferredColumnRef = useRef3(null);
-  const mouseExtendCoalesceRef = useRef3({ pendingNext: null, timer: null, t: 0 });
-  const undoRef = useRef3({ past: [], future: [], lastPushAt: 0, lastValue: null });
+  const boxRef = useRef4(null);
+  const cursorEnabledRef = useRef4(false);
+  const contentWidthRef = useRef4(80);
+  const preferredColumnRef = useRef4(null);
+  const mouseExtendCoalesceRef = useRef4({ pendingNext: null, timer: null, t: 0 });
+  const undoRef = useRef4({ past: [], future: [], lastPushAt: 0, lastValue: null });
   const { value, cursor } = draft;
   draftRef.current = draft;
   if (selectionRef) {
     const range = selectionRange(draft);
     selectionRef.current = range ? { range, text: mask ? "" : draft.value.slice(range.start, range.end) } : null;
   }
-  const flushThrottleRef = useRef3({ lastAt: 0, timer: null });
+  const flushThrottleRef = useRef4({ lastAt: 0, timer: null });
   const flushImmediate = () => {
     let node = boxRef.current;
     for (let i = 0; node && i < 64; i++) {
@@ -4816,7 +4871,7 @@ function PromptInput({
       }
     };
   }
-  useEffect2(() => () => {
+  useEffect3(() => () => {
     const state = mouseExtendCoalesceRef.current;
     if (state.timer) clearTimeout(state.timer);
     state.timer = null;
@@ -4879,13 +4934,13 @@ function PromptInput({
       apply(handled);
     }
   };
-  useEffect2(() => {
+  useEffect3(() => {
     if (!draftOverride || typeof draftOverride.value !== "string") return;
     pasteGenerationRef.current += 1;
     commitDraft({ value: draftOverride.value, cursor: draftOverride.value.length, selectionAnchor: null }, { skipHistory: true });
     resetUndo();
   }, [draftOverride?.id]);
-  useEffect2(() => () => {
+  useEffect3(() => () => {
     pasteGenerationRef.current += 1;
     if (selectionRef) selectionRef.current = null;
   }, [selectionRef]);
@@ -5270,7 +5325,7 @@ function QueuedCommands({ queued, columns, compact = false }) {
 }
 
 // src/tui/components/Picker.jsx
-import React6, { useState as useState3, useCallback, useEffect as useEffect3, useRef as useRef4 } from "react";
+import React6, { useState as useState4, useCallback, useEffect as useEffect4, useRef as useRef5 } from "react";
 import { Box as Box6, Text as Text6, useInput as useInput2 } from "../../../vendor/ink/build/index.js";
 import stringWidth2 from "string-width";
 
@@ -5388,20 +5443,20 @@ function Picker({
   themeEpoch = 0
 }) {
   const visibleLimit = Math.max(1, Math.floor(Number(visibleCount) || MAX_VISIBLE));
-  const [selectedIndex, setSelectedIndex] = useState3(() => Math.max(0, Math.min(Number(initialIndex) || 0, Math.max(0, items.length - 1))));
+  const [selectedIndex, setSelectedIndex] = useState4(() => Math.max(0, Math.min(Number(initialIndex) || 0, Math.max(0, items.length - 1))));
   const confirmButtons = Array.isArray(confirmBar?.buttons) ? confirmBar.buttons.filter(Boolean) : [];
   const hasConfirm = confirmButtons.length > 0;
-  const [confirmFocus, setConfirmFocus] = useState3(-1);
-  const lastTabAtRef = useRef4(0);
-  useEffect3(() => {
+  const [confirmFocus, setConfirmFocus] = useState4(-1);
+  const lastTabAtRef = useRef5(0);
+  useEffect4(() => {
     setConfirmFocus(-1);
   }, [confirmButtons.length, confirmBar]);
-  const [selectionMemo] = useState3(() => ({ value: null, initialIndex }));
-  useEffect3(() => {
+  const [selectionMemo] = useState4(() => ({ value: null, initialIndex }));
+  useEffect4(() => {
     const item = items[selectedIndex];
     if (item && item.value != null) selectionMemo.value = item.value;
   }, [items, selectedIndex, selectionMemo]);
-  useEffect3(() => {
+  useEffect4(() => {
     setSelectedIndex((i) => {
       if (selectionMemo.value != null) {
         const found = items.findIndex((entry) => entry && entry.value === selectionMemo.value);
@@ -5412,7 +5467,7 @@ function Picker({
       return Math.min(Math.max(0, i), Math.max(0, items.length - 1));
     });
   }, [items, selectionMemo, initialIndex]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (initialIndex == null) {
       selectionMemo.initialIndex = null;
       return;
@@ -5421,7 +5476,7 @@ function Picker({
     selectionMemo.initialIndex = initialIndex;
     setSelectedIndex(Math.max(0, Math.min(Number(initialIndex) || 0, Math.max(0, items.length - 1))));
   }, [initialIndex, items.length, selectionMemo]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof onHighlight !== "function") return;
     const item = items[selectedIndex];
     if (item) onHighlight(item.value, item, selectedIndex);
@@ -6048,7 +6103,7 @@ function ContextPanel({ rows, title = "Context Usage", columns = 80, fillHeight
 }
 
 // src/tui/components/UsagePanel.jsx
-import React9, { useEffect as useEffect4, useState as useState4 } from "react";
+import React9, { useEffect as useEffect5, useState as useState5 } from "react";
 import { Box as Box9, Text as Text9, useInput as useInput3 } from "../../../vendor/ink/build/index.js";
 import stringWidth5 from "string-width";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -6265,11 +6320,11 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
   const hasMeasuredRows = Number(panelRows) > 0;
   const maxProviderRows = hasMeasuredRows ? Math.max(1, Math.floor(panelRows) - 6) : rows.length;
   const maxScrollOffset = Math.max(0, rows.length - maxProviderRows);
-  const [scrollOffset, setScrollOffset] = useState4(0);
+  const [scrollOffset, setScrollOffset] = useState5(0);
   const visibleRows = hasMeasuredRows ? rows.slice(scrollOffset, scrollOffset + maxProviderRows) : rows;
   const scrollable = rows.length > maxProviderRows;
   const helpText = `${scrollable || isLoading || isChecking ? "\u2191/\u2193 Scroll \xB7 PgUp/PgDn Page \xB7 " : ""}Esc Back \xB7 /usage refresh`;
-  useEffect4(() => {
+  useEffect5(() => {
     setScrollOffset((offset) => Math.min(Math.max(0, offset), maxScrollOffset));
   }, [maxScrollOffset]);
   useInput3((input, key) => {
@@ -6342,7 +6397,7 @@ function UsagePanel({ dashboard, loading = false, columns = 80, fillHeight = fal
 }
 
 // src/tui/components/TextEntryPanel.jsx
-import React10, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState5 } from "react";
+import React10, { useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState6 } from "react";
 import { Box as Box10, Text as Text10, useInput as useInput4, usePaste as usePaste2, useStdin as useStdin2 } from "../../../vendor/ink/build/index.js";
 import stringWidth6 from "string-width";
 
@@ -6555,13 +6610,13 @@ function TextEntryPanel({
   onSubmit,
   onCancel
 }) {
-  const [draft, setDraft] = useState5(() => ({ value: String(initialValue || ""), cursor: String(initialValue || "").length, selectionAnchor: null }));
-  const [, bumpCursorAnchorEpoch] = useState5(0);
-  const draftRef = useRef5(draft);
-  const boxRef = useRef5(null);
-  const cursorEnabledRef = useRef5(false);
-  const contentWidthRef = useRef5(80);
-  const preferredColumnRef = useRef5(null);
+  const [draft, setDraft] = useState6(() => ({ value: String(initialValue || ""), cursor: String(initialValue || "").length, selectionAnchor: null }));
+  const [, bumpCursorAnchorEpoch] = useState6(0);
+  const draftRef = useRef6(draft);
+  const boxRef = useRef6(null);
+  const cursorEnabledRef = useRef6(false);
+  const contentWidthRef = useRef6(80);
+  const preferredColumnRef = useRef6(null);
   const { isRawModeSupported } = useStdin2();
   draftRef.current = draft;
   const flushImmediate = () => {
@@ -6597,13 +6652,13 @@ function TextEntryPanel({
     commitDraft(moveCursor(current, moved.cursor, { extend }), { keepPreferredColumn: true });
     return true;
   };
-  useEffect5(() => {
+  useEffect6(() => {
     const value = String(initialValue || "");
     commitDraft({ value, cursor: value.length, selectionAnchor: null });
   }, [title, initialValue]);
   const labelCells = stringWidth6(String(promptLabel || ""));
   const contentCells = Math.max(1, columns - 4 - labelCells);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!multiline) {
       onContentRowsChange?.(1);
       return;
@@ -7381,7 +7436,7 @@ function runCapture(cmd, args, { timeoutMs = DIALOG_TIMEOUT_MS } = {}) {
     }
     let stdout = "";
     let settled = false;
-    const timer = setTimeout(() => {
+    const timer2 = setTimeout(() => {
       if (settled) return;
       settled = true;
       try {
@@ -7390,20 +7445,20 @@ function runCapture(cmd, args, { timeoutMs = DIALOG_TIMEOUT_MS } = {}) {
       }
       resolve5({ ok: false, code: -1, stdout: "", error: new Error("dialog timed out") });
     }, timeoutMs);
-    timer.unref?.();
+    timer2.unref?.();
     child.stdout.on("data", (chunk) => {
       stdout += chunk.toString("utf8");
     });
     child.on("error", (error) => {
       if (settled) return;
       settled = true;
-      clearTimeout(timer);
+      clearTimeout(timer2);
       resolve5({ ok: false, code: -1, stdout: "", error });
     });
     child.on("close", (code) => {
       if (settled) return;
       settled = true;
-      clearTimeout(timer);
+      clearTimeout(timer2);
       resolve5({ ok: code === 0, code, stdout });
     });
   });
@@ -7989,7 +8044,7 @@ function copyToClipboard(text) {
 import stringWidth11 from "string-width";
 
 // src/tui/app/use-mouse-input.mjs
-import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useRef as useRef7 } from "react";
 
 // src/tui/markdown/measure-rendered-rows.mjs
 import stripAnsi4 from "strip-ansi";
@@ -8454,6 +8509,25 @@ function collectFlatBodyLines(text, codeBlock, bandWidth) {
   }
   return lines;
 }
+function normalizeCodePlain(text) {
+  return String(text ?? "").replace(/\r\n?/g, "\n").replace(/\t/g, "  ").replace(/[\u0000-\u0009\u000b-\u001f\u007f]/g, " ");
+}
+function collectPlainBodyLines(text, codeBlock, bandWidth) {
+  const max = Math.max(1, bandWidth);
+  const lines = [];
+  for (const line of String(text ?? "").split(EOL)) {
+    if (!line) {
+      lines.push("");
+      continue;
+    }
+    if (line.length <= max && displayWidth(line) <= max) {
+      lines.push(codeBlock(line));
+    } else {
+      for (const seg of wrapCodeLine(codeBlock(line), max)) lines.push(seg);
+    }
+  }
+  return lines;
+}
 function collectHighlightedBodyLines(text, hljsLang, bandWidth) {
   const highlighted = highlightCodeText(text, hljsLang);
   const { codeBlock } = colorizers();
@@ -8469,19 +8543,24 @@ function renderCodeBlock(token, width = 0) {
   const { codeBlock } = colorizers();
   const c = extraColorizers();
   const lang = normalizeLang(token.lang);
-  const text = normalizeCodeText(decodeEntities(token.text ?? ""));
   const renderWidth = Math.max(8, Number(width) || 80);
   const contentWidth = Math.max(1, renderWidth - CODE_GUTTER.length);
   let bodyLines;
-  if (DIFF_LANGS.has(lang) || !lang && looksLikeUnifiedDiff(text)) {
-    bodyLines = collectDiffBodyLines(text, c, contentWidth);
+  if (token.plain) {
+    const text = normalizeCodePlain(decodeEntities(token.text ?? ""));
+    bodyLines = collectPlainBodyLines(text, codeBlock, contentWidth);
   } else {
-    const hljsLang = resolveHljsLanguage(lang);
-    const family = LANG_FAMILY[lang];
-    if (hljsLang && family !== "md") {
-      bodyLines = collectHighlightedBodyLines(text, hljsLang, contentWidth);
+    const text = normalizeCodeText(decodeEntities(token.text ?? ""));
+    if (DIFF_LANGS.has(lang) || !lang && looksLikeUnifiedDiff(text)) {
+      bodyLines = collectDiffBodyLines(text, c, contentWidth);
     } else {
-      bodyLines = collectFlatBodyLines(text, codeBlock, contentWidth);
+      const hljsLang = resolveHljsLanguage(lang);
+      const family = LANG_FAMILY[lang];
+      if (hljsLang && family !== "md") {
+        bodyLines = collectHighlightedBodyLines(text, hljsLang, contentWidth);
+      } else {
+        bodyLines = collectFlatBodyLines(text, codeBlock, contentWidth);
+      }
     }
   }
   const indentedBody = bodyLines.map((line) => `${CODE_GUTTER}${line ?? ""}`);
@@ -8903,6 +8982,38 @@ function trimPartialClosingFences(tokens) {
   if (lastLine.length >= marker.length || lastLine !== marker[0].repeat(lastLine.length)) return;
   token.text = String(token.text ?? "").slice(0, -lastLine.length).replace(/\n$/, "");
 }
+var OPEN_FENCE_RE = /^( {0,3})(`{3,}|~{3,})(.*)$/;
+var CLOSE_FENCE_RE = /^ {0,3}([`~]+)[ \t]*$/;
+function isClosingFence(line, char, openLen) {
+  const m = CLOSE_FENCE_RE.exec(line);
+  if (!m) return false;
+  const run = m[1];
+  return run.startsWith(char.repeat(openLen));
+}
+function findOpenFenceStart(text) {
+  const value = String(text ?? "");
+  let open = null;
+  let start = 0;
+  for (let i = 0; i <= value.length; i++) {
+    if (i !== value.length && value[i] !== "\n") continue;
+    const line = value.slice(start, i);
+    if (!open) {
+      const m = OPEN_FENCE_RE.exec(line);
+      if (m) {
+        const char = m[2][0];
+        const info = m[3];
+        if (!(char === "`" && info.indexOf("`") !== -1)) {
+          open = { index: start, indent: m[1].length, char, len: m[2].length, lang: info.trim() };
+        }
+      }
+    } else if (isClosingFence(line, open.char, open.len)) {
+      open = null;
+    }
+    start = i + 1;
+  }
+  if (!open || open.indent !== 0) return null;
+  return { index: open.index, lang: open.lang };
+}
 
 // src/tui/markdown/render-ansi.mjs
 var TOKEN_CACHE_MAX = 500;
@@ -8932,6 +9043,23 @@ function lexMarkdown(content, { trimPartialFences = false } = {}) {
     }];
   }
   if (trimPartialFences) {
+    const open = findOpenFenceStart(text);
+    if (open) {
+      const post = text.slice(open.index);
+      const nl = post.indexOf("\n");
+      const codeToken = {
+        type: "code",
+        raw: post,
+        lang: open.lang,
+        text: nl === -1 ? "" : post.slice(nl + 1),
+        plain: true
+      };
+      const pre = text.slice(0, open.index);
+      const tokens3 = pre ? marked.lexer(pre) : [];
+      tokens3.push(codeToken);
+      trimPartialClosingFences(tokens3);
+      return tokens3;
+    }
     const tokens2 = marked.lexer(text);
     trimPartialClosingFences(tokens2);
     return tokens2;
@@ -9077,6 +9205,21 @@ function resolveStreamingMarkdownParts(text, streamKey) {
   if (!t.startsWith(stablePrefix)) {
     stablePrefix = "";
   }
+  const open = findOpenFenceStart(t);
+  if (open) {
+    let openPrefix = t.substring(0, open.index);
+    if (isWhitespaceOnlyText(openPrefix)) openPrefix = "";
+    if (key && openPrefix) touchStablePrefixKey(key, openPrefix);
+    else if (key) stablePrefixByStreamKey.delete(key);
+    const unstableSuffix2 = t.substring(openPrefix.length);
+    return {
+      plain: false,
+      openFence: true,
+      stablePrefix: openPrefix,
+      unstableSuffix: unstableSuffix2,
+      unstableForRender: unstableSuffix2
+    };
+  }
   try {
     configureMarked();
     const boundary = stablePrefix.length;
@@ -9831,6 +9974,8 @@ function positiveIntEnv(name, fallback) {
 var TRANSCRIPT_WINDOW_MIN_ITEMS = positiveIntEnv("MIXDOG_TUI_TRANSCRIPT_WINDOW_MIN_ITEMS", 12);
 var TRANSCRIPT_WINDOW_OVERSCAN_ROWS = positiveIntEnv("MIXDOG_TUI_TRANSCRIPT_OVERSCAN_ROWS", 16);
 var TRANSCRIPT_WINDOW_MAX_ITEMS = positiveIntEnv("MIXDOG_TUI_TRANSCRIPT_WINDOW_ITEMS", 80);
+var TRANSCRIPT_WINDOW_TAIL_OVERSCAN_ROWS = positiveIntEnv("MIXDOG_TUI_TRANSCRIPT_TAIL_OVERSCAN_ROWS", 4);
+var TRANSCRIPT_WINDOW_TAIL_MAX_ITEMS = positiveIntEnv("MIXDOG_TUI_TRANSCRIPT_WINDOW_TAIL_ITEMS", 20);
 var SELECTION_PAINT_INTERVAL_MS = positiveIntEnv("MIXDOG_TUI_SELECTION_PAINT_MS", 24);
 var SCROLL_COALESCE_MS = positiveIntEnv("MIXDOG_TUI_SCROLL_COALESCE_MS", 16);
 var PROMPT_HISTORY_LIMIT = 50;
@@ -10449,12 +10594,14 @@ function transcriptRenderWindow(items, { scrollOffset = 0, viewportHeight = 24,
     return { startIndex: 0, endIndex: itemCount, items: allItems, bottomSpacerRows: 0, totalRows, maxScrollRows, effectiveScrollOffset };
   }
   const minItems = Math.min(TRANSCRIPT_WINDOW_MIN_ITEMS, itemCount);
-  const maxItems = Math.max(minItems, TRANSCRIPT_WINDOW_MAX_ITEMS);
+  const atTail = effectiveScrollOffset === 0;
+  const overscanRows = atTail ? TRANSCRIPT_WINDOW_TAIL_OVERSCAN_ROWS : TRANSCRIPT_WINDOW_OVERSCAN_ROWS;
+  const maxItems = Math.max(minItems, atTail ? TRANSCRIPT_WINDOW_TAIL_MAX_ITEMS : TRANSCRIPT_WINDOW_MAX_ITEMS);
   const prefixRows = fallbackIndex.prefixRows;
   const visibleTop = Math.max(0, totalRows - effectiveScrollOffset - viewRows);
   const visibleBottom = Math.min(totalRows, totalRows - effectiveScrollOffset);
-  const desiredTop = Math.max(0, visibleTop - TRANSCRIPT_WINDOW_OVERSCAN_ROWS);
-  const desiredBottom = Math.min(totalRows, visibleBottom + TRANSCRIPT_WINDOW_OVERSCAN_ROWS);
+  const desiredTop = Math.max(0, visibleTop - overscanRows);
+  const desiredBottom = Math.min(totalRows, visibleBottom + overscanRows);
   let startIndex = Math.max(0, upperBound(prefixRows, desiredTop) - 1);
   let endIndex = Math.min(itemCount, Math.max(startIndex + 1, lowerBound(prefixRows, Math.max(desiredBottom, desiredTop + 1))));
   while (endIndex - startIndex < minItems && startIndex > 0) startIndex--;
@@ -10462,9 +10609,10 @@ function transcriptRenderWindow(items, { scrollOffset = 0, viewportHeight = 24,
   if (endIndex - startIndex > maxItems) {
     const visibleStartIndex = Math.max(0, upperBound(prefixRows, visibleTop) - 1);
     const visibleEndIndex = Math.min(itemCount, Math.max(visibleStartIndex + 1, lowerBound(prefixRows, Math.max(visibleBottom, visibleTop + 1))));
-    startIndex = Math.max(0, Math.min(visibleStartIndex, itemCount - maxItems));
-    endIndex = Math.min(itemCount, Math.max(visibleEndIndex, startIndex + maxItems));
-    if (endIndex - startIndex > maxItems) startIndex = Math.max(0, endIndex - maxItems);
+    const effectiveMaxItems = Math.max(maxItems, visibleEndIndex - visibleStartIndex);
+    startIndex = Math.max(0, Math.min(visibleStartIndex, itemCount - effectiveMaxItems));
+    endIndex = Math.min(itemCount, Math.max(visibleEndIndex, startIndex + effectiveMaxItems));
+    if (endIndex - startIndex > effectiveMaxItems) startIndex = Math.max(0, endIndex - effectiveMaxItems);
   }
   const bottomSpacerRows = Math.max(0, totalRows - (prefixRows[endIndex] || totalRows));
   return {
@@ -10513,8 +10661,8 @@ function useMouseInput({
   setMeasuredRowsVersion,
   clearStitchBuffer
 }) {
-  const zoomTimerRef = useRef6(null);
-  const edgeAutoscrollRef = useRef6({ dir: 0, timer: null, noMove: 0 });
+  const zoomTimerRef = useRef7(null);
+  const edgeAutoscrollRef = useRef7({ dir: 0, timer: null, noMove: 0 });
   const passthroughCtrlWheelZoom = useCallback2(() => {
     if (!stdout?.write) return;
     try {
@@ -10537,10 +10685,10 @@ function useMouseInput({
     zoomTimerRef.current = setTimeout(() => restore(0), 700);
     zoomTimerRef.current.unref?.();
   }, [stdout, zoomTimerRef]);
-  useEffect6(() => () => {
+  useEffect7(() => () => {
     if (zoomTimerRef.current) clearTimeout(zoomTimerRef.current);
   }, [zoomTimerRef]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!inkInput || !isRawModeSupported) return void 0;
     const WHEEL_SGR = /\x1b\[<(\d+);/;
     const linearSelection = (a, b) => {
@@ -10917,7 +11065,7 @@ function useMouseInput({
 }
 
 // src/tui/app/use-transcript-scroll.mjs
-import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef7 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect8, useRef as useRef8 } from "react";
 function useTranscriptScroll({
   store,
   frameColumns,
@@ -10937,13 +11085,13 @@ function useTranscriptScroll({
   selectionLayoutRef,
   selectionTextRef
 }) {
-  const scrollAnimationRef = useRef7(null);
-  const selectionPaintRef = useRef7({ t: 0, rect: null, pending: null, timer: null });
-  const scrollCoalesceRef = useRef7({ pendingRows: 0, timer: null });
-  const selectionTextTimerRef = useRef7(null);
-  const stitchBufferRef = useRef7(/* @__PURE__ */ new Map());
-  const stitchHarvestTimerRef = useRef7(null);
-  const stitchHarvestScrollRef = useRef7(0);
+  const scrollAnimationRef = useRef8(null);
+  const selectionPaintRef = useRef8({ t: 0, rect: null, pending: null, timer: null });
+  const scrollCoalesceRef = useRef8({ pendingRows: 0, timer: null });
+  const selectionTextTimerRef = useRef8(null);
+  const stitchBufferRef = useRef8(/* @__PURE__ */ new Map());
+  const stitchHarvestTimerRef = useRef8(null);
+  const stitchHarvestScrollRef = useRef8(0);
   const clearStitchBuffer = useCallback3(() => {
     stitchBufferRef.current.clear();
     if (stitchHarvestTimerRef.current) {
@@ -11210,14 +11358,14 @@ function useTranscriptScroll({
     if (lr != null && Number.isFinite(lr.x2)) return Math.max(0, lr.x2);
     return Math.max(0, frameColumns - 1);
   }, [store, frameColumns]);
-  const gridSelectionActiveRef = useRef7(() => {
+  const gridSelectionActiveRef = useRef8(() => {
     const drag = dragRef.current;
     if (!drag || drag.active) return false;
     if (drag.region !== "transcript" && drag.region !== "status") return false;
     const rect = drag.rect;
     return Boolean(rect) && !(rect.x1 === rect.x2 && rect.y1 === rect.y2);
   });
-  useEffect7(() => () => {
+  useEffect8(() => () => {
     const paintState = selectionPaintRef.current;
     if (paintState.timer) clearTimeout(paintState.timer);
     paintState.timer = null;
@@ -11421,7 +11569,7 @@ function useTranscriptScroll({
 }
 
 // src/tui/app/use-transcript-window.mjs
-import { useCallback as useCallback4, useEffect as useEffect8, useLayoutEffect as useLayoutEffect3, useMemo, useRef as useRef8, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useLayoutEffect as useLayoutEffect3, useMemo, useRef as useRef9, useState as useState7 } from "react";
 function useTranscriptWindow({
   items,
   themeEpoch,
@@ -11450,14 +11598,14 @@ function useTranscriptWindow({
   measuredRowsVersion,
   setMeasuredRowsVersion
 }) {
-  const transcriptTotalRowsRef = useRef8(0);
-  const preservedScrollDeltaRef = useRef8(0);
-  const committedMaxScrollRowsRef = useRef8(0);
-  const incrementalRowIndexCacheRef = useRef8(null);
-  const prevViewportGeomRef = useRef8({ contentHeight: 0, floatingPanelRows: 0 });
-  const transcriptItemElsRef = useRef8(/* @__PURE__ */ new Map());
-  const transcriptMeasureRefCache = useRef8(/* @__PURE__ */ new Map());
-  const transcriptMeasureItemsRef = useRef8(/* @__PURE__ */ new Map());
+  const transcriptTotalRowsRef = useRef9(0);
+  const preservedScrollDeltaRef = useRef9(0);
+  const committedMaxScrollRowsRef = useRef9(0);
+  const incrementalRowIndexCacheRef = useRef9(null);
+  const prevViewportGeomRef = useRef9({ contentHeight: 0, floatingPanelRows: 0 });
+  const transcriptItemElsRef = useRef9(/* @__PURE__ */ new Map());
+  const transcriptMeasureRefCache = useRef9(/* @__PURE__ */ new Map());
+  const transcriptMeasureItemsRef = useRef9(/* @__PURE__ */ new Map());
   const transcriptMeasureRef = useCallback4((item) => {
     if (!TRANSCRIPT_MEASURED_ROWS || !item || item.id == null) return void 0;
     if (shouldSuppressFullyFailedToolItem(item)) {
@@ -11855,13 +12003,13 @@ function useTranscriptWindow({
     dragRef.current = { ...dragRef.current, rect: clippedRect };
     paintSelectionRect(clippedRect, { rememberText: false, immediate: true });
   }, [transcriptContentHeight, transcriptWindow.totalRows, transcriptWindow.effectiveScrollOffset, withSelectionClip, paintSelectionRect]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!dragRef.current.rect) return;
     const clippedRect = withSelectionClip(dragRef.current.rect);
     dragRef.current = { ...dragRef.current, rect: clippedRect };
     paintSelectionRect(clippedRect, { rememberText: false, immediate: true });
   }, [themeEpoch, withSelectionClip, paintSelectionRect]);
-  useEffect8(() => {
+  useEffect9(() => {
     const maxRows = Math.max(0, Number(transcriptWindow.maxScrollRows) || 0);
     if (scrollTargetRef.current <= maxRows && scrollPositionRef.current <= maxRows && scrollOffset <= maxRows) return;
     stopSmoothScroll();
@@ -17635,16 +17783,16 @@ function reconcileWithDisk(filePath, pend) {
 function scheduleWriteBehind(filePath) {
   if (!filePath) return;
   if (pendingTimers.has(filePath)) clearTimeout(pendingTimers.get(filePath));
-  const timer = setTimeout(() => {
+  const timer2 = setTimeout(() => {
     void writeBehindFlush(filePath);
   }, WRITE_BEHIND_MS);
-  if (typeof timer.unref === "function") timer.unref();
-  pendingTimers.set(filePath, timer);
+  if (typeof timer2.unref === "function") timer2.unref();
+  pendingTimers.set(filePath, timer2);
 }
 async function writeBehindFlush(filePath) {
-  const timer = pendingTimers.get(filePath);
-  if (timer) {
-    clearTimeout(timer);
+  const timer2 = pendingTimers.get(filePath);
+  if (timer2) {
+    clearTimeout(timer2);
     pendingTimers.delete(filePath);
   }
   const pend = pendingAppends.get(filePath);
@@ -17660,7 +17808,7 @@ async function writeBehindFlush(filePath) {
   }
 }
 function flushPromptHistory() {
-  for (const timer of pendingTimers.values()) clearTimeout(timer);
+  for (const timer2 of pendingTimers.values()) clearTimeout(timer2);
   pendingTimers.clear();
   for (const [filePath, pend] of pendingAppends) {
     if (!pend.length) continue;
@@ -18170,7 +18318,7 @@ function NoticeMessage({ text, tone, columns = 80 }) {
 }
 
 // src/tui/components/ToolExecution.jsx
-import React16, { useEffect as useEffect9, useState as useState7 } from "react";
+import React16 from "react";
 import { Box as Box14, Text as Text16 } from "../../../vendor/ink/build/index.js";
 import stringWidth9 from "string-width";
 
@@ -18641,15 +18789,12 @@ import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var TOOL_BLINK_MS = 500;
 var TOOL_BLINK_LIMIT_MS = 3e3;
 var TOOL_PENDING_SHOW_DELAY_MS = 1e3;
+var TOOL_ANIM_TICK_MS = TOOL_BLINK_MS;
 function statusCopy(name, label, count, doneCount, pending, isError, args = {}) {
   return formatToolActionHeader(name, args, { pending, count });
 }
 function ToolExecution({ name, args, result, rawResult, isError, errorCount, expanded, columns = 80, attached = false, count = 1, completedCount = 0, startedAt = 0, completedAt = 0, aggregate = false, categories = {}, doneCategories = null, headerFinalized = true, deferredDisplayReady = false }) {
   const rowWidth = Math.max(1, Number(columns || 80));
-  const [blinkOn, setBlinkOn] = useState7(true);
-  const [blinkExpired, setBlinkExpired] = useState7(false);
-  const [pendingDelayElapsed, setPendingDelayElapsed] = useState7(false);
-  const [, setElapsedTick] = useState7(0);
   const groupCount = Math.max(1, Number(count || 1));
   const doneCount = Math.max(0, Math.min(groupCount, Number(completedCount || (result == null ? 0 : groupCount))));
   const rt = result == null ? null : String(result).replace(/\s+$/, "");
@@ -18657,13 +18802,19 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
   const pending = doneCount < groupCount;
   const startedAtMs = Number(startedAt || 0);
   const completedAtMs = Number(completedAt || 0);
-  const pendingAgeMs = pending && startedAtMs ? Math.max(0, Date.now() - startedAtMs) : 0;
+  const nowMs = Date.now();
+  useSharedTick(TOOL_ANIM_TICK_MS, pending);
+  const pendingAgeMs = pending && startedAtMs ? Math.max(0, nowMs - startedAtMs) : 0;
+  const pendingDelayElapsed = pending ? !startedAtMs || pendingAgeMs >= TOOL_PENDING_SHOW_DELAY_MS : false;
   const hasVisibleProgress = doneCount > 0 || Boolean(String(rt || "").trim());
   const pendingDisplayReady = !pending || !startedAtMs || pendingDelayElapsed || pendingAgeMs >= TOOL_PENDING_SHOW_DELAY_MS || hasVisibleProgress || deferredDisplayReady;
+  const blinkActive = pending && pendingDisplayReady;
+  const blinkExpired = blinkActive && startedAtMs > 0 && nowMs - startedAtMs >= TOOL_BLINK_LIMIT_MS;
+  const blinkOn = !blinkActive || blinkExpired ? true : Math.floor(nowMs / TOOL_BLINK_MS) % 2 === 0;
   const headerPending = pending || headerFinalized === false;
   const hasResult = result != null && Boolean(String(rt || "").trim());
   const hasRawResult = rawResult != null && Boolean(String(rawRt || "").trim());
-  const elapsedMs = startedAtMs ? Math.max(0, (pending ? Date.now() : completedAtMs || Date.now()) - startedAtMs) : 0;
+  const elapsedMs = startedAtMs ? Math.max(0, (pending ? nowMs : completedAtMs || nowMs) - startedAtMs) : 0;
   const elapsed = elapsedMs >= 1e3 ? formatElapsed(elapsedMs) : "";
   const failedCount = clampFailureCount(errorCount, groupCount, isError);
   const displayGroupCount = groupCount;
@@ -18673,53 +18824,6 @@ function ToolExecution({ name, args, result, rawResult, isError, errorCount, exp
     (v) => (v && typeof v === "object" ? Number(v.count || 0) : Number(v || 0)) > 0
   );
   const displayDoneCategories = hasDoneCounts ? normalizedDoneCategories : displayCategories;
-  useEffect9(() => {
-    if (!pending) {
-      setPendingDelayElapsed(false);
-      return void 0;
-    }
-    const started = Number(startedAt || 0);
-    if (!started) {
-      setPendingDelayElapsed(true);
-      return void 0;
-    }
-    const remaining = TOOL_PENDING_SHOW_DELAY_MS - Math.max(0, Date.now() - started);
-    if (remaining <= 0) {
-      setPendingDelayElapsed(true);
-      return void 0;
-    }
-    setPendingDelayElapsed(false);
-    const timer = setTimeout(() => setPendingDelayElapsed(true), remaining);
-    return () => clearTimeout(timer);
-  }, [pending, startedAt]);
-  useEffect9(() => {
-    if (!pending || !pendingDisplayReady || blinkExpired) {
-      setBlinkOn(true);
-      return void 0;
-    }
-    const timer = setInterval(() => setBlinkOn((on) => !on), TOOL_BLINK_MS);
-    return () => clearInterval(timer);
-  }, [pending, pendingDisplayReady, blinkExpired]);
-  useEffect9(() => {
-    if (!pending || !pendingDisplayReady) {
-      setBlinkExpired(false);
-      return void 0;
-    }
-    const started = Number(startedAt || 0);
-    const remaining = TOOL_BLINK_LIMIT_MS - (started ? Math.max(0, Date.now() - started) : 0);
-    if (remaining <= 0) {
-      setBlinkExpired(true);
-      return void 0;
-    }
-    setBlinkExpired(false);
-    const timer = setTimeout(() => setBlinkExpired(true), remaining);
-    return () => clearTimeout(timer);
-  }, [pending, pendingDisplayReady, startedAt]);
-  useEffect9(() => {
-    if (!pending || !pendingDisplayReady || !startedAtMs) return void 0;
-    const timer = setInterval(() => setElapsedTick((tick) => (tick + 1) % 1e6), 1e3);
-    return () => clearInterval(timer);
-  }, [pending, pendingDisplayReady, startedAtMs]);
   if (pending && !pendingDisplayReady) {
     const placeholderNormalizedName = String(formatToolSurface(name, args)?.normalizedName || "").toLowerCase();
     const placeholderSingleRow = !aggregate && (SKILL_SURFACE_NAMES2.has(placeholderNormalizedName) || isAgentTool(placeholderNormalizedName));
@@ -19128,7 +19232,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const { stdout } = useStdout2();
   const [exiting, setExiting] = useState8(false);
   const [tuiReady, setTuiReady] = useState8(false);
-  const exitRequestedRef = useRef9(false);
+  const exitRequestedRef = useRef10(false);
   const [resizeState, setResizeState] = useState8(() => ({ ...terminalSize(stdout), epoch: 0 }));
   const [panelTransitionEpoch, setPanelTransitionEpoch] = useState8(0);
   const [panelInkMaskEpoch, setPanelInkMaskEpoch] = useState8(0);
@@ -19136,22 +19240,22 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const rightSafetyColumns = windowsLikeTerminal ? 1 : 0;
   const frameColumns = Math.max(1, resizeState.columns - rightSafetyColumns);
   const [scrollOffset, setScrollOffset] = useState8(0);
-  const scrollPositionRef = useRef9(0);
-  const scrollTargetRef = useRef9(0);
-  const maxScrollRowsRef = useRef9(0);
-  const transcriptBottomSlackRowsRef = useRef9(0);
-  const transcriptAnchorRef = useRef9(null);
-  const transcriptAnchorDirtyRef = useRef9(false);
-  const transcriptGeomRef = useRef9({ prefixRows: null, totalRows: 0, viewRows: 1 });
+  const scrollPositionRef = useRef10(0);
+  const scrollTargetRef = useRef10(0);
+  const maxScrollRowsRef = useRef10(0);
+  const transcriptBottomSlackRowsRef = useRef10(0);
+  const transcriptAnchorRef = useRef10(null);
+  const transcriptAnchorDirtyRef = useRef10(false);
+  const transcriptGeomRef = useRef10({ prefixRows: null, totalRows: 0, viewRows: 1 });
   const [measuredRowsVersion, setMeasuredRowsVersion] = useState8(0);
-  const followingRef = useRef9(false);
-  const lastItemsCountRef = useRef9(0);
-  const pickerOpenedFromEnterRef = useRef9(false);
-  const pickerOpenedFromEnterTimerRef = useRef9(null);
-  const projectPickerRef = useRef9(null);
+  const followingRef = useRef10(false);
+  const lastItemsCountRef = useRef10(0);
+  const pickerOpenedFromEnterRef = useRef10(false);
+  const pickerOpenedFromEnterTimerRef = useRef10(null);
+  const projectPickerRef = useRef10(null);
   const buildProjectPickerState = (opts) => projectPickerRef.current.buildProjectPickerState(opts);
   const [picker, setPickerState] = useState8(null);
-  const livePickerRef = useRef9(null);
+  const livePickerRef = useRef10(null);
   const setPicker = useCallback6((next) => {
     livePickerRef.current = typeof next === "function" ? next(livePickerRef.current) : next;
     setPickerState((prev) => {
@@ -19173,14 +19277,14 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   livePickerRef.current = picker;
   const [contextPanel, setContextPanel] = useState8(null);
   const [usagePanel, setUsagePanel] = useState8(null);
-  const usageRequestRef = useRef9(0);
-  const settingsHeavyCacheRef = useRef9(null);
+  const usageRequestRef = useRef10(0);
+  const settingsHeavyCacheRef = useRef10(null);
   const closeUsagePanel = useCallback6(() => {
     usageRequestRef.current += 1;
     setUsagePanel(null);
   }, []);
   const [providerPrompt, setProviderPrompt] = useState8(null);
-  const oauthSubmitRef = useRef9(false);
+  const oauthSubmitRef = useRef10(false);
   const [channelPrompt, setChannelPrompt] = useState8(null);
   const [hookPrompt, setHookPrompt] = useState8(null);
   const [settingsPrompt, setSettingsPrompt] = useState8(null);
@@ -19202,7 +19306,7 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     pickFolder
   });
   projectPickerRef.current = projectPicker;
-  const initialPickerBuiltRef = useRef9(false);
+  const initialPickerBuiltRef = useRef10(false);
   if (!initialPickerBuiltRef.current) {
     initialPickerBuiltRef.current = true;
     let onboardingOwnsScreen = false;
@@ -19310,30 +19414,30 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const toolApproval = state.toolApproval || null;
   const [promptDraft, setPromptDraft] = useState8("");
   const [promptDraftOverride, setPromptDraftOverride] = useState8(null);
-  const promptLayoutValueRef = useRef9("");
+  const promptLayoutValueRef = useRef10("");
   const [, setPromptLayoutRows] = useState8(1);
   const [textEntryLayoutRows, setTextEntryLayoutRows] = useState8(1);
   const [, setPastedImages] = useState8({});
-  const pastedImagesRef = useRef9({});
-  const nextPastedImageIdRef = useRef9(1);
+  const pastedImagesRef = useRef10({});
+  const nextPastedImageIdRef = useRef10(1);
   const [, setPastedTexts] = useState8({});
-  const pastedTextsRef = useRef9({});
-  const nextPastedTextIdRef = useRef9(1);
-  const promptValueRef = useRef9("");
-  const promptSelectionRef = useRef9(null);
-  const promptBoxRectRef = useRef9(null);
-  const promptMouseSelectionRef = useRef9(null);
-  const promptHistoryNavRef = useRef9({ active: false, index: -1, seed: "", lastValue: "" });
-  const promptHistoryDraftChangeRef = useRef9(false);
+  const pastedTextsRef = useRef10({});
+  const nextPastedTextIdRef = useRef10(1);
+  const promptValueRef = useRef10("");
+  const promptSelectionRef = useRef10(null);
+  const promptBoxRectRef = useRef10(null);
+  const promptMouseSelectionRef = useRef10(null);
+  const promptHistoryNavRef = useRef10({ active: false, index: -1, seed: "", lastValue: "" });
+  const promptHistoryDraftChangeRef = useRef10(false);
   const [promptHint, setPromptHint] = useState8("");
   const [promptHintTone, setPromptHintTone] = useState8("info");
   const [welcomePromptHintDismissed, setWelcomePromptHintDismissed] = useState8(false);
   const [conditionalWelcomePromptHint, setConditionalWelcomePromptHint] = useState8("");
-  const welcomePromptHintRef = useRef9(null);
+  const welcomePromptHintRef = useRef10(null);
   if (welcomePromptHintRef.current === null) {
     welcomePromptHintRef.current = randomWelcomePromptHint();
   }
-  const welcomePromptHintVisibleRef = useRef9(false);
+  const welcomePromptHintVisibleRef = useRef10(false);
   const dismissWelcomePromptHint = useCallback6(() => {
     if (!welcomePromptHintVisibleRef.current) return;
     setWelcomePromptHintDismissed((dismissed) => dismissed || true);
@@ -19341,15 +19445,15 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
   const toastErrorSignature = useMemo2(() => (state.toasts || []).filter((toast) => toast?.tone === "error").map((toast) => `${toast.id || ""}:${toast.text || ""}`).join("|"), [state.toasts]);
   const [slashIndex, setSlashIndex] = useState8(0);
   const [slashDismissedFor, setSlashDismissedFor] = useState8("");
-  const slashPaletteRef = useRef9({ open: false, count: 0 });
-  const workflowTabCycleRef = useRef9({ pending: false, lastAt: 0 });
-  const scrollFocusRef = useRef9({});
-  const onboardingStartedRef = useRef9(false);
-  const onboardingRef = useRef9({ defaultRoute: null, searchRoute: null, agentRoutes: {}, agents: [], providerModels: [] });
-  const providerModelsCacheRef = useRef9({ models: null, at: 0 });
-  const searchModelsCacheRef = useRef9({ models: null, at: 0 });
-  const modelPickerRequestRef = useRef9(0);
-  const onboardingPrefetchSeqRef = useRef9(0);
+  const slashPaletteRef = useRef10({ open: false, count: 0 });
+  const workflowTabCycleRef = useRef10({ pending: false, lastAt: 0 });
+  const scrollFocusRef = useRef10({});
+  const onboardingStartedRef = useRef10(false);
+  const onboardingRef = useRef10({ defaultRoute: null, searchRoute: null, agentRoutes: {}, agents: [], providerModels: [] });
+  const providerModelsCacheRef = useRef10({ models: null, at: 0 });
+  const searchModelsCacheRef = useRef10({ models: null, at: 0 });
+  const modelPickerRequestRef = useRef10(0);
+  const onboardingPrefetchSeqRef = useRef10(0);
   const clearModelCaches = useCallback6((scope = "all") => {
     if (scope === "all" || scope === "provider") {
       providerModelsCacheRef.current = { models: null, at: 0 };
@@ -19514,14 +19618,14 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     runDoctor: (...a) => store.runDoctor?.(...a),
     requestExit: (...a) => requestExit(...a)
   });
-  const promptHintTimerRef = useRef9(null);
-  const promptHintActiveRef = useRef9(false);
-  const dragRef = useRef9({ anchor: null, anchorScroll: 0, last: null, active: false, rect: null, region: null, anchorSpan: null });
-  const transcriptViewportRef = useRef9({ top: 0, bottom: 0 });
-  const panelTransitionRef = useRef9({ signature: "", reserve: 0, clearRows: 0, guardRows: 0, epoch: 0 });
-  const panelCloseInkMaskRowsRef = useRef9(0);
-  const projectBootInputLatchRef = useRef9(false);
-  const frameRowsRef = useRef9(24);
+  const promptHintTimerRef = useRef10(null);
+  const promptHintActiveRef = useRef10(false);
+  const dragRef = useRef10({ anchor: null, anchorScroll: 0, last: null, active: false, rect: null, region: null, anchorSpan: null });
+  const transcriptViewportRef = useRef10({ top: 0, bottom: 0 });
+  const panelTransitionRef = useRef10({ signature: "", reserve: 0, clearRows: 0, guardRows: 0, epoch: 0 });
+  const panelCloseInkMaskRowsRef = useRef10(0);
+  const projectBootInputLatchRef = useRef10(false);
+  const frameRowsRef = useRef10(24);
   const STATUSLINE_BAND_ROWS = 3;
   const promptContentColumns = Math.max(1, frameColumns - 4);
   const syncPromptLayoutRows = useCallback6((value) => {
@@ -19598,9 +19702,9 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
       alive = false;
     };
   }, [store, state.provider, state.model, state.workflow?.id, toastErrorSignature]);
-  const selectionLayoutRef = useRef9(null);
-  const selectionTextRef = useRef9("");
-  const lastClickRef = useRef9({ x: -1, y: -1, t: 0, count: 0 });
+  const selectionLayoutRef = useRef10(null);
+  const selectionTextRef = useRef10("");
+  const lastClickRef = useRef10({ x: -1, y: -1, t: 0, count: 0 });
   const showSelectionCopyHint = useCallback6((text, tone = "plain") => {
     if (promptHintTimerRef.current) clearTimeout(promptHintTimerRef.current);
     promptHintActiveRef.current = true;
@@ -19614,8 +19718,8 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     }, 2200);
   }, []);
   useEffect10(() => {
-    const timer = setTimeout(() => setTuiReady(true), 0);
-    return () => clearTimeout(timer);
+    const timer2 = setTimeout(() => setTuiReady(true), 0);
+    return () => clearTimeout(timer2);
   }, []);
   useEffect10(() => {
     if (!stdout) return void 0;
@@ -19868,14 +19972,14 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
     }, 2e3);
     hardExitTimer.unref?.();
     setTimeout(() => {
-      let timer = null;
+      let timer2 = null;
       Promise.race([
         Promise.resolve(store.dispose?.("cli-react-exit", { detach: true })),
         new Promise((resolve5) => {
-          timer = setTimeout(resolve5, 350);
+          timer2 = setTimeout(resolve5, 350);
         })
       ]).finally(() => {
-        if (timer) clearTimeout(timer);
+        if (timer2) clearTimeout(timer2);
         exit();
       });
     }, 60);
@@ -21106,8 +21210,8 @@ function App({ store, initialStatusLine = "", forceOnboarding = false }) {
       return void 0;
     }
     if (!hadTransitionClearance) return void 0;
-    const timer = setTimeout(() => setPanelTransitionEpoch((epoch) => epoch + 1), 0);
-    return () => clearTimeout(timer);
+    const timer2 = setTimeout(() => setPanelTransitionEpoch((epoch) => epoch + 1), 0);
+    return () => clearTimeout(timer2);
   }, [panelLayoutSignature, bottomClusterRows, panelTransitionClearRows, panelTransitionGuardRows]);
   useEffect10(() => {
     panelTransitionRef.current.tailId = latestTranscriptItem?.id ?? null;
@@ -23581,9 +23685,9 @@ function createSessionFlow(bag) {
       }
       if (compactType) {
         const clearPromise = runtime.clear({ compactType, requireCompactSuccess: true });
-        let timer = null;
+        let timer2 = null;
         const timeout = new Promise((_, reject) => {
-          timer = setTimeout(
+          timer2 = setTimeout(
             () => reject(new Error(`compaction timed out after ${AUTO_CLEAR_COMPACT_TIMEOUT_MS}ms; auto-clear deferred to next idle`)),
             AUTO_CLEAR_COMPACT_TIMEOUT_MS
           );
@@ -23608,7 +23712,7 @@ function createSessionFlow(bag) {
           });
           throw raceError;
         } finally {
-          if (timer) clearTimeout(timer);
+          if (timer2) clearTimeout(timer2);
         }
       } else {
         await runtime.clear({});
@@ -26062,13 +26166,13 @@ async function createEngineSession({
     const value = String(text ?? "").trim();
     if (!value) return null;
     set({ toasts: [...state.toasts.filter((toast) => toast.id !== id), { id, text: value, tone }] });
-    const timer = setTimeout(() => {
-      toastTimers.delete(timer);
+    const timer2 = setTimeout(() => {
+      toastTimers.delete(timer2);
       if (flags.disposed) return;
       set({ toasts: state.toasts.filter((toast) => toast.id !== id) });
     }, ttlMs);
-    toastTimers.add(timer);
-    timer.unref?.();
+    toastTimers.add(timer2);
+    timer2.unref?.();
     return id;
   };
   const pushNotice = (text, tone = "info", options = {}) => {
@@ -26137,8 +26241,8 @@ async function createEngineSession({
   }, 2e3);
   lifecycle.runtimePulseTimer.unref?.();
   function clearToastTimers() {
-    for (const timer of toastTimers) {
-      clearTimeout(timer);
+    for (const timer2 of toastTimers) {
+      clearTimeout(timer2);
     }
     toastTimers.clear();
   }
@@ -26255,21 +26359,21 @@ function waitWithTimeout(promise, timeoutMs, label = "cleanup") {
   const ms = Math.max(1, Math.floor(Number(timeoutMs) || 1));
   return new Promise((resolve5, reject) => {
     let settled = false;
-    const timer = setTimeout(() => {
+    const timer2 = setTimeout(() => {
       if (settled) return;
       settled = true;
       reject(new Error(`${label} timed out after ${ms}ms`));
     }, ms);
-    if (typeof timer.unref === "function") timer.unref();
+    if (typeof timer2.unref === "function") timer2.unref();
     Promise.resolve(promise).then((value) => {
       if (settled) return;
       settled = true;
-      clearTimeout(timer);
+      clearTimeout(timer2);
       resolve5(value);
     }).catch((error) => {
       if (settled) return;
       settled = true;
-      clearTimeout(timer);
+      clearTimeout(timer2);
       reject(error);
     });
   });
@@ -26406,7 +26510,7 @@ function installTuiLoopProbe() {
   if (!LOOP_PROBE_ENABLED) return () => {
   };
   let last = performance3.now();
-  const timer = setInterval(() => {
+  const timer2 = setInterval(() => {
     const now = performance3.now();
     const drift = now - last - LOOP_PROBE_INTERVAL_MS;
     last = now;
@@ -26418,10 +26522,10 @@ function installTuiLoopProbe() {
       }
     }
   }, LOOP_PROBE_INTERVAL_MS);
-  timer.unref?.();
+  timer2.unref?.();
   return () => {
     try {
-      clearInterval(timer);
+      clearInterval(timer2);
     } catch {
     }
   };
@@ -26454,7 +26558,7 @@ function installTuiPerfProbe() {
     stallMs: PERF_STALL_THRESHOLD_MS,
     renderGapMs: PERF_RENDER_GAP_MS
   });
-  const timer = setInterval(() => {
+  const timer2 = setInterval(() => {
     const now = performance3.now();
     const elapsed = now - last;
     const lagMs = elapsed - PERF_STALL_INTERVAL_MS;
@@ -26472,10 +26576,10 @@ function installTuiPerfProbe() {
       heapMb: (mem.heapUsed / 1048576).toFixed(1)
     });
   }, PERF_STALL_INTERVAL_MS);
-  timer.unref?.();
+  timer2.unref?.();
   return () => {
     try {
-      clearInterval(timer);
+      clearInterval(timer2);
     } catch {
     }
   };
@@ -26573,19 +26677,19 @@ function dumpActiveHandles(label) {
   }
 }
 function waitWithTimeout2(promise, ms) {
-  let timer = null;
+  let timer2 = null;
   return Promise.race([
     Promise.resolve(promise).then(() => true),
     new Promise((resolve5) => {
-      timer = setTimeout(() => resolve5(false), ms);
+      timer2 = setTimeout(() => resolve5(false), ms);
     })
   ]).finally(() => {
-    if (timer) clearTimeout(timer);
+    if (timer2) clearTimeout(timer2);
   });
 }
 function scheduleHardExit(code = 0) {
   if (!EXIT_HARD_ENABLED) return;
-  const timer = setTimeout(() => {
+  const timer2 = setTimeout(() => {
     dumpActiveHandles("hard-exit");
     try {
       process.stdout.write(`${TERMINAL_MODE_RESET}${TERMINAL_OSC_RESET_BG}`);
@@ -26593,7 +26697,7 @@ function scheduleHardExit(code = 0) {
     }
     process.exit(code);
   }, EXIT_HARD_DELAY_MS);
-  timer.unref?.();
+  timer2.unref?.();
 }
 function resolveTuiStderrLogPath() {
   return process.env.MIXDOG_TUI_STDERR_LOG || join10(process.env.MIXDOG_RUNTIME_ROOT || join10(tmpdir2(), "mixdog"), "mixdog-tui.stderr.log");