@fitchmultz/pi-subagents 0.44.7 → 0.45.0

package/dist/tui/render.js

@@ -1,1515 +1,72 @@
-/**
- * Rendering functions for subagent results
- */
-import * as path from "node:path";
-import { getMarkdownTheme, keyText } from "@earendil-works/pi-coding-agent";
-import { Container, Markdown, Spacer, Text, TruncatedText, visibleWidth } from "@earendil-works/pi-tui";
-import { MAX_WIDGET_JOBS, WIDGET_KEY, } from "../shared/types.js";
-import { formatTokens, formatUsage, formatDuration, formatModelThinking, formatToolCall, shortenPath } from "../shared/formatters.js";
-import { getDisplayItems, getSingleResultOutput } from "../shared/utils.js";
-import { flatToLogicalStepIndex } from "../runs/background/parallel-groups.js";
-import { formatNestedAggregate } from "../runs/shared/nested-render.js";
-import { aggregateStepStatus, formatActivityLabel, formatAgentRunningLabel, formatParallelOutcome } from "../shared/status-format.js";
-import { acceptanceHumanAction } from "../runs/shared/acceptance.js";
-import { formatAgentProcessExit } from "../shared/status-format.js";
-import { isTuiContext } from "../shared/ui-mode.js";
-function getTermWidth() {
-    return process.stdout.columns || 120;
-}
-const segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
-/**
- * Truncate a line to maxWidth, preserving ANSI styling through the ellipsis.
- *
- * pi-tui's truncateToWidth adds \x1b[0m before ellipsis which resets all styling,
- * causing background color bleed in the TUI. This implementation tracks active
- * ANSI styles and re-applies them before the ellipsis.
- *
- * Uses Intl.Segmenter for proper Unicode/emoji handling (not char-by-char).
- */
-function truncLine(text, maxWidth) {
-    if (visibleWidth(text) <= maxWidth)
-        return text;
-    const targetWidth = maxWidth - 1;
-    let result = "";
-    let currentWidth = 0;
-    let activeStyles = [];
-    let i = 0;
-    while (i < text.length) {
-        const ansiMatch = text.slice(i).match(/^\x1b\[[0-9;]*m/);
-        if (ansiMatch) {
-            const code = ansiMatch[0];
-            result += code;
-            if (code === "\x1b[0m" || code === "\x1b[m") {
-                activeStyles = [];
-            }
-            else {
-                activeStyles.push(code);
-            }
-            i += code.length;
-            continue;
-        }
-        let end = i;
-        while (end < text.length && !text.slice(end).match(/^\x1b\[[0-9;]*m/)) {
-            end++;
-        }
-        const textPortion = text.slice(i, end);
-        for (const seg of segmenter.segment(textPortion)) {
-            const grapheme = seg.segment;
-            const graphemeWidth = visibleWidth(grapheme);
-            if (currentWidth + graphemeWidth > targetWidth) {
-                return result + activeStyles.join("") + "…";
-            }
-            result += grapheme;
-            currentWidth += graphemeWidth;
-        }
-        i = end;
-    }
-    return result + activeStyles.join("") + "…";
-}
-const RUNNING_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-const STATIC_RUNNING_GLYPH = "●";
-function runningSeed(...values) {
-    let seed;
-    for (const value of values) {
-        if (value === undefined || !Number.isFinite(value))
-            continue;
-        seed = (seed ?? 0) + Math.trunc(value);
-    }
-    return seed;
-}
-function runningGlyph(seed) {
-    if (seed === undefined)
-        return STATIC_RUNNING_GLYPH;
-    return RUNNING_FRAMES[Math.abs(seed) % RUNNING_FRAMES.length];
-}
-function progressRunningSeed(progress) {
-    if (!progress)
-        return undefined;
-    return runningSeed(progress.index, progress.toolCount, progress.tokens, progress.durationMs, progress.lastActivityAt, progress.currentToolStartedAt, progress.turnCount);
-}
-function extractOutputTarget(task) {
-    const writeToMatch = task.match(/\[Write to:\s*([^\]\n]+)\]/i);
-    if (writeToMatch?.[1]?.trim())
-        return writeToMatch[1].trim();
-    const findingsMatch = task.match(/Write your findings to:\s*(\S+)/i);
-    if (findingsMatch?.[1]?.trim())
-        return findingsMatch[1].trim();
-    const outputMatch = task.match(/[Oo]utput(?:\s+to)?\s*:\s*(\S+)/i);
-    if (outputMatch?.[1]?.trim())
-        return outputMatch[1].trim();
-    return undefined;
-}
-function hasEmptyTextOutputWithoutOutputTarget(task, output) {
-    if (output.trim())
-        return false;
-    return !extractOutputTarget(task);
-}
-function getToolCallLines(result, expanded) {
-    if (result.messages) {
-        return getDisplayItems(result.messages)
-            .filter((item) => item.type === "tool")
-            .map((item) => formatToolCall(item.name, item.args, expanded));
-    }
-    return result.toolCalls?.map((toolCall) => expanded ? toolCall.expandedText : toolCall.text) ?? [];
-}
-function snapshotNowForProgress(progress) {
-    if (progress.currentToolStartedAt !== undefined && progress.durationMs !== undefined)
-        return progress.currentToolStartedAt + progress.durationMs;
-    return progress.lastActivityAt;
-}
-function formatCurrentToolLine(progress, availableWidth, expanded, snapshotNow) {
-    if (!progress.currentTool)
-        return undefined;
-    const maxToolArgsLen = Math.max(50, availableWidth - 20);
-    const toolArgsPreview = progress.currentToolArgs
-        ? (expanded || progress.currentToolArgs.length <= maxToolArgsLen
-            ? progress.currentToolArgs
-            : `${progress.currentToolArgs.slice(0, maxToolArgsLen)}...`)
-        : "";
-    const durationSuffix = progress.currentToolStartedAt !== undefined && snapshotNow !== undefined
-        ? ` | ${formatDuration(Math.max(0, snapshotNow - progress.currentToolStartedAt))}`
-        : "";
-    return toolArgsPreview
-        ? `${progress.currentTool}: ${toolArgsPreview}${durationSuffix}`
-        : `${progress.currentTool}${durationSuffix}`;
-}
-function buildLiveStatusLine(progress, snapshotNow) {
-    if (progress.lastActivityAt !== undefined && snapshotNow !== undefined)
-        return formatActivityLabel(progress.lastActivityAt, progress.activityState, snapshotNow);
-    if (progress.activityState === "needs_attention")
-        return "needs attention";
-    if (progress.lastActivityAt !== undefined)
-        return "active";
-    return undefined;
-}
-function themeBold(theme, text) {
-    return (theme.bold?.(text)) ?? text;
-}
-function statJoin(theme, parts) {
-    return parts.filter(Boolean).map((part) => theme.fg("dim", part)).join(` ${theme.fg("dim", "·")} `);
-}
-function formatTokenStat(tokens) {
-    return `${formatTokens(tokens)} token`;
-}
-function formatToolUseStat(count) {
-    return `${count} tool use${count === 1 ? "" : "s"}`;
-}
-function formatProgressStats(theme, progress, includeDuration = true) {
-    if (!progress)
-        return "";
-    const parts = [];
-    if (progress.toolCount > 0)
-        parts.push(formatToolUseStat(progress.toolCount));
-    if (progress.tokens > 0)
-        parts.push(formatTokenStat(progress.tokens));
-    if (includeDuration && progress.durationMs > 0)
-        parts.push(formatDuration(progress.durationMs));
-    return statJoin(theme, parts);
-}
-function firstOutputLine(text) {
-    return text.split("\n").find((line) => line.trim())?.replace(/[\u0000-\u0008\u000b-\u001f\u007f]/g, "").trim() ?? "";
-}
-function formatAcceptanceStatus(result) {
-    const acceptance = result.acceptance;
-    if (!acceptance?.status || acceptance.status === "not-required")
-        return undefined;
-    const finalization = acceptance.finalization
-        ? ` · finalization: ${acceptance.finalization.status} after ${acceptance.finalization.turns.length}/${acceptance.finalization.maxTurns} turns`
-        : "";
-    return `acceptance: ${acceptance.status}${finalization}`;
-}
-function resultStatusLine(result, output) {
-    if (result.detached)
-        return result.detachedReason ? `Detached: ${result.detachedReason}` : "Detached";
-    if (result.timedOut)
-        return `Timed out${result.error ? `: ${result.error}` : ""}`;
-    if (result.interrupted)
-        return "Paused";
-    if (result.exitCode !== 0)
-        return `Error: ${result.error ?? (firstOutputLine(output) || `exit ${result.exitCode}`)}`;
-    if (result.acceptance?.status === "blocked")
-        return `Needs your action · acceptance incomplete · ${acceptanceHumanAction(result.acceptance)?.split("\n")[0]}`;
-    const acceptance = formatAcceptanceStatus(result);
-    if (acceptance)
-        return `Done · ${acceptance}`;
-    if (hasEmptyTextOutputWithoutOutputTarget(result.task, output))
-        return "Done (no text output)";
-    return "Done";
-}
-function resultGlyph(result, output, theme, running = result.progress?.status === "running", seed = progressRunningSeed(result.progress ?? result.progressSummary)) {
-    if (running)
-        return theme.fg("accent", runningGlyph(seed));
-    if (result.detached)
-        return theme.fg("warning", "■");
-    if (result.timedOut)
-        return theme.fg("error", "✗");
-    if (result.interrupted)
-        return theme.fg("warning", "■");
-    if (result.exitCode !== 0)
-        return theme.fg("error", "✗");
-    if (result.acceptance?.status === "blocked")
-        return theme.fg("warning", "■");
-    if (hasEmptyTextOutputWithoutOutputTarget(result.task, output))
-        return theme.fg("warning", "✓");
-    return theme.fg("success", "✓");
-}
-function compactCurrentActivity(progress) {
-    const snapshotNow = snapshotNowForProgress(progress);
-    return formatCurrentToolLine(progress, getTermWidth() - 4, false, snapshotNow) ?? buildLiveStatusLine(progress, snapshotNow) ?? "thinking…";
-}
-export function widgetRenderKey(job) {
-    return JSON.stringify({
-        asyncDir: job.asyncDir,
-        status: job.status,
-        activityState: job.activityState,
-        lastActivityAt: job.lastActivityAt,
-        currentTool: job.currentTool,
-        currentToolStartedAt: job.currentToolStartedAt,
-        currentPath: job.currentPath,
-        turnCount: job.turnCount,
-        toolCount: job.toolCount,
-        mode: job.mode,
-        agents: job.agents,
-        currentStep: job.currentStep,
-        chainStepCount: job.chainStepCount,
-        parallelGroups: job.parallelGroups,
-        steps: job.steps,
-        nestedChildren: job.nestedChildren,
-        stepsTotal: job.stepsTotal,
-        runningSteps: job.runningSteps,
-        completedSteps: job.completedSteps,
-        activeParallelGroup: job.activeParallelGroup,
-        startedAt: job.startedAt,
-        updatedAt: job.updatedAt,
-        totalTokens: job.totalTokens,
-    });
-}
-function formatWidgetAgents(agents) {
-    const distinct = [...new Set(agents)];
-    if (distinct.length === 1 && agents.length > 1)
-        return `${distinct[0]} ×${agents.length}`;
-    if (agents.length > 3)
-        return `${agents.slice(0, 2).join(", ")} +${agents.length - 2} more`;
-    return agents.join(", ");
-}
-function widgetJobName(job) {
-    if (job.mode === "parallel")
-        return "parallel";
-    if (job.mode === "chain")
-        return "chain";
-    if (job.mode === "single" && job.agents?.length === 1)
-        return job.agents[0];
-    if (job.agents?.length)
-        return formatWidgetAgents(job.agents);
-    return job.mode ?? "subagent";
-}
-function widgetActivity(job, includeCounts = true) {
-    const facts = [];
-    if (job.currentTool && job.currentToolStartedAt !== undefined && job.updatedAt !== undefined)
-        facts.push(`${job.currentTool} ${formatDuration(Math.max(0, job.updatedAt - job.currentToolStartedAt))}`);
-    else if (job.currentTool)
-        facts.push(job.currentTool);
-    if (job.currentPath)
-        facts.push(shortenPath(job.currentPath));
-    if (includeCounts && job.turnCount !== undefined)
-        facts.push(`${job.turnCount} turns`);
-    if (includeCounts && job.toolCount !== undefined)
-        facts.push(`${job.toolCount} tools`);
-    if (job.status !== "running") {
-        const status = job.status === "queued" ? "queued…" : job.status === "paused" ? "Paused" : job.status === "failed" ? "Failed" : job.status === "blocked" ? "Needs your action" : "Done";
-        const error = job.status === "failed" ? job.steps?.find((step) => step.error)?.error : undefined;
-        return [status, error ? firstOutputLine(error) : "", ...facts].filter(Boolean).join(" · ");
-    }
-    const activity = buildLiveStatusLine(job, job.updatedAt);
-    if (activity && facts.length)
-        return `${activity} · ${facts.join(" · ")}`;
-    if (activity)
-        return activity;
-    if (facts.length)
-        return facts.join(" · ");
-    return "thinking…";
-}
-function widgetStepRunningSeed(step, fallbackIndex) {
-    return runningSeed(fallbackIndex, step.index, step.toolCount, step.turnCount, step.tokens?.total, step.lastActivityAt, step.currentToolStartedAt, step.durationMs);
-}
-function widgetStepsRunningSeed(steps) {
-    let seed;
-    for (const [index, step] of (steps ?? []).entries())
-        seed = runningSeed(seed, widgetStepRunningSeed(step, index));
-    return seed;
-}
-function widgetJobRunningSeed(job) {
-    return runningSeed(job.updatedAt, job.lastActivityAt, job.toolCount, job.turnCount, job.totalTokens?.total, job.currentStep, job.runningSteps, job.completedSteps, widgetStepsRunningSeed(job.steps));
-}
-function widgetJobsRunningSeed(jobs) {
-    let seed;
-    for (const job of jobs)
-        seed = runningSeed(seed, widgetJobRunningSeed(job));
-    return seed;
-}
-function widgetStatusGlyph(job, theme) {
-    if (job.status === "running")
-        return theme.fg("accent", runningGlyph(widgetJobRunningSeed(job)));
-    if (job.status === "queued")
-        return theme.fg("muted", "◦");
-    if (job.status === "complete")
-        return theme.fg("success", "✓");
-    if (job.status === "blocked")
-        return theme.fg("warning", "■");
-    if (job.status === "paused")
-        return theme.fg("warning", "■");
-    return theme.fg("error", "✗");
-}
-function widgetStepGlyph(status, theme, seed) {
-    if (status === "running")
-        return theme.fg("accent", runningGlyph(seed));
-    if (status === "complete" || status === "completed")
-        return theme.fg("success", "✓");
-    if (status === "failed" || status === "timed-out")
-        return theme.fg("error", "✗");
-    if (status === "blocked")
-        return theme.fg("warning", "■");
-    if (status === "paused")
-        return theme.fg("warning", "■");
-    return theme.fg("muted", "◦");
-}
-function widgetStepStatus(status, theme) {
-    if (status === "running")
-        return theme.fg("accent", "running");
-    if (status === "complete" || status === "completed")
-        return theme.fg("success", "complete");
-    if (status === "failed")
-        return theme.fg("error", "failed");
-    if (status === "timed-out")
-        return theme.fg("error", "timed out");
-    if (status === "blocked")
-        return theme.fg("warning", "needs your action");
-    if (status === "paused")
-        return theme.fg("warning", "paused");
-    return theme.fg("dim", status);
-}
-function widgetStepActivity(step, snapshotNow) {
-    if ((step.status === "failed" || step.status === "timed-out") && step.error)
-        return firstOutputLine(step.error);
-    const facts = [];
-    if (step.currentTool && step.currentToolStartedAt !== undefined && snapshotNow !== undefined)
-        facts.push(`${step.currentTool} ${formatDuration(Math.max(0, snapshotNow - step.currentToolStartedAt))}`);
-    else if (step.currentTool)
-        facts.push(step.currentTool);
-    if (step.currentPath)
-        facts.push(shortenPath(step.currentPath));
-    if (step.turnCount !== undefined)
-        facts.push(`${step.turnCount} turns`);
-    if (step.toolCount !== undefined)
-        facts.push(`${step.toolCount} tools`);
-    if (step.tokens?.total)
-        facts.push(formatTokenStat(step.tokens.total));
-    const activity = buildLiveStatusLine(step, snapshotNow);
-    if (activity && facts.length)
-        return `${activity} · ${facts.join(" · ")}`;
-    if (activity)
-        return activity;
-    return facts.join(" · ");
-}
-function widgetChainDetails(job, theme, width = getTermWidth()) {
-    if (!job.steps?.length)
-        return [];
-    const total = job.chainStepCount ?? job.steps.length;
-    const lines = [];
-    for (const span of buildAsyncChainStepSpans(total, job.steps.length, job.parallelGroups)) {
-        const steps = job.steps.slice(span.start, span.start + span.count);
-        if (span.isParallel) {
-            const status = aggregateStepStatus(steps);
-            lines.push(`  ${widgetStepGlyph(status, theme, widgetStepsRunningSeed(steps))} Step ${span.stepIndex + 1}/${total}: ${themeBold(theme, "parallel group")} ${theme.fg("dim", "·")} ${theme.fg("dim", formatParallelOutcome(steps, span.count))}`);
-            continue;
-        }
-        const step = steps[0];
-        if (!step) {
-            lines.push(`  ${theme.fg("dim", `◦ Step ${span.stepIndex + 1}/${total}: pending`)}`);
-            continue;
-        }
-        lines.push(...foregroundStyleWidgetStepLines(job, theme, step, "Step", span.stepIndex + 1, total, width));
-    }
-    return lines;
-}
-function widgetParallelAgentDetails(job, theme, width = getTermWidth()) {
-    if (!job.steps?.length)
-        return [];
-    if (job.mode !== "parallel" && job.mode !== "chain")
-        return [];
-    if (job.mode === "chain" && !job.activeParallelGroup && job.parallelGroups?.length)
-        return widgetChainDetails(job, theme, width);
-    const total = job.stepsTotal ?? job.steps.length;
-    const lines = [];
-    for (const [index, step] of job.steps.entries()) {
-        const marker = index === job.steps.length - 1 ? "└" : "├";
-        const activity = widgetStepActivity(step, job.updatedAt);
-        const itemTitle = job.mode === "parallel" || job.activeParallelGroup ? "Agent" : "Step";
-        const modelDisplay = modelThinkingBadge(theme, step.model, step.thinking);
-        lines.push(`  ${theme.fg("dim", `${marker} ${widgetStepGlyph(step.status, theme, widgetStepRunningSeed(step, index))} ${itemTitle} ${index + 1}/${total}: ${step.agent} · ${widgetStepStatus(step.status, theme)}${modelDisplay}${activity ? ` · ${activity}` : ""}`)}`);
-        for (const nestedLine of formatNestedWidgetLines(step.children, theme, width, job.updatedAt, 8))
-            lines.push(`    ${nestedLine}`);
-    }
-    return lines;
-}
-function parseParallelGroupAgentCount(label) {
-    if (!label || !label.startsWith("[") || !label.endsWith("]"))
-        return undefined;
-    const inner = label.slice(1, -1).trim();
-    if (!inner)
-        return 0;
-    return inner.split("+").map((part) => part.trim()).filter(Boolean).length;
-}
-function buildChainStepSpans(details) {
-    if (details.workflowGraph?.nodes?.length) {
-        const spans = [];
-        let flatCursor = 0;
-        for (const node of details.workflowGraph.nodes) {
-            if (node.stepIndex === undefined)
-                continue;
-            if (node.kind === "parallel-group" || node.kind === "dynamic-parallel-group") {
-                const childFlatIndexes = (node.children ?? [])
-                    .map((child) => child.flatIndex)
-                    .filter((value) => typeof value === "number");
-                const start = childFlatIndexes.length ? Math.min(...childFlatIndexes) : flatCursor;
-                const count = node.children?.length ?? 0;
-                spans.push({ stepIndex: node.stepIndex, start, count, isParallel: true, status: node.status, label: node.label, error: node.error });
-                flatCursor = Math.max(flatCursor, start + count);
-                continue;
-            }
-            const start = node.flatIndex ?? flatCursor;
-            spans.push({ stepIndex: node.stepIndex, start, count: 1, isParallel: false, status: node.status, label: node.label, error: node.error });
-            flatCursor = Math.max(flatCursor, start + 1);
-        }
-        if (spans.length)
-            return spans.sort((left, right) => left.stepIndex - right.stepIndex);
-    }
-    if (!details.chainAgents?.length)
-        return [];
-    const spans = [];
-    let start = 0;
-    for (let stepIndex = 0; stepIndex < details.chainAgents.length; stepIndex++) {
-        const label = details.chainAgents[stepIndex];
-        const parsedCount = parseParallelGroupAgentCount(label);
-        const count = parsedCount ?? 1;
-        spans.push({ stepIndex, start, count, isParallel: parsedCount !== undefined });
-        start += count;
-    }
-    return spans;
-}
-function isChainParallelGroupActive(details) {
-    if (details.mode !== "chain")
-        return false;
-    if (details.currentStepIndex === undefined)
-        return false;
-    return buildChainStepSpans(details).some((span) => span.stepIndex === details.currentStepIndex && span.isParallel);
-}
-function buildAsyncChainStepSpans(total, stepCount, parallelGroups = []) {
-    const spans = [];
-    let flatIndex = 0;
-    for (let stepIndex = 0; stepIndex < total; stepIndex++) {
-        const group = parallelGroups.find((candidate) => candidate.stepIndex === stepIndex);
-        if (group) {
-            spans.push({ stepIndex, start: group.start, count: group.count, isParallel: true });
-            flatIndex = Math.max(flatIndex, group.start + group.count);
-            continue;
-        }
-        spans.push({ stepIndex, start: flatIndex, count: flatIndex < stepCount ? 1 : 0, isParallel: false });
-        flatIndex++;
-    }
-    return spans;
-}
-function isDoneResult(result) {
-    if (result.interrupted || result.detached || result.timedOut || result.acceptance?.status === "blocked")
-        return false;
-    const status = result.progress?.status;
-    if (status === "completed")
-        return true;
-    if (status === "running" || status === "pending")
-        return false;
-    return result.exitCode === 0;
-}
-function workflowGraphHasStatus(details, statuses) {
-    return details.workflowGraph?.nodes.some((node) => statuses.includes(node.status)) ?? false;
-}
-function buildChainRenderEntries(details, label) {
-    if (details.mode !== "chain" || (!label.hasParallelInChain && !details.workflowGraph?.nodes.length) || label.showActiveGroupOnly)
-        return undefined;
-    const entries = [];
-    for (const span of buildChainStepSpans(details)) {
-        if (span.isParallel ? span.count === 0 : !details.results[span.start]) {
-            entries.push({
-                kind: "placeholder",
-                rowNumber: span.stepIndex + 1,
-                stepLabel: `Step ${span.stepIndex + 1}`,
-                agentName: (!span.isParallel ? details.chainAgents?.[span.stepIndex] : undefined) ?? span.label ?? details.chainAgents?.[span.stepIndex] ?? `step-${span.stepIndex + 1}`,
-                status: span.status ?? "pending",
-                error: span.error,
-            });
-            continue;
-        }
-        for (let index = span.start; index < span.start + span.count; index++) {
-            entries.push({
-                kind: "result",
-                resultIndex: index,
-                rowNumber: index + 1,
-                agentName: details.results[index]?.agent ?? details.chainAgents?.[span.stepIndex] ?? `step-${span.stepIndex + 1}`,
-            });
-        }
-    }
-    return entries;
-}
-function buildMultiProgressLabel(details, hasRunning) {
-    const stepSpans = buildChainStepSpans(details);
-    const hasParallelInChain = details.mode === "chain" && stepSpans.some((span) => span.isParallel);
-    const activeParallelGroup = isChainParallelGroupActive(details);
-    const itemTitle = details.mode === "parallel" || activeParallelGroup ? "Agent" : "Step";
-    if (details.mode === "parallel") {
-        const totalCount = details.totalSteps ?? details.results.length;
-        const statuses = new Array(totalCount).fill("pending");
-        for (const progress of details.progress ?? []) {
-            if (progress.index >= 0 && progress.index < totalCount)
-                statuses[progress.index] = progress.status;
-        }
-        for (let i = 0; i < details.results.length; i++) {
-            const result = details.results[i];
-            const progressFromArray = details.progress?.find((progress) => progress.index === i)
-                || details.progress?.find((progress) => progress.agent === result.agent && progress.status === "running");
-            const index = result.progress?.index ?? progressFromArray?.index ?? i;
-            if (index < 0 || index >= totalCount)
-                continue;
-            const status = result.progress?.status
-                ?? (result.timedOut
-                    ? "timed-out"
-                    : result.interrupted || result.detached
-                        ? "detached"
-                        : result.exitCode === 0
-                            ? result.acceptance?.status === "blocked" ? "blocked" : "completed"
-                            : "failed");
-            statuses[index] = status;
-        }
-        const running = statuses.filter((status) => status === "running").length;
-        const succeeded = statuses.filter((status) => status === "completed").length;
-        const failed = statuses.filter((status) => status === "failed" || status === "timed-out").length;
-        const paused = statuses.filter((status) => status === "paused" || status === "detached").length;
-        const blockedCount = statuses.filter((status) => status === "blocked").length;
-        const parts = [`${succeeded}/${totalCount} succeeded`];
-        if (blockedCount)
-            parts.push(`${blockedCount} need human action`);
-        if (hasRunning)
-            parts.unshift(formatAgentRunningLabel(running));
-        if (failed > 0)
-            parts.push(`${failed} failed`);
-        if (paused > 0)
-            parts.push(`${paused} paused`);
-        const headerLabel = parts.join(" · ");
-        return { headerLabel, itemTitle, totalCount, hasParallelInChain, activeParallelGroup, groupStartIndex: 0, groupEndIndex: totalCount, showActiveGroupOnly: false };
-    }
-    if (activeParallelGroup) {
-        const currentStepIndex = details.currentStepIndex;
-        const span = stepSpans[currentStepIndex];
-        const groupSize = span?.count ?? 1;
-        const groupStart = span?.start ?? 0;
-        const groupEnd = groupStart + groupSize;
-        let running = 0;
-        let succeeded = 0;
-        let failed = 0;
-        let paused = 0;
-        let blocked = 0;
-        for (let index = groupStart; index < groupEnd; index++) {
-            const progressEntry = details.progress?.find((progress) => progress.index === index);
-            const resultEntry = details.results.find((result, position) => (result.progress?.index ?? position) === index);
-            const status = progressEntry?.status ?? resultEntry?.progress?.status;
-            if (status === "running")
-                running++;
-            else if (status === "failed" || status === "timed-out" || resultEntry?.timedOut)
-                failed++;
-            else if (status === "paused" || status === "detached" || resultEntry?.interrupted || resultEntry?.detached)
-                paused++;
-            else if (resultEntry && resultEntry.exitCode !== 0)
-                failed++;
-            else if (status === "blocked" || resultEntry?.acceptance?.status === "blocked")
-                blocked++;
-            else if (status === "completed" || (resultEntry && isDoneResult(resultEntry)))
-                succeeded++;
-        }
-        const totalSteps = details.totalSteps ?? details.chainAgents?.length ?? 1;
-        const groupParts = [`${succeeded}/${groupSize} succeeded`];
-        if (hasRunning)
-            groupParts.unshift(formatAgentRunningLabel(running));
-        if (failed > 0)
-            groupParts.push(`${failed} failed`);
-        if (paused > 0)
-            groupParts.push(`${paused} paused`);
-        if (blocked > 0)
-            groupParts.push(`${blocked} need human action`);
-        const headerLabel = `step ${currentStepIndex + 1}/${totalSteps} · parallel group: ${groupParts.join(" · ")}`;
-        return { headerLabel, itemTitle, totalCount: groupSize, hasParallelInChain, activeParallelGroup, groupStartIndex: groupStart, groupEndIndex: groupEnd, showActiveGroupOnly: true };
-    }
-    if (details.mode === "chain" && details.chainAgents?.length) {
-        const totalCount = details.totalSteps ?? details.chainAgents.length;
-        const doneLogical = stepSpans.filter((span) => {
-            if (span.status && span.status !== "completed")
-                return false;
-            if (span.count === 0)
-                return span.status === "completed";
-            for (let index = span.start; index < span.start + span.count; index++) {
-                const progressEntry = details.progress?.find((progress) => progress.index === index);
-                const resultEntry = details.results.find((result) => result.progress?.index === index) ?? details.results[index];
-                if (progressEntry?.status === "running" || progressEntry?.status === "pending" || progressEntry?.status === "failed")
-                    return false;
-                if (!resultEntry || !isDoneResult(resultEntry))
-                    return false;
-            }
-            return true;
-        }).length;
-        const currentStep = details.currentStepIndex !== undefined ? details.currentStepIndex + 1 : Math.min(totalCount, doneLogical + (hasRunning ? 1 : 0));
-        const headerLabel = hasRunning ? `step ${currentStep}/${totalCount}` : `step ${doneLogical}/${totalCount}`;
-        return { headerLabel, itemTitle, totalCount, hasParallelInChain, activeParallelGroup, groupStartIndex: 0, groupEndIndex: details.results.length, showActiveGroupOnly: false };
-    }
-    const totalCount = details.totalSteps ?? details.results.length;
-    const currentStep = details.currentStepIndex !== undefined ? details.currentStepIndex + 1 : Math.min(totalCount, details.results.filter(isDoneResult).length + (hasRunning ? 1 : 0));
-    const done = details.results.filter(isDoneResult).length;
-    const headerLabel = hasRunning ? `step ${currentStep}/${totalCount}` : `step ${done}/${totalCount}`;
-    return { headerLabel, itemTitle, totalCount, hasParallelInChain, activeParallelGroup, groupStartIndex: 0, groupEndIndex: details.results.length, showActiveGroupOnly: false };
-}
-function resultRowLabel(details, label, resultIndex, stepNumber) {
-    if (details.mode === "chain" && label.hasParallelInChain) {
-        const span = buildChainStepSpans(details).find((candidate) => resultIndex >= candidate.start && resultIndex < candidate.start + candidate.count);
-        if (span?.isParallel)
-            return `Agent ${resultIndex - span.start + 1}/${span.count}`;
-        if (span)
-            return `Step ${span.stepIndex + 1}`;
-    }
-    if (label.itemTitle === "Agent") {
-        const localStepNumber = label.activeParallelGroup
-            ? Math.max(1, stepNumber - label.groupStartIndex)
-            : stepNumber;
-        return `Agent ${localStepNumber}/${label.totalCount}`;
-    }
-    return `Step ${stepNumber}`;
-}
-function widgetStats(job, theme) {
-    const parts = [];
-    const stepsTotal = job.stepsTotal ?? (job.agents?.length ?? 1);
-    if (job.activeParallelGroup) {
-        const running = job.runningSteps ?? (job.status === "running" ? 1 : 0);
-        const succeeded = job.completedSteps ?? (job.status === "complete" ? stepsTotal : 0);
-        if (job.mode === "parallel") {
-            if (job.status === "running" && running > 0)
-                parts.push(formatAgentRunningLabel(running));
-            if (stepsTotal > 0)
-                parts.push(`${succeeded}/${stepsTotal} succeeded`);
-        }
-        else {
-            const activeGroup = job.currentStep !== undefined
-                ? job.parallelGroups?.find((group) => job.currentStep >= group.start && job.currentStep < group.start + group.count)
-                : job.parallelGroups?.find((group) => group.start === 0);
-            const logicalStep = activeGroup?.stepIndex ?? job.currentStep ?? 0;
-            const total = job.chainStepCount ?? stepsTotal;
-            const groupParts = [`${succeeded}/${stepsTotal} succeeded`];
-            if (job.status === "running" && running > 0)
-                groupParts.unshift(formatAgentRunningLabel(running));
-            parts.push(`step ${logicalStep + 1}/${total} · parallel group: ${groupParts.join(" · ")}`);
-        }
-    }
-    else if (job.currentStep !== undefined) {
-        if (job.mode === "chain" && job.parallelGroups?.length) {
-            const total = job.chainStepCount ?? stepsTotal;
-            parts.push(`step ${flatToLogicalStepIndex(job.currentStep, total, job.parallelGroups) + 1}/${total}`);
-        }
-        else {
-            parts.push(`step ${job.currentStep + 1}/${stepsTotal}`);
-        }
-    }
-    else if (stepsTotal > 1) {
-        parts.push(`steps ${stepsTotal}`);
-    }
-    if (job.toolCount !== undefined)
-        parts.push(formatToolUseStat(job.toolCount));
-    if (job.totalTokens?.total)
-        parts.push(formatTokenStat(job.totalTokens.total));
-    if (job.status !== "queued" && job.startedAt !== undefined && job.updatedAt !== undefined)
-        parts.push(formatDuration(Math.max(0, job.updatedAt - job.startedAt)));
-    return statJoin(theme, parts);
-}
-function widgetStepStats(theme, step) {
-    return statJoin(theme, [
-        step.turnCount !== undefined ? `${step.turnCount} turns` : "",
-        step.toolCount !== undefined ? formatToolUseStat(step.toolCount) : "",
-        step.tokens?.total ? formatTokenStat(step.tokens.total) : "",
-        step.durationMs !== undefined ? formatDuration(step.durationMs) : "",
-    ]);
-}
-function modelThinkingBadge(theme, model, thinking) {
-    const label = formatModelThinking(model, thinking);
-    return label ? theme.fg("dim", ` (${label})`) : "";
-}
-function modelStat(theme, model) {
-    return model ? ` ${theme.fg("dim", "·")} ${theme.fg("dim", model)}` : "";
-}
-function widgetStepActivityLine(step, width, expanded, snapshotNow) {
-    if ((step.status === "failed" || step.status === "timed-out") && step.error)
-        return firstOutputLine(step.error);
-    const toolLine = formatCurrentToolLine(step, width, expanded, snapshotNow);
-    if (toolLine)
-        return toolLine;
-    const activity = buildLiveStatusLine(step, snapshotNow);
-    if (activity)
-        return activity;
-    if (step.status === "running")
-        return "thinking…";
-    return "";
-}
-function widgetOutputPath(job, step) {
-    if (typeof step.index !== "number")
-        return undefined;
-    return path.join(job.asyncDir, `output-${step.index}.log`);
-}
-function nestedRunName(run) {
-    if (run.agent)
-        return run.agent;
-    if (run.agents?.length)
-        return formatWidgetAgents(run.agents);
-    return run.id;
-}
-function nestedStatusGlyph(state, theme, seed) {
-    if (state === "running")
-        return theme.fg("accent", runningGlyph(seed));
-    if (state === "complete" || state === "completed")
-        return theme.fg("success", "✓");
-    if (state === "failed")
-        return theme.fg("error", "✗");
-    if (state === "blocked")
-        return theme.fg("warning", "■");
-    if (state === "paused")
-        return theme.fg("warning", "■");
-    return theme.fg("muted", "◦");
-}
-function nestedRunSeed(run) {
-    return runningSeed(run.lastUpdate, run.lastActivityAt, run.currentStep, run.toolCount, run.turnCount, run.totalTokens?.total, run.currentToolStartedAt);
-}
-function nestedActivity(input, state, snapshotNow) {
-    const facts = [];
-    if (input.currentTool && input.currentToolStartedAt !== undefined && snapshotNow !== undefined)
-        facts.push(`${input.currentTool} ${formatDuration(Math.max(0, snapshotNow - input.currentToolStartedAt))}`);
-    else if (input.currentTool)
-        facts.push(input.currentTool);
-    if (input.currentPath)
-        facts.push(shortenPath(input.currentPath));
-    if (input.turnCount !== undefined)
-        facts.push(`${input.turnCount} turns`);
-    if (input.toolCount !== undefined)
-        facts.push(`${input.toolCount} tools`);
-    const activity = buildLiveStatusLine(input, snapshotNow);
-    if (activity && facts.length)
-        return `${activity} · ${facts.join(" · ")}`;
-    if (activity)
-        return activity;
-    if (facts.length)
-        return facts.join(" · ");
-    if (state === "running")
-        return "thinking…";
-    if (state === "queued" || state === "pending")
-        return "queued…";
-    if (state === "blocked")
-        return "Needs your action";
-    if (state === "paused")
-        return "Paused";
-    if (state === "failed")
-        return "Failed";
-    return "Done";
-}
-/** Nested runs only render in the expanded widget; the collapsed view is one line per run. */
-function formatNestedWidgetLines(children, theme, width, snapshotNow, lineBudget = 12) {
-    if (!children?.length || lineBudget <= 0)
-        return [];
-    const lines = [];
-    const maxDepth = 2;
-    const append = (items, depth, prefix) => {
-        if (!items?.length || lines.length >= lineBudget)
-            return;
-        if (depth > maxDepth) {
-            const aggregate = formatNestedAggregate(items);
-            if (aggregate && lines.length < lineBudget)
-                lines.push(theme.fg("dim", `${prefix}↳ ${aggregate}`));
-            return;
-        }
-        for (let index = 0; index < items.length; index++) {
-            const child = items[index];
-            if (lines.length >= lineBudget) {
-                const aggregate = formatNestedAggregate(items.slice(index));
-                if (aggregate)
-                    lines[lines.length - 1] = theme.fg("dim", `${prefix}↳ ${aggregate}`);
-                return;
-            }
-            const activity = nestedActivity(child, child.state, snapshotNow ?? child.lastUpdate);
-            const error = child.error ? ` · ${child.error}` : "";
-            lines.push(theme.fg("dim", `${prefix}↳ ${nestedStatusGlyph(child.state, theme, nestedRunSeed(child))} ${nestedRunName(child)} · ${child.state} · ${activity}${error}`));
-            if (depth === maxDepth) {
-                const aggregate = formatNestedAggregate([...(child.steps?.flatMap((step) => step.children ?? []) ?? []), ...(child.children ?? [])]);
-                if (aggregate && lines.length < lineBudget)
-                    lines.push(theme.fg("dim", `${prefix}  ↳ ${aggregate}`));
-                continue;
-            }
-            for (const step of child.steps ?? []) {
-                if (lines.length >= lineBudget)
-                    return;
-                lines.push(theme.fg("dim", `${prefix}  ↳ ${nestedStatusGlyph(step.status, theme)} ${step.agent} · ${step.status} · ${nestedActivity(step, step.status, snapshotNow ?? child.lastUpdate)}`));
-                append(step.children, depth + 1, `${prefix}    `);
-            }
-            append(child.children, depth + 1, `${prefix}  `);
-        }
-    };
-    append(children, 0, "");
-    return lines.map((line) => truncLine(line, width));
-}
-function foregroundStyleWidgetStepLines(job, theme, step, itemTitle, index, total, width) {
-    const status = widgetStepStatus(step.status, theme);
-    const stats = widgetStepStats(theme, step);
-    const modelDisplay = modelThinkingBadge(theme, step.model, step.thinking);
-    const lines = [`  ${widgetStepGlyph(step.status, theme, widgetStepRunningSeed(step, index - 1))} ${itemTitle} ${index}/${total}: ${themeBold(theme, step.agent)} ${theme.fg("dim", "·")} ${status}${modelDisplay}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`];
-    const activity = widgetStepActivityLine(step, width, true, job.updatedAt);
-    if (activity)
-        lines.push(`    ${theme.fg("dim", `⎿  ${activity}`)}`);
-    for (const nestedLine of formatNestedWidgetLines(step.children, theme, width, job.updatedAt)) {
-        lines.push(`    ${nestedLine}`);
-    }
-    if (step.status === "running") {
-        const output = widgetOutputPath(job, step);
-        if (output)
-            lines.push(`    ${theme.fg("dim", `output: ${shortenPath(output)}`)}`);
-        const liveStatus = buildLiveStatusLine(step, job.updatedAt);
-        if (liveStatus && liveStatus !== activity)
-            lines.push(`    ${theme.fg("accent", liveStatus)}`);
-        for (const tool of step.recentTools?.slice(-3) ?? []) {
-            const maxArgsLen = Math.max(40, width - 30);
-            const argsPreview = tool.args.length <= maxArgsLen ? tool.args : `${tool.args.slice(0, maxArgsLen)}...`;
-            lines.push(`      ${theme.fg("dim", `${tool.tool}${argsPreview ? `: ${argsPreview}` : ""}`)}`);
-        }
-        for (const line of step.recentOutput?.slice(-5) ?? []) {
-            lines.push(`      ${theme.fg("dim", line)}`);
-        }
-    }
-    return lines;
-}
-function foregroundStyleWidgetDetails(job, theme, width) {
-    if (!job.steps?.length)
-        return [
-            `  ${theme.fg("dim", `⎿  ${widgetActivity(job)}`)}`,
-            ...formatNestedWidgetLines(job.nestedChildren, theme, width, job.updatedAt).map((line) => `  ${line}`),
-        ];
-    if (job.mode === "chain" && !job.activeParallelGroup && job.parallelGroups?.length)
-        return widgetChainDetails(job, theme, width);
-    const total = job.stepsTotal ?? job.steps.length;
-    const itemTitle = job.mode === "parallel" || job.activeParallelGroup ? "Agent" : "Step";
-    const lines = [];
-    for (const [index, step] of job.steps.entries()) {
-        lines.push(...foregroundStyleWidgetStepLines(job, theme, step, itemTitle, index + 1, total, width));
-    }
-    const attached = new Set(job.steps.flatMap((step) => step.children?.map((child) => child.id) ?? []));
-    const unattached = job.nestedChildren?.filter((child) => !attached.has(child.id)) ?? [];
-    for (const nestedLine of formatNestedWidgetLines(unattached, theme, width, job.updatedAt)) {
-        lines.push(`  ${nestedLine}`);
-    }
-    return lines;
-}
-/** The expanded single-run view; the collapsed view never reaches this path. */
-function buildSingleWidgetLines(job, theme, width) {
-    const stats = widgetStats(job, theme);
-    const count = job.mode === "chain" ? job.chainStepCount : job.stepsTotal ?? job.agents?.length ?? job.steps?.length;
-    const mode = widgetJobName(job);
-    const title = `async subagent ${mode}${count && count > 1 ? ` (${count})` : ""}`;
-    return [
-        `${theme.fg("toolTitle", themeBold(theme, title))} ${theme.fg("dim", "· background")}`,
-        `${widgetStatusGlyph(job, theme)} ${themeBold(theme, mode)}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`,
-        ...foregroundStyleWidgetDetails(job, theme, width),
-    ].map((line) => truncLine(line, width));
-}
-/** Collapsed rows carry the live tool inline, since detail lines wait for Ctrl+O. */
-function collapsedJobRow(job, theme, width) {
-    const stats = widgetStats(job, theme);
-    // The job root mirrors an active step's tool but drops its args, so prefer the step itself.
-    const runningSteps = job.steps?.filter((step) => step.status === "running") ?? [];
-    const soloStep = runningSteps.length === 1 ? runningSteps[0] : undefined;
-    const activity = job.status !== "running"
-        ? widgetActivity(job, false)
-        : soloStep
-            ? widgetStepActivityLine(soloStep, width, false, job.updatedAt)
-            : widgetActivity(job, false);
-    return `${widgetStatusGlyph(job, theme)} ${themeBold(theme, widgetJobName(job))}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}${activity ? ` ${theme.fg("dim", "·")} ${theme.fg("dim", activity)}` : ""}`;
-}
-function fitWidgetLineBudget(lines, theme, width, expanded) {
-    const rows = process.stdout.rows || 30;
-    const budget = expanded
-        ? Math.max(4, Math.min(24, Math.floor(rows * 0.4)))
-        : MAX_WIDGET_JOBS + 2;
-    if (lines.length <= budget)
-        return lines;
-    const visibleLines = Math.max(1, budget - 1);
-    const hiddenCount = lines.length - visibleLines;
-    const hint = expanded
-        ? `… ${hiddenCount} live-detail lines hidden`
-        : `… ${hiddenCount} lines hidden · Ctrl+O expands`;
-    return [...lines.slice(0, visibleLines), truncLine(theme.fg("dim", hint), width)];
-}
-function buildWidgetComponent(jobs, isExpanded) {
-    return (_tui, theme) => ({
-        render(availableWidth) {
-            // Text pads one column on each side, so build against its inner width on every render.
-            const width = Math.max(1, availableWidth - 2);
-            const expanded = isExpanded();
-            const lines = fitWidgetLineBudget(buildWidgetLines(jobs, theme, width, expanded), theme, width, expanded);
-            const container = new Container();
-            for (const line of lines)
-                container.addChild(new Text(line, 1, 0));
-            return container.render(availableWidth);
-        },
-        invalidate() { },
-    });
-}
-export function buildWidgetLines(jobs, theme, width = getTermWidth(), expanded = false) {
-    if (jobs.length === 0)
-        return [];
-    if (jobs.length === 1 && expanded)
-        return buildSingleWidgetLines(jobs[0], theme, width);
-    const running = jobs.filter((job) => job.status === "running");
-    const queued = jobs.filter((job) => job.status === "queued");
-    const finished = jobs.filter((job) => job.status !== "running" && job.status !== "queued");
-    const jobItem = (job) => {
-        if (!expanded)
-            return [collapsedJobRow(job, theme, width)];
-        const stats = widgetStats(job, theme);
-        return [
-            `${widgetStatusGlyph(job, theme)} ${themeBold(theme, widgetJobName(job))}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`,
-            `  ${theme.fg("dim", `⎿  ${widgetActivity(job)}`)}`,
-            ...widgetParallelAgentDetails(job, theme, width),
-        ];
-    };
-    const items = [];
-    let hiddenRunning = 0;
-    let hiddenFinished = 0;
-    let queuedShown = false;
-    let slots = MAX_WIDGET_JOBS;
-    for (const job of running) {
-        if (slots <= 0) {
-            hiddenRunning++;
-            continue;
-        }
-        items.push(jobItem(job));
-        slots--;
-    }
-    if (queued.length > 0 && slots > 0) {
-        // One collapsed queued run has room for its own name; a backlog collapses to a count.
-        items.push(queued.length === 1 && !expanded ? jobItem(queued[0]) : [`${theme.fg("muted", "◦")} ${theme.fg("dim", `${queued.length} queued`)}`]);
-        queuedShown = true;
-        slots--;
-    }
-    for (const job of finished) {
-        if (slots <= 0) {
-            hiddenFinished++;
-            continue;
-        }
-        items.push(jobItem(job));
-        slots--;
-    }
-    const hiddenQueued = queued.length > 0 && !queuedShown ? queued.length : 0;
-    const hiddenTotal = hiddenRunning + hiddenFinished + hiddenQueued;
-    if (hiddenTotal > 0) {
-        const parts = [];
-        if (hiddenRunning > 0)
-            parts.push(`${hiddenRunning} running`);
-        if (hiddenQueued > 0)
-            parts.push(`${hiddenQueued} queued`);
-        if (hiddenFinished > 0)
-            parts.push(`${hiddenFinished} finished`);
-        items.push([theme.fg("dim", `+${hiddenTotal} more (${parts.join(", ")})`)]);
-    }
-    const hint = running.length > 0 && !expanded ? ` ${theme.fg("dim", "·")} ${theme.fg("accent", "Ctrl+O")}` : "";
-    if (items.length === 1 && !expanded)
-        return [truncLine(`${items[0][0]}${hint}`, width)];
-    const lines = [];
-    const hasActive = running.length > 0 || queued.length > 0;
-    const headerGlyph = running.length > 0 ? runningGlyph(widgetJobsRunningSeed(running)) : hasActive ? "●" : "○";
-    lines.push(truncLine(`${theme.fg(hasActive ? "accent" : "dim", headerGlyph)} ${theme.fg(hasActive ? "accent" : "dim", "Async agents")} ${theme.fg("dim", "· background")}${hint}`, width));
-    for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        const last = i === items.length - 1;
-        const branch = last ? "└─" : "├─";
-        const continuation = last ? "   " : "│  ";
-        lines.push(truncLine(`${theme.fg("dim", branch)} ${item[0]}`, width));
-        for (const detail of item.slice(1)) {
-            lines.push(truncLine(`${theme.fg("dim", continuation)} ${detail}`, width));
-        }
-    }
-    return lines;
-}
-/**
- * Render the async jobs widget
- */
-export function renderWidget(ctx, jobs) {
-    if (jobs.length === 0) {
-        if (isTuiContext(ctx))
-            ctx.ui.setWidget(WIDGET_KEY, undefined);
+import { keyText } from "@earendil-works/pi-coding-agent";
+import { Container, Text, TruncatedText } from "@earendil-works/pi-tui";
+import { firstOutputLine, getTermWidth, truncLine } from "./display.js";
+import { renderSingleCompact, renderMultiCompact } from "./compact-results.js";
+import { renderSingleExpanded } from "./expanded-single.js";
+import { renderMultiExpanded } from "./expanded-multi.js";
+import { workflowFacts } from "./result-facts.js";
+import { hasText } from "./text-values.js";
+export { widgetRenderKey } from "./widget-status.js";
+export { buildWidgetLines, renderWidget } from "./widget.js";
+function asyncReceipt(d, text, prefix, theme) {
+    if (!d || !hasText(d.asyncId) || d.mode === "management") {
         return;
     }
-    if (!isTuiContext(ctx))
-        return;
-    ctx.ui.setWidget(WIDGET_KEY, buildWidgetComponent(jobs, () => ctx.ui.getToolsExpanded()));
-}
-function renderSingleCompact(d, r, theme, isError = false) {
-    const expandKey = keyText("app.tools.expand");
-    const output = r.truncation?.text || getSingleResultOutput(r);
-    const statusOutput = output || (d.intercomDelivery?.delivered ? d.intercomDelivery.summary : "");
-    const progress = r.progress || r.progressSummary;
-    const isRunning = !isError && r.progress?.status === "running";
-    const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
-    const stats = statJoin(theme, [
-        r.usage?.turns ? `⟳ ${r.usage.turns}` : "",
-        formatProgressStats(theme, progress),
-    ]);
+    const headline = hasText(d.managementControl?.revivedFromRunId)
+        ? "Revived async"
+        : firstOutputLine(text).replace(` [${d.asyncId}]`, "");
     const c = new Container();
-    const width = getTermWidth() - 4;
-    const modelDisplay = modelThinkingBadge(theme, r.model);
-    c.addChild(new TruncatedText(`${isError ? theme.fg("error", "✗") : resultGlyph(r, statusOutput, theme, isRunning)} ${theme.fg("toolTitle", theme.bold(r.agent))}${modelDisplay}${contextBadge}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`));
-    if (isRunning && r.progress) {
-        const progressSnapshotNow = snapshotNowForProgress(r.progress);
-        const activity = compactCurrentActivity(r.progress);
-        c.addChild(new Text(truncLine(theme.fg("dim", `  ⎿  ${activity}`), width), 0, 0));
-        const liveStatus = buildLiveStatusLine(r.progress, progressSnapshotNow);
-        if (liveStatus && liveStatus !== activity)
-            c.addChild(new Text(truncLine(theme.fg("dim", `     ${liveStatus}`), width), 0, 0));
-        if (expandKey)
-            c.addChild(new Text(truncLine(theme.fg("accent", `  Press ${expandKey} for live detail`), width), 0, 0));
-        if (r.artifactPaths)
-            c.addChild(new Text(truncLine(theme.fg("dim", `  output: ${shortenPath(r.artifactPaths.outputPath)}`), width), 0, 0));
-        return c;
-    }
-    c.addChild(new TruncatedText(theme.fg("dim", `  ⎿  ${resultStatusLine(r, statusOutput)}`)));
-    const preview = firstOutputLine(output);
-    if (preview && r.exitCode === 0 && !hasEmptyTextOutputWithoutOutputTarget(r.task, output)) {
-        c.addChild(new TruncatedText(theme.fg("dim", `     ${preview}`)));
-    }
-    if (r.sessionFile)
-        c.addChild(new TruncatedText(theme.fg("dim", `  session: ${shortenPath(r.sessionFile)}`)));
-    if (r.artifactPaths)
-        c.addChild(new TruncatedText(theme.fg("dim", `  output: ${shortenPath(r.artifactPaths.outputPath)}`)));
-    if (r.truncation?.artifactPath)
-        c.addChild(new TruncatedText(theme.fg("dim", `  full output: ${shortenPath(r.truncation.artifactPath)}`)));
-    c.addChild(new TruncatedText(theme.fg("dim", `  ${keyText("app.tools.expand")} ${d.intercomDelivery?.delivered ? "receipt details" : "full response"}`)));
+    c.addChild(new TruncatedText(`${prefix}[${d.asyncId.slice(0, 8)}] ${headline}`));
+    c.addChild(new TruncatedText(theme.fg("dim", `${keyText("app.tools.expand")} details`)));
     return c;
 }
-function renderMultiCompact(d, theme, isError = false) {
-    const expandKey = keyText("app.tools.expand");
-    const hasRunning = !isError && (d.progress?.some((p) => p.status === "running")
-        || d.results.some((r) => r.progress?.status === "running")
-        || workflowGraphHasStatus(d, ["running"]));
-    const failed = isError || d.results.some((r) => r.exitCode !== 0 && r.progress?.status !== "running")
-        || workflowGraphHasStatus(d, ["failed", "timed-out"]);
-    const blocked = d.results.some((r) => r.acceptance?.status === "blocked" && r.exitCode === 0);
-    const paused = d.results.some((r) => (r.interrupted || r.detached) && r.progress?.status !== "running")
-        || workflowGraphHasStatus(d, ["paused", "detached"]);
-    let totalSummary = d.progressSummary;
-    if (!totalSummary) {
-        let sawProgress = false;
-        const summary = { toolCount: 0, tokens: 0, durationMs: 0 };
-        for (const r of d.results) {
-            const prog = r.progress || r.progressSummary;
-            if (!prog)
-                continue;
-            sawProgress = true;
-            summary.toolCount += prog.toolCount;
-            summary.tokens += prog.tokens;
-            summary.durationMs = d.mode === "chain" ? summary.durationMs + prog.durationMs : Math.max(summary.durationMs, prog.durationMs);
-        }
-        if (sawProgress)
-            totalSummary = summary;
+function compactText(text, prefix, theme) {
+    const lines = text.replace(/\n+$/, "").split("\n");
+    if (lines.length === 1) {
+        return new Text(truncLine(`${prefix}${lines[0] ?? ""}`, getTermWidth() - 4), 0, 0);
     }
-    const multiLabel = buildMultiProgressLabel(d, hasRunning);
-    const itemTitle = multiLabel.itemTitle;
-    const stats = statJoin(theme, [multiLabel.headerLabel, formatProgressStats(theme, totalSummary)]);
-    const glyph = hasRunning
-        ? theme.fg("accent", runningGlyph(runningSeed(progressRunningSeed(totalSummary), d.currentStepIndex)))
-        : failed
-            ? theme.fg("error", "✗")
-            : paused || blocked
-                ? theme.fg("warning", "■")
-                : theme.fg("success", "✓");
-    const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
-    const c = new Container();
-    const width = getTermWidth() - 4;
-    c.addChild(new TruncatedText(`${glyph} ${theme.fg("toolTitle", theme.bold(d.mode))}${contextBadge}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`));
-    const useResultsDirectly = multiLabel.hasParallelInChain || !d.chainAgents?.length;
-    const displayStart = multiLabel.showActiveGroupOnly ? multiLabel.groupStartIndex : 0;
-    const displayEnd = multiLabel.showActiveGroupOnly ? multiLabel.groupEndIndex : (useResultsDirectly ? d.results.length : d.chainAgents.length);
-    const chainEntries = buildChainRenderEntries(d, multiLabel);
-    const renderEntries = chainEntries ?? Array.from({ length: displayEnd - displayStart }, (_, offset) => {
-        const i = displayStart + offset;
-        const r = d.results[i];
-        const fallbackLabel = itemTitle.toLowerCase();
-        const rowNumber = multiLabel.showActiveGroupOnly ? (i - multiLabel.groupStartIndex + 1) : (i + 1);
-        return { kind: "result", resultIndex: i, rowNumber, agentName: useResultsDirectly ? (r?.agent || `${fallbackLabel}-${rowNumber}`) : (d.chainAgents[i] || r?.agent || `${fallbackLabel}-${rowNumber}`) };
-    });
-    const maxCompactRows = 6;
-    const visibleEntries = hasRunning || failed || paused || blocked ? renderEntries : renderEntries.slice(0, maxCompactRows);
-    let showLiveDetailHint = false;
-    for (const entry of visibleEntries) {
-        if (entry.kind === "placeholder") {
-            const glyph = widgetStepGlyph(entry.status, theme);
-            const statusLabel = widgetStepStatus(entry.status, theme);
-            c.addChild(new TruncatedText(`  ${glyph} ${entry.stepLabel}: ${themeBold(theme, entry.agentName)} ${theme.fg("dim", "·")} ${statusLabel}`));
-            if (entry.error)
-                c.addChild(new TruncatedText(theme.fg("error", `    ⎿  Error: ${entry.error}`)));
-            continue;
-        }
-        const i = entry.resultIndex;
-        const r = d.results[i];
-        const rowNumber = entry.rowNumber;
-        const agentName = entry.agentName;
-        if (!r) {
-            const pendingLabel = chainEntries ? resultRowLabel(d, multiLabel, i, rowNumber) : `${itemTitle} ${rowNumber}`;
-            c.addChild(new TruncatedText(theme.fg("dim", `  ◦ ${pendingLabel}: ${agentName} · pending`)));
-            continue;
-        }
-        const output = getSingleResultOutput(r) || (d.intercomDelivery?.delivered ? d.intercomDelivery.summary : "");
-        const progressFromArray = d.progress?.find((p) => p.index === i) || d.progress?.find((p) => p.agent === r.agent && p.status === "running");
-        const rProg = r.progress || progressFromArray || r.progressSummary;
-        const rRunning = rProg && "status" in rProg && rProg.status === "running";
-        const rPending = rProg && "status" in rProg && rProg.status === "pending";
-        const stepNumber = r.progress?.index !== undefined ? r.progress.index + 1 : progressFromArray?.index !== undefined ? progressFromArray.index + 1 : i + 1;
-        const stepStats = formatProgressStats(theme, rProg);
-        const glyph = rPending ? theme.fg("dim", "◦") : resultGlyph(r, output, theme, rRunning, progressRunningSeed(rProg));
-        const pendingLabel = rPending ? ` ${theme.fg("dim", "· pending")}` : "";
-        const stepLabel = resultRowLabel(d, multiLabel, i, stepNumber);
-        const line = `${glyph} ${stepLabel}: ${themeBold(theme, agentName)}${modelStat(theme, r.model)}${stepStats ? ` ${theme.fg("dim", "·")} ${stepStats}` : ""}${pendingLabel}`;
-        c.addChild(new TruncatedText(`  ${line}`));
-        if (rRunning && rProg && "status" in rProg) {
-            const activity = compactCurrentActivity(rProg);
-            c.addChild(new Text(truncLine(theme.fg("dim", `    ⎿  ${activity}`), width), 0, 0));
-            showLiveDetailHint = true;
-        }
-        else if (!rPending && (r.exitCode !== 0 || r.interrupted || r.detached || r.timedOut || r.acceptance?.status === "blocked" || hasEmptyTextOutputWithoutOutputTarget(r.task, output))) {
-            c.addChild(new TruncatedText(theme.fg(r.exitCode !== 0 ? "error" : "dim", `    ⎿  ${resultStatusLine(r, output)}`)));
-        }
-        const outputTarget = extractOutputTarget(r.task);
-        if (outputTarget)
-            c.addChild(new TruncatedText(theme.fg("dim", `    output: ${outputTarget}`)));
-        if (r.artifactPaths)
-            c.addChild(new TruncatedText(theme.fg("dim", `    output: ${shortenPath(r.artifactPaths.outputPath)}`)));
+    const visible = lines.slice(0, 12), expand = keyText("app.tools.expand");
+    if (lines.length > visible.length) {
+        visible.push(theme.fg("dim", `+${lines.length - visible.length} more${hasText(expand) ? ` · ${expand} expands` : ""}`));
     }
-    if (renderEntries.length > visibleEntries.length)
-        c.addChild(new Text(theme.fg("dim", `  +${renderEntries.length - visibleEntries.length} more${expandKey ? ` · ${expandKey} expands` : ""}`), 0, 0));
-    if (showLiveDetailHint && expandKey)
-        c.addChild(new Text(theme.fg("accent", `  Press ${expandKey} for live detail`), 0, 0));
-    if (d.artifacts)
-        c.addChild(new TruncatedText(theme.fg("dim", `  artifacts: ${shortenPath(d.artifacts.dir)}`)));
-    if (!hasRunning)
-        c.addChild(new TruncatedText(theme.fg("dim", `  ${keyText("app.tools.expand")} ${d.intercomDelivery?.delivered ? "receipt details" : "full response"}`)));
-    return c;
+    return new Text(`${prefix}${visible.join("\n")}`, 0, 0);
 }
-/**
- * Render a subagent result
- */
-export function renderSubagentResult(result, options, theme, context) {
-    const isError = context?.isError ?? result.isError;
-    const expandKey = keyText("app.tools.expand");
-    const d = result.details;
-    if (!d || !d.results.length) {
-        const t = result.content[0];
-        const text = t?.type === "text" ? t.text : "(no output)";
-        const contextPrefix = d?.context === "fork" ? `${theme.fg("warning", "[fork]")} ` : "";
-        if (options.expanded)
-            return new Text(`${contextPrefix}${text}`, 0, 0);
-        if (d?.asyncId && d.mode !== "management" && !isError) {
-            const headline = d.managementControl?.revivedFromRunId ? "Revived async" : firstOutputLine(text).replace(` [${d.asyncId}]`, "");
-            const c = new Container();
-            c.addChild(new TruncatedText(`${contextPrefix}[${d.asyncId.slice(0, 8)}] ${headline}`));
-            c.addChild(new TruncatedText(theme.fg("dim", `${keyText("app.tools.expand")} details`)));
-            return c;
-        }
-        const maxCompactLines = 12;
-        const lines = text.replace(/\n+$/, "").split("\n");
-        if (lines.length === 1)
-            return new Text(truncLine(`${contextPrefix}${lines[0]}`, getTermWidth() - 4), 0, 0);
-        const visibleLines = lines.slice(0, maxCompactLines);
-        if (lines.length > visibleLines.length)
-            visibleLines.push(theme.fg("dim", `+${lines.length - visibleLines.length} more${expandKey ? ` · ${expandKey} expands` : ""}`));
-        return new Text(`${contextPrefix}${visibleLines.join("\n")}`, 0, 0);
+function textResult(result, expanded, theme, isError) {
+    const d = result.details, first = result.content.at(0), text = first?.type === "text" ? first.text : "(no output)";
+    const prefix = d?.context === "fork" ? `${theme.fg("warning", "[fork]")} ` : "";
+    if (expanded) {
+        return new Text(`${prefix}${text}`, 0, 0);
     }
-    const expanded = options.expanded;
-    const hasWorkflowFailure = workflowGraphHasStatus(d, ["failed", "timed-out"]);
-    const hasWorkflowBlocked = d.results.some((r) => r.exitCode === 0 && r.acceptance?.status === "blocked") || workflowGraphHasStatus(d, ["blocked"]);
-    const hasWorkflowPause = d.results.some((r) => r.interrupted || r.detached)
-        || workflowGraphHasStatus(d, ["paused", "detached"]);
-    const receiptText = expanded && (isError || hasWorkflowFailure || hasWorkflowBlocked || hasWorkflowPause || d.intercomDelivery?.delivered)
-        ? result.content.filter((part) => part.type === "text").map((part) => part.text).join("\n")
+    const receipt = isError ? undefined : asyncReceipt(d, text, prefix, theme);
+    return receipt ?? compactText(text, prefix, theme);
+}
+function singleResult(d) {
+    return d.mode === "single" && d.results.length === 1;
+}
+function expandedResult(result, d, theme, isError) {
+    const facts = workflowFacts(d, isError), showRun = isError || facts.failed || facts.blocked || facts.paused;
+    const receipt = showRun || d.intercomDelivery?.delivered === true
+        ? result.content
+            .filter((part) => part.type === "text")
+            .map((part) => part.text)
+            .join("\n")
         : undefined;
-    const mdTheme = getMarkdownTheme();
-    if (d.mode === "single" && d.results.length === 1) {
-        const r = d.results[0];
-        if (!expanded)
-            return renderSingleCompact(d, r, theme, isError);
-        const isRunning = !isError && r.progress?.status === "running";
-        const icon = isRunning
-            ? theme.fg("warning", "running")
-            : isError || r.timedOut
-                ? theme.fg("error", "failed")
-                : r.detached || r.interrupted
-                    ? theme.fg("warning", r.detached ? "detached" : "paused")
-                    : r.exitCode === 0
-                        ? r.acceptance?.status === "blocked" ? theme.fg("warning", "needs your action") : theme.fg("success", "ok")
-                        : theme.fg("error", "failed");
-        const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
-        const output = r.truncation?.text || getSingleResultOutput(r);
-        const progressInfo = isRunning && r.progress
-            ? ` | ${r.progress.toolCount} tools, ${formatTokens(r.progress.tokens)} tok, ${formatDuration(r.progress.durationMs)}`
-            : r.progressSummary
-                ? ` | ${r.progressSummary.toolCount} tools, ${formatTokens(r.progressSummary.tokens)} tok, ${formatDuration(r.progressSummary.durationMs)}`
-                : "";
-        const w = getTermWidth() - 4;
-        const fit = (text) => expanded ? text : truncLine(text, w);
-        const toolCallLines = getToolCallLines(r, expanded);
-        const c = new Container();
-        c.addChild(new Text(fit(`${icon} ${theme.fg("toolTitle", theme.bold(r.agent))}${contextBadge}${progressInfo}`), 0, 0));
-        if ((isError || hasWorkflowFailure || hasWorkflowBlocked || hasWorkflowPause) && d.runId)
-            c.addChild(new Text(theme.fg("dim", `Run: ${d.runId}`), 0, 0));
-        c.addChild(new Spacer(1));
-        const taskMaxLen = Math.max(20, w - 8);
-        const taskPreview = expanded || r.task.length <= taskMaxLen
-            ? r.task
-            : `${r.task.slice(0, taskMaxLen)}...`;
-        c.addChild(new Text(fit(theme.fg("dim", `Task: ${taskPreview}`)), 0, 0));
-        c.addChild(new Spacer(1));
-        if (isRunning && r.progress) {
-            const progressSnapshotNow = snapshotNowForProgress(r.progress);
-            const toolLine = formatCurrentToolLine(r.progress, w, expanded, progressSnapshotNow);
-            if (toolLine) {
-                c.addChild(new Text(fit(theme.fg("warning", `> ${toolLine}`)), 0, 0));
-            }
-            const liveStatusLine = buildLiveStatusLine(r.progress, progressSnapshotNow);
-            if (liveStatusLine) {
-                c.addChild(new Text(fit(theme.fg("accent", liveStatusLine)), 0, 0));
-            }
-            if (expandKey)
-                c.addChild(new Text(fit(theme.fg("accent", `Press ${expandKey} for live detail`)), 0, 0));
-            if (r.artifactPaths) {
-                c.addChild(new Text(fit(theme.fg("dim", `Artifacts: ${shortenPath(r.artifactPaths.outputPath)}`)), 0, 0));
-            }
-            if (r.progress.recentTools?.length) {
-                for (const t of r.progress.recentTools.slice(-3)) {
-                    const maxArgsLen = Math.max(40, w - 24);
-                    const argsPreview = expanded || t.args.length <= maxArgsLen
-                        ? t.args
-                        : `${t.args.slice(0, maxArgsLen)}...`;
-                    c.addChild(new Text(fit(theme.fg("dim", `${t.tool}: ${argsPreview}`)), 0, 0));
-                }
-            }
-            for (const line of (r.progress.recentOutput ?? []).slice(-5)) {
-                c.addChild(new Text(fit(theme.fg("dim", `  ${line}`)), 0, 0));
-            }
-            if (toolLine || liveStatusLine || r.progress.recentTools?.length || r.progress.recentOutput?.length || r.artifactPaths) {
-                c.addChild(new Spacer(1));
-            }
-        }
-        if (expanded) {
-            for (const line of toolCallLines) {
-                c.addChild(new Text(fit(theme.fg("muted", line)), 0, 0));
-            }
-            if (toolCallLines.length)
-                c.addChild(new Spacer(1));
-        }
-        if (r.error && !output.includes(r.error))
-            c.addChild(new Text(theme.fg("error", r.error), 0, 0));
-        if (output)
-            c.addChild(new Markdown(output, 0, 0, mdTheme));
-        if (receiptText)
-            c.addChild(new Text(receiptText, 0, 0));
-        c.addChild(new Spacer(1));
-        if (r.skills?.length) {
-            c.addChild(new Text(fit(theme.fg("dim", `Skills: ${r.skills.join(", ")}`)), 0, 0));
-        }
-        if (r.skillsWarning) {
-            c.addChild(new Text(fit(theme.fg("warning", `Warning: ${r.skillsWarning}`)), 0, 0));
-        }
-        if (r.attemptedModels && r.attemptedModels.length > 1) {
-            c.addChild(new Text(fit(theme.fg("dim", `Fallbacks: ${r.attemptedModels.join(" → ")}`)), 0, 0));
-        }
-        c.addChild(new Text(fit(theme.fg("dim", [formatUsage(r.usage, r.model), r.accounting?.state === "incomplete" ? "accounting incomplete · reported totals only" : undefined].filter(Boolean).join(" · "))), 0, 0));
-        if (!isRunning)
-            c.addChild(new Text(fit(theme.fg("dim", formatAgentProcessExit(r.agentProcessExit))), 0, 0));
-        if (r.sessionFile) {
-            c.addChild(new Text(fit(theme.fg("dim", `Session: ${shortenPath(r.sessionFile)}`)), 0, 0));
-        }
-        if (!isRunning && r.artifactPaths) {
-            c.addChild(new Spacer(1));
-            c.addChild(new Text(fit(theme.fg("dim", `Artifacts: ${shortenPath(r.artifactPaths.outputPath)}`)), 0, 0));
-        }
-        return c;
-    }
-    if (!expanded)
-        return renderMultiCompact(d, theme, isError);
-    const hasRunning = !isError && (d.progress?.some((p) => p.status === "running")
-        || d.results.some((r) => r.progress?.status === "running")
-        || workflowGraphHasStatus(d, ["running"]));
-    const hasFailure = isError || hasWorkflowFailure || d.results.some((r) => (r.exitCode !== 0 || r.timedOut) && !r.interrupted && !r.detached && r.progress?.status !== "running");
-    const hasEmptyWithoutTarget = !d.intercomDelivery?.delivered && d.results.some((r) => r.exitCode === 0
-        && r.progress?.status !== "running"
-        && hasEmptyTextOutputWithoutOutputTarget(r.task, getSingleResultOutput(r)));
-    const icon = hasRunning
-        ? theme.fg("warning", "running")
-        : hasFailure
-            ? theme.fg("error", "failed")
-            : hasWorkflowBlocked
-                ? theme.fg("warning", "needs your action")
-                : hasWorkflowPause
-                    ? theme.fg("warning", "paused")
-                    : hasEmptyWithoutTarget
-                        ? theme.fg("warning", "warning")
-                        : theme.fg("success", "ok");
-    const totalSummary = d.progressSummary ||
-        d.results.reduce((acc, r) => {
-            const prog = r.progress || r.progressSummary;
-            if (prog) {
-                acc.toolCount += prog.toolCount;
-                acc.tokens += prog.tokens;
-                acc.durationMs =
-                    d.mode === "chain"
-                        ? acc.durationMs + prog.durationMs
-                        : Math.max(acc.durationMs, prog.durationMs);
-            }
-            return acc;
-        }, { toolCount: 0, tokens: 0, durationMs: 0 });
-    const summaryStr = totalSummary.toolCount || totalSummary.tokens
-        ? ` | ${totalSummary.toolCount} tools, ${formatTokens(totalSummary.tokens)} tok, ${formatDuration(totalSummary.durationMs)}`
-        : "";
-    const modeLabel = d.mode;
-    const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
-    const multiLabel = buildMultiProgressLabel(d, hasRunning);
-    if (!hasRunning)
-        multiLabel.showActiveGroupOnly = false;
-    const itemTitle = multiLabel.itemTitle;
-    const chainVis = d.chainAgents?.length && !multiLabel.hasParallelInChain
-        ? d.chainAgents
-            .map((agent, i) => {
-            const result = d.results[i];
-            const isFailed = result && result.exitCode !== 0 && result.progress?.status !== "running";
-            const isComplete = result && isDoneResult(result);
-            const isEmptyWithoutTarget = !d.intercomDelivery?.delivered && Boolean(result)
-                && Boolean(isComplete)
-                && hasEmptyTextOutputWithoutOutputTarget(result.task, getSingleResultOutput(result));
-            const isCurrent = i === (d.currentStepIndex ?? d.results.length);
-            const stepIcon = isFailed
-                ? theme.fg("error", "failed")
-                : result?.acceptance?.status === "blocked" ? theme.fg("warning", "needs your action")
-                    : result?.interrupted || result?.detached ? theme.fg("warning", result.detached ? "detached" : "paused")
-                        : isEmptyWithoutTarget
-                            ? theme.fg("warning", "warning")
-                            : isComplete
-                                ? theme.fg("success", "done")
-                                : isCurrent && hasRunning
-                                    ? theme.fg("warning", "running")
-                                    : theme.fg("dim", "pending");
-            return `${stepIcon} ${agent}`;
-        })
-            .join(theme.fg("dim", " → "))
-        : null;
-    const w = getTermWidth() - 4;
-    const fit = (text) => expanded ? text : truncLine(text, w);
-    const c = new Container();
-    c.addChild(new Text(fit(`${icon} ${theme.fg("toolTitle", theme.bold(modeLabel))}${contextBadge} · ${multiLabel.headerLabel}${summaryStr}`), 0, 0));
-    if ((isError || hasWorkflowFailure || hasWorkflowBlocked || hasWorkflowPause) && d.runId)
-        c.addChild(new Text(theme.fg("dim", `Run: ${d.runId}`), 0, 0));
-    if (chainVis) {
-        c.addChild(new Text(fit(`  ${chainVis}`), 0, 0));
+    const settings = { isError, showRun, receipt }, first = d.results.at(0);
+    if (singleResult(d) && first) {
+        return renderSingleExpanded(d, first, theme, settings);
     }
-    if (receiptText)
-        c.addChild(new Text(receiptText, 0, 0));
-    const useResultsDirectly = multiLabel.hasParallelInChain || !d.chainAgents?.length;
-    const displayStart = multiLabel.showActiveGroupOnly ? multiLabel.groupStartIndex : 0;
-    const displayEnd = multiLabel.showActiveGroupOnly ? multiLabel.groupEndIndex : (useResultsDirectly ? d.results.length : d.chainAgents.length);
-    const chainEntries = buildChainRenderEntries(d, multiLabel);
-    const renderEntries = chainEntries ?? Array.from({ length: displayEnd - displayStart }, (_, offset) => {
-        const i = displayStart + offset;
-        const r = d.results[i];
-        const rowNumber = multiLabel.showActiveGroupOnly ? (i - multiLabel.groupStartIndex + 1) : (i + 1);
-        return { kind: "result", resultIndex: i, rowNumber, agentName: useResultsDirectly ? (r?.agent || `step-${rowNumber}`) : (d.chainAgents[i] || r?.agent || `step-${rowNumber}`) };
-    });
-    c.addChild(new Spacer(1));
-    for (const entry of renderEntries) {
-        if (entry.kind === "placeholder") {
-            const statusLabel = widgetStepStatus(entry.status, theme);
-            c.addChild(new Text(fit(`  ${statusLabel} ${entry.stepLabel}: ${theme.bold(entry.agentName)}`), 0, 0));
-            c.addChild(new Text(theme.fg(entry.status === "failed" ? "error" : "dim", `    status: ${entry.status}`), 0, 0));
-            if (entry.error)
-                c.addChild(new Text(theme.fg("error", `    error: ${entry.error}`), 0, 0));
-            c.addChild(new Spacer(1));
-            continue;
-        }
-        const i = entry.resultIndex;
-        const r = d.results[i];
-        const rowNumber = entry.rowNumber;
-        const agentName = entry.agentName;
-        if (!r) {
-            const pendingLabel = chainEntries ? resultRowLabel(d, multiLabel, i, rowNumber) : `${itemTitle} ${rowNumber}`;
-            c.addChild(new Text(fit(theme.fg("dim", `  ${pendingLabel}: ${agentName}`)), 0, 0));
-            c.addChild(new Text(theme.fg("dim", `    status: pending`), 0, 0));
-            c.addChild(new Spacer(1));
-            continue;
-        }
-        const progressFromArray = d.progress?.find((p) => p.index === i)
-            || d.progress?.find((p) => p.agent === r.agent && p.status === "running");
-        const rProg = r.progress || progressFromArray || r.progressSummary;
-        const rRunning = rProg?.status === "running";
-        const stepNumber = typeof rProg?.index === "number" ? rProg.index + 1 : i + 1;
-        const resultOutput = r.truncation?.text || getSingleResultOutput(r);
-        const statusIcon = rRunning
-            ? theme.fg("warning", "running")
-            : r.detached || r.interrupted
-                ? theme.fg("warning", r.detached ? "detached" : "paused")
-                : r.exitCode !== 0
-                    ? theme.fg("error", "failed")
-                    : r.acceptance?.status === "blocked"
-                        ? theme.fg("warning", "needs your action")
-                        : !d.intercomDelivery?.delivered && hasEmptyTextOutputWithoutOutputTarget(r.task, resultOutput)
-                            ? theme.fg("warning", "warning")
-                            : theme.fg("success", "done");
-        const stats = rProg ? ` | ${rProg.toolCount} tools, ${formatDuration(rProg.durationMs)}` : "";
-        const modelDisplay = modelThinkingBadge(theme, r.model);
-        const stepLabel = resultRowLabel(d, multiLabel, i, stepNumber);
-        const stepHeader = rRunning
-            ? `${statusIcon} ${stepLabel}: ${theme.bold(theme.fg("warning", r.agent))}${modelDisplay}${stats}`
-            : `${statusIcon} ${stepLabel}: ${theme.bold(r.agent)}${modelDisplay}${stats}`;
-        const toolCallLines = getToolCallLines(r, expanded);
-        c.addChild(new Text(fit(stepHeader), 0, 0));
-        const taskMaxLen = Math.max(20, w - 12);
-        const taskPreview = expanded || r.task.length <= taskMaxLen
-            ? r.task
-            : `${r.task.slice(0, taskMaxLen)}...`;
-        c.addChild(new Text(fit(theme.fg("dim", `    task: ${taskPreview}`)), 0, 0));
-        const outputTarget = extractOutputTarget(r.task);
-        if (outputTarget) {
-            c.addChild(new Text(fit(theme.fg("dim", `    output: ${outputTarget}`)), 0, 0));
-        }
-        if (r.skills?.length) {
-            c.addChild(new Text(fit(theme.fg("dim", `    skills: ${r.skills.join(", ")}`)), 0, 0));
-        }
-        if (r.skillsWarning) {
-            c.addChild(new Text(fit(theme.fg("warning", `    Warning: ${r.skillsWarning}`)), 0, 0));
-        }
-        if (r.attemptedModels && r.attemptedModels.length > 1) {
-            c.addChild(new Text(fit(theme.fg("dim", `    model attempts: ${r.attemptedModels.join(" → ")}`)), 0, 0));
-        }
-        if (rRunning && rProg) {
-            if (rProg.skills?.length) {
-                c.addChild(new Text(fit(theme.fg("accent", `    skills: ${rProg.skills.join(", ")}`)), 0, 0));
-            }
-            const progressSnapshotNow = snapshotNowForProgress(rProg);
-            const toolLine = formatCurrentToolLine(rProg, w, expanded, progressSnapshotNow);
-            if (toolLine) {
-                c.addChild(new Text(fit(theme.fg("warning", `    > ${toolLine}`)), 0, 0));
-            }
-            const liveStatusLine = buildLiveStatusLine(rProg, progressSnapshotNow);
-            if (liveStatusLine) {
-                c.addChild(new Text(fit(theme.fg("accent", `    ${liveStatusLine}`)), 0, 0));
-            }
-            if (expandKey)
-                c.addChild(new Text(fit(theme.fg("accent", `    Press ${expandKey} for live detail`)), 0, 0));
-            if (r.artifactPaths) {
-                c.addChild(new Text(fit(theme.fg("dim", `    artifacts: ${shortenPath(r.artifactPaths.outputPath)}`)), 0, 0));
-            }
-            if (rProg.recentTools?.length) {
-                for (const t of rProg.recentTools.slice(-3)) {
-                    const maxArgsLen = Math.max(40, w - 30);
-                    const argsPreview = expanded || t.args.length <= maxArgsLen
-                        ? t.args
-                        : `${t.args.slice(0, maxArgsLen)}...`;
-                    c.addChild(new Text(fit(theme.fg("dim", `      ${t.tool}: ${argsPreview}`)), 0, 0));
-                }
-            }
-            const recentLines = (rProg.recentOutput ?? []).slice(-5);
-            for (const line of recentLines) {
-                c.addChild(new Text(fit(theme.fg("dim", `      ${line}`)), 0, 0));
-            }
-        }
-        if (!rRunning && r.artifactPaths) {
-            c.addChild(new Text(fit(theme.fg("dim", `    artifacts: ${shortenPath(r.artifactPaths.outputPath)}`)), 0, 0));
-        }
-        if (expanded && !rRunning) {
-            for (const line of toolCallLines) {
-                c.addChild(new Text(fit(theme.fg("muted", `      ${line}`)), 0, 0));
-            }
-            if (toolCallLines.length)
-                c.addChild(new Spacer(1));
-            if (r.error && !resultOutput.includes(r.error))
-                c.addChild(new Text(theme.fg("error", r.error), 0, 0));
-            if (resultOutput)
-                c.addChild(new Markdown(resultOutput, 0, 0, mdTheme));
-        }
-        c.addChild(new Spacer(1));
+    return renderMultiExpanded(d, theme, settings);
+}
+export function renderSubagentResult(result, options, theme, context) {
+    const isError = context?.isError ?? result.isError ?? false, d = result.details;
+    if (!d || d.results.length === 0) {
+        return textResult(result, options.expanded, theme, isError);
     }
-    if (d.artifacts) {
-        c.addChild(new Spacer(1));
-        c.addChild(new Text(fit(theme.fg("dim", `Artifacts dir: ${shortenPath(d.artifacts.dir)}`)), 0, 0));
+    if (options.expanded) {
+        return expandedResult(result, d, theme, isError);
     }
-    return c;
+    const first = d.results.at(0);
+    return singleResult(d) && first
+        ? renderSingleCompact(d, first, theme, isError)
+        : renderMultiCompact(d, theme, isError);
 }