@quandev104/pi-style 0.1.3 → 0.1.4

package/dist/extensions/pi-style.js

@@ -858,10 +858,14 @@ function formatBoxedStatusIcon(theme, isError) {
 function formatToolTitlePrefix(theme, name) {
   return colorFromExtra(theme, "bashPromptColor", "bashMode", `\u2794 ${name}`);
 }
-function formatBoxedToolTitle(theme, name, isError) {
-  const coloredTitle = isError ? theme.fg("error", `\u2794 ${name} \u2717`) : `${formatToolTitlePrefix(theme, name)} ${formatBoxedStatusIcon(theme, false)}`;
+function formatBoxedToolTitle(theme, name, isError, status) {
+  const coloredTitle = isError ? theme.fg("error", `\u2794 ${name} \u2717`) : status === "running" ? `${formatToolTitlePrefix(theme, name)} ${theme.fg("text", "\u25CC")}` : status === "pending" ? formatToolTitlePrefix(theme, name) : `${formatToolTitlePrefix(theme, name)} ${formatBoxedStatusIcon(theme, false)}`;
   return typeof theme?.bold === "function" ? theme.bold(coloredTitle) : coloredTitle;
 }
+function formatBoxedRunningStatus(theme, elapsedMs) {
+  const elapsed = elapsedMs === void 0 ? "" : `${theme.fg("text", ` \xB7 ${(elapsedMs / 1e3).toFixed(1)}s`)}`;
+  return `${theme.fg("dim", "\u25CC Running")}${elapsed}`;
+}
 function boxFrameText(theme, text) {
   return `${RESET_INTENSITY}${theme.fg("border", text)}`;
 }
@@ -970,7 +974,12 @@ function renderBoxedToolCall(theme, toolName, detailLines, options = {}) {
     },
     render(width) {
       if (cache?.width === width) return cache.lines;
-      const title = formatBoxedToolTitle(theme, toolName, options.isError);
+      const title = formatBoxedToolTitle(
+        theme,
+        toolName,
+        options.isError,
+        options.isPending ? options.running ? "running" : "pending" : void 0
+      );
       const headerLabel = options.headerDetail ? `${title} \xB7 ${options.headerDetail}` : title;
       const renderedWidth = boxWidth(width);
       const lines = [
@@ -978,15 +987,15 @@ function renderBoxedToolCall(theme, toolName, detailLines, options = {}) {
         boxBlankLine(theme, renderedWidth),
         ...detailLines.flatMap((line) => boxedWrappedLines(theme, line, renderedWidth))
       ];
-      if (options.isPending) {
-        const pendingText = options.pendingText ?? "Waiting for output\u2026";
+      if (options.isPending && !options.resultSeen) {
+        const pendingLabel = options.pendingLabel ?? theme.fg("dim", `\u2026 ${options.pendingText ?? "Waiting for output\u2026"}`);
         lines.push(
           boxBlankLine(theme, renderedWidth),
           boxLabeledBorder(
             theme,
             BOX_ROUND_BOTTOM_LEFT,
             BOX_ROUND_BOTTOM_RIGHT,
-            theme.fg("dim", `\u2026 ${pendingText}`),
+            pendingLabel,
             void 0,
             renderedWidth
           )
@@ -1014,7 +1023,12 @@ function renderCompactBoxedToolCall(theme, toolName, detailLine, options = {}) {
     },
     render(width) {
       const renderedWidth = boxWidth(width);
-      const title = formatBoxedToolTitle(theme, toolName, options.isError);
+      const title = formatBoxedToolTitle(
+        theme,
+        toolName,
+        options.isError,
+        options.isPending ? options.running ? "running" : "pending" : void 0
+      );
       const headerLabel = detailLine ? `${title} \xB7 ${detailLine}` : title;
       const compactFooter = typeof options.state?.[COMPACT_FOOTER_KEY] === "string" ? options.state[COMPACT_FOOTER_KEY] : "";
       const _footerIsError = Boolean(options.state?.[COMPACT_FOOTER_ERROR_KEY]);
@@ -1036,13 +1050,13 @@ function renderCompactBoxedToolCall(theme, toolName, detailLine, options = {}) {
           )
         );
       } else if (options.isPending) {
-        const pendingText = options.pendingText ?? "Waiting for output\u2026";
+        const pendingLabel = options.pendingLabel ?? (options.running ? formatBoxedRunningStatus(theme, void 0) : theme.fg("dim", `\u2026 ${options.pendingText ?? "Waiting for output\u2026"}`));
         lines.push(
           boxLabeledBorder(
             theme,
             BOX_ROUND_BOTTOM_LEFT,
             BOX_ROUND_BOTTOM_RIGHT,
-            theme.fg("dim", `\u2026 ${pendingText}`),
+            pendingLabel,
             options.bottomRightLabel,
             renderedWidth
           )
@@ -1065,19 +1079,21 @@ function renderBoxedToolResult(theme, body, options = {}) {
       const renderedWidth = boxWidth(width);
       const maxContentWidth = boxInnerWidth(renderedWidth);
       const bodyLines = typeof body === "function" ? body(maxContentWidth) : body.render(maxContentWidth);
-      const errorPrefix = options.isError ? [theme.fg("error", "\u2717 Error")] : [];
+      const errorPrefix = options.isError ? [theme.fg("error", options.errorLabel ?? "\u2717 Error")] : [];
       const outputLines = bodyLines.length > 0 ? [...errorPrefix, ...bodyLines] : [theme.fg("muted", `\u2205 ${options.emptyText ?? "(no output)"}`)];
       const footerText = (options.footerLines ?? []).join(" \xB7 ");
       const dividerText = typeof options.dividerLabel === "function" ? options.dividerLabel(renderedWidth) : options.dividerLabel ?? "Response";
       const rendered = [
-        boxLabeledBorder(
-          theme,
-          BOX_DIVIDER_LEFT,
-          BOX_DIVIDER_RIGHT,
-          theme.fg("dim", dividerText),
-          options.dividerRightLabel ? theme.fg("dim", options.dividerRightLabel) : void 0,
-          renderedWidth
-        ),
+        ...options.showDivider === false ? [] : [
+          boxLabeledBorder(
+            theme,
+            BOX_DIVIDER_LEFT,
+            BOX_DIVIDER_RIGHT,
+            theme.fg("dim", dividerText),
+            options.dividerRightLabel ? theme.fg("dim", options.dividerRightLabel) : void 0,
+            renderedWidth
+          )
+        ],
         boxBlankLine(theme, renderedWidth),
         ...renderBoxedOutputLines(theme, outputLines, renderedWidth, options.renderLineBudget ?? outputLines.length),
         boxBlankLine(theme, renderedWidth),
@@ -1411,17 +1427,53 @@ function getToolsRenderConfig() {
   return sessionToolsConfig;
 }
 var STARTED_AT_KEY = "__piStyleStartedAt";
-var ELAPSED_MS_KEY = "__piStyleElapsedMs";
+var ENDED_AT_KEY = "__piStyleEndedAt";
+var RESULT_SEEN_KEY = "__piStyleResultSeen";
+var TICKER_KEY = "__piStyleElapsedTicker";
 function recordExecutionStarted(state, executionStarted) {
   if (!executionStarted || !state || typeof state !== "object") return;
   if (typeof state[STARTED_AT_KEY] !== "number") state[STARTED_AT_KEY] = performance.now();
 }
+function recordExecutionEnded(state) {
+  if (!state || typeof state !== "object") return;
+  if (typeof state[ENDED_AT_KEY] !== "number") state[ENDED_AT_KEY] = performance.now();
+}
 function getStateElapsedMs(state) {
   if (!state || typeof state !== "object") return void 0;
-  if (typeof state[ELAPSED_MS_KEY] !== "number" && typeof state[STARTED_AT_KEY] === "number") {
-    state[ELAPSED_MS_KEY] = performance.now() - state[STARTED_AT_KEY];
+  const started = state[STARTED_AT_KEY];
+  if (typeof started !== "number") return void 0;
+  const ended = state[ENDED_AT_KEY];
+  if (typeof ended === "number") return Math.max(0, ended - started);
+  return Math.max(0, performance.now() - started);
+}
+function isResultSeen(state) {
+  return Boolean(state && typeof state === "object" && state[RESULT_SEEN_KEY] === true);
+}
+function markResultSeen(state) {
+  if (!state || typeof state !== "object") return;
+  state[RESULT_SEEN_KEY] = true;
+}
+var tickerStates = /* @__PURE__ */ new Set();
+function startElapsedTicker(state, invalidate) {
+  if (!state || typeof state !== "object") return;
+  if (state[TICKER_KEY] !== void 0) return;
+  state[TICKER_KEY] = setInterval(() => invalidate(), 1e3);
+  tickerStates.add(state);
+}
+function stopElapsedTicker(state) {
+  if (!state || typeof state !== "object") return;
+  const handle = state[TICKER_KEY];
+  if (handle !== void 0) clearInterval(handle);
+  delete state[TICKER_KEY];
+  tickerStates.delete(state);
+}
+function stopAllElapsedTickers() {
+  for (const state of tickerStates) {
+    const handle = state[TICKER_KEY];
+    if (handle !== void 0) clearInterval(handle);
+    delete state[TICKER_KEY];
   }
-  return typeof state[ELAPSED_MS_KEY] === "number" ? state[ELAPSED_MS_KEY] : void 0;
+  tickerStates.clear();
 }
 
 // extension-src/pi-style/features/tools/boxed/batch.ts
@@ -2846,7 +2898,7 @@ function createBuiltinSegments() {
       const token = contextBarToken(percent);
       const window = snapshot.context?.windowTokens;
       const label = `ctx${window !== void 0 ? ` (${formatTokens(window)})` : ""}:`;
-      const width = options["context_bar"]?.width ?? CONTEXT_BAR_WIDTH;
+      const width = options.context_bar?.width ?? CONTEXT_BAR_WIDTH;
       return {
         visible: true,
         content: `${theme.apply("muted", label)} ${theme.apply(token, contextBar(percent, width))} ${theme.apply(token, `${Math.round(percent)}%`)}`,
@@ -5280,12 +5332,31 @@ function compactCall(theme, toolName, detailLine, options) {
     state: options.context.state,
     isError: Boolean(options.context.isError),
     isPartial: Boolean(options.context.isPartial),
-    isPending: pendingFlag(options.context)
+    isPending: pendingFlag(options.context),
+    running: Boolean(options.context.executionStarted)
   });
 }
 function noteExecutionStart(context) {
   recordExecutionStarted(context.state, context.executionStarted);
 }
+function noteBoxedCallState(context) {
+  if (!context.executionStarted) return;
+  if (context.isPartial) startElapsedTicker(context.state, context.invalidate);
+  else {
+    recordExecutionEnded(context.state);
+    stopElapsedTicker(context.state);
+  }
+}
+function noteBoxedResultPhase(context, isPartial) {
+  const firstResultPass = !isResultSeen(context.state);
+  markResultSeen(context.state);
+  if (isPartial) startElapsedTicker(context.state, context.invalidate);
+  else {
+    recordExecutionEnded(context.state);
+    stopElapsedTicker(context.state);
+  }
+  return firstResultPass;
+}
 function stateElapsedMs(context) {
   return getStateElapsedMs(context.state);
 }
@@ -5423,34 +5494,202 @@ function renderBoxedBashCall(theme, commandLines, context, widthKey) {
   if (commandLines.length > maxCommandLines + 1) {
     detailLines.push(theme.fg("muted", `... ${commandLines.length - maxCommandLines - 1} more lines`));
   }
-  return renderBoxedToolCall(theme, "Bash", detailLines, {
+  const running = Boolean(context.executionStarted);
+  const resultSeen = isResultSeen(context.state);
+  const base = {
     widthKey,
     isError: Boolean(context.isError),
     isPartial: Boolean(context.isPartial),
-    isPending: Boolean(context.isPartial)
-  });
+    isPending: Boolean(context.isPartial),
+    running
+  };
+  if (running && context.isPartial && !resultSeen) {
+    detailLines.push(theme.fg("dim", "No output received yet"));
+    return renderBoxedToolCall(theme, "Bash", detailLines, {
+      ...base,
+      pendingLabel: formatBoxedRunningStatus(theme, getStateElapsedMs(context.state))
+    });
+  }
+  return renderBoxedToolCall(theme, "Bash", detailLines, { ...base, resultSeen });
 }
-function formatTimeout(context) {
-  const timeout = context?.args?.timeout ?? 300;
-  return `${timeout}s`;
+var BASH_STATUS_PATTERNS = [
+  {
+    re: /(?:^|\n\n)Command timed out after ([\d.]+) seconds$/i,
+    build: (match) => ({ kind: "timeout", seconds: Number(match[1]) })
+  },
+  { re: /(?:^|\n\n)[^\n]*aborted$/i, build: () => ({ kind: "cancelled" }) },
+  {
+    re: /(?:^|\n\n)Command exited with code (\d+)$/i,
+    build: (match) => ({ kind: "exit", exitCode: Number(match[1]) })
+  }
+];
+function parseBashTerminalStatus(text) {
+  const clean = String(text ?? "").replace(/\r/g, "");
+  for (const { re, build } of BASH_STATUS_PATTERNS) {
+    const match = clean.match(re);
+    if (match && match.index !== void 0) {
+      return { status: build(match), body: clean.slice(0, match.index).trimEnd() };
+    }
+  }
+  if (/^(?:operation )?aborted(?: after \d+ retry attempts?)?$/i.test(clean.trim())) {
+    return { status: { kind: "cancelled" }, body: "" };
+  }
+  return { status: void 0, body: clean };
+}
+function bashErrorLabel(status) {
+  if (status?.kind === "timeout") return "\u2717 Timed out";
+  if (status?.kind === "cancelled") return "\u2717 Cancelled";
+  return void 0;
+}
+function bashEmptyBodyText(status, isError) {
+  if (status?.kind === "timeout") return "No output was received before the timeout";
+  if (status?.kind === "cancelled") return "Command was cancelled without producing output";
+  if (isError) return "Command failed without producing output";
+  return "Command completed without producing output";
+}
+function bashFooter(theme, status, elapsedMs, bodyText, isError) {
+  const elapsed = elapsedMs === void 0 ? "--" : `${(elapsedMs / 1e3).toFixed(2)}s`;
+  const words = bodyText.trim() ? formatBoxedWords(bodyText) : "";
+  if (status?.kind === "timeout") {
+    const seconds = Number.isFinite(status.seconds) && status.seconds > 0 ? status.seconds : Number.NaN;
+    return theme.fg(
+      "warning",
+      Number.isFinite(seconds) ? `Terminated after ${seconds.toFixed(1)}s` : "Terminated by timeout"
+    );
+  }
+  if (status?.kind === "cancelled") {
+    return [theme.fg("warning", "Cancelled"), theme.fg("text", elapsed)].join(theme.fg("dim", " \xB7 "));
+  }
+  const exitLabel = status?.kind === "exit" ? `Exit ${status.exitCode}` : isError ? "Failed" : "Exit 0";
+  const exitColor = status?.kind === "exit" && status.exitCode !== 0 ? "error" : "text";
+  const parts = [theme.fg(exitColor, exitLabel), theme.fg("text", elapsed)];
+  if (words) parts.push(theme.fg("dim", words));
+  return parts.join(theme.fg("dim", " \xB7 "));
 }
-function renderBoxedBashResult(theme, inner, result, context, expandHint2) {
+var INTERACTIVE_COMMANDS = /* @__PURE__ */ new Set([
+  "pi",
+  "vim",
+  "vi",
+  "nvim",
+  "nano",
+  "less",
+  "more",
+  "man",
+  "top",
+  "htop",
+  "btop",
+  "ssh",
+  "telnet",
+  "python",
+  "python3",
+  "node",
+  "sqlite3",
+  "mysql",
+  "psql",
+  "redis-cli",
+  "mongosh",
+  "bc",
+  "irssi"
+]);
+function isInteractiveCommand(command) {
+  const base = (String(command ?? "").trim().split(/\s+/)[0] ?? "").split("/").pop() ?? "";
+  return INTERACTIVE_COMMANDS.has(base);
+}
+function bashBodyComponent(preview, emptyLines) {
+  if (!emptyLines) return preview;
+  return {
+    invalidate: () => preview.invalidate(),
+    render(width) {
+      const lines = preview.render(width);
+      return lines.length > 0 ? lines : emptyLines;
+    }
+  };
+}
+function renderBashStreamingResult(theme, raw, options, context) {
+  const body = stripBashToolNoticeLines(stripAnsi(raw));
+  const hasOutput = body.trim().length > 0;
+  const elapsed = getStateElapsedMs(context.state);
+  const emptyLines = [theme.fg("dim", "No output received yet")];
+  if (!hasOutput && isInteractiveCommand(context?.args?.command) && (elapsed ?? 0) >= 1e3) {
+    emptyLines.push(theme.fg("dim", "The process may be waiting for terminal input"));
+  }
+  const preview = createBashResultPreview(theme, body, options, "toolOutput");
   const rawCommand = String(context?.args?.command ?? "...");
-  const referenceLines = rawCommand.split("\n").map((line, index) => `${index === 0 ? "$ " : "> "}${line}`);
-  return renderBoxedToolResult(theme, inner, {
+  return renderBoxedToolResult(theme, bashBodyComponent(preview, hasOutput ? void 0 : emptyLines), {
     widthKey: bashWidthKey(rawCommand, context?.args?.timeout),
-    referenceLines,
-    footerLines: [
-      formatBoxedFooter(theme, result, [`timeout ${formatTimeout(context)}`], getElapsed(context))
-    ],
-    ...expandHint2 ? { expandHint: expandHint2 } : {},
-    isError: context.isError,
-    isPartial: Boolean(context.isPartial)
+    referenceLines: rawCommand.split("\n").map((line, index) => `${index === 0 ? "$ " : "> "}${line}`),
+    dividerLabel: "Output",
+    showDivider: hasOutput,
+    footerLines: [formatBoxedRunningStatus(theme, elapsed)],
+    isPartial: true
   });
 }
-function getElapsed(context) {
-  return getStateElapsedMs(context.state);
+function renderBashFinalResult(theme, raw, options, context) {
+  const isError = Boolean(context.isError);
+  const clean = stripAnsi(raw);
+  const { status, body: statusStripped } = parseBashTerminalStatus(clean);
+  const output = stripBashToolNoticeLines(statusStripped);
+  const elapsed = getStateElapsedMs(context.state);
+  const outputColor = isError ? "error" : "toolOutput";
+  const footer = bashFooter(theme, status, elapsed, output, isError);
+  const errorLabel = isError ? bashErrorLabel(status) ?? "\u2717 Error" : void 0;
+  const rawCommand = String(context?.args?.command ?? "...");
+  const widthKey = bashWidthKey(rawCommand, context?.args?.timeout);
+  const referenceLines = rawCommand.split("\n").map((line, index) => `${index === 0 ? "$ " : "> "}${line}`);
+  if (!options.expanded) {
+    const scanLines = getToolsRenderConfig().maxCollapsedLines + 10;
+    let nlCount = 0;
+    let tailStart = 0;
+    for (let i = statusStripped.length - 1; i >= 0; i--) {
+      if (statusStripped.charCodeAt(i) === 10) {
+        nlCount++;
+        if (nlCount >= scanLines) {
+          tailStart = i + 1;
+          break;
+        }
+      }
+    }
+    const tail = stripBashToolNoticeLines(stripAnsi(statusStripped.slice(tailStart)));
+    const totalLinesBefore = tailStart > 0 ? countNewlines(statusStripped, 0, tailStart) : 0;
+    const preview2 = createBashResultPreview(theme, tail, options, outputColor);
+    return renderBoxedToolResult(
+      theme,
+      bashBodyComponent(
+        preview2,
+        statusStripped.trim() ? void 0 : [theme.fg("muted", bashEmptyBodyText(status, isError))]
+      ),
+      {
+        widthKey,
+        referenceLines,
+        footerLines: [footer],
+        ...totalLinesBefore > 0 ? { expandHint: "Ctrl+O for more" } : {},
+        isError,
+        isPartial: false,
+        ...errorLabel ? { errorLabel } : {}
+      }
+    );
+  }
+  const preview = createBashResultPreview(theme, output, options, outputColor);
+  return renderBoxedToolResult(
+    theme,
+    bashBodyComponent(preview, output.trim() ? void 0 : [theme.fg("muted", bashEmptyBodyText(status, isError))]),
+    {
+      widthKey,
+      referenceLines,
+      footerLines: [footer],
+      isError,
+      isPartial: false,
+      ...errorLabel ? { errorLabel } : {}
+    }
+  );
 }
+var EMPTY_BASH_RESULT = Object.freeze({
+  invalidate() {
+  },
+  render() {
+    return [];
+  }
+});
 function createBashResultPreview(theme, text, options, color) {
   let cacheKey = "";
   let cacheLines = null;
@@ -5792,14 +6031,21 @@ var bashTool = {
       bashTreeStates.set(context.toolCallId, { cls, command: String(args?.command ?? "") });
       return renderBashTreePanel(theme, context.toolCallId, context);
     }
+    noteBoxedCallState(context);
     const rawCommand = String(args?.command ?? "...");
     return renderBoxedBashCall(theme, rawCommand.split("\n"), context, bashWidthKey(rawCommand, args?.timeout));
   },
   result(result, options, theme, context) {
+    const firstResultPass = !isResultSeen(context.state);
+    markResultSeen(context.state);
     const cls = classifyBashCommand(String(context?.args?.command ?? ""));
     if (cls && !context.isError) {
-      const output2 = stripBashToolNoticeLines(stripAnsi(getTextOutput(result)));
-      const parsed = parseBashTreeOutput(cls, output2);
+      if (!options.isPartial) {
+        recordExecutionEnded(context.state);
+        stopElapsedTicker(context.state);
+      }
+      const output = stripBashToolNoticeLines(stripAnsi(getTextOutput(result)));
+      const parsed = parseBashTreeOutput(cls, output);
       const state = bashTreeStates.get(context.toolCallId);
       if (parsed) {
         if (state) state.parsed = parsed;
@@ -5807,30 +6053,18 @@ var bashTool = {
         return EMPTY_BASH_TREE_RESULT;
       }
       if (state) state.fallback = true;
+    } else if (options.isPartial) {
+      startElapsedTicker(context.state, context.invalidate);
+    } else {
+      recordExecutionEnded(context.state);
+      stopElapsedTicker(context.state);
     }
     const raw = getTextOutput(result);
-    const outputColor = context.isError ? "error" : "toolOutput";
-    if (!options.expanded) {
-      const scanLines = getToolsRenderConfig().maxCollapsedLines + 10;
-      let nlCount = 0;
-      let tailStart = 0;
-      for (let i = raw.length - 1; i >= 0; i--) {
-        if (raw.charCodeAt(i) === 10) {
-          nlCount++;
-          if (nlCount >= scanLines) {
-            tailStart = i + 1;
-            break;
-          }
-        }
-      }
-      const tail = stripBashToolNoticeLines(stripAnsi(raw.slice(tailStart)));
-      const totalLinesBefore = tailStart > 0 ? countNewlines(raw, 0, tailStart) : 0;
-      const inner2 = createBashResultPreview(theme, tail, options, outputColor);
-      return renderBoxedBashResult(theme, inner2, result, context, totalLinesBefore > 0 ? "Ctrl+O for more" : void 0);
+    if (options.isPartial) {
+      if (firstResultPass) return EMPTY_BASH_RESULT;
+      return renderBashStreamingResult(theme, raw, options, context);
     }
-    const output = stripBashToolNoticeLines(stripAnsi(raw));
-    const inner = createBashResultPreview(theme, output, options, outputColor);
-    return renderBoxedBashResult(theme, inner, result, context);
+    return renderBashFinalResult(theme, raw, options, context);
   }
 };
 
@@ -6857,6 +7091,13 @@ var AdaptiveDiffComponent = class {
 // extension-src/pi-style/features/tools/boxed/edit.ts
 var MAX_HIGHLIGHT_DIFF_CHARS = 12e3;
 var MAX_HIGHLIGHT_DIFF_ROWS = 120;
+var EMPTY_EDIT_RESULT = Object.freeze({
+  invalidate() {
+  },
+  render() {
+    return [];
+  }
+});
 function diffDividerLabel(theme, stats) {
   const plus = stats.additions > 0 ? theme.fg("toolDiffAdded", `+${stats.additions}`) : theme.fg("dim", "+0");
   const minus = stats.removals > 0 ? theme.fg("toolDiffRemoved", `-${stats.removals}`) : theme.fg("dim", "-0");
@@ -6874,17 +7115,24 @@ function editDiffFooter(theme, result, context, stats) {
 var editTool = {
   call(args, theme, context) {
     noteExecutionStart(context);
+    noteBoxedCallState(context);
     const detail = displayPath(String(args?.path ?? args?.file_path ?? ""), context);
     return renderBoxedToolCall(theme, "Edit", [], {
       headerDetail: detail,
       isError: Boolean(context.isError),
       isPartial: Boolean(context.isPartial),
-      isPending: Boolean(context.isPartial)
+      isPending: Boolean(context.isPartial),
+      running: Boolean(context.executionStarted),
+      resultSeen: isResultSeen(context.state)
     });
   },
   result(result, options, theme, context) {
     if (options.isPartial) {
+      const firstResultPass = noteBoxedResultPhase(context, options.isPartial);
+      if (firstResultPass) return EMPTY_EDIT_RESULT;
       return renderBoxedToolResult(theme, () => [`${theme.fg("dim", "\u21B3")} ${theme.fg("muted", "Applying edit...")}`], {
+        showDivider: false,
+        footerLines: [formatBoxedRunningStatus(theme, stateElapsedMs(context))],
         isPartial: true
       });
     }
@@ -6938,19 +7186,41 @@ var editTool = {
 var MAX_FALLBACK_PREVIEW_LINES = 10;
 function renderFallbackCall(toolName, args, theme, context) {
   noteExecutionStart(context);
+  noteBoxedCallState(context);
   return renderBoxedToolCall(theme, formatToolName(String(toolName ?? "Tool")), formatToolParamLines(args, theme), {
     isError: Boolean(context.isError),
     isPartial: Boolean(context.isPartial),
-    isPending: Boolean(context.isPartial)
+    isPending: Boolean(context.isPartial),
+    running: Boolean(context.executionStarted),
+    resultSeen: isResultSeen(context.state)
   });
 }
 function renderFallbackResult(_toolName, result, options, theme, context) {
+  const firstResultPass = noteBoxedResultPhase(context, options.isPartial);
   const isError = Boolean(context.isError);
   const expanded = Boolean(options.expanded);
   const maxLines = expanded ? getToolsRenderConfig().maxExpandedLines : MAX_FALLBACK_PREVIEW_LINES;
   const output = getTextOutput(result);
   const elapsedMs = getStateElapsedMs(context.state);
   const { lines, omitted } = selectRenderLines(output, maxLines);
+  if (options.isPartial) {
+    if (firstResultPass) return EMPTY_FALLBACK_RESULT;
+    const hasOutput = output.trim().length > 0;
+    return renderBoxedToolResult(
+      theme,
+      () => {
+        const body = lines.map((line) => formatToolOutputLine(theme, line, "toolOutput"));
+        if (!hasOutput) body.push(theme.fg("dim", "No output received yet"));
+        return body;
+      },
+      {
+        dividerLabel: "Output",
+        showDivider: hasOutput,
+        footerLines: [formatBoxedRunningStatus(theme, elapsedMs)],
+        isPartial: true
+      }
+    );
+  }
   return renderBoxedToolResult(
     theme,
     () => {
@@ -6961,7 +7231,7 @@ function renderFallbackResult(_toolName, result, options, theme, context) {
       return body;
     },
     {
-      footerLines: [formatBoxedFooter(theme, result, [], elapsedMs)],
+      footerLines: [formatBoxedFooterWithElapsed(theme, elapsedMs, output)],
       renderLineBudget: maxLines,
       ...expanded || omitted <= 0 ? {} : { expandHint: "Ctrl+O for more" },
       isError,
@@ -6969,6 +7239,20 @@ function renderFallbackResult(_toolName, result, options, theme, context) {
     }
   );
 }
+var EMPTY_FALLBACK_RESULT = Object.freeze({
+  invalidate() {
+  },
+  render() {
+    return [];
+  }
+});
+function formatBoxedFooterWithElapsed(theme, elapsedMs, output) {
+  const elapsed = elapsedMs === void 0 ? "--" : `${(elapsedMs / 1e3).toFixed(2)}s`;
+  const words = output.trim() ? formatBoxedWords(output) : "";
+  const parts = [theme.fg("text", elapsed)];
+  if (words) parts.push(theme.fg("dim", words));
+  return parts.join(theme.fg("dim", " \xB7 "));
+}
 
 // extension-src/pi-style/features/tools/boxed/find.ts
 var FIND_META = Object.freeze({
@@ -7055,6 +7339,13 @@ var lsTool = {
 import { getLanguageFromPath as getLanguageFromPath2 } from "@earendil-works/pi-coding-agent";
 var MAX_HIGHLIGHT_DIFF_CHARS2 = 12e3;
 var MAX_HIGHLIGHT_DIFF_ROWS2 = 120;
+var EMPTY_QUICK_EDIT_RESULT = Object.freeze({
+  invalidate() {
+  },
+  render() {
+    return [];
+  }
+});
 var QUICK_EDIT_TOOLS = {
   quick_edit: {
     toolLabel: "Quick Edit",
@@ -7137,10 +7428,12 @@ function quickEditDiffFooter(theme, result, context, stats) {
 }
 function renderQuickEditResult(_toolName, result, options, theme, context, config) {
   if (options.isPartial) {
+    const firstResultPass = noteBoxedResultPhase(context, options.isPartial);
+    if (firstResultPass) return EMPTY_QUICK_EDIT_RESULT;
     return renderBoxedToolResult(
       theme,
       () => [`${theme.fg("dim", "\u21B3")} ${theme.fg("muted", `Applying ${config.applyingLabel}...`)}`],
-      { isPartial: true }
+      { showDivider: false, footerLines: [formatBoxedRunningStatus(theme, stateElapsedMs(context))], isPartial: true }
     );
   }
   const output = getTextOutput(result);
@@ -7194,12 +7487,15 @@ function quickEditTool(config) {
   return {
     call(args, theme, context) {
       noteExecutionStart(context);
+      noteBoxedCallState(context);
       const detail = displayPath(String(args?.path ?? ""), context);
       return renderBoxedToolCall(theme, config.toolLabel, [], {
         headerDetail: detail,
         isError: Boolean(context.isError),
         isPartial: Boolean(context.isPartial),
-        isPending: Boolean(context.isPartial)
+        isPending: Boolean(context.isPartial),
+        running: Boolean(context.executionStarted),
+        resultSeen: isResultSeen(context.state)
       });
     },
     result(result, options, theme, context) {
@@ -7239,6 +7535,13 @@ var readTool = {
 
 // extension-src/pi-style/features/tools/boxed/write.ts
 var WRITE_EXPAND_HINT = "Ctrl+O for more";
+var EMPTY_WRITE_RESULT = Object.freeze({
+  invalidate() {
+  },
+  render() {
+    return [];
+  }
+});
 function numberedPreviewLines(content) {
   const normalized = replaceTabs(String(content ?? "")).replace(/\r/g, "");
   if (!normalized) return [];
@@ -7261,6 +7564,7 @@ function renderWritePreviewBox(theme, detailLine, content, options) {
     ...options.state ? { state: options.state } : {},
     isError: options.isError,
     isPending: options.isPending,
+    running: Boolean(options.running),
     bodyLines: () => {
       if (preview.length === 0) return [];
       const shown = preview.slice(0, budget).map((line) => formatNumberedLine(theme, line));
@@ -7287,10 +7591,11 @@ var writeTool = {
       state: context.state,
       isError: Boolean(context.isError),
       isPending: Boolean(context.isPartial),
+      running: Boolean(context.executionStarted),
       expanded: Boolean(context.expanded)
     });
   },
-  result(result, _options, theme, context) {
+  result(result, options, theme, context) {
     clearFooterState(context);
     const output = getTextOutput(result);
     const detail = displayPath(String(context?.args?.path ?? context?.args?.file_path ?? ""), context);
@@ -7302,6 +7607,7 @@ var writeTool = {
         isError: true
       });
     }
+    if (options.isPartial) return EMPTY_WRITE_RESULT;
     return compactFooterWithState(theme, result, context);
   }
 };
@@ -8662,6 +8968,7 @@ function createPiStyleSessionCoordinator(pi, hooks = {}) {
       resetBatchRegistry();
       resetGrepRegistry();
       resetBashTreeRegistry();
+      stopAllElapsedTickers();
       active = false;
       await app.reload();
       productGate = app.productPolicy.corePatchGate;
@@ -8722,6 +9029,7 @@ function createPiStyleSessionCoordinator(pi, hooks = {}) {
       resetBatchRegistry();
       resetGrepRegistry();
       resetBashTreeRegistry();
+      stopAllElapsedTickers();
       app.sessionShutdown();
     }
   };