@ashx-j/lunr 0.2.22 → 0.2.23

package/dist/node-runtime/{chunk-EQ63ANHL.js → chunk-LLUIPGDR.js}

@@ -20,7 +20,7 @@ import {
 import {
   BootScreenComponent,
   registerPermissionModeBridge
-} from "./chunk-H3XF4UVQ.js";
+} from "./chunk-RWTKOC3B.js";
 import {
   nextModeForGoal,
   registerPermissionModeControlBridge
@@ -45,19 +45,19 @@ import {
   peekRollbackTurnsConsumed,
   rollbackLastTurn,
   setRollbackWarningHandler
-} from "./chunk-TDL7UWJ7.js";
+} from "./chunk-DQMGU675.js";
 import {
   notifyTodosEnabledChanged
 } from "./chunk-CCCN2UCX.js";
 import {
   parseGitUrl
-} from "./chunk-IQIEU7SB.js";
+} from "./chunk-TVJUOJZJ.js";
 import {
   createAllToolDefinitions,
   ensureTool,
   getToolPath,
   truncateToVisualLines
-} from "./chunk-VSSXXL36.js";
+} from "./chunk-YDO2F2IA.js";
 import {
   DEFAULT_MAX_BYTES,
   DEFAULT_MAX_LINES,
@@ -86,7 +86,7 @@ import {
   SKILL_TAG_CHARACTERS,
   configureHttpDispatcher,
   formatHttpIdleTimeoutMs
-} from "./chunk-WADV2VDS.js";
+} from "./chunk-QAZOULTU.js";
 import {
   SUBAGENT_SPINNER_LABELS,
   SUBAGENT_SPINNER_NAMES
@@ -166,7 +166,7 @@ import {
 } from "./chunk-2MI5OPMN.js";
 import {
   SessionSelectorComponent
-} from "./chunk-ORH324EP.js";
+} from "./chunk-PCEW76PM.js";
 import {
   CustomEditor
 } from "./chunk-H2EOZYMP.js";
@@ -181,23 +181,23 @@ import {
 } from "./chunk-CCZJ3PYY.js";
 import {
   ExtensionSelectorComponent
-} from "./chunk-6427XAWG.js";
+} from "./chunk-QH6YL7VK.js";
 import {
   ExtensionInputComponent
-} from "./chunk-PC2Z5TKZ.js";
+} from "./chunk-HMBGROQK.js";
 import {
   CountdownTimer
 } from "./chunk-I6R76AG7.js";
 import {
   DynamicBorder
-} from "./chunk-6B2POMK7.js";
+} from "./chunk-6VYZ5UFP.js";
 import {
   formatKeyText,
   keyDisplayText,
   keyHint,
   keyText,
   rawKeyHint
-} from "./chunk-GNN7H3B7.js";
+} from "./chunk-GS42T6MX.js";
 import {
   FS_WATCH_RETRY_DELAY_MS,
   Theme,
@@ -223,7 +223,7 @@ import {
   stopThemeWatcher,
   theme,
   watchWithErrorHandler
-} from "./chunk-7QWNYZDI.js";
+} from "./chunk-RDDAZOMU.js";
 import {
   APP_NAME,
   APP_TITLE,
@@ -245,7 +245,7 @@ import * as fs2 from "node:fs";
 import * as os2 from "node:os";
 import * as path2 from "node:path";
 import { getSupportedThinkingLevels } from "@ashx-j/lunr-ai/compat";
-import { CombinedAutocompleteProvider, Container as Container19, collectImageMarkerIds, formatImageMarker, fuzzyFilter as fuzzyFilter5, isFocusable, Markdown as Markdown10, matchesKey as matchesKey2, ProcessTerminal, Spacer as Spacer19, setKeybindings, Text as Text21, TruncatedText as TruncatedText2, TUI, visibleWidth as visibleWidth4 } from "@ashx-j/lunr-tui";
+import { CombinedAutocompleteProvider, Container as Container19, collectImageMarkerIds, formatImageMarker, fuzzyFilter as fuzzyFilter5, isFocusable, Markdown as Markdown10, matchesKey as matchesKey2, ProcessTerminal, Spacer as Spacer19, setKeybindings, Text as Text21, TruncatedText as TruncatedText2, TUI, visibleWidth as visibleWidth6 } from "@ashx-j/lunr-tui";
 import chalk from "chalk";
 import { spawn as spawn3, spawnSync } from "child_process";
 
@@ -1118,7 +1118,7 @@ var ArminComponent = class {
 import { Container, Markdown as Markdown2, Spacer, Text } from "@ashx-j/lunr-tui";
 
 // packages/coding-agent/dist/modes/interactive/components/copyable-text.js
-import { truncateToWidth, wrapTextWithAnsi } from "@ashx-j/lunr-tui";
+import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@ashx-j/lunr-tui";
 function sourceLines(source) {
   let lines = [], pattern = /([^\r\n]*)(\r\n|\r|\n|$)/g;
   for (let match of source.matchAll(pattern)) {
@@ -1192,35 +1192,36 @@ function parseCopyableTextSegments(source) {
   return emittedThrough < source.length && segments.push({ type: "markdown", text: source.slice(emittedThrough) }), segments;
 }
 var CopyableTextBlockComponent = class {
-  buttonRow = -1;
-  buttonStart = -1;
-  buttonEnd = -1;
+  renderedRows = 0;
   payload;
   complete;
   outputPad;
-  markdownTheme;
   status;
   onCopy;
-  constructor(payload, complete, outputPad, markdownTheme, status, onCopy) {
-    this.payload = payload, this.complete = complete, this.outputPad = outputPad, this.markdownTheme = markdownTheme, this.status = status, this.onCopy = onCopy;
+  constructor(payload, complete, outputPad, status, onCopy) {
+    this.payload = payload, this.complete = complete, this.outputPad = outputPad, this.status = status, this.onCopy = onCopy;
   }
   invalidate() {
-    this.buttonRow = -1, this.buttonStart = -1, this.buttonEnd = -1;
+    this.renderedRows = 0;
   }
   render(width) {
-    let pad = " ".repeat(this.outputPad), contentWidth = Math.max(1, width - this.outputPad - 2), lines = [truncateToWidth(`${pad}${this.markdownTheme.codeBlockBorder("\u256D\u2500 lunr-copy")}`, width, "")], payloadLines = this.payload.replace(/\t/g, "   ").split(`
+    if (width <= 0)
+      return this.renderedRows = 0, [];
+    let horizontalPad = Math.min(this.outputPad, Math.max(0, width - 1)), pad = " ".repeat(horizontalPad), contentWidth = Math.max(1, width - horizontalPad * 2), paint = (content) => {
+      let line = truncateToWidth(`${pad}${content}`, width, "");
+      return theme.bg("userMessageBg", `${line}${" ".repeat(Math.max(0, width - visibleWidth(line)))}`);
+    }, lines = [paint("")], payloadLines = this.payload.replace(/\t/g, "   ").split(`
 `);
     for (let payloadLine of payloadLines)
       for (let wrappedLine of wrapTextWithAnsi(payloadLine, contentWidth))
-        lines.push(truncateToWidth(`${pad}${this.markdownTheme.codeBlockBorder("\u2502 ")}${this.markdownTheme.codeBlock(wrappedLine)}`, width, ""));
-    if (lines.push(truncateToWidth(`${pad}${this.markdownTheme.codeBlockBorder(this.complete ? "\u2570\u2500" : "\u2570\u2500 receiving")}`, width, "")), this.buttonRow = -1, this.buttonStart = -1, this.buttonEnd = -1, this.complete) {
-      let button = "[ Copy ]", feedback = "";
-      this.status === "copying" ? feedback = theme.fg("dim", "  Copying...") : this.status === "copied" ? feedback = theme.fg("success", "  Copied") : typeof this.status == "object" && (feedback = theme.fg("error", `  Copy failed: ${this.status.error}`)), this.buttonRow = lines.length, this.buttonStart = this.outputPad, this.buttonEnd = Math.min(width, this.buttonStart + button.length), lines.push(truncateToWidth(`${pad}${theme.fg("accent", button)}${feedback}`, width, ""));
-    }
-    return lines;
+        lines.push(paint(theme.fg("userMessageText", wrappedLine)));
+    if (typeof this.status == "object")
+      for (let wrappedLine of wrapTextWithAnsi(`Copy failed: ${this.status.error}`, contentWidth))
+        lines.push(paint(theme.fg("error", wrappedLine)));
+    return lines.push(paint("")), this.renderedRows = lines.length, lines;
   }
   handleClick(localY, width, localX) {
-    return this.render(width), !this.complete || this.status === "copying" || localX === void 0 || localY !== this.buttonRow || localX < this.buttonStart || localX >= this.buttonEnd ? !1 : (this.onCopy(), !0);
+    return this.render(width), !this.complete || this.status === "copying" || localY < 0 || localY >= this.renderedRows || localX !== void 0 && (localX < 0 || localX >= width) ? !1 : (this.onCopy(), !0);
   }
 };
 
@@ -1270,7 +1271,7 @@ function isThinkingRunComplete(_hasFollowingBlock, timing, timingsAttached) {
 }
 
 // packages/coding-agent/dist/modes/interactive/components/thinking-tail.js
-import { Markdown } from "@ashx-j/lunr-tui";
+import { Markdown, truncateToWidth as truncateToWidth2, visibleWidth as visibleWidth2 } from "@ashx-j/lunr-tui";
 var THINKING_TAIL_LINES = 4, ThinkingTailComponent = class {
   markdown;
   maxLines;
@@ -1284,6 +1285,28 @@ var THINKING_TAIL_LINES = 4, ThinkingTailComponent = class {
     let lines = this.markdown.render(width);
     return lines.length <= this.maxLines ? lines : lines.slice(-this.maxLines);
   }
+}, shimmerSegmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" }), SHIMMER_PERIOD_MS = 2800, ThinkingLineComponent = class extends ThinkingTailComponent {
+  startedAt;
+  palette = theme.getFgGradient("thinkingText", "white", 32);
+  constructor(text, paddingX, markdownTheme, startedAt) {
+    super(text, paddingX, 0, markdownTheme), this.startedAt = startedAt;
+  }
+  invalidate() {
+    super.invalidate(), this.palette = theme.getFgGradient("thinkingText", "white", 32);
+  }
+  render(width) {
+    if (width <= 0)
+      return ["", "", ""];
+    let lines = this.markdown.render(width), latest = "";
+    for (let index = lines.length - 1; index >= 0 && (latest = stripAnsi(lines[index]).trimEnd(), !latest.trim()); index--)
+      ;
+    let text = stripAnsi(truncateToWidth2(latest, width, "")), length = visibleWidth2(text), band = Math.max(6, Math.min(18, length * 0.3)), progress = (performance.now() - this.startedAt) % SHIMMER_PERIOD_MS / SHIMMER_PERIOD_MS, center = -band + progress * (length + band * 2), column = 0, highlighted = "";
+    for (let { segment } of shimmerSegmenter.segment(text)) {
+      let cells = visibleWidth2(segment), distance = Math.abs(column + cells / 2 - center) / band, intensity = distance >= 1 ? 0 : (1 + Math.cos(Math.PI * distance)) / 2;
+      highlighted += this.palette[Math.round(intensity * (this.palette.length - 1))] + segment, column += cells;
+    }
+    return ["", `\x1B[3m${highlighted}\x1B[23m\x1B[39m`, ""];
+  }
 };
 
 // packages/coding-agent/dist/modes/interactive/components/assistant-message.js
@@ -1311,13 +1334,20 @@ var OSC133_ZONE_START = "\x1B]133;A\x07", OSC133_ZONE_END = "\x1B]133;B\x07", OS
   copyText;
   requestRender;
   copyStates = /* @__PURE__ */ new Map();
-  constructor(message, hideThinkingBlock = !1, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...", outputPad = 1, thinkingCollapse = !1, copyOptions = {}) {
-    super(), this.hideThinkingBlock = hideThinkingBlock, this.thinkingCollapse = thinkingCollapse, this.markdownTheme = markdownTheme, this.hiddenThinkingLabel = hiddenThinkingLabel, this.outputPad = outputPad, this.copyText = copyOptions.copyText ?? copyToClipboard, this.requestRender = copyOptions.requestRender ?? (() => {
-    }), this.contentContainer = new Container(), this.addChild(this.contentContainer), message && this.updateContent(message);
+  reasoningDisplay;
+  onThinkingAnimationChange;
+  thinkingAnimationStart = performance.now();
+  thinkingAnimationActive = !1;
+  constructor(message, hideThinkingBlock = !1, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...", outputPad = 1, thinkingCollapse = !1, options = {}) {
+    super(), this.hideThinkingBlock = hideThinkingBlock, this.thinkingCollapse = thinkingCollapse, this.markdownTheme = markdownTheme, this.hiddenThinkingLabel = hiddenThinkingLabel, this.outputPad = outputPad, this.copyText = options.copyText ?? copyToClipboard, this.requestRender = options.requestRender ?? (() => {
+    }), this.reasoningDisplay = options.reasoningDisplay ?? "auto", this.onThinkingAnimationChange = options.onThinkingAnimationChange, this.contentContainer = new Container(), this.addChild(this.contentContainer), message && this.updateContent(message);
   }
   invalidate() {
     super.invalidate(), this.lastMessage && this.updateContent(this.lastMessage, this.thinkingSourceOptions());
   }
+  setReasoningDisplay(display) {
+    this.reasoningDisplay = display, this.lastMessage && this.updateContent(this.lastMessage, this.thinkingSourceOptions());
+  }
   setHideThinkingBlock(hide) {
     this.hideThinkingBlock = hide, this.lastMessage && this.updateContent(this.lastMessage, this.thinkingSourceOptions());
   }
@@ -1368,7 +1398,7 @@ var OSC133_ZONE_START = "\x1B]133;A\x07", OSC133_ZONE_END = "\x1B]133;B\x07", OS
     return this.thinkingSource ? { thinkingSource: this.thinkingSource } : void 0;
   }
   updateContent(message, options) {
-    this.lastMessage = message, this.thinkingSource = options?.thinkingSource, this.contentContainer.clear();
+    this.lastMessage = message, this.thinkingSource = options?.thinkingSource, this.thinkingAnimationActive = !1, this.contentContainer.clear();
     let sourceMessage = this.thinkingSource ?? message, sourceThinkingRuns = collectThinkingRuns(sourceMessage.content);
     message.content.some((c) => c.type === "text" && c.text.trim() || !this.hideThinkingBlock && c.type === "thinking" && c.thinking.trim()) && this.contentContainer.addChild(new Spacer(1));
     let isFirstTextBlock = !0, thinkingRunIndex = -1;
@@ -1387,7 +1417,7 @@ var OSC133_ZONE_START = "\x1B]133;A\x07", OSC133_ZONE_END = "\x1B]133;B\x07", OS
             continue;
           }
           let key = `${i}:${segment.start}`, copyState = this.copyStates.get(key), status = copyState?.payload === segment.payload ? copyState.status : "idle";
-          copyState && copyState.payload !== segment.payload && this.copyStates.delete(key), this.contentContainer.addChild(new CopyableTextBlockComponent(segment.payload, segment.complete, this.outputPad, this.markdownTheme, status, () => this.copyPayload(key, segment.payload)));
+          copyState && copyState.payload !== segment.payload && this.copyStates.delete(key), this.contentContainer.addChild(new CopyableTextBlockComponent(segment.payload, segment.complete, this.outputPad, status, () => this.copyPayload(key, segment.payload)));
         }
       else if (content.type === "thinking") {
         thinkingRunIndex++;
@@ -1417,6 +1447,7 @@ var OSC133_ZONE_START = "\x1B]133;A\x07", OSC133_ZONE_END = "\x1B]133;B\x07", OS
         this.contentContainer.addChild(new Spacer(1)), this.contentContainer.addChild(new Text(theme.fg("error", `Error: ${errorMsg}`), this.outputPad, 0));
       }
     }
+    this.onThinkingAnimationChange?.(this.thinkingAnimationActive);
   }
   copyPayload(key, payload) {
     this.copyStates.get(key)?.status !== "copying" && (this.copyStates.set(key, { payload, status: "copying" }), this.refreshCopyStatus(), Promise.resolve().then(() => this.copyText(payload)).then(() => {
@@ -1443,6 +1474,12 @@ var OSC133_ZONE_START = "\x1B]133;A\x07", OSC133_ZONE_END = "\x1B]133;B\x07", OS
       return;
     }
     if (!runComplete && !this.isRunExpanded(thinkingRunIndex)) {
+      if (this.reasoningDisplay === "one-line" || this.reasoningDisplay === "auto" && displayMessage.provider === "openai-codex") {
+        this.thinkingAnimationActive = !0, this.contentContainer.children.length === 1 && this.contentContainer.children[0] instanceof Spacer && this.contentContainer.clear(), wrap(new ThinkingLineComponent(thinkingBlocks.join(`
+
+`), this.outputPad, this.markdownTheme, this.thinkingAnimationStart));
+        return;
+      }
       wrap(new ThinkingTailComponent(thinkingBlocks.join(`
 
 `), this.outputPad, 0, this.markdownTheme, {
@@ -1661,7 +1698,7 @@ var CompactionSummaryMessageComponent = class extends Box2 {
 
 // packages/coding-agent/dist/modes/interactive/components/footer.js
 import { isAbsolute, relative, resolve as resolve2, sep } from "node:path";
-import { truncateToWidth as truncateToWidth2, visibleWidth } from "@ashx-j/lunr-tui";
+import { truncateToWidth as truncateToWidth3, visibleWidth as visibleWidth3 } from "@ashx-j/lunr-tui";
 function sanitizeStatusText(text) {
   return text.replace(/[\r\n\t]/g, " ").replace(/ +/g, " ").trim();
 }
@@ -1720,38 +1757,38 @@ var FooterComponent = class {
     }
     let contextPercentStr, autoIndicator = this.autoCompactEnabled ? " (auto)" : "", contextPercentDisplay = contextPercent === "?" ? `?/${formatTokens(contextWindow)}${autoIndicator}` : `${contextPercent}%/${formatTokens(contextWindow)}${autoIndicator}`;
     contextPercentValue > 90 ? contextPercentStr = theme.fg("error", contextPercentDisplay) : contextPercentValue > 70 ? contextPercentStr = theme.fg("warning", contextPercentDisplay) : contextPercentStr = contextPercentDisplay, statsParts.push(contextPercentStr), areExperimentalFeaturesEnabled() && statsParts.push(`${theme.fg("dim", "\u2022")} ${theme.bold(theme.fg("warning", "xp"))}`);
-    let statsLeft = statsParts.join(" "), modelName = state.model?.id || "no-model", statsLeftWidth = visibleWidth(statsLeft);
-    statsLeftWidth > width && (statsLeft = truncateToWidth2(statsLeft, width, "..."), statsLeftWidth = visibleWidth(statsLeft));
+    let statsLeft = statsParts.join(" "), modelName = state.model?.id || "no-model", statsLeftWidth = visibleWidth3(statsLeft);
+    statsLeftWidth > width && (statsLeft = truncateToWidth3(statsLeft, width, "..."), statsLeftWidth = visibleWidth3(statsLeft));
     let minPadding = 2, rightSideWithoutProvider = modelName;
     if (state.model?.reasoning) {
       let thinkingLevel = state.thinkingLevel || "off";
       rightSideWithoutProvider = thinkingLevel === "off" ? `${modelName} \u2022 thinking off` : `${modelName} \u2022 ${thinkingLevel}`;
     }
     let rightSide = rightSideWithoutProvider;
-    this.footerData.getAvailableProviderCount() > 1 && state.model && (rightSide = `(${state.model.provider}) ${rightSideWithoutProvider}`, statsLeftWidth + minPadding + visibleWidth(rightSide) > width && (rightSide = rightSideWithoutProvider));
-    let rightSideWidth = visibleWidth(rightSide), totalNeeded = statsLeftWidth + minPadding + rightSideWidth, statsLine;
+    this.footerData.getAvailableProviderCount() > 1 && state.model && (rightSide = `(${state.model.provider}) ${rightSideWithoutProvider}`, statsLeftWidth + minPadding + visibleWidth3(rightSide) > width && (rightSide = rightSideWithoutProvider));
+    let rightSideWidth = visibleWidth3(rightSide), totalNeeded = statsLeftWidth + minPadding + rightSideWidth, statsLine;
     if (totalNeeded <= width) {
       let padding = " ".repeat(width - statsLeftWidth - rightSideWidth);
       statsLine = statsLeft + padding + rightSide;
     } else {
       let availableForRight = width - statsLeftWidth - minPadding;
       if (availableForRight > 0) {
-        let truncatedRight = truncateToWidth2(rightSide, availableForRight, ""), truncatedRightWidth = visibleWidth(truncatedRight), padding = " ".repeat(Math.max(0, width - statsLeftWidth - truncatedRightWidth));
+        let truncatedRight = truncateToWidth3(rightSide, availableForRight, ""), truncatedRightWidth = visibleWidth3(truncatedRight), padding = " ".repeat(Math.max(0, width - statsLeftWidth - truncatedRightWidth));
         statsLine = statsLeft + padding + truncatedRight;
       } else
         statsLine = statsLeft;
     }
-    let dimStatsLeft = theme.fg("dim", statsLeft), remainder = statsLine.slice(statsLeft.length), dimRemainder = theme.fg("dim", remainder), lines = [truncateToWidth2(theme.fg("dim", pwd), width, theme.fg("dim", "...")), dimStatsLeft + dimRemainder], extensionStatuses = this.footerData.getExtensionStatuses();
+    let dimStatsLeft = theme.fg("dim", statsLeft), remainder = statsLine.slice(statsLeft.length), dimRemainder = theme.fg("dim", remainder), lines = [truncateToWidth3(theme.fg("dim", pwd), width, theme.fg("dim", "...")), dimStatsLeft + dimRemainder], extensionStatuses = this.footerData.getExtensionStatuses();
     if (extensionStatuses.size > 0) {
       let statusLine = Array.from(extensionStatuses.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([, text]) => sanitizeStatusText(text)).join(" ");
-      lines.push(truncateToWidth2(statusLine, width, theme.fg("dim", "...")));
+      lines.push(truncateToWidth3(statusLine, width, theme.fg("dim", "...")));
     }
     return lines;
   }
 };
 
 // packages/coding-agent/dist/modes/interactive/components/usage-view.js
-import { truncateToWidth as truncateToWidth3, visibleWidth as visibleWidth2 } from "@ashx-j/lunr-tui";
+import { truncateToWidth as truncateToWidth4, visibleWidth as visibleWidth4 } from "@ashx-j/lunr-tui";
 var BAR_CELLS = 20;
 function usageLevelColor(percent) {
   return percent > 90 ? "error" : percent > 70 ? "warning" : "success";
@@ -1789,9 +1826,9 @@ function planWindowLine(window, labelWidth) {
   return `  ${window.label.padEnd(labelWidth)}  ${usageBar(window.usedPercent)}  ${pct}${reset}`;
 }
 function renderThemedBox(headerText, content, maxWidth) {
-  let contentWidth = Math.max(...content.map((line) => visibleWidth2(line))), totalWidth = Math.max(24, Math.min(contentWidth + 4, Math.max(24, maxWidth))), innerWidth = totalWidth - 4, border = (text) => theme.fg("border", text), top = border(`\u256D${headerText}${"\u2500".repeat(Math.max(0, totalWidth - 2 - headerText.length))}\u256E`), bottom = border(`\u2570${"\u2500".repeat(totalWidth - 2)}\u256F`), lines = [top];
+  let contentWidth = Math.max(...content.map((line) => visibleWidth4(line))), totalWidth = Math.max(24, Math.min(contentWidth + 4, Math.max(24, maxWidth))), innerWidth = totalWidth - 4, border = (text) => theme.fg("border", text), top = border(`\u256D${headerText}${"\u2500".repeat(Math.max(0, totalWidth - 2 - headerText.length))}\u256E`), bottom = border(`\u2570${"\u2500".repeat(totalWidth - 2)}\u256F`), lines = [top];
   for (let rawLine of content) {
-    let line = rawLine.length > 0 ? truncateToWidth3(rawLine, innerWidth, "") : "", padding = " ".repeat(Math.max(0, innerWidth - visibleWidth2(line)));
+    let line = rawLine.length > 0 ? truncateToWidth4(rawLine, innerWidth, "") : "", padding = " ".repeat(Math.max(0, innerWidth - visibleWidth4(line)));
     lines.push(`${border("\u2502 ")}${line}${padding}${border(" \u2502")}`);
   }
   return lines.push(bottom), lines;
@@ -2568,7 +2605,7 @@ var PlanMessageComponent = class extends Container10 {
 };
 
 // packages/coding-agent/dist/modes/interactive/components/processes-selector.js
-import { Container as Container11, getKeybindings as getKeybindings5, Spacer as Spacer12, Text as Text13, truncateToWidth as truncateToWidth4 } from "@ashx-j/lunr-tui";
+import { Container as Container11, getKeybindings as getKeybindings5, Spacer as Spacer12, Text as Text13, truncateToWidth as truncateToWidth5 } from "@ashx-j/lunr-tui";
 function formatElapsed(startedAt) {
   let ms = Date.now() - startedAt, s = Math.floor(ms / 1e3);
   if (s < 60)
@@ -2605,7 +2642,7 @@ var ProcessesSelectorComponent = class extends Container11 {
           continue;
         let elapsed = formatElapsed(p.startedAt), status;
         p.status === "exited" ? status = `exited(${p.exitCode ?? "?"})` : p.status === "paused" ? status = "paused" : status = "running";
-        let line = `${i === this.selected ? "\u25B8 " : "  "}${p.pid} \xB7 ${status} \xB7 ${elapsed} \xB7 ${truncateToWidth4(p.command, 60)}`, colored = i === this.selected ? theme.fg("accent", line) : theme.fg("dim", line);
+        let line = `${i === this.selected ? "\u25B8 " : "  "}${p.pid} \xB7 ${status} \xB7 ${elapsed} \xB7 ${truncateToWidth5(p.command, 60)}`, colored = i === this.selected ? theme.fg("accent", line) : theme.fg("dim", line);
         this.addChild(new Text13(colored, 0, 0));
       }
       this.addChild(new Spacer12(1));
@@ -3580,6 +3617,14 @@ var ThemeSubmenu = class extends Container13 {
         values: ["true", "false"],
         disabled: () => config.hideThinkingBlock
       },
+      {
+        id: "reasoning-display",
+        label: "Reasoning display",
+        description: "Auto uses one line for OpenAI Codex, four lines for other models. One line has a soft moving highlight.",
+        currentValue: config.reasoningDisplay ?? "auto",
+        values: ["auto", "one-line", "four-lines"],
+        disabled: () => config.hideThinkingBlock
+      },
       {
         id: "cache-miss-notices",
         label: "Cache miss notices",
@@ -3909,6 +3954,9 @@ var ThemeSubmenu = class extends Container13 {
         case "thinking-collapse":
           callbacks.onThinkingCollapseChange(newValue === "true");
           break;
+        case "reasoning-display":
+          (newValue === "auto" || newValue === "one-line" || newValue === "four-lines") && callbacks.onReasoningDisplayChange(newValue);
+          break;
         case "cache-miss-notices":
           callbacks.onShowCacheMissNoticesChange(newValue === "true");
           break;
@@ -4100,7 +4148,6 @@ var ToolExecutionComponent = class extends Container14 {
   hideComponent = !1;
   groupContinuation = !1;
   groupFollowed = !1;
-  groupPrev;
   groupNext;
   constructor(toolName, toolCallId, args, options = {}, toolDefinition, ui, cwd) {
     super(), this.toolName = toolName, this.toolCallId = toolCallId, this.args = args, this.toolDefinition = toolDefinition, this.builtInToolDefinition = createAllToolDefinitions(cwd)[toolName], this.showImages = options.showImages ?? !0, this.imageWidthCells = options.imageWidthCells ?? 60, this.ui = ui, this.cwd = cwd, this.topSpacer = new Spacer15(1), this.addChild(this.topSpacer), this.contentBox = new Box7(1, 1, (text) => theme.bg("toolPendingBg", text)), this.contentText = new Text17("", 1, 1, (text) => theme.bg("toolPendingBg", text)), this.selfRenderContainer = new Container14(), this.hasRendererDefinition() ? this.addChild(this.getRenderShell() === "self" ? this.selfRenderContainer : this.contentBox) : this.addChild(this.contentText), this.updateDisplay();
@@ -4185,16 +4232,30 @@ var ToolExecutionComponent = class extends Container14 {
     }
   }
   setExpanded(expanded) {
-    this.expanded = expanded, this.updateDisplay(), this.refreshGroupTail();
+    this.toolName !== "browser" && (this.expanded = expanded, this.updateDisplay(), this.refreshGroupTail());
   }
   handleClick(_localY, _width) {
-    return this.isPartial || this.toolName === "subagent" || this.toolName === "subagent_wait" ? !1 : (this.setExpanded(!this.expanded), this.ui.requestRender(), !0);
+    return this.isPartial || this.toolName === "browser" || this.toolName === "subagent" || this.toolName === "subagent_wait" ? !1 : (this.setExpanded(!this.expanded), this.ui.requestRender(), !0);
+  }
+  beginNextExecution(toolCallId, args) {
+    this.toolCallId = toolCallId, this.args = args, this.result = void 0, this.isPartial = !0, this.executionStarted = !1, this.argsComplete = !1, this.expanded = !1, this.disposeComponent(this.resultRendererComponent), this.resultRendererComponent = void 0, this.updateDisplay();
+  }
+  dispose() {
+    let components = /* @__PURE__ */ new Set([this.callRendererComponent, this.resultRendererComponent]);
+    for (let component of components)
+      this.disposeComponent(component);
+  }
+  disposeComponent(component) {
+    component?.dispose?.();
   }
   // lunr: consecutive same-tool grouping — exposes the tool name so the caller
   // can detect adjacency.
   getToolName() {
     return this.toolName;
   }
+  matchesToolCall(toolCallId) {
+    return this.toolCallId === toolCallId;
+  }
   // lunr: consecutive same-tool grouping — continuation calls hide the top
   // spacer and top box pad so adjacent same-bg boxes read as one continuous
   // background; the last card in a run keeps its bottom pad.
@@ -4206,41 +4267,22 @@ var ToolExecutionComponent = class extends Container14 {
   setGroupFollowed(on) {
     this.groupFollowed = on, this.applyGroupPadding(), this.invalidate();
   }
-  // lunr: same-name run link so a later card can hoist earlier error bodies
-  // under the last leaf instead of splitting the tree.
+  // lunr: same-name run link keeps the final card refreshed as earlier calls settle.
   linkGroupNext(next) {
-    this.groupNext = next, next.groupPrev = this;
+    this.groupNext = next;
   }
   applyGroupPadding() {
     let top = this.groupContinuation ? 0 : 1, bottom = this.groupFollowed ? 0 : 1;
     this.contentBox.setPaddingTop(top), this.contentBox.setPaddingBottom(bottom), this.contentText.setPaddingTop(top), this.contentText.setPaddingBottom(bottom), this.getRenderShell() === "self" && this.callRendererComponent instanceof Box7 && (this.callRendererComponent.setPaddingTop(top), this.callRendererComponent.setPaddingBottom(bottom));
   }
-  shouldHideGroupedErrorBody() {
-    return !!this.result?.isError && this.groupFollowed && !this.expanded && !this.isPartial && this.getRenderShell() === "default" && this.toolName !== "subagent" && this.toolName !== "subagent_wait";
-  }
   shouldSkipCompactResult() {
     if (this.result === void 0 || this.isPartial || this.expanded)
       return !1;
     if (this.toolName === "subagent") {
       let details = this.result.details;
-      return !(this.result.isError || Array.isArray(details?.results) && details.results.length > 0 || details?.mode === "management");
+      return !this.result.isError && this.args?.action === "steer" ? !0 : !(this.result.isError || Array.isArray(details?.results) && details.results.length > 0 || details?.mode === "management");
     }
-    return this.result.isError ? this.shouldHideGroupedErrorBody() : this.getRenderShell() === "default";
-  }
-  formatHoistedGroupErrors() {
-    if (this.groupFollowed || this.expanded)
-      return;
-    let texts = [], prev = this.groupPrev;
-    for (; prev; ) {
-      if (prev.shouldHideGroupedErrorBody()) {
-        let output = prev.getTextOutput().trim();
-        output && texts.unshift(output);
-      }
-      prev = prev.groupPrev;
-    }
-    return texts.length > 0 ? `
-${texts.join(`
-`)}` : void 0;
+    return this.toolName === "subagent_wait" ? !1 : this.result.isError ? !0 : this.getRenderShell() === "default";
   }
   refreshGroupTail() {
     let next = this.groupNext;
@@ -4308,8 +4350,6 @@ ${texts.join(`
           let component = this.createResultFallback();
           component && (renderContainer.addChild(component), hasContent = !0);
         }
-        let hoisted = this.formatHoistedGroupErrors();
-        hoisted && (renderContainer.addChild(new Text17(theme.fg("toolOutput", hoisted), 0, 0)), hasContent = !0);
       }
     } else
       this.contentText.setCustomBgFn(bgFn), this.contentText.setText(this.formatToolExecution()), hasContent = !0;
@@ -4339,7 +4379,7 @@ ${texts.join(`
     return getTextOutput(this.result, this.showImages);
   }
   formatToolExecution() {
-    let hideGroupedErrorBody = !!(this.result?.isError && this.groupFollowed && !this.expanded), compact = !this.isPartial && !this.expanded && (!this.result?.isError || hideGroupedErrorBody), text = formatGroupedCall({
+    let compact = !this.isPartial && !this.expanded, text = formatGroupedCall({
       role: toolGroupRole(this.groupContinuation, this.groupFollowed),
       compact,
       tree: toolGroupTree({ expanded: this.expanded, isError: this.result?.isError }),
@@ -4355,8 +4395,7 @@ ${content}`);
       output && (text += `
 ${output}`);
     }
-    let hoisted = this.formatHoistedGroupErrors();
-    return hoisted && (text += hoisted), text;
+    return text;
   }
 };
 function applySameToolGrouping(previous, next) {
@@ -4364,7 +4403,7 @@ function applySameToolGrouping(previous, next) {
 }
 
 // packages/coding-agent/dist/modes/interactive/components/tree-selector.js
-import { Container as Container15, getKeybindings as getKeybindings8, Input as Input6, Spacer as Spacer16, sliceByColumn, Text as Text18, truncateToWidth as truncateToWidth5, visibleWidth as visibleWidth3, wrapTextWithAnsi as wrapTextWithAnsi2 } from "@ashx-j/lunr-tui";
+import { Container as Container15, getKeybindings as getKeybindings8, Input as Input6, Spacer as Spacer16, sliceByColumn, Text as Text18, truncateToWidth as truncateToWidth6, visibleWidth as visibleWidth5, wrapTextWithAnsi as wrapTextWithAnsi2 } from "@ashx-j/lunr-tui";
 var TREE_GUTTER_WIDTH = 2, MIN_VISIBLE_ANCHOR_CONTENT_WIDTH = 4, MAX_VISIBLE_ANCHOR_CONTENT_WIDTH = 20, MIN_ANCHOR_CONTEXT_WIDTH = 2, MAX_ANCHOR_CONTEXT_WIDTH = 12;
 function renderHorizontalViewport(rows, width) {
   let viewportWidth = Math.max(0, width - TREE_GUTTER_WIDTH), maxBodyWidth = rows.reduce((max, row) => Math.max(max, row.bodyWidth), 0), maxHorizontalScroll = Math.max(0, maxBodyWidth - viewportWidth), selectedRow = rows.find((row) => row.isSelected), horizontalScroll = 0;
@@ -4377,7 +4416,7 @@ function renderHorizontalViewport(rows, width) {
   }
   return rows.map((row) => {
     let line = horizontalScroll > 0 ? `${row.gutter}${sliceByColumn(row.body, horizontalScroll, viewportWidth, !0)}\x1B[0m` : row.gutter + row.body;
-    return truncateToWidth5(line, width, "");
+    return truncateToWidth6(line, width, "");
   });
 }
 var TreeList = class {
@@ -4695,7 +4734,7 @@ var TreeList = class {
   render(width) {
     let lines = [];
     if (this.filteredNodes.length === 0)
-      return lines.push(truncateToWidth5(theme.fg("muted", "  No entries found"), width)), lines.push(truncateToWidth5(theme.fg("muted", `  (0/0)${this.getStatusLabels()}`), width)), lines;
+      return lines.push(truncateToWidth6(theme.fg("muted", "  No entries found"), width)), lines.push(truncateToWidth6(theme.fg("muted", `  (0/0)${this.getStatusLabels()}`), width)), lines;
     let startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisibleLines / 2), this.filteredNodes.length - this.maxVisibleLines)), endIndex = Math.min(startIndex + this.maxVisibleLines, this.filteredNodes.length), renderedRows = [];
     for (let i = startIndex; i < endIndex; i++) {
       let flatNode = this.filteredNodes[i], entry = flatNode.node.entry, isSelected = i === this.selectedIndex, cursor = isSelected ? theme.fg("accent", "\u203A ") : "  ", displayIndent = this.multipleRoots ? Math.max(0, flatNode.indent - 1) : flatNode.indent, connector = flatNode.showConnector && !flatNode.isVirtualRootChild ? flatNode.isLast ? "\u2514\u2500 " : "\u251C\u2500 " : "", connectorPosition = connector ? displayIndent - 1 : -1, totalChars = displayIndent * 3, prefixChars = [], isFolded = this.foldedNodes.has(entry.id);
@@ -4714,10 +4753,10 @@ var TreeList = class {
         else
           prefixChars.push(" ");
       }
-      let prefix = prefixChars.join(""), showsFoldInConnector = flatNode.showConnector && !flatNode.isVirtualRootChild, foldMarker = isFolded && !showsFoldInConnector ? theme.fg("accent", "\u229E ") : "", pathMarker = this.activePathIds.has(entry.id) ? theme.fg("accent", "\u2022 ") : "", label = flatNode.node.label ? theme.fg("warning", `[${flatNode.node.label}] `) : "", labelTimestamp = this.showLabelTimestamps && flatNode.node.label && flatNode.node.labelTimestamp ? theme.fg("muted", `${this.formatLabelTimestamp(flatNode.node.labelTimestamp)} `) : "", content = this.getEntryDisplayText(flatNode.node, isSelected), prefixPart = theme.fg("dim", prefix) + foldMarker + pathMarker, anchorCol = visibleWidth3(prefixPart), gutter = cursor, body = prefixPart + label + labelTimestamp + content;
-      isSelected && (gutter = theme.bg("selectedBg", gutter), body = theme.bg("selectedBg", body)), renderedRows.push({ gutter, body, anchorCol, bodyWidth: visibleWidth3(body), isSelected });
+      let prefix = prefixChars.join(""), showsFoldInConnector = flatNode.showConnector && !flatNode.isVirtualRootChild, foldMarker = isFolded && !showsFoldInConnector ? theme.fg("accent", "\u229E ") : "", pathMarker = this.activePathIds.has(entry.id) ? theme.fg("accent", "\u2022 ") : "", label = flatNode.node.label ? theme.fg("warning", `[${flatNode.node.label}] `) : "", labelTimestamp = this.showLabelTimestamps && flatNode.node.label && flatNode.node.labelTimestamp ? theme.fg("muted", `${this.formatLabelTimestamp(flatNode.node.labelTimestamp)} `) : "", content = this.getEntryDisplayText(flatNode.node, isSelected), prefixPart = theme.fg("dim", prefix) + foldMarker + pathMarker, anchorCol = visibleWidth5(prefixPart), gutter = cursor, body = prefixPart + label + labelTimestamp + content;
+      isSelected && (gutter = theme.bg("selectedBg", gutter), body = theme.bg("selectedBg", body)), renderedRows.push({ gutter, body, anchorCol, bodyWidth: visibleWidth5(body), isSelected });
     }
-    return lines.push(...renderHorizontalViewport(renderedRows, width)), lines.push(truncateToWidth5(theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredNodes.length})${this.getStatusLabels()}`), width)), lines;
+    return lines.push(...renderHorizontalViewport(renderedRows, width)), lines.push(truncateToWidth6(theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredNodes.length})${this.getStatusLabels()}`), width)), lines;
   }
   getEntryDisplayText(node, isSelected) {
     let entry = node.entry, result, normalize = (s) => s.replace(/[\n\t]/g, " ").trim();
@@ -4976,7 +5015,7 @@ var TreeList = class {
   }
   render(width) {
     let query = this.treeList.getSearchQuery();
-    return query ? [truncateToWidth5(`  ${theme.fg("muted", "Type to search:")} ${theme.fg("accent", query)}`, width)] : [truncateToWidth5(`  ${theme.fg("muted", "Type to search:")}`, width)];
+    return query ? [truncateToWidth6(`  ${theme.fg("muted", "Type to search:")} ${theme.fg("accent", query)}`, width)] : [truncateToWidth6(`  ${theme.fg("muted", "Type to search:")}`, width)];
   }
   handleInput(_keyData) {
   }
@@ -4989,12 +5028,12 @@ var TreeList = class {
       return text ? labelFirst ? `${label} ${text}` : `${text} ${label}` : label;
     }), availableWidth = Math.max(1, width), indent = "  ", separator = " \xB7 ", lines = [], currentLine = "";
     for (let item of items) {
-      let candidate = currentLine ? `${currentLine}${separator}${item}` : visibleWidth3(`${indent}${item}`) <= availableWidth ? `${indent}${item}` : item;
-      if (!currentLine || visibleWidth3(candidate) <= availableWidth) {
+      let candidate = currentLine ? `${currentLine}${separator}${item}` : visibleWidth5(`${indent}${item}`) <= availableWidth ? `${indent}${item}` : item;
+      if (!currentLine || visibleWidth5(candidate) <= availableWidth) {
         currentLine = candidate;
         continue;
       }
-      lines.push(...wrapTextWithAnsi2(currentLine.trimEnd(), availableWidth)), currentLine = visibleWidth3(`${indent}${item}`) <= availableWidth ? `${indent}${item}` : item;
+      lines.push(...wrapTextWithAnsi2(currentLine.trimEnd(), availableWidth)), currentLine = visibleWidth5(`${indent}${item}`) <= availableWidth ? `${indent}${item}` : item;
     }
     return currentLine && lines.push(...wrapTextWithAnsi2(currentLine.trimEnd(), availableWidth)), lines.map((line) => theme.fg("muted", line));
   }
@@ -5055,7 +5094,7 @@ var LabelInput = class {
   }
   render(width) {
     let lines = [], availableWidth = width - 2;
-    return lines.push(truncateToWidth5(`  ${theme.fg("muted", "Label (empty to remove):")}`, width)), lines.push(...this.input.render(availableWidth).map((line) => truncateToWidth5(`  ${line}`, width))), lines.push(truncateToWidth5(`  ${keyHint("tui.select.confirm", "save")}  ${keyHint("tui.select.cancel", "cancel")}`, width)), lines;
+    return lines.push(truncateToWidth6(`  ${theme.fg("muted", "Label (empty to remove):")}`, width)), lines.push(...this.input.render(availableWidth).map((line) => truncateToWidth6(`  ${line}`, width))), lines.push(truncateToWidth6(`  ${keyHint("tui.select.confirm", "save")}  ${keyHint("tui.select.cancel", "cancel")}`, width)), lines;
   }
   handleInput(keyData) {
     let kb = getKeybindings8();
@@ -5172,7 +5211,7 @@ var OSC133_ZONE_START2 = "\x1B]133;A\x07", OSC133_ZONE_END2 = "\x1B]133;B\x07",
 };
 
 // packages/coding-agent/dist/modes/interactive/components/user-message-selector.js
-import { Container as Container18, getKeybindings as getKeybindings10, Spacer as Spacer18, Text as Text20, truncateToWidth as truncateToWidth6 } from "@ashx-j/lunr-tui";
+import { Container as Container18, getKeybindings as getKeybindings10, Spacer as Spacer18, Text as Text20, truncateToWidth as truncateToWidth7 } from "@ashx-j/lunr-tui";
 var UserMessageList = class {
   messages = [];
   selectedIndex = 0;
@@ -5193,7 +5232,7 @@ var UserMessageList = class {
       return lines.push(theme.fg("muted", "  No user messages found")), lines;
     let startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.messages.length - this.maxVisible)), endIndex = Math.min(startIndex + this.maxVisible, this.messages.length);
     for (let i = startIndex; i < endIndex; i++) {
-      let message = this.messages[i], isSelected = i === this.selectedIndex, normalizedMessage = message.text.replace(/\n/g, " ").trim(), cursor = isSelected ? theme.fg("accent", "\u203A ") : "  ", maxMsgWidth = width - 2, truncatedMsg = truncateToWidth6(normalizedMessage, maxMsgWidth), messageLine = cursor + (isSelected ? theme.bold(truncatedMsg) : truncatedMsg);
+      let message = this.messages[i], isSelected = i === this.selectedIndex, normalizedMessage = message.text.replace(/\n/g, " ").trim(), cursor = isSelected ? theme.fg("accent", "\u203A ") : "  ", maxMsgWidth = width - 2, truncatedMsg = truncateToWidth7(normalizedMessage, maxMsgWidth), messageLine = cursor + (isSelected ? theme.bold(truncatedMsg) : truncatedMsg);
       lines.push(messageLine);
       let metadata = `  Message ${i + 1} of ${this.messages.length}`, metadataLine = theme.fg("muted", metadata);
       lines.push(metadataLine), lines.push("");
@@ -5615,8 +5654,10 @@ var InteractiveMode = class _InteractiveMode {
   streamingTargetMessage = void 0;
   streamingDisplayedLength = 0;
   smoothStreamingTimer = void 0;
+  thinkingAnimationTimer;
   // Tool execution tracking: toolCallId -> component
   pendingTools = /* @__PURE__ */ new Map();
+  browserActivityComponent;
   // Tool output expansion state
   toolOutputExpanded = !1;
   // Thinking block visibility state
@@ -6313,7 +6354,7 @@ ${warningLines}`, 0, 0)), this.loadedResourcesContainer.addChild(new Spacer19(1)
             replaceInstructions: options?.replaceInstructions,
             label: options?.label
           });
-          return result.cancelled ? { cancelled: !0 } : (this.chatContainer.clear(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Navigated to selected point"), this.flushCompactionQueue({ willRetry: !1 }), { cancelled: !1 });
+          return result.cancelled ? { cancelled: !0 } : (this.clearChatContainer(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Navigated to selected point"), this.flushCompactionQueue({ willRetry: !1 }), { cancelled: !1 });
         },
         switchSession: async (sessionPath, options) => this.handleResumeSession(sessionPath, options),
         reload: async () => {
@@ -6364,7 +6405,7 @@ ${warningLines}`, 0, 0)), this.loadedResourcesContainer.addChild(new Spacer19(1)
     this.showError(`${prefix}: ${message}`), stopThemeWatcher(), this.stop(), process.exit(1);
   }
   renderCurrentSessionState() {
-    this.ui.setChatScroll(0), this.loadedResourcesContainer.clear(), this.chatContainer.clear(), this.pendingMessagesContainer.clear(), this.compactionQueuedMessages = [], this.pendingCompactionRender = void 0, this.stopSmoothStreaming(), this.streamingComponent = void 0, this.streamingMessage = void 0, this.pendingTools.clear(), this.renderInitialMessages();
+    this.ui.setChatScroll(0), this.loadedResourcesContainer.clear(), this.clearChatContainer(), this.pendingMessagesContainer.clear(), this.compactionQueuedMessages = [], this.pendingCompactionRender = void 0, this.stopSmoothStreaming(), this.streamingComponent = void 0, this.streamingMessage = void 0, this.pendingTools.clear(), this.renderInitialMessages();
   }
   /**
    * Get a registered tool definition by name (for custom rendering).
@@ -7078,9 +7119,21 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         this.isExtensionCommand(text) ? (this.editor.addToHistory?.(text), this.editor.setText(""), await this.promptAfterDeferredBuiltins(text)) : this.queueCompactionMessage(text, "steer", images);
         return;
       }
-      if (this.session.isStreaming) {
-        this.editor.addToHistory?.(text), this.editor.setText(""), await this.promptAfterDeferredBuiltins(text, { streamingBehavior: "steer", images }), this.updatePendingMessagesDisplay(), this.ui.requestRender();
-        return;
+      if (this.session.isStreaming || this.session.isWaitPromptHandoffActive) {
+        if (!this.isExtensionCommand(text)) {
+          await this.awaitDeferredBuiltinsForPrompt();
+          let handoff = await this.session.interruptSubagentWaitWithPrompt(text, { images });
+          if (handoff) {
+            this.editor.addToHistory?.(text), this.editor.setText(""), handoff.completion.catch((error) => {
+              this.showError(error instanceof Error ? error.message : String(error));
+            }), this.ui.requestRender();
+            return;
+          }
+        }
+        if (this.session.isStreaming) {
+          this.editor.addToHistory?.(text), this.editor.setText(""), await this.promptAfterDeferredBuiltins(text, { streamingBehavior: "steer", images }), this.updatePendingMessagesDisplay(), this.ui.requestRender();
+          return;
+        }
       }
       this.flushPendingBashComponents(), this.onInputCallback ? this.onInputCallback({ text, images }) : this.pendingUserInputs.push({ text, images }), this.editor.addToHistory?.(text);
     };
@@ -7090,6 +7143,13 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
   getSmoothStreamingOptions() {
     return { hideThinking: this.hideThinkingBlock };
   }
+  setThinkingAnimation(active) {
+    if (!active) {
+      this.thinkingAnimationTimer && clearInterval(this.thinkingAnimationTimer), this.thinkingAnimationTimer = void 0;
+      return;
+    }
+    this.thinkingAnimationTimer || (this.thinkingAnimationTimer = setInterval(() => this.ui.requestRender(), 33), this.thinkingAnimationTimer.unref?.());
+  }
   clearSmoothStreamingTimer() {
     this.smoothStreamingTimer && (clearInterval(this.smoothStreamingTimer), this.smoothStreamingTimer = void 0);
   }
@@ -7120,11 +7180,8 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
           let component = this.pendingTools.get(content.id);
           component && component.updateArgs(content.arguments);
         } else {
-          let component = new ToolExecutionComponent(content.name, content.id, content.arguments, {
-            showImages: this.settingsManager.getShowImages(),
-            imageWidthCells: this.settingsManager.getImageWidthCells()
-          }, this.getRegisteredToolDefinition(content.name), this.ui, this.sessionManager.getCwd());
-          component.setExpanded(this.toolOutputExpanded), this.addToolComponentToChat(component), this.pendingTools.set(content.id, component);
+          let component = content.name === "browser" && this.browserActivityComponent ? this.browserActivityComponent : this.createToolExecutionComponent(content.name, content.id, content.arguments);
+          this.pendingTools.set(content.id, component);
         }
   }
   advanceSmoothStreaming() {
@@ -7142,7 +7199,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
     this.streamingDisplayedLength += computeSmoothRevealStep(backlog), this.streamingDisplayedLength > total && (this.streamingDisplayedLength = total), this.paintSmoothStreamingFrame(), this.streamingDisplayedLength >= total && this.clearSmoothStreamingTimer();
   }
   stopSmoothStreaming() {
-    this.clearSmoothStreamingTimer(), this.streamingTargetMessage = void 0, this.streamingDisplayedLength = 0;
+    this.setThinkingAnimation(!1), this.clearSmoothStreamingTimer(), this.streamingTargetMessage = void 0, this.streamingDisplayedLength = 0;
   }
   /** Apply a mid-stream smoothStreaming setting change without rewinding. */
   applySmoothStreamingSettingChange(enabled) {
@@ -7164,7 +7221,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
   async handleEvent(event) {
     switch (this.isInitialized || await this.init(), this.footer.invalidate(), event.type) {
       case "agent_start":
-        this.pendingTools.clear(), this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!0), this.retryEscapeHandler && (this.defaultEditor.onEscape = this.retryEscapeHandler, this.retryEscapeHandler = void 0), this.workingVisible ? this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.workingIndicatorOptions)) : this.clearStatusIndicator(), this.ui.requestRender();
+        this.pendingTools.clear(), this.browserActivityComponent = void 0, this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!0), this.retryEscapeHandler && (this.defaultEditor.onEscape = this.retryEscapeHandler, this.retryEscapeHandler = void 0), this.workingVisible ? this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.workingIndicatorOptions)) : this.clearStatusIndicator(), this.ui.requestRender();
         break;
       case "queue_update":
         this.updatePendingMessagesDisplay(), this.ui.requestRender();
@@ -7179,7 +7236,11 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         this.footer.invalidate(), this.updateEditorBorderColor();
         break;
       case "message_start":
-        event.message.role === "custom" ? (this.addMessageToChat(event.message), this.ui.requestRender()) : event.message.role === "user" ? (this.redoStack.length = 0, beginTurn(this.sessionManager.getCwd(), this.sessionManager.getSessionId()), this.stopSmoothStreaming(), this.addMessageToChat(event.message), this.updatePendingMessagesDisplay(), this.ui.requestRender()) : event.message.role === "assistant" && (this.streamingComponent = new AssistantMessageComponent(void 0, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), this.hiddenThinkingLabel, this.outputPad, this.thinkingCollapse, { requestRender: () => this.ui.requestRender() }), this.thinkingRunTimings = [], this.streamingComponent.setThinkingTimings(this.thinkingRunTimings), this.streamingComponent.setExpanded(this.toolOutputExpanded), this.streamingMessage = event.message, this.streamingTargetMessage = event.message, this.streamingDisplayedLength = 0, this.chatContainer.addChild(this.streamingComponent), this.settingsManager.getSmoothStreaming() ? this.streamingComponent.updateContent(sliceMessageContent(this.streamingMessage, 0, this.getSmoothStreamingOptions()), { thinkingSource: this.streamingMessage }) : this.streamingComponent.updateContent(this.streamingMessage), this.ui.requestRender());
+        event.message.role === "custom" ? (this.addMessageToChat(event.message), this.ui.requestRender()) : event.message.role === "user" ? (this.redoStack.length = 0, beginTurn(this.sessionManager.getCwd(), this.sessionManager.getSessionId()), this.stopSmoothStreaming(), this.addMessageToChat(event.message), this.updatePendingMessagesDisplay(), this.ui.requestRender()) : event.message.role === "assistant" && (this.streamingComponent = new AssistantMessageComponent(void 0, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), this.hiddenThinkingLabel, this.outputPad, this.thinkingCollapse, {
+          requestRender: () => this.ui.requestRender(),
+          reasoningDisplay: this.settingsManager.getReasoningDisplay(),
+          onThinkingAnimationChange: (active) => this.setThinkingAnimation(active)
+        }), this.thinkingRunTimings = [], this.streamingComponent.setThinkingTimings(this.thinkingRunTimings), this.streamingComponent.setExpanded(this.toolOutputExpanded), this.streamingMessage = event.message, this.streamingTargetMessage = event.message, this.streamingDisplayedLength = 0, this.chatContainer.addChild(this.streamingComponent), this.settingsManager.getSmoothStreaming() ? this.streamingComponent.updateContent(sliceMessageContent(this.streamingMessage, 0, this.getSmoothStreamingOptions()), { thinkingSource: this.streamingMessage }) : this.streamingComponent.updateContent(this.streamingMessage), this.ui.requestRender());
         break;
       case "message_update":
         if (this.streamingComponent && event.message.role === "assistant")
@@ -7222,10 +7283,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
           this.streamingDisplayedLength < needed && (this.streamingDisplayedLength = needed), this.paintSmoothStreamingFrame();
         }
         let component = this.pendingTools.get(event.toolCallId);
-        component || (component = new ToolExecutionComponent(event.toolName, event.toolCallId, event.args, {
-          showImages: this.settingsManager.getShowImages(),
-          imageWidthCells: this.settingsManager.getImageWidthCells()
-        }, this.getRegisteredToolDefinition(event.toolName), this.ui, this.sessionManager.getCwd()), component.setExpanded(this.toolOutputExpanded), this.addToolComponentToChat(component), this.pendingTools.set(event.toolCallId, component)), component.markExecutionStarted(), this.ui.requestRender();
+        component ? event.toolName === "browser" && !component.matchesToolCall(event.toolCallId) && component.beginNextExecution(event.toolCallId, event.args) : (component = this.createToolExecutionComponent(event.toolName, event.toolCallId, event.args), this.pendingTools.set(event.toolCallId, component)), component.markExecutionStarted(), this.ui.requestRender();
         break;
       }
       case "tool_execution_update": {
@@ -7239,7 +7297,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         break;
       }
       case "agent_end":
-        this.session.refreshModelFromRegistry(), this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!1), this.clearStatusIndicator("working"), this.stopSmoothStreaming(), this.streamingComponent && (this.chatContainer.removeChild(this.streamingComponent), this.streamingComponent = void 0, this.streamingMessage = void 0), this.pendingTools.clear(), this.maybeAutoNameSession(), captureTreeChanges(this.sessionManager.getCwd(), this.sessionManager.getSessionId()), this.ui.requestRender();
+        this.session.refreshModelFromRegistry(), this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!1), this.clearStatusIndicator("working"), this.stopSmoothStreaming(), this.streamingComponent && (this.chatContainer.removeChild(this.streamingComponent), this.streamingComponent = void 0, this.streamingMessage = void 0), this.pendingTools.clear(), this.browserActivityComponent = void 0, this.maybeAutoNameSession(), captureTreeChanges(this.sessionManager.getCwd(), this.sessionManager.getSessionId()), this.ui.requestRender();
         break;
       case "agent_settled":
         if (this.pendingCompactionRender) {
@@ -7360,7 +7418,10 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         break;
       }
       case "assistant": {
-        let assistantComponent = new AssistantMessageComponent(message, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), this.hiddenThinkingLabel, this.outputPad, this.thinkingCollapse, { requestRender: () => this.ui.requestRender() });
+        let assistantComponent = new AssistantMessageComponent(message, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), this.hiddenThinkingLabel, this.outputPad, this.thinkingCollapse, {
+          requestRender: () => this.ui.requestRender(),
+          reasoningDisplay: this.settingsManager.getReasoningDisplay()
+        });
         assistantComponent.setThinkingTimings(this.thinkingTimingsByMessage.get(message)), assistantComponent.setExpanded(this.toolOutputExpanded), this.chatContainer.addChild(assistantComponent);
         break;
       }
@@ -7373,7 +7434,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
   }
   renderSessionItems(items, options = {}) {
     this.pendingTools.clear();
-    let renderedPendingTools = /* @__PURE__ */ new Map(), cacheMisses = this.settingsManager.getShowCacheMissNotices() ? collectCacheMisses(this.sessionManager.getEntries(), this.session.modelRuntime) : /* @__PURE__ */ new Map();
+    let browserActivityComponent, renderedPendingTools = /* @__PURE__ */ new Map(), cacheMisses = this.settingsManager.getShowCacheMissNotices() ? collectCacheMisses(this.sessionManager.getEntries(), this.session.modelRuntime) : /* @__PURE__ */ new Map();
     options.updateFooter && (this.footer.invalidate(), this.updateEditorBorderColor());
     for (let item of items) {
       if (isCustomSessionEntry(item)) {
@@ -7385,11 +7446,11 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         this.addMessageToChat(message);
         for (let content of message.content)
           if (content.type === "toolCall") {
-            let component = new ToolExecutionComponent(content.name, content.id, content.arguments, {
+            let component = content.name === "browser" ? browserActivityComponent : void 0;
+            if (component ? component.beginNextExecution(content.id, content.arguments) : (component = new ToolExecutionComponent(content.name, content.id, content.arguments, {
               showImages: this.settingsManager.getShowImages(),
               imageWidthCells: this.settingsManager.getImageWidthCells()
-            }, this.getRegisteredToolDefinition(content.name), this.ui, this.sessionManager.getCwd());
-            if (component.setExpanded(this.toolOutputExpanded), this.addToolComponentToChat(component), message.stopReason === "aborted" || message.stopReason === "error") {
+            }, this.getRegisteredToolDefinition(content.name), this.ui, this.sessionManager.getCwd()), component.setExpanded(this.toolOutputExpanded), this.addToolComponentToChat(component), content.name === "browser" && (browserActivityComponent = component)), message.stopReason === "aborted" || message.stopReason === "error") {
               let errorMessage;
               if (message.stopReason === "aborted") {
                 let retryAttempt = this.session.retryAttempt;
@@ -7408,7 +7469,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
         let component = renderedPendingTools.get(message.toolCallId);
         component && (component.updateResult(message), renderedPendingTools.delete(message.toolCallId));
       } else
-        this.addMessageToChat(message, options);
+        message.role === "user" && (browserActivityComponent = void 0), this.addMessageToChat(message, options);
     }
     for (let [toolCallId, component] of renderedPendingTools)
       this.pendingTools.set(toolCallId, component);
@@ -7467,7 +7528,7 @@ ${message}`, ["Yes", "No"], opts) === "Yes";
     });
   }
   rebuildChatFromMessages() {
-    this.chatContainer.clear(), this.renderSessionEntries(this.sessionManager.buildContextEntries());
+    this.clearChatContainer(), this.renderSessionEntries(this.sessionManager.buildContextEntries());
   }
   // =========================================================================
   // Key handlers
@@ -7661,6 +7722,23 @@ Kill them before exit?`) && killAll(), this.stop(), await this.runtimeHost.dispo
         isExpandable(child) && child.setExpanded(expanded);
     globalThis[/* @__PURE__ */ Symbol.for("@lunr/tools-expanded-changed")]?.(expanded), this.ui.requestRender();
   }
+  createToolExecutionComponent(toolName, toolCallId, args) {
+    if (toolName === "browser" && this.browserActivityComponent)
+      return this.browserActivityComponent.beginNextExecution(toolCallId, args), this.browserActivityComponent;
+    let component = new ToolExecutionComponent(toolName, toolCallId, args, {
+      showImages: this.settingsManager.getShowImages(),
+      imageWidthCells: this.settingsManager.getImageWidthCells()
+    }, this.getRegisteredToolDefinition(toolName), this.ui, this.sessionManager.getCwd());
+    return component.setExpanded(this.toolOutputExpanded), this.addToolComponentToChat(component), toolName === "browser" && (this.browserActivityComponent = component), component;
+  }
+  disposeChatToolComponents() {
+    for (let child of this.chatContainer.children)
+      child instanceof ToolExecutionComponent && child.dispose();
+    this.browserActivityComponent = void 0;
+  }
+  clearChatContainer() {
+    this.disposeChatToolComponents(), this.chatContainer.clear();
+  }
   // lunr: consecutive same-tool grouping — a tool component appended right after
   // another component for the SAME tool becomes a group continuation (no top
   // spacer / top pad); the previous card drops its bottom pad. Mixed neighbors
@@ -7670,7 +7748,7 @@ Kill them before exit?`) && killAll(), this.stop(), await this.runtimeHost.dispo
     applySameToolGrouping(last instanceof ToolExecutionComponent ? last : void 0, component), this.chatContainer.addChild(component);
   }
   toggleThinkingBlockVisibility() {
-    if (this.hideThinkingBlock = !this.hideThinkingBlock, this.settingsManager.setHideThinkingBlock(this.hideThinkingBlock), this.chatContainer.clear(), this.rebuildChatFromMessages(), this.streamingComponent && this.streamingMessage) {
+    if (this.hideThinkingBlock = !this.hideThinkingBlock, this.settingsManager.setHideThinkingBlock(this.hideThinkingBlock), this.rebuildChatFromMessages(), this.streamingComponent && this.streamingMessage) {
       if (this.streamingComponent.setHideThinkingBlock(this.hideThinkingBlock), this.settingsManager.getSmoothStreaming() && this.streamingTargetMessage) {
         let opts = this.getSmoothStreamingOptions(), total = countMessageGraphemes(this.streamingTargetMessage, opts);
         this.streamingDisplayedLength > total && (this.streamingDisplayedLength = total), this.paintSmoothStreamingFrame(), this.streamingDisplayedLength < total && this.startSmoothStreaming();
@@ -7787,7 +7865,7 @@ Pi will resume when the editor exits.
     return !!extensionRunner.getCommand(commandName);
   }
   renderCompactionResult(result) {
-    this.chatContainer.clear(), this.rebuildChatFromMessages(), this.addMessageToChat(createCompactionSummaryMessage(result.summary, result.tokensBefore, (/* @__PURE__ */ new Date()).toISOString())), this.footer.invalidate();
+    this.rebuildChatFromMessages(), this.addMessageToChat(createCompactionSummaryMessage(result.summary, result.tokensBefore, (/* @__PURE__ */ new Date()).toISOString())), this.footer.invalidate();
   }
   async flushCompactionQueue(options) {
     if (this.compactionQueuedMessages.length === 0)
@@ -7866,6 +7944,7 @@ Pi will resume when the editor exits.
         availableThemes: getAvailableThemes(),
         hideThinkingBlock: this.hideThinkingBlock,
         thinkingCollapse: this.thinkingCollapse,
+        reasoningDisplay: this.settingsManager.getReasoningDisplay(),
         cacheRetention: this.settingsManager.getCacheRetention() ?? "short",
         doubleEscapeAction: this.settingsManager.getDoubleEscapeAction(),
         treeFilterMode: this.settingsManager.getTreeFilterMode(),
@@ -7960,13 +8039,19 @@ Pi will resume when the editor exits.
           this.hideThinkingBlock = hidden, this.settingsManager.setHideThinkingBlock(hidden);
           for (let child of this.chatContainer.children)
             child instanceof AssistantMessageComponent && child.setHideThinkingBlock(hidden);
-          this.chatContainer.clear(), this.rebuildChatFromMessages();
+          this.rebuildChatFromMessages();
         },
         onThinkingCollapseChange: (collapse) => {
           this.thinkingCollapse = collapse, this.settingsManager.setThinkingCollapse(collapse);
           for (let child of this.chatContainer.children)
             child instanceof AssistantMessageComponent && child.setThinkingCollapse(collapse);
-          this.chatContainer.clear(), this.rebuildChatFromMessages();
+          this.rebuildChatFromMessages();
+        },
+        onReasoningDisplayChange: (display) => {
+          this.settingsManager.setReasoningDisplay(display);
+          for (let child of this.chatContainer.children)
+            child instanceof AssistantMessageComponent && child.setReasoningDisplay(this.settingsManager.getReasoningDisplay());
+          this.ui.requestRender();
         },
         onShowCacheMissNoticesChange: (shown) => {
           this.settingsManager.setShowCacheMissNotices(shown), this.rebuildChatFromMessages();
@@ -8514,7 +8599,7 @@ Pi will resume when the editor exits.
             this.showStatus("Navigation cancelled");
             return;
           }
-          this.chatContainer.clear(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Navigated to selected point"), this.flushCompactionQueue({ willRetry: !1 });
+          this.clearChatContainer(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Navigated to selected point"), this.flushCompactionQueue({ willRetry: !1 });
         } catch (error) {
           this.showError(error instanceof Error ? error.message : String(error));
         } finally {
@@ -9102,7 +9187,7 @@ ${INIT_EXISTING_FILE_INSTRUCTIONS.append}`;
         this.showStatus(command === "undo" ? "Undo cancelled" : "Edit cancelled");
         return;
       }
-      return leafId && this.redoStack.push(leafId), this.chatContainer.clear(), this.renderInitialMessages(), this.flushCompactionQueue({ willRetry: !1 }), { editorText: result.editorText, editorImages: result.editorImages };
+      return leafId && this.redoStack.push(leafId), this.clearChatContainer(), this.renderInitialMessages(), this.flushCompactionQueue({ willRetry: !1 }), { editorText: result.editorText, editorImages: result.editorImages };
     } catch (error) {
       this.showError(error instanceof Error ? error.message : String(error));
       return;
@@ -9134,7 +9219,7 @@ ${INIT_EXISTING_FILE_INSTRUCTIONS.append}`;
         this.redoStack.push(targetId), this.showStatus("Navigation cancelled");
         return;
       }
-      this.chatContainer.clear(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Redone"), this.flushCompactionQueue({ willRetry: !1 });
+      this.clearChatContainer(), this.renderInitialMessages(), result.editorText && !this.editor.getText().trim() && this.restoreEditorFromTreeResult(result), this.showStatus("Redone"), this.flushCompactionQueue({ willRetry: !1 });
     } catch (error) {
       this.showError(error instanceof Error ? error.message : String(error));
     }
@@ -9750,7 +9835,7 @@ ${toggleThinking ? `| \`${toggleThinking}\` | Toggle thinking block visibility |
       "",
       "=== All rendered lines with visible widths ===",
       ...allLines.map((line, idx) => {
-        let vw = visibleWidth4(line), escaped = JSON.stringify(line);
+        let vw = visibleWidth6(line), escaped = JSON.stringify(line);
         return `[${idx}] (w=${vw}) ${escaped}`;
       }),
       "",
@@ -9803,7 +9888,7 @@ ${theme.fg("muted", debugLogPath)}`, 1, 1)), this.ui.requestRender();
     }
   }
   stop() {
-    this.stopCatalogRefresh?.(), this.stopCatalogRefresh = void 0, this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!1), this.clearStatusIndicator(), this.themeController.disableAutoSync(), this.clearExtensionTerminalInputListeners(), this.footer.dispose(), this.footerDataProvider.dispose(), this.unsubscribe && this.unsubscribe(), this.isInitialized && (this.ui.stop(), this.isInitialized = !1), this.unregisterSignalHandlers();
+    this.setThinkingAnimation(!1), this.stopCatalogRefresh?.(), this.stopCatalogRefresh = void 0, this.settingsManager.getShowTerminalProgress() && this.ui.terminal.setProgress(!1), this.clearStatusIndicator(), this.themeController.disableAutoSync(), this.clearExtensionTerminalInputListeners(), this.footer.dispose(), this.footerDataProvider.dispose(), this.disposeChatToolComponents(), this.unsubscribe && this.unsubscribe(), this.isInitialized && (this.ui.stop(), this.isInitialized = !1), this.unregisterSignalHandlers();
   }
 };