pi-agent-flow 1.8.39 → 2.0.0

package/dist/render.js

@@ -1,592 +0,0 @@
-/**
- * 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 { formatBatchOpsSummary } from "./batch/render.js";
-import { scrambleManager, runScrambleTimer } from "./scramble.js";
-import { formatCompactStats, formatCompactTokenPair, formatCountdown, formatFlowTypeName, italic, lowerFirstWord, truncateChars, tailText, getTruncationBudget, visibleLength, stripAnsi } 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 summary = formatBatchOpsSummary(args);
-            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());
-}
-// ---------------------------------------------------------------------------
-// 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;
-    let container;
-    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...",
-                acceptance: flowRequest.acceptance,
-                exitCode: -1, // In progress
-                messages: [],
-                stderr: "",
-                usage: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, cost: 0, contextTokens: 0, turns: 0, toolCalls: 0 },
-            };
-            if (expanded) {
-                const now = Date.now();
-                container = renderFlowExpanded(ghostResult, flowStatusIcon(ghostResult, theme), false, getFlowDisplayItems([]), getFlowOutput([]), theme, "ghost", now, false, streamingText || "");
-            }
-            else {
-                container = renderFlowCollapsed(ghostResult, flowStatusIcon(ghostResult, theme), false, streamingText || "", theme);
-            }
-        }
-        else {
-            container = new Text(streamingText || "", 0, 0);
-        }
-    }
-    else if (details.results.length === 1) {
-        container = renderSingleFlowResult(details.results[0], expanded, theme, streamingText);
-    }
-    else {
-        container = renderMultiFlowResult(details, expanded, theme);
-    }
-    // Scramble animation timer — shared helper so any renderer can animate.
-    runScrambleTimer(args);
-    return container;
-}
-// ---------------------------------------------------------------------------
-// Single flow result
-// ---------------------------------------------------------------------------
-function renderSingleFlowResult(r, expanded, theme, streamingText, toolCallId) {
-    const id = toolCallId || "single";
-    const error = isFlowError(r);
-    const icon = flowStatusIcon(r, theme);
-    const displayItems = getFlowDisplayItems(r.messages);
-    const flowOutput = getFlowOutput(r.messages);
-    const now = Date.now();
-    const isComplete = r.exitCode !== -1;
-    if (expanded) {
-        return renderFlowExpanded(r, icon, error, displayItems, flowOutput, theme, id, now, isComplete, streamingText);
-    }
-    return renderFlowCollapsed(r, icon, error, flowOutput, theme, streamingText, id);
-}
-function renderFlowExpanded(r, icon, error, displayItems, flowOutput, theme, id, now, isComplete, streamingText) {
-    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}]`)}`;
-    const plainHeader = typeName + (error && r.stopReason ? ` [${r.stopReason}]` : "");
-    const headerResult = scrambleManager.updateText(id, 'header', plainHeader, now, isComplete);
-    container.addChild(new Text(headerResult.isAnimating ? theme.fg("toolTitle", headerResult.content) : 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);
-    const statsResult = scrambleManager.updateText(id, 'stats', stripAnsi(inlineStats), now, isComplete);
-    container.addChild(new Text(statsResult.isAnimating ? theme.fg("dim", statsResult.content) : theme.fg("dim", inlineStats), 0, 0));
-    // Intent
-    container.addChild(new Spacer(1));
-    container.addChild(new Text(theme.fg("muted", sectionHeader("intent")), 0, 0));
-    const intentResult = scrambleManager.updateText(id, 'intent', r.intent, now, isComplete);
-    container.addChild(new Text(intentResult.isAnimating ? theme.fg("dim", intentResult.content) : theme.fg("dim", r.intent), 0, 0));
-    // Acceptance
-    if (r.acceptance) {
-        container.addChild(new Spacer(1));
-        container.addChild(new Text(theme.fg("muted", sectionHeader("acceptance")), 0, 0));
-        const acceptanceResult = scrambleManager.updateText(id, 'acceptance', r.acceptance, now, isComplete);
-        container.addChild(new Text(acceptanceResult.isAnimating ? theme.fg("dim", acceptanceResult.content) : theme.fg("dim", r.acceptance), 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";
-        const statusText = `[${so.status}] ${so.summary}`;
-        const statusResult = scrambleManager.updateText(id, 'report-status', statusText, now, isComplete, false);
-        container.addChild(new Text(statusResult.isAnimating ? `${theme.fg(statusColor, statusResult.content.split(' ')[0])} ${theme.fg("dim", statusResult.content.slice(statusResult.content.indexOf(' ') + 1))}` : `${theme.fg(statusColor, `[${so.status}]`)} ${theme.fg("dim", so.summary)}`, 0, 0));
-        if (so.files.length > 0) {
-            const filesText = `Files: ${so.files.map((f) => f.path).join(", ")}`;
-            const filesResult = scrambleManager.updateText(id, 'report-files', filesText, now, isComplete, false);
-            container.addChild(new Text(filesResult.isAnimating ? theme.fg("dim", filesResult.content) : theme.fg("dim", filesText), 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}`;
-            });
-            const commandsText = `Commands: ${cmdLabels.join(", ")}`;
-            const commandsResult = scrambleManager.updateText(id, 'report-commands', commandsText, now, isComplete, false);
-            container.addChild(new Text(commandsResult.isAnimating ? theme.fg("dim", commandsResult.content) : theme.fg("dim", commandsText), 0, 0));
-        }
-        if (so.notDone.length > 0) {
-            const notDoneText = `Not Done: ${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("; ")}`;
-            const notDoneResult = scrambleManager.updateText(id, 'report-notDone', notDoneText, now, isComplete, false);
-            container.addChild(new Text(notDoneResult.isAnimating ? theme.fg("dim", notDoneResult.content) : theme.fg("dim", notDoneText), 0, 0));
-        }
-        if (so.nextSteps.length > 0) {
-            const nextStepsText = `Next: ${so.nextSteps.join("; ")}`;
-            const nextStepsResult = scrambleManager.updateText(id, 'report-nextSteps', nextStepsText, now, isComplete, false);
-            container.addChild(new Text(nextStepsResult.isAnimating ? theme.fg("dim", nextStepsResult.content) : theme.fg("dim", nextStepsText), 0, 0));
-        }
-        container.addChild(new Spacer(1));
-    }
-    // Output: animate streaming text; show clean markdown when complete
-    if (!isComplete && streamingText) {
-        const scrambled = scrambleManager.updateMsg(id, stripAnsi(streamingText), now, isComplete).content;
-        container.addChild(new Text(scrambled, 0, 0));
-    }
-    else if (flowOutput) {
-        container.addChild(new Markdown(flowOutput.trim(), 0, 0, mdTheme));
-    }
-    else {
-        const summary = getFlowSummaryText(r);
-        const summaryResult = scrambleManager.updateText(id, 'output-summary', summary, now, isComplete, false);
-        container.addChild(new Text(summaryResult.isAnimating ? theme.fg("muted", summaryResult.content) : theme.fg("muted", summary), 0, 0));
-    }
-    // Tool traces (expanded only) — per-line scramble
-    const toolCallItems = displayItems.filter((item) => item.type === "toolCall");
-    if (toolCallItems.length > 0) {
-        container.addChild(new Spacer(1));
-        container.addChild(new Text(theme.fg("muted", sectionHeader("tool calls")), 0, 0));
-        for (let i = 0; i < toolCallItems.length; i++) {
-            const item = toolCallItems[i];
-            const lineText = theme.fg("muted", "→ ") + formatFlowToolCall(item.name, item.args, theme.fg.bind(theme));
-            const plainText = stripAnsi(lineText);
-            const scrambled = scrambleManager.updateText(id, `tool#${i}`, plainText, now, isComplete).content;
-            container.addChild(new Text(scrambled, 0, 0));
-        }
-    }
-    if (isComplete) {
-        scrambleManager.completeFlow(id);
-    }
-    return container;
-}
-function renderFlowCollapsed(r, icon, error, flowOutput, theme, streamingText, toolCallId) {
-    const id = toolCallId || "collapsed";
-    const now = Date.now();
-    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 isComplete = r.exitCode !== -1;
-    // Flash TPS value when it changes
-    const tpsMatch = stats.match(/tps:\s*(\S+)/);
-    let displayStats = stats;
-    if (tpsMatch) {
-        const scrambledTps = scrambleManager.updateTps(id, tpsMatch[1], now, isComplete, true);
-        if (scrambledTps !== tpsMatch[1]) {
-            displayStats = stats.replace(tpsMatch[1], scrambledTps);
-        }
-    }
-    const typeName = formatCollapsedFlowHeaderTypeName(r.type);
-    const modelLabel = r.model ? r.model.replace(/^[^/]+\//, "").toLowerCase() : "";
-    let header = `${theme.fg("accent", theme.bold(typeName))}${theme.fg("dim", modelLabel ? ` - ${modelLabel} - ` : " - ")}${theme.fg("dim", displayStats)}`;
-    if (error && r.stopReason)
-        header += ` ${theme.fg("error", `[${r.stopReason}]`)}`;
-    // Scramble header on first render; show full styled header when complete
-    const plainHeader = typeName + (modelLabel ? ` - ${modelLabel} - ` : " - ") + stripAnsi(displayStats) + (error && r.stopReason ? ` [${r.stopReason}]` : "");
-    const headerResult = scrambleManager.updateText(id, 'header', plainHeader, now, isComplete, true);
-    const headerDisplay = headerResult.isAnimating ? theme.fg("accent", headerResult.content) : header;
-    container.addChild(new TruncatedText(headerDisplay, 0, 0));
-    // aim: line — cascade/ripple/illuminate on text change
-    if (r.aim) {
-        const countdown = getLiveCountdown(r);
-        const treePrefix = "├─";
-        const aimPrefix = countdown
-            ? `${treePrefix} aim: [${countdown}] - `
-            : `${treePrefix} aim: `;
-        const budget = getTruncationBudget(visibleLength(aimPrefix));
-        const displayAim = truncateChars(lowerFirstWord(r.aim), budget);
-        const aimResult = scrambleManager.updateAim(id, displayAim, now, isComplete, true);
-        const aimContent = aimResult.content;
-        container.addChild(new TruncatedText(`${theme.fg("dim", aimPrefix)}${theme.fg("dim", italic(aimContent))}`, 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 prefixStub = `├─ act: [${r.usage.toolCalls}] - `;
-        const budget = getTruncationBudget(visibleLength(prefixStub));
-        const actFullText = stripAnsi(lowerFirstWord(actStr));
-        let actContent;
-        if (scrambleManager.getMode() === 'stream') {
-            actContent = scrambleManager.streamAct(id, actFullText, now, isComplete, budget);
-        }
-        else {
-            const displayAct = truncateChars(actFullText, budget);
-            actContent = scrambleManager.updateAct(id, displayAct, now, isComplete, true).content;
-        }
-        let actKpi = String(r.usage.toolCalls);
-        const scrambledActKpi = scrambleManager.updateActKpi(id, actKpi, now, isComplete, true);
-        if (scrambledActKpi !== actKpi) {
-            actKpi = scrambledActKpi;
-        }
-        const actPrefix = `├─ act: [${actKpi}] - `;
-        container.addChild(new TruncatedText(`${theme.fg("dim", actPrefix)}${italic(actContent)}`, 0, 0));
-    }
-    // msg: line (last assistant text or streaming)
-    let msgKpi = formatCompactTokenPair(r.usage);
-    const scrambledMsgKpi = scrambleManager.updateMsgKpi(id, msgKpi, now, isComplete, false);
-    if (scrambledMsgKpi !== msgKpi) {
-        msgKpi = scrambledMsgKpi;
-    }
-    const msgPrefixStub = `└─ msg: [${msgKpi}] - `;
-    const msgBudget = getTruncationBudget(visibleLength(msgPrefixStub));
-    let rawMsg;
-    let useError = false;
-    if (r.exitCode === -1 && streamingText) {
-        rawMsg = stripAnsi(streamingText);
-    }
-    else if (r.structuredOutput?.summary) {
-        rawMsg = stripAnsi(r.structuredOutput.summary);
-    }
-    else if (flowOutput) {
-        rawMsg = stripAnsi(flowOutput);
-    }
-    else if (streamingText) {
-        rawMsg = stripAnsi(streamingText);
-    }
-    else if (error && r.errorMessage) {
-        rawMsg = stripAnsi(r.errorMessage);
-        useError = true;
-    }
-    else {
-        rawMsg = "[n/a]";
-    }
-    let msgContent;
-    if (scrambleManager.getMode() === 'stream') {
-        msgContent = scrambleManager.streamMsg(id, rawMsg, now, isComplete, msgBudget);
-    }
-    else {
-        // For active (incomplete) flows, pass full text to keep animation stable.
-        // TruncatedText handles display truncation. Completed flows truncate as before.
-        if (!isComplete) {
-            msgContent = scrambleManager.updateMsg(id, rawMsg, now, isComplete, undefined, true).content;
-        }
-        else {
-            const needsTail = (r.exitCode === -1 && streamingText) || streamingText;
-            const displayMsg = needsTail ? tailText(rawMsg, msgBudget) : truncateChars(rawMsg, msgBudget);
-            msgContent = scrambleManager.updateMsg(id, displayMsg, now, isComplete, undefined, true).content;
-        }
-    }
-    const msgPrefix = `└─ msg: [${msgKpi}] - `;
-    container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg(useError ? "error" : "dim", italic(msgContent))}`, 0, 0));
-    if (isComplete) {
-        scrambleManager.completeFlow(id);
-    }
-    return container;
-}
-// ---------------------------------------------------------------------------
-// Multi-flow result
-// ---------------------------------------------------------------------------
-function renderMultiFlowResult(details, expanded, theme, toolCallId) {
-    const baseId = toolCallId || "multi";
-    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", "✔");
-    const now = Date.now();
-    if (expanded) {
-        return renderMultiFlowExpanded(results, successCount, icon, theme, baseId, now);
-    }
-    return renderMultiFlowCollapsed(results, theme, baseId);
-}
-function renderMultiFlowExpanded(results, successCount, icon, theme, baseId, now) {
-    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 (let flowIdx = 0; flowIdx < results.length; flowIdx++) {
-        const r = results[flowIdx];
-        const flowId = `${baseId}#${flowIdx}`;
-        const isComplete = r.exitCode !== -1;
-        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)
-        const headerResult = scrambleManager.updateText(flowId, 'header', typeName, now, isComplete, true);
-        container.addChild(new Text(headerResult.isAnimating ? theme.fg("muted", headerResult.content) : theme.fg("muted", sectionHeader(typeName)), 0, 0));
-        // Stats: dashboard format
-        const flowStats = formatCompactStats(r.usage, r.model);
-        const statsResult = scrambleManager.updateText(flowId, 'stats', stripAnsi(flowStats), now, isComplete, true);
-        container.addChild(new Text(statsResult.isAnimating ? theme.fg("dim", statsResult.content) : theme.fg("dim", flowStats), 0, 0));
-        // Intent: just show text, no prefix
-        const intentResult = scrambleManager.updateText(flowId, 'intent', r.intent, now, isComplete, true);
-        container.addChild(new Text(intentResult.isAnimating ? theme.fg("dim", intentResult.content) : theme.fg("dim", r.intent), 0, 0));
-        if (r.acceptance) {
-            const acceptanceResult = scrambleManager.updateText(flowId, 'acceptance', r.acceptance, now, isComplete, true);
-            container.addChild(new Text(acceptanceResult.isAnimating ? theme.fg("dim", acceptanceResult.content) : theme.fg("dim", `Acceptance: ${r.acceptance}`), 0, 0));
-        }
-        // Output: animate streaming text; show clean markdown when complete
-        if (!isComplete && r.streamingText) {
-            const scrambled = scrambleManager.updateMsg(flowId, stripAnsi(r.streamingText), now, isComplete, undefined, true).content;
-            container.addChild(new Text(scrambled, 0, 0));
-        }
-        else if (flowOutput) {
-            container.addChild(new Spacer(1));
-            container.addChild(new Markdown(flowOutput.trim(), 0, 0, mdTheme));
-        }
-        // Tool traces in expanded view — per-line scramble
-        const toolCallItems = displayItems.filter((item) => item.type === "toolCall");
-        if (toolCallItems.length > 0) {
-            container.addChild(new Spacer(1));
-            container.addChild(new Text(theme.fg("muted", sectionHeader("tool calls")), 0, 0));
-            for (let i = 0; i < toolCallItems.length; i++) {
-                const item = toolCallItems[i];
-                const lineText = theme.fg("muted", "→ ") + formatFlowToolCall(item.name, item.args, theme.fg.bind(theme));
-                const plainText = stripAnsi(lineText);
-                const scrambled = scrambleManager.updateText(flowId, `tool#${i}`, plainText, now, isComplete).content;
-                container.addChild(new Text(scrambled, 0, 0));
-            }
-        }
-        if (isComplete) {
-            scrambleManager.completeFlow(flowId);
-        }
-    }
-    // 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, baseId) {
-    const idPrefix = baseId || "panel";
-    const container = new Container();
-    const maxWidth = process.stdout.columns ?? 80;
-    const now = Date.now();
-    for (let i = 0; i < results.length; i++) {
-        const r = results[i];
-        const isLast = i === results.length - 1;
-        const flowId = `${idPrefix}#${i}`;
-        const stats = formatCompactStats(r.usage, r.model, maxWidth, { skipTokens: true, skipContext: true, hideModel: true });
-        // Flash TPS value when it changes
-        const tpsMatch = stats.match(/tps:\s*(\S+)/);
-        const flowComplete = r.exitCode !== -1;
-        let displayStats = stats;
-        if (tpsMatch) {
-            const scrambledTps = scrambleManager.updateTps(flowId, tpsMatch[1], now, flowComplete, true);
-            if (scrambledTps !== tpsMatch[1]) {
-                displayStats = stats.replace(tpsMatch[1], scrambledTps);
-            }
-        }
-        const error = isFlowError(r);
-        const typeName = formatCollapsedFlowHeaderTypeName(r.type);
-        // Header line
-        const headerPrefix = isLast ? "└─" : "├─";
-        const modelLabel = r.model ? r.model.replace(/^[^/]+\//, "").toLowerCase() : "";
-        let headerLine = `${theme.fg("dim", headerPrefix)} ${theme.fg("accent", theme.bold(typeName))}${theme.fg("dim", modelLabel ? ` - ${modelLabel} - ` : " - ")}${theme.fg("dim", displayStats)}`;
-        if (error && r.stopReason) {
-            headerLine += ` ${theme.fg("error", `[${r.stopReason}]`)}`;
-        }
-        const plainHeader = headerPrefix + " " + typeName + (modelLabel ? ` - ${modelLabel} - ` : " - ") + stripAnsi(displayStats) + (error && r.stopReason ? ` [${r.stopReason}]` : "");
-        const headerResult = scrambleManager.updateText(flowId, 'header', plainHeader, now, flowComplete, true);
-        const headerDisplay = headerResult.isAnimating ? theme.fg("accent", headerResult.content) : headerLine;
-        container.addChild(new TruncatedText(headerDisplay, 0, 0));
-        // Continuation indent for sub-lines
-        const indent = isLast ? "   " : "│  ";
-        // aim: line — cascade/ripple/illuminate on text change
-        if (r.aim) {
-            const countdown = getLiveCountdown(r);
-            const treePrefix = indent + "├─";
-            const aimPrefix = countdown
-                ? `${treePrefix} aim: [${countdown}] - `
-                : `${treePrefix} aim: `;
-            const budget = getTruncationBudget(visibleLength(aimPrefix));
-            const displayAim = truncateChars(lowerFirstWord(r.aim), budget);
-            const aimResult = scrambleManager.updateAim(flowId, displayAim, now, flowComplete, true);
-            const aimContent = aimResult.content;
-            container.addChild(new TruncatedText(`${theme.fg("dim", aimPrefix)}${theme.fg("dim", italic(aimContent))}`, 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 prefixStub = `${indent}├─ act: [${r.usage.toolCalls}] - `;
-            const budget = getTruncationBudget(visibleLength(prefixStub));
-            const actFullText = stripAnsi(lowerFirstWord(actStr));
-            let actContent;
-            if (scrambleManager.getMode() === 'stream') {
-                actContent = scrambleManager.streamAct(flowId, actFullText, now, flowComplete, budget);
-            }
-            else {
-                const displayAct = truncateChars(actFullText, budget);
-                actContent = scrambleManager.updateAct(flowId, displayAct, now, flowComplete, true).content;
-            }
-            let actKpi = String(r.usage.toolCalls);
-            const scrambledActKpi = scrambleManager.updateActKpi(flowId, actKpi, now, flowComplete, false);
-            if (scrambledActKpi !== actKpi) {
-                actKpi = scrambledActKpi;
-            }
-            const actPrefix = `${indent}├─ act: [${actKpi}] - `;
-            container.addChild(new TruncatedText(`${theme.fg("dim", actPrefix)}${italic(actContent)}`, 0, 0));
-        }
-        // msg: line (live streaming text or last assistant text)
-        let msgKpi = formatCompactTokenPair(r.usage);
-        const scrambledMsgKpi = scrambleManager.updateMsgKpi(flowId, msgKpi, now, flowComplete, false);
-        if (scrambledMsgKpi !== msgKpi) {
-            msgKpi = scrambledMsgKpi;
-        }
-        const msgPrefixStub = `${indent}└─ msg: [${msgKpi}] - `;
-        const msgBudget = getTruncationBudget(visibleLength(msgPrefixStub));
-        const liveText = r.exitCode === -1 ? r.streamingText : undefined;
-        const lastText = liveText || getLastAssistantText(r.messages);
-        let rawMsg;
-        let useError = false;
-        if (lastText) {
-            rawMsg = stripAnsi(lastText);
-        }
-        else if (error && r.errorMessage) {
-            rawMsg = stripAnsi(r.errorMessage);
-            useError = true;
-        }
-        else {
-            rawMsg = "[n/a]";
-        }
-        let msgContent;
-        if (scrambleManager.getMode() === 'stream') {
-            msgContent = scrambleManager.streamMsg(flowId, rawMsg, now, flowComplete, msgBudget);
-        }
-        else {
-            // For active (incomplete) flows, pass full text to keep animation stable.
-            // TruncatedText handles display truncation. Completed flows truncate as before.
-            if (!flowComplete) {
-                msgContent = scrambleManager.updateMsg(flowId, rawMsg, now, flowComplete, undefined, true).content;
-            }
-            else {
-                const needsTail = Boolean(liveText || lastText);
-                const displayMsg = needsTail ? tailText(rawMsg, msgBudget) : truncateChars(rawMsg, msgBudget);
-                msgContent = scrambleManager.updateMsg(flowId, displayMsg, now, flowComplete).content;
-            }
-        }
-        const msgPrefix = `${indent}└─ msg: [${msgKpi}] - `;
-        container.addChild(new TruncatedText(`${theme.fg("dim", msgPrefix)}${theme.fg(useError ? "error" : "dim", italic(msgContent))}`, 0, 0));
-        if (flowComplete) {
-            scrambleManager.completeFlow(flowId);
-        }
-        // 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, baseId) {
-    return renderActivityPanel(results, theme, baseId);
-}
-//# sourceMappingURL=render.js.map