pi-agent-flow 1.8.1 → 1.8.3

package/dist/render-utils.js

@@ -0,0 +1,182 @@
+/**
+ * Pure utility functions for rendering - extracted for testability.
+ */
+/**
+ * Format a token count to exactly 5 characters with leading spaces.
+ * Shifts from k to M when value would exceed 5 chars.
+ * Examples: 500 → "  500", 1300 → " 1.3k", 32000 → "32.0k", 950500 → "0.95M"
+ */
+export function formatFixedTokens(count) {
+    if (count < 1000) {
+        return count.toString().padStart(5);
+    }
+    const k = count / 1000;
+    if (k < 100) {
+        return (k.toFixed(1) + "k").padStart(5);
+    }
+    else if (k < 1000) {
+        const m = count / 1000000;
+        return (m.toFixed(2) + "M").padStart(5);
+    }
+    else {
+        const m = count / 1000000;
+        return (m.toFixed(2) + "M").padStart(5);
+    }
+}
+/**
+ * Format flow type name to fixed width (5 chars) in lowercase with space padding.
+ * Examples: "debug" → "debug", "scout" → "scout", "build" → "build"
+ */
+export function formatFlowTypeName(type) {
+    const lower = type.toLowerCase();
+    const targetWidth = 5;
+    if (lower.length >= targetWidth)
+        return lower.slice(0, targetWidth);
+    return lower.padEnd(targetWidth, " ");
+}
+/** Format tokens-per-second to a 5-char display (e.g., " 42.3", "    -"). */
+function formatTps(value) {
+    if (!value || value <= 0)
+        return "    -";
+    return value.toFixed(1).padStart(5);
+}
+export function formatCompactTokenPair(usage) {
+    return `↑ ${formatFixedTokens(usage.input || 0)} · ↓ ${formatFixedTokens(usage.output || 0)}`;
+}
+export function formatCompactStats(usage, model, maxWidth, options = {}) {
+    const tokenParts = [`↑ ${formatFixedTokens(usage.input || 0)}`, `↓ ${formatFixedTokens(usage.output || 0)}`];
+    let runtimeParts = [`tps: ${formatTps(usage.smoothedTps)}`];
+    if (!options.skipContext) {
+        runtimeParts.push(`ctx: ${formatFixedTokens(usage.contextTokens || 0)}`);
+    }
+    const parts = options.skipTokens ? runtimeParts : [...tokenParts, ...runtimeParts];
+    const displayModel = options.hideModel ? undefined : (model ? model.replace(/^[^/]+\//, "") : undefined);
+    let result = parts.join(" · ") + (displayModel ? ` · ${displayModel}` : "");
+    if (maxWidth && visibleLength(result) > maxWidth) {
+        // Drop model first.
+        let narrow = parts.join(" · ");
+        if (visibleLength(narrow) <= maxWidth)
+            return narrow;
+        // Drop context tokens next.
+        const withoutContext = parts.filter((part) => !part.startsWith("ctx:"));
+        narrow = withoutContext.join(" · ");
+        if (visibleLength(narrow) <= maxWidth)
+            return narrow;
+        // Bare minimum: token pair for normal stats, tps for token-free headers.
+        narrow = options.skipTokens ? runtimeParts[0] : tokenParts.join(" · ");
+        if (visibleLength(narrow) <= maxWidth)
+            return narrow;
+        return truncateChars(result, maxWidth);
+    }
+    return result;
+}
+export function formatCountdown(ms) {
+    const totalSeconds = Math.max(0, Math.ceil(ms / 1000));
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+}
+/** Regex matching ANSI escape sequences. */
+const ANSI_RE = /\x1b\[[0-9;]*m/g;
+/** Return the visible (ANSI-stripped) character count. */
+export function visibleLength(text) {
+    return text.replace(ANSI_RE, "").length;
+}
+/**
+ * Compute the remaining visible-character budget for a line,
+ * given the length of its prefix (indent + label + space).
+ * Respects `process.stdout.columns` with a floor of 40 and default of 80.
+ */
+export function getTruncationBudget(prefixLength) {
+    const cols = process.stdout.columns ?? 80;
+    const width = Math.max(cols, 40);
+    return Math.max(width - prefixLength, 1);
+}
+/** Fixed content budget for collapsed-line text (dir/act/log). */
+export const CONTENT_MAX = 60;
+/** Longer budget for detail lines (act/msg) to show more content. */
+export const DETAIL_CONTENT_MAX = 80;
+/**
+ * Compute how many visible chars of content fit after a prefix,
+ * using the given budget (defaults to CONTENT_MAX). Floor of 8 to keep things readable.
+ */
+export function contentBudget(prefixVisibleLen, max = CONTENT_MAX) {
+    return Math.max(max - prefixVisibleLen, 8);
+}
+/**
+ * Truncate an ANSI-colored string to at most `max` visible characters,
+ * preserving ANSI codes in the kept portions. Does not inject reset codes
+ * — the caller is responsible for closing any open styles.
+ *
+ * Refactored to perform head-truncation (start + ...) instead of middle-truncation.
+ */
+function truncateAnsi(text, max) {
+    if (visibleLength(text) <= max)
+        return text;
+    // Walk through the string, collecting raw chars until we've consumed
+    // `count` visible characters. ANSI sequences are copied through without
+    // counting toward the limit.
+    function takeVisible(src, count) {
+        let raw = "";
+        let visible = 0;
+        let i = 0;
+        while (i < src.length && visible < count) {
+            // Check for ANSI escape sequence at current position
+            if (src[i] === "\x1b" && src[i + 1] === "[") {
+                const end = src.indexOf("m", i + 2);
+                if (end !== -1) {
+                    const seq = src.slice(i, end + 1);
+                    if (/^\x1b\[[0-9;]*m$/.test(seq)) {
+                        raw += seq;
+                        i = end + 1;
+                        continue;
+                    }
+                }
+            }
+            raw += src[i];
+            visible++;
+            i++;
+        }
+        return { raw, consumed: visible };
+    }
+    if (max < 3) {
+        // Not enough room for '...' — just truncate without ellipsis
+        const { raw } = takeVisible(text, max);
+        return raw;
+    }
+    const keep = max - 3; // 3 = '...'.length
+    const ellipsis = "...";
+    // Take head from the start
+    const headResult = takeVisible(text, keep);
+    return headResult.raw + ellipsis;
+}
+export function truncateChars(text, max) {
+    text = text.replace(/[\n\r\t]+/g, " ").replace(/ +/g, " ").trim();
+    if (visibleLength(text) <= max)
+        return text;
+    return truncateAnsi(text, max);
+}
+export function tailText(text, max) {
+    const flat = text.replace(/[\n\r\t]+/g, " ").replace(/ +/g, " ").trim();
+    if (visibleLength(flat) <= max)
+        return flat;
+    // Take last `max` visible characters from the end
+    let visible = 0;
+    let i = flat.length - 1;
+    while (i >= 0 && visible < max) {
+        if (flat[i] === "m") {
+            const escStart = flat.lastIndexOf("\x1b[", i);
+            if (escStart !== -1 && escStart < i) {
+                const seq = flat.slice(escStart, i + 1);
+                if (/^\x1b\[[0-9;]*m$/.test(seq)) {
+                    i = escStart - 1;
+                    continue;
+                }
+            }
+        }
+        visible++;
+        i--;
+    }
+    return flat.slice(i + 1);
+}
+//# sourceMappingURL=render-utils.js.map

package/dist/render-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-utils.js","sourceRoot":"","sources":["../src/render-utils.ts"],"names":[],"mappings":"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"}

package/dist/render.d.ts

@@ -0,0 +1,24 @@
+/**
+ * TUI rendering for flow-state tool calls and results.
+ *
+ * Option B: collapsed view shows structured report (Summary/Done/Not Done/Next Steps).
+ * Expanded view adds raw tool call traces.
+ */
+import { Container, Text } from "@mariozechner/pi-tui";
+type ThemeFg = (color: string, text: string) => string;
+type ThemeBg = (color: string, text: string) => string;
+type FlowTheme = {
+    fg: ThemeFg;
+    bold: (s: string) => string;
+    bg: ThemeBg;
+};
+export declare function renderFlowCall(args: Record<string, any>, theme: FlowTheme): Text;
+export declare function renderFlowResult(result: {
+    content: Array<{
+        type: string;
+        text?: string;
+    }>;
+    details?: unknown;
+}, expanded: boolean, theme: FlowTheme, args?: Record<string, any>): Container | Text;
+export {};
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,SAAS,EAAoB,IAAI,EAAiB,MAAM,sBAAsB,CAAC;AAsBxF,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AACvD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AACvD,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,EAAE,EAAE,OAAO,CAAA;CAAE,CAAC;AAiI3E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAKhF;AAMD,wBAAgB,gBAAgB,CAC/B,MAAM,EAAE;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,EAC9E,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,SAAS,EAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACxB,SAAS,GAAG,IAAI,CA4BlB"}

package/dist/render.js

@@ -0,0 +1,409 @@
+/**
+ * TUI rendering for flow-state tool calls and results.
+ *
+ * Option B: collapsed view shows structured report (Summary/Done/Not Done/Next Steps).
+ * Expanded view adds raw tool call traces.
+ */
+import * as os from "node:os";
+import { getMarkdownTheme } from "@mariozechner/pi-coding-agent";
+import { Container, Markdown, Spacer, Text, TruncatedText } from "@mariozechner/pi-tui";
+import { getFlowSummaryText } from "./runner-events.js";
+import { aggregateFlowUsage, getFlowDisplayItems, getFlowOutput, getLastToolCall, getLastAssistantText, isFlowError, isFlowSuccess, } from "./types.js";
+import { formatCompactStats, formatCompactTokenPair, formatCountdown, formatFlowTypeName, truncateChars, tailText, contentBudget, visibleLength, DETAIL_CONTENT_MAX } from "./render-utils.js";
+function shortenPath(p) {
+    const home = os.homedir();
+    return p.startsWith(home) ? `~${p.slice(home.length)}` : p;
+}
+function formatCollapsedFlowHeaderTypeName(type) {
+    return type.toLowerCase();
+}
+function formatFlowToolCall(toolName, args, fg) {
+    const pathArg = (args.file_path || args.path || "...");
+    switch (toolName) {
+        case "bash": {
+            const cmd = (args.command || "...").replace(/[\n\r\t]+/g, " ").replace(/ +/g, " ").trim();
+            return fg("muted", "$ ") + fg("toolOutput", cmd);
+        }
+        case "read": {
+            let text = fg("accent", shortenPath(pathArg));
+            const offset = args.offset;
+            const limit = args.limit;
+            if (offset !== undefined || limit !== undefined) {
+                const start = offset ?? 1;
+                const end = limit !== undefined ? start + limit - 1 : "";
+                text += fg("warning", `:${start}${end ? `-${end}` : ""}`);
+            }
+            return fg("muted", "read ") + text;
+        }
+        case "write": {
+            const lines = (args.content || "").split("\n").length;
+            let text = fg("muted", "write ") + fg("accent", shortenPath(pathArg));
+            if (lines > 1)
+                text += fg("dim", ` (${lines} lines)`);
+            return text;
+        }
+        case "edit":
+            return fg("muted", "edit ") + fg("accent", shortenPath(pathArg));
+        case "ls":
+            return fg("muted", "ls ") + fg("accent", shortenPath((args.path || ".")));
+        case "find":
+            return fg("muted", "find ") + fg("accent", (args.pattern || "*")) + fg("dim", ` in ${shortenPath((args.path || "."))}`);
+        case "grep":
+            return fg("muted", "grep ") + fg("accent", `/${(args.pattern || "")}/`) + fg("dim", ` in ${shortenPath((args.path || "."))}`);
+        case "batch":
+        case "batch_read": {
+            const ops = Array.isArray(args.o) ? args.o : Array.isArray(args.op) ? args.op : Array.isArray(args.operations) ? args.operations : Array.isArray(args) ? args : [];
+            if (ops.length === 0)
+                return fg("muted", `${toolName} (empty)`);
+            const parts = [];
+            for (const op of ops) {
+                const opObj = op;
+                const opName = (opObj.o ?? opObj.op ?? "?");
+                const opPath = (opObj.p ?? opObj.path ?? "?");
+                const shortPath = shortenPath(opPath);
+                if (opName === "edit") {
+                    const edits = (opObj.e ?? opObj.edits);
+                    const blockInfo = edits && edits.length > 1 ? ` (${edits.length} blocks)` : "";
+                    parts.push(`edit ${shortPath}${blockInfo}`);
+                }
+                else {
+                    parts.push(`${opName} ${shortPath}`);
+                }
+            }
+            const summary = parts.length <= 3 ? parts.join(", ") : `${parts.slice(0, 2).join(", ")} +${parts.length - 2} more`;
+            return fg("muted", `${toolName} `) + fg("accent", summary);
+        }
+        default:
+            return fg("accent", toolName) + fg("dim", ` ${JSON.stringify(args)}`);
+    }
+}
+// ---------------------------------------------------------------------------
+// Shared rendering building blocks
+// ---------------------------------------------------------------------------
+function splitOutputLines(text) {
+    const lines = text.replace(/\r\n?/g, "\n").split("\n");
+    if (lines.length > 1 && lines[lines.length - 1] === "")
+        lines.pop();
+    return lines;
+}
+function renderToolTraces(items, theme) {
+    const lines = [];
+    for (const item of items) {
+        if (item.type === "toolCall") {
+            lines.push(theme.fg("muted", "→ ") + formatFlowToolCall(item.name, item.args, theme.fg.bind(theme)));
+        }
+    }
+    return lines.join("\n");
+}
+function renderFlowReport(output, theme) {
+    const lines = splitOutputLines(output);
+    return lines.map((line) => theme.fg("toolOutput", line)).join("\n");
+}
+function flowStatusIcon(r, theme) {
+    if (r.exitCode === -1)
+        return theme.fg("warning", "⏳");
+    return isFlowError(r) ? theme.fg("error", "✗") : theme.fg("success", "✓");
+}
+/** Center a label in a fixed-width header using em-dashes. Total width = 20. */
+function sectionHeader(label) {
+    const total = 20;
+    const innerLen = label.length + 2; // account for spaces around label
+    const side = (total - innerLen) / 2;
+    const left = "─".repeat(Math.floor(side));
+    const right = "─".repeat(Math.ceil(side));
+    return `${left} ${label} ${right}`;
+}
+function getLiveCountdown(r) {
+    if (r.exitCode !== -1 || typeof r.deadlineAtMs !== "number")
+        return undefined;
+    return formatCountdown(r.deadlineAtMs - Date.now());
+}
+function formatAimLinePrefix(treePrefix, r) {
+    const countdown = getLiveCountdown(r);
+    return countdown ? `${treePrefix} aim: [${countdown}] - ` : `${treePrefix} aim: `;
+}
+function formatMsgLinePrefix(treePrefix, r) {
+    return `${treePrefix} msg: [${formatCompactTokenPair(r.usage)}] - `;
+}
+// ---------------------------------------------------------------------------
+// renderFlowCall — shown while the flow is being invoked
+// ---------------------------------------------------------------------------
+export function renderFlowCall(args, theme) {
+    const flows = args.flow;
+    // Minimal — renderFlowResult owns the full display
+    return new Text("", 0, 0);
+}
+// ---------------------------------------------------------------------------
+// renderFlowResult — shown after the flow completes
+// ---------------------------------------------------------------------------
+export function renderFlowResult(result, expanded, theme, args) {
+    const details = result.details;
+    const streamingText = result.content?.[0]?.type === "text" ? result.content[0].text : undefined;
+    if (!details || details.results.length === 0) {
+        // Ghost Dashboard: render a placeholder status line during the zero state
+        const flowRequest = args?.flow?.[0];
+        if (flowRequest) {
+            const ghostResult = {
+                type: flowRequest.type || "unknown",
+                agentSource: "user",
+                intent: flowRequest.intent || "Processing...",
+                aim: flowRequest.aim || flowRequest.intent || "Processing...",
+                exitCode: -1, // In progress
+                messages: [],
+                stderr: "",
+                usage: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, cost: 0, contextTokens: 0, turns: 0, toolCalls: 0 },
+            };
+            return renderFlowCollapsed(ghostResult, flowStatusIcon(ghostResult, theme), false, streamingText || "", theme);
+        }
+        return new Text(streamingText || "", 0, 0);
+    }
+    if (details.results.length === 1) {
+        return renderSingleFlowResult(details.results[0], expanded, theme, streamingText);
+    }
+    return renderMultiFlowResult(details, expanded, theme);
+}
+// ---------------------------------------------------------------------------
+// Single flow result
+// ---------------------------------------------------------------------------
+function renderSingleFlowResult(r, expanded, theme, streamingText) {
+    const error = isFlowError(r);
+    const icon = flowStatusIcon(r, theme);
+    const displayItems = getFlowDisplayItems(r.messages);
+    const flowOutput = getFlowOutput(r.messages);
+    if (expanded) {
+        return renderFlowExpanded(r, icon, error, displayItems, flowOutput, theme);
+    }
+    return renderFlowCollapsed(r, icon, error, flowOutput, theme, streamingText);
+}
+function renderFlowExpanded(r, icon, error, displayItems, flowOutput, theme) {
+    const mdTheme = getMarkdownTheme();
+    const container = new Container();
+    // Header: uppercase type name with dots, no icon, no source
+    const typeName = formatFlowTypeName(r.type);
+    let header = theme.fg("toolTitle", theme.bold(typeName));
+    if (error && r.stopReason)
+        header += ` ${theme.fg("error", `[${r.stopReason}]`)}`;
+    container.addChild(new Text(header, 0, 0));
+    if (error && r.errorMessage) {
+        container.addChild(new Text(theme.fg("error", `Error: ${r.errorMessage}`), 0, 0));
+    }
+    // Stats: dashboard format
+    const inlineStats = formatCompactStats(r.usage, r.model);
+    container.addChild(new Text(theme.fg("dim", inlineStats), 0, 0));
+    // Intent
+    container.addChild(new Spacer(1));
+    container.addChild(new Text(theme.fg("muted", sectionHeader("intent")), 0, 0));
+    container.addChild(new Text(theme.fg("dim", r.intent), 0, 0));
+    // Flow report (structured output)
+    container.addChild(new Spacer(1));
+    container.addChild(new Text(theme.fg("muted", sectionHeader("report")), 0, 0));
+    // Structured output summary (compact badge when available)
+    if (r.structuredOutput) {
+        const so = r.structuredOutput;
+        const statusColor = so.status === "complete" ? "success" : so.status === "partial" ? "warning" : "error";
+        container.addChild(new Text(`${theme.fg(statusColor, `[${so.status}]`)} ${theme.fg("dim", so.summary)}`, 0, 0));
+        if (so.files.length > 0) {
+            container.addChild(new Text(theme.fg("dim", `Files: ${so.files.map((f) => f.path).join(", ")}`), 0, 0));
+        }
+        if (so.commands?.length > 0) {
+            const cmdLabels = so.commands.map((c) => {
+                const short = c.command.length > 30 ? c.command.slice(0, 30) + "..." : c.command;
+                return `${c.tool ?? "cmd"}: ${short}`;
+            });
+            container.addChild(new Text(theme.fg("dim", `Commands: ${cmdLabels.join(", ")}`), 0, 0));
+        }
+        if (so.notDone.length > 0) {
+            const notDoneText = so.notDone.map((item) => {
+                const details = [
+                    item.reason ? `reason: ${item.reason}` : undefined,
+                    item.blocker ? `blocker: ${item.blocker}` : undefined,
+                    item.nextStep ? `next: ${item.nextStep}` : undefined,
+                ].filter(Boolean).join("; ");
+                return details ? `${item.item} (${details})` : item.item;
+            }).join("; ");
+            container.addChild(new Text(theme.fg("dim", `Not Done: ${notDoneText}`), 0, 0));
+        }
+        if (so.nextSteps.length > 0) {
+            container.addChild(new Text(theme.fg("dim", `Next: ${so.nextSteps.join("; ")}`), 0, 0));
+        }
+        container.addChild(new Spacer(1));
+    }
+    if (flowOutput) {
+        container.addChild(new Markdown(flowOutput.trim(), 0, 0, mdTheme));
+    }
+    else {
+        const summary = getFlowSummaryText(r);
+        container.addChild(new Text(theme.fg("muted", summary), 0, 0));
+    }
+    // Tool traces (expanded only)
+    const toolTraces = renderToolTraces(displayItems, theme);
+    if (toolTraces) {
+        container.addChild(new Spacer(1));
+        container.addChild(new Text(theme.fg("muted", sectionHeader("tool calls")), 0, 0));
+        container.addChild(new Text(toolTraces, 0, 0));
+    }
+    return container;
+}
+function renderFlowCollapsed(r, icon, error, flowOutput, theme, streamingText) {
+    const container = new Container();
+    const maxWidth = process.stdout.columns ?? 80;
+    const stats = formatCompactStats(r.usage, r.model, maxWidth, { skipTokens: true, skipContext: true, hideModel: true });
+    const typeName = formatCollapsedFlowHeaderTypeName(r.type);
+    const modelLabel = r.model ? r.model.replace(/^[^/]+\//, "") : "";
+    let header = `${theme.fg("accent", theme.bold(typeName))}${theme.fg("dim", modelLabel ? ` · ${modelLabel} · ` : " · ")}${theme.fg("dim", stats)}`;
+    if (error && r.stopReason)
+        header += ` ${theme.fg("error", `[${r.stopReason}]`)}`;
+    container.addChild(new TruncatedText(header, 0, 0));
+    // aim: line (short headline)
+    if (r.aim) {
+        const aimPrefix = formatAimLinePrefix("├─", r);
+        const dirContent = truncateChars(r.aim, contentBudget(visibleLength(aimPrefix)));
+        container.addChild(new TruncatedText(`${theme.fg("dim", aimPrefix)}${theme.fg("dim", dirContent)}`, 0, 0));
+    }
+    // act: line (last tool call with count)
+    const lastTool = getLastToolCall(r.messages);
+    if (lastTool) {
+        const actStr = formatFlowToolCall(lastTool.name, lastTool.args, theme.fg.bind(theme));
+        const actPrefix = `├─ act: [${r.usage.toolCalls}] - `;
+        const actContent = truncateChars(actStr, contentBudget(visibleLength(actPrefix), DETAIL_CONTENT_MAX));
+        container.addChild(new TruncatedText(`${theme.fg("dim", actPrefix)}${actContent}`, 0, 0));
+    }
+    // msg: line (last assistant text or streaming)
+    const msgPrefix = formatMsgLinePrefix("└─", r);
+    const msgBudget = contentBudget(visibleLength(msgPrefix), DETAIL_CONTENT_MAX);
+    if (r.exitCode === -1 && streamingText) {
+        const logContent = tailText(streamingText, msgBudget);
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", logContent)}`, 0, 0));
+    }
+    else if (r.structuredOutput?.summary) {
+        const logContent = truncateChars(r.structuredOutput.summary, msgBudget);
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", logContent)}`, 0, 0));
+    }
+    else if (flowOutput) {
+        const logContent = tailText(flowOutput, msgBudget);
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", logContent)}`, 0, 0));
+    }
+    else if (streamingText) {
+        const logContent = tailText(streamingText, msgBudget);
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", logContent)}`, 0, 0));
+    }
+    else if (error && r.errorMessage) {
+        const logContent = truncateChars(r.errorMessage, msgBudget);
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("error", logContent)}`, 0, 0));
+    }
+    else {
+        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", "[n/a]")}`, 0, 0));
+    }
+    return container;
+}
+// ---------------------------------------------------------------------------
+// Multi-flow result
+// ---------------------------------------------------------------------------
+function renderMultiFlowResult(details, expanded, theme) {
+    const results = details.results;
+    const successCount = results.filter((r) => isFlowSuccess(r)).length;
+    const failCount = results.filter((r) => isFlowError(r)).length;
+    const icon = failCount > 0 ? theme.fg("warning", "◐") : theme.fg("success", "✓");
+    if (expanded) {
+        return renderMultiFlowExpanded(results, successCount, icon, theme);
+    }
+    return renderMultiFlowCollapsed(results, theme);
+}
+function renderMultiFlowExpanded(results, successCount, icon, theme) {
+    const mdTheme = getMarkdownTheme();
+    const container = new Container();
+    // Summary: just show count, no icon
+    container.addChild(new Text(theme.fg("accent", `${results.length} flows`), 0, 0));
+    for (const r of results) {
+        const displayItems = getFlowDisplayItems(r.messages);
+        const flowOutput = getFlowOutput(r.messages);
+        const typeName = formatFlowTypeName(r.type);
+        container.addChild(new Spacer(1));
+        // Per-flow header: ─── EXPLORER (no icon)
+        container.addChild(new Text(theme.fg("muted", sectionHeader(typeName)), 0, 0));
+        // Stats: dashboard format
+        const flowStats = formatCompactStats(r.usage, r.model);
+        container.addChild(new Text(theme.fg("dim", flowStats), 0, 0));
+        // Intent: just show text, no prefix
+        container.addChild(new Text(theme.fg("dim", r.intent), 0, 0));
+        if (flowOutput) {
+            container.addChild(new Spacer(1));
+            container.addChild(new Markdown(flowOutput.trim(), 0, 0, mdTheme));
+        }
+        // Tool traces in expanded view
+        const toolTraces = renderToolTraces(displayItems, theme);
+        if (toolTraces) {
+            container.addChild(new Spacer(1));
+            container.addChild(new Text(theme.fg("muted", sectionHeader("tool calls")), 0, 0));
+            container.addChild(new Text(toolTraces, 0, 0));
+        }
+    }
+    // Total stats: dashboard format
+    const totalUsage = aggregateFlowUsage(results);
+    const totalModel = results[0]?.model;
+    const totalStats = formatCompactStats(totalUsage, totalModel);
+    container.addChild(new Spacer(1));
+    container.addChild(new Text(theme.fg("dim", totalStats), 0, 0));
+    return container;
+}
+function renderActivityPanel(results, theme) {
+    const container = new Container();
+    const maxWidth = process.stdout.columns ?? 80;
+    for (let i = 0; i < results.length; i++) {
+        const r = results[i];
+        const isLast = i === results.length - 1;
+        const stats = formatCompactStats(r.usage, r.model, maxWidth, { skipTokens: true, skipContext: true, hideModel: true });
+        const error = isFlowError(r);
+        const typeName = formatCollapsedFlowHeaderTypeName(r.type);
+        // Header line
+        const headerPrefix = isLast ? "└─" : "├─";
+        const modelLabel = r.model ? r.model.replace(/^[^/]+\//, "") : "";
+        let headerLine = `${theme.fg("dim", headerPrefix)} ${theme.fg("accent", theme.bold(typeName))}${theme.fg("dim", modelLabel ? ` · ${modelLabel} · ` : " · ")}${theme.fg("dim", stats)}`;
+        if (error && r.stopReason) {
+            headerLine += ` ${theme.fg("error", `[${r.stopReason}]`)}`;
+        }
+        container.addChild(new TruncatedText(headerLine, 0, 0));
+        // Continuation indent for sub-lines
+        const indent = isLast ? "   " : "│  ";
+        // aim: line (short headline)
+        if (r.aim) {
+            const aimPrefix = formatAimLinePrefix(indent + "├─", r);
+            const dirContent = truncateChars(r.aim, contentBudget(visibleLength(aimPrefix)));
+            container.addChild(new TruncatedText(`${theme.fg("dim", aimPrefix)}${theme.fg("dim", dirContent)}`, 0, 0));
+        }
+        // act: line (last tool call with count)
+        const lastTool = getLastToolCall(r.messages);
+        if (lastTool) {
+            const actStr = formatFlowToolCall(lastTool.name, lastTool.args, theme.fg.bind(theme));
+            const actPrefix = `${indent}├─ act: [${r.usage.toolCalls}] - `;
+            const actContent = truncateChars(actStr, contentBudget(visibleLength(actPrefix), DETAIL_CONTENT_MAX));
+            container.addChild(new TruncatedText(`${theme.fg("dim", actPrefix)}${actContent}`, 0, 0));
+        }
+        // msg: line (live streaming text or last assistant text)
+        const msgPrefix = formatMsgLinePrefix(indent + "└─", r);
+        const msgBudget = contentBudget(visibleLength(msgPrefix), DETAIL_CONTENT_MAX);
+        const liveText = r.exitCode === -1 ? r.streamingText : undefined;
+        const lastText = liveText || getLastAssistantText(r.messages);
+        if (lastText) {
+            const logContent = tailText(lastText, msgBudget);
+            container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", logContent)}`, 0, 0));
+        }
+        else if (error && r.errorMessage) {
+            const logContent = truncateChars(r.errorMessage, msgBudget);
+            container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("error", logContent)}`, 0, 0));
+        }
+        else {
+            container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg("dim", "[n/a]")}`, 0, 0));
+        }
+        // Add blank line separator between flows (with continuation pipe)
+        if (!isLast) {
+            container.addChild(new TruncatedText(theme.fg("dim", "│"), 0, 0));
+        }
+    }
+    container.addChild(new TruncatedText(theme.fg("muted", "(Ctrl+O to expand tool traces)"), 0, 0));
+    return container;
+}
+function renderMultiFlowCollapsed(results, theme) {
+    return renderActivityPanel(results, theme);
+}
+//# sourceMappingURL=render.js.map