@ashx-j/lunr-dev 0.2.16-dev.9.1 → 0.2.21-dev.12.1

package/dist/builtin-extensions/pi-subagents/src/tui/render.js

@@ -2,11 +2,12 @@
 /**
  * Rendering functions for subagent results
  */
+import { getSubagentSpinnerDefinition } from "../../../../core/subagent-spinner.js";
 import { getMarkdownTheme } from "../../../../modes/interactive/theme/theme.js";
 import { keyText } from "../../../../modes/interactive/components/keybinding-hints.js";
 import { Container, Markdown, Spacer, Text, visibleWidth } from "@ashx-j/lunr-tui";
-import { MAX_WIDGET_JOBS, WIDGET_KEY, } from "../shared/types.js";
-import { formatTokens, formatUsage, formatDuration, formatModelSelection, formatToolCall, shortenPath } from "../shared/formatters.js";
+import { WIDGET_KEY, } from "../shared/types.js";
+import { formatTokens, formatUsage, formatDuration, formatModelSelection, formatCompactModelBadge, formatToolCall, shortenPath } from "../shared/formatters.js";
 import { sanitizeChildDescription } from "../shared/child-spec.js";
 import { getDisplayItems, getSingleResultOutput } from "../shared/utils.js";
 import { flatToLogicalStepIndex } from "../runs/background/parallel-groups.js";
@@ -98,8 +99,12 @@ function wrapPlainText(text, maxWidth) {
     }
     return lines;
 }
-const RUNNING_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 const STATIC_RUNNING_GLYPH = "●";
+export const SUBAGENT_PAINT_INTERVAL_MS = 80;
+function selectedSubagentSpinner() {
+    const bridge = globalThis[Symbol.for("@lunr/customize")];
+    return getSubagentSpinnerDefinition(bridge?.getSubagentSpinner?.() ?? "braille");
+}
 function runningSeed(...values) {
     let seed;
     for (const value of values) {
@@ -112,7 +117,12 @@ function runningSeed(...values) {
 function runningGlyph(seed) {
     if (seed === undefined)
         return STATIC_RUNNING_GLYPH;
-    return RUNNING_FRAMES[Math.abs(seed) % RUNNING_FRAMES.length];
+    const frames = selectedSubagentSpinner().frames;
+    return frames[Math.abs(seed) % frames.length];
+}
+function foregroundSpinnerFrame(timerFrame) {
+    const { interval } = selectedSubagentSpinner();
+    return Math.floor((Math.max(0, timerFrame) * SUBAGENT_PAINT_INTERVAL_MS) / interval);
 }
 function progressRunningSeed(progress) {
     if (!progress)
@@ -202,6 +212,20 @@ function statJoin(theme, parts) {
 function formatTokenStat(tokens) {
     return `${formatTokens(tokens)} token`;
 }
+function usageTokenTotal(usage) {
+    if (!usage)
+        return 0;
+    return (usage.input ?? 0) + (usage.output ?? 0) + (usage.cacheRead ?? 0) + (usage.cacheWrite ?? 0);
+}
+function compactResultTokens(result) {
+    const progress = result.progress || result.progressSummary;
+    if (progress && progress.tokens > 0)
+        return progress.tokens;
+    const fromUsage = usageTokenTotal(result.usage);
+    if (fromUsage > 0)
+        return fromUsage;
+    return progress?.tokens ?? 0;
+}
 function formatToolUseStat(count) {
     return `${count} tool use${count === 1 ? "" : "s"}`;
 }
@@ -220,9 +244,10 @@ function formatTotalCostStat(totalCost) {
 function liveDurationMs(progress, running, now) {
     if (!progress)
         return 0;
+    const durationMs = progress.durationMs ?? 0;
     if (!running || progress.lastActivityAt === undefined)
-        return progress.durationMs;
-    return progress.durationMs + Math.max(0, now - progress.lastActivityAt);
+        return durationMs;
+    return durationMs + Math.max(0, now - progress.lastActivityAt);
 }
 function formatProgressStats(theme, progress, includeDuration = true, options = {}) {
     if (!progress)
@@ -299,17 +324,19 @@ function resultGlyph(result, output, theme, running = result.progress?.status ==
         return theme.fg("warning", "✓");
     return theme.fg("success", "✓");
 }
-/** Compact hang row: tool count, tokens, elapsed time. */
-export function formatCompactStatsHangLine(progress, width, paint = (s) => s, prefix = "  ⎿  ", now = Date.now(), running = false) {
-    const toolCount = progress?.toolCount ?? 0;
-    const tokens = progress?.tokens ?? 0;
-    const durationMs = liveDurationMs(progress, running, now);
+function formatCompactRowStats(tokens, durationMs) {
+    return `${formatTokenStat(tokens)} · ${durationMs > 0 ? formatDuration(durationMs) : "0ms"}`;
+}
+/** Unified compact row: glyph description · tier|model · tokens · time. */
+export function formatCompactSubagentRow(theme, width, parts) {
+    const stats = formatCompactRowStats(parts.tokens, parts.durationMs);
     const body = [
-        formatToolUseStat(toolCount),
-        formatTokenStat(tokens),
-        durationMs > 0 ? formatDuration(durationMs) : "0ms",
-    ].join(" · ");
-    return truncLine(paint(`${prefix}${body}`), width);
+        `${parts.prefix ?? ""}${parts.glyph} ${themeBold(theme, parts.description)}`,
+        parts.modelBadge ? theme.fg("dim", parts.modelBadge) : "",
+        theme.fg("dim", stats),
+        parts.terminalStatus ? theme.fg("dim", parts.terminalStatus) : "",
+    ].filter(Boolean).join(` ${theme.fg("dim", "·")} `);
+    return truncLine(body, width);
 }
 export function widgetRenderKey(job) {
     return JSON.stringify({
@@ -401,15 +428,13 @@ function widgetStepsRunningSeed(steps) {
 function widgetJobRunningSeed(job) {
     return runningSeed(job.currentStep, job.runningSteps, widgetStepsRunningSeed(job.steps));
 }
-function widgetJobsRunningSeed(jobs) {
-    let seed;
-    for (const job of jobs)
-        seed = runningSeed(seed, widgetJobRunningSeed(job));
-    return seed;
+function widgetAnimFrame(now = Date.now()) {
+    const definition = selectedSubagentSpinner();
+    return Math.floor(now / definition.interval) % definition.frames.length;
 }
-function widgetStatusGlyph(job, theme) {
+function widgetStatusGlyph(job, theme, now = Date.now()) {
     if (job.status === "running")
-        return theme.fg("accent", runningGlyph(widgetJobRunningSeed(job)));
+        return theme.fg("accent", runningGlyph((widgetJobRunningSeed(job) ?? 0) + widgetAnimFrame(now)));
     if (job.status === "queued")
         return theme.fg("muted", "◦");
     if (job.status === "complete")
@@ -586,7 +611,11 @@ function isDoneResult(result) {
     return result.exitCode === 0;
 }
 function workflowGraphHasStatus(details, statuses) {
-    return details.workflowGraph?.nodes.some((node) => statuses.includes(node.status)) ?? false;
+    const matches = (nodes) => nodes.some((node) => statuses.includes(node.status) || matches(node.children ?? []));
+    return matches(details.workflowGraph?.nodes ?? []);
+}
+function resultAtFlatIndex(details, flatIndex) {
+    return details.results.find((result, arrayIndex) => (result.progress?.index ?? result.progressSummary?.index ?? arrayIndex) === flatIndex);
 }
 function buildChainRenderEntries(details, label) {
     if (details.mode !== "chain" || !label.hasParallelInChain || label.showActiveGroupOnly)
@@ -605,11 +634,20 @@ function buildChainRenderEntries(details, label) {
             continue;
         }
         for (let index = span.start; index < span.start + span.count; index++) {
+            const workflowStep = details.workflowGraph?.nodes.find((node) => node.stepIndex === span.stepIndex);
+            const workflowNode = workflowStep?.children?.find((node) => node.flatIndex === index)
+                ?? (workflowStep?.flatIndex === index ? workflowStep : undefined);
+            const result = resultAtFlatIndex(details, index);
             entries.push({
                 kind: "result",
                 resultIndex: index,
                 rowNumber: index + 1,
-                agentName: details.results[index]?.agent ?? details.chainAgents?.[span.stepIndex] ?? `step-${span.stepIndex + 1}`,
+                agentName: result?.agent
+                    ?? workflowNode?.label
+                    ?? details.chainAgents?.[span.stepIndex]
+                    ?? `step-${span.stepIndex + 1}`,
+                status: workflowNode?.status ?? span.status,
+                error: workflowNode?.error ?? span.error,
             });
         }
     }
@@ -950,37 +988,54 @@ function foregroundStyleWidgetDetails(job, theme, expanded, width) {
     }
     return lines;
 }
-function buildSingleWidgetLines(job, theme, width, expanded) {
-    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, expanded, width),
-    ].map((line) => truncLine(line, width));
-}
-function compactSingleWidgetLines(job, theme, width) {
-    const fullLines = buildSingleWidgetLines(job, theme, width, false);
-    if (fullLines.length <= 10 || !job.steps?.length || (job.mode !== "parallel" && !job.activeParallelGroup))
-        return fullLines;
-    const total = job.stepsTotal ?? job.steps.length;
-    const itemTitle = job.mode === "parallel" || job.activeParallelGroup ? "Agent" : "Step";
-    const lines = fullLines.slice(0, 2);
-    for (const [index, step] of job.steps.entries()) {
-        const status = widgetStepStatus(step.status, theme);
-        const activity = widgetStepActivityLine(step, width, false, job.updatedAt);
-        const stepStats = widgetStepStats(theme, step);
-        const activitySuffix = activity ? ` ${theme.fg("dim", "·")} ${theme.fg("dim", activity)}` : "";
-        const modelDisplay = modelThinkingBadge(theme, step.model, step.thinking, step.modelSelection);
-        lines.push(`  ${widgetStepGlyph(step.status, theme, widgetStepRunningSeed(step, index))} ${itemTitle} ${index + 1}/${total}: ${themeBold(theme, step.agent)} ${theme.fg("dim", "·")} ${status}${modelDisplay}${activitySuffix}${stepStats ? ` ${theme.fg("dim", "·")} ${stepStats}` : ""}`);
-        for (const nestedLine of formatNestedWidgetLines(step.children, theme, width, false, job.updatedAt))
-            lines.push(`    ${nestedLine}`);
+function compactTerminalStatus(status) {
+    if (status === "failed")
+        return "failed";
+    if (status === "paused")
+        return "paused";
+    if (status === "stopped")
+        return "stopped";
+    if (status === "detached")
+        return "detached";
+    return undefined;
+}
+function compactJobProgress(job, step, now = Date.now()) {
+    const running = (step?.status ?? job.status) === "running";
+    const tokens = step?.tokens?.total ?? job.totalTokens?.total ?? 0;
+    if (step?.durationMs !== undefined) {
+        return {
+            tokens,
+            durationMs: liveDurationMs({ durationMs: step.durationMs, lastActivityAt: step.lastActivityAt }, running, now),
+        };
     }
-    if (job.steps.some((step) => step.status === "running"))
-        lines.push(theme.fg("accent", `  ${liveDetailHintText()}`));
-    return lines.map((line) => truncLine(line, width));
+    const startedAt = step?.startedAt ?? job.startedAt;
+    if (startedAt === undefined)
+        return { tokens, durationMs: 0 };
+    const endedAt = running ? now : step?.endedAt ?? step?.lastActivityAt ?? job.updatedAt ?? now;
+    return { tokens, durationMs: Math.max(0, endedAt - startedAt) };
+}
+function compactJobLead(job, step) {
+    return compactRowLead({
+        description: step?.description ?? step?.agent ?? job.agents?.[0],
+        task: step?.description ?? step?.agent,
+    }) || widgetJobName(job);
+}
+function compactJobLines(job, step, theme, width, now = Date.now()) {
+    const running = (step?.status ?? job.status) === "running";
+    const lead = compactJobLead(job, step);
+    const modelBadge = formatCompactModelBadge(step?.modelSelection, step?.model);
+    const glyph = step
+        ? widgetStepGlyph(step.status, theme, running ? (widgetStepRunningSeed(step, step.index) ?? 0) + widgetAnimFrame(now) : widgetStepRunningSeed(step, step.index))
+        : widgetStatusGlyph(job, theme, now);
+    const progress = compactJobProgress(job, step, now);
+    return [formatCompactSubagentRow(theme, width, {
+            glyph,
+            description: lead,
+            modelBadge,
+            tokens: progress.tokens,
+            durationMs: progress.durationMs,
+            terminalStatus: compactTerminalStatus(step?.status ?? job.status),
+        })];
 }
 const RESERVED_NON_WIDGET_ROWS = 19;
 let widgetLayoutSession;
@@ -1002,35 +1057,6 @@ function widgetSessionMatches(expanded) {
         && widgetLayoutSession.rows === currentTerminalRows()
         && widgetLayoutSession.columns === currentTerminalColumns();
 }
-function widgetHeaderCounts(jobs) {
-    return {
-        running: jobs.filter((job) => job.status === "running"),
-        queued: jobs.filter((job) => job.status === "queued"),
-        complete: jobs.filter((job) => job.status === "complete"),
-        failed: jobs.filter((job) => job.status === "failed"),
-        paused: jobs.filter((job) => job.status === "paused"),
-        stopped: jobs.filter((job) => job.status === "stopped"),
-    };
-}
-function buildSingleLineWidgetLines(jobs, theme, width) {
-    const counts = widgetHeaderCounts(jobs);
-    const hasActive = counts.running.length > 0 || counts.queued.length > 0;
-    const glyph = counts.running.length > 0 ? runningGlyph(widgetJobsRunningSeed(counts.running)) : hasActive ? "●" : "○";
-    const parts = [];
-    if (counts.running.length > 0)
-        parts.push(`${counts.running.length}/${jobs.length} running`);
-    if (counts.queued.length > 0)
-        parts.push(`${counts.queued.length} queued`);
-    if (counts.failed.length > 0)
-        parts.push(`${counts.failed.length} failed`);
-    if (counts.stopped.length > 0)
-        parts.push(`${counts.stopped.length} stopped`);
-    if (counts.paused.length > 0)
-        parts.push(`${counts.paused.length} paused`);
-    if (!hasActive && counts.complete.length > 0)
-        parts.push(`${counts.complete.length}/${jobs.length} done`);
-    return [truncLine(`${theme.fg(hasActive ? "accent" : "dim", glyph)} ${theme.fg(hasActive ? "accent" : "dim", "subagents")} (${parts.join(", ") || `${jobs.length} total`})`, width)];
-}
 function orderedWidgetJobs(jobs) {
     return [
         ...jobs.filter((job) => job.status === "running"),
@@ -1038,124 +1064,6 @@ function orderedWidgetJobs(jobs) {
         ...jobs.filter((job) => job.status !== "running" && job.status !== "queued"),
     ];
 }
-function progressiveJobKey(job) {
-    return job.asyncId;
-}
-function isProgressiveActiveJob(job) {
-    return job?.status === "running" || job?.status === "queued";
-}
-function selectProgressiveJobKeys(jobs, previousKeys, bodyRows) {
-    if (bodyRows <= 0)
-        return [];
-    const jobsByKey = new Map(jobs.map((job) => [progressiveJobKey(job), job]));
-    const selected = [];
-    const append = (key) => {
-        if (selected.includes(key) || !jobsByKey.has(key))
-            return;
-        selected.push(key);
-    };
-    for (const key of previousKeys) {
-        if (!isProgressiveActiveJob(jobsByKey.get(key)))
-            continue;
-        append(key);
-        if (selected.length >= bodyRows)
-            return selected;
-    }
-    for (const job of orderedWidgetJobs(jobs)) {
-        if (!isProgressiveActiveJob(job))
-            continue;
-        const key = progressiveJobKey(job);
-        append(key);
-        if (selected.length >= bodyRows)
-            break;
-    }
-    if (selected.length >= bodyRows)
-        return selected;
-    for (const key of previousKeys) {
-        if (isProgressiveActiveJob(jobsByKey.get(key)))
-            continue;
-        append(key);
-        if (selected.length >= bodyRows)
-            return selected;
-    }
-    for (const job of orderedWidgetJobs(jobs)) {
-        const key = progressiveJobKey(job);
-        append(key);
-        if (selected.length >= bodyRows)
-            break;
-    }
-    return selected;
-}
-function progressiveHeaderLine(jobs, theme, width) {
-    const counts = widgetHeaderCounts(jobs);
-    const hasActive = counts.running.length > 0 || counts.queued.length > 0;
-    const glyph = counts.running.length > 0 ? runningGlyph(widgetJobsRunningSeed(counts.running)) : hasActive ? "●" : "○";
-    const parts = [];
-    if (counts.running.length > 0)
-        parts.push(formatAgentRunningLabel(counts.running.length));
-    if (counts.queued.length > 0)
-        parts.push(`${counts.queued.length} queued`);
-    if (!hasActive) {
-        if (counts.failed.length > 0)
-            parts.push(`${counts.failed.length} failed`);
-        if (counts.stopped.length > 0)
-            parts.push(`${counts.stopped.length} stopped`);
-        if (counts.paused.length > 0)
-            parts.push(`${counts.paused.length} paused`);
-        if (counts.complete.length > 0)
-            parts.push(`${counts.complete.length}/${jobs.length} done`);
-    }
-    return truncLine(`${theme.fg(hasActive ? "accent" : "dim", glyph)} ${theme.fg(hasActive ? "accent" : "dim", "Async agents")} ${theme.fg("dim", "·")} ${theme.fg("dim", parts.join(", ") || `${jobs.length} total`)}`, width);
-}
-function progressiveJobLine(job, theme, width) {
-    const stats = widgetStats(job, theme);
-    const activity = widgetActivity(job);
-    const status = job.status === "complete" ? "done" : job.status;
-    const parts = [
-        themeBold(theme, widgetJobName(job)),
-        theme.fg("dim", status),
-        stats,
-        activity && activity.toLowerCase() !== status ? theme.fg("dim", activity) : "",
-    ].filter(Boolean);
-    return truncLine(`  ${widgetStatusGlyph(job, theme)} ${parts.join(` ${theme.fg("dim", "·")} `)}`, width);
-}
-function progressiveHiddenLine(hiddenJobs, theme, width) {
-    const counts = widgetHeaderCounts(hiddenJobs);
-    const parts = [];
-    if (counts.running.length > 0)
-        parts.push(`${counts.running.length} running`);
-    if (counts.queued.length > 0)
-        parts.push(`${counts.queued.length} queued`);
-    const finished = counts.complete.length + counts.failed.length + counts.paused.length + counts.stopped.length;
-    if (finished > 0)
-        parts.push(`${finished} finished`);
-    return truncLine(theme.fg("dim", `  +${hiddenJobs.length} more${parts.length ? ` (${parts.join(", ")})` : ""}`), width);
-}
-function buildProgressiveWidgetLines(jobs, theme, width, lockedRows, previousKeys) {
-    const rowCount = Math.max(1, lockedRows);
-    if (rowCount === 1)
-        return { lines: buildSingleLineWidgetLines(jobs, theme, width), visibleJobKeys: [] };
-    const bodyRows = rowCount - 1;
-    let visibleJobKeys = selectProgressiveJobKeys(jobs, previousKeys, bodyRows);
-    const jobsByKey = new Map(jobs.map((job) => [progressiveJobKey(job), job]));
-    let visibleJobs = visibleJobKeys.map((key) => jobsByKey.get(key)).filter((job) => Boolean(job));
-    let hiddenJobs = jobs.filter((job) => !visibleJobKeys.includes(progressiveJobKey(job)));
-    const needsHiddenLine = hiddenJobs.length > 0;
-    if (needsHiddenLine && visibleJobs.length >= bodyRows && bodyRows > 0) {
-        visibleJobs = visibleJobs.slice(0, bodyRows - 1);
-        visibleJobKeys = visibleJobs.map(progressiveJobKey);
-        hiddenJobs = jobs.filter((job) => !visibleJobKeys.includes(progressiveJobKey(job)));
-    }
-    const lines = [
-        progressiveHeaderLine(jobs, theme, width),
-        ...visibleJobs.map((job) => progressiveJobLine(job, theme, width)),
-    ];
-    if (hiddenJobs.length > 0 && lines.length < rowCount)
-        lines.push(progressiveHiddenLine(hiddenJobs, theme, width));
-    while (lines.length < rowCount)
-        lines.push(" ");
-    return { lines: lines.slice(0, rowCount), visibleJobKeys };
-}
 function collapsedWidgetLineBudget(rows) {
     return Math.max(10, Math.min(14, Math.floor(rows * 0.35)));
 }
@@ -1173,121 +1081,178 @@ function fitWidgetLineBudget(lines, theme, width, expanded) {
         : `… ${hiddenCount} lines hidden · ${liveDetailKeyText()} expands`;
     return [...lines.slice(0, visibleLines), truncLine(theme.fg("dim", hint), width)];
 }
-function fitAdaptiveWidgetLines(jobs, lines, theme, width, expanded) {
+function fitAdaptiveWidgetLines(_jobs, lines, theme, width, expanded) {
     if (expanded) {
         resetWidgetLayoutSession();
         return fitWidgetLineBudget(lines, theme, width, true);
     }
-    const hasMatchingSession = widgetSessionMatches(expanded);
     const rows = currentTerminalRows();
     const columns = currentTerminalColumns();
     const availableRows = estimateAvailableWidgetRows();
-    if (hasMatchingSession && widgetLayoutSession?.tier === "single-line") {
-        return buildSingleLineWidgetLines(jobs, theme, width);
-    }
-    if (hasMatchingSession && widgetLayoutSession?.tier === "progressive" && widgetLayoutSession.lockedRows !== undefined) {
-        const rendered = buildProgressiveWidgetLines(jobs, theme, width, widgetLayoutSession.lockedRows, widgetLayoutSession.visibleJobKeys);
-        widgetLayoutSession.visibleJobKeys = rendered.visibleJobKeys;
-        return rendered.lines;
-    }
     if (lines.length <= availableRows) {
-        widgetLayoutSession = { expanded, rows, columns, tier: "full", visibleJobKeys: [] };
+        widgetLayoutSession = { expanded, rows, columns, tier: "full" };
         return fitWidgetLineBudget(lines, theme, width, false);
     }
-    if (availableRows <= 2) {
-        widgetLayoutSession = { expanded, rows, columns, tier: "single-line", visibleJobKeys: [] };
-        return buildSingleLineWidgetLines(jobs, theme, width);
+    const lockedRows = widgetSessionMatches(expanded) && widgetLayoutSession?.tier === "progressive"
+        ? widgetLayoutSession.lockedRows ?? 1
+        : Math.max(1, Math.min(availableRows, collapsedWidgetLineBudget(rows)));
+    widgetLayoutSession = { expanded, rows, columns, tier: "progressive", lockedRows };
+    if (lockedRows === 1)
+        return lines.slice(0, 1);
+    const visibleCount = Math.max(1, lockedRows - 1);
+    const visible = lines.slice(0, visibleCount);
+    const hidden = lines.length - visible.length;
+    if (hidden > 0)
+        visible.push(truncLine(theme.fg("dim", `+${hidden} more`), width));
+    while (visible.length < lockedRows)
+        visible.push(" ");
+    return visible.slice(0, lockedRows);
+}
+function widgetExpandedDiagnostics(job, step, index, theme, width, now) {
+    const lines = [];
+    const status = step?.status ?? job.status;
+    const runLabel = step ? `${job.asyncId}:${step.index ?? index}` : job.asyncId;
+    lines.push(truncLine(theme.fg("dim", `  ⎿ run ${runLabel} · ${status}`), width));
+    const error = step?.error;
+    if (error)
+        lines.push(truncLine(theme.fg("error", `    ${error}`), width));
+    const snapshotNow = status === "running" ? now : step?.endedAt ?? job.updatedAt;
+    const activity = step
+        ? widgetStepActivityLine(step, Math.max(1, width - 4), true, snapshotNow)
+        : widgetActivity(job, now);
+    if (activity)
+        lines.push(truncLine(theme.fg("dim", `    ${activity}`), width));
+    for (const tool of step?.recentTools?.slice(-3) ?? []) {
+        lines.push(truncLine(theme.fg("dim", `    ${tool.tool}${tool.args ? `: ${tool.args}` : ""}`), width));
     }
-    const lockedRows = Math.min(availableRows, collapsedWidgetLineBudget(rows));
-    const rendered = buildProgressiveWidgetLines(jobs, theme, width, lockedRows, []);
-    widgetLayoutSession = { expanded, rows, columns, tier: "progressive", lockedRows, visibleJobKeys: rendered.visibleJobKeys };
-    return rendered.lines;
-}
-function buildWidgetComponent(jobs, expanded) {
-    return (_tui, theme) => {
-        const width = getTermWidth();
-        const lines = expanded
-            ? buildWidgetLines(jobs, theme, width, true)
-            : jobs.length === 1
-                ? compactSingleWidgetLines(jobs[0], theme, width)
-                : buildWidgetLines(jobs, theme, width, false);
-        const container = new Container();
-        for (const line of fitAdaptiveWidgetLines(jobs, lines, theme, width, expanded))
-            container.addChild(new Text(line, 1, 0));
-        return container;
-    };
+    for (const output of step?.recentOutput?.slice(-5) ?? []) {
+        lines.push(truncLine(theme.fg("dim", `    ${output}`), width));
+    }
+    for (const nestedLine of formatNestedWidgetLines(step?.children ?? job.nestedChildren, theme, width, true, snapshotNow)) {
+        lines.push(truncLine(`    ${nestedLine}`, width));
+    }
+    return lines;
 }
-export function buildWidgetLines(jobs, theme, width = getTermWidth(), expanded = false) {
-    if (jobs.length === 0)
-        return [];
-    if (jobs.length === 1)
-        return buildSingleWidgetLines(jobs[0], theme, width, expanded);
-    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");
+export function buildWidgetLines(jobs, theme, width = getTermWidth(), expanded = false, now = Date.now()) {
     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")}`, width));
-    const items = [];
-    let hiddenRunning = 0;
-    let hiddenFinished = 0;
-    let queuedSummaryShown = false;
-    let slots = MAX_WIDGET_JOBS;
-    for (const job of running) {
-        if (slots <= 0) {
-            hiddenRunning++;
-            continue;
+    for (const job of orderedWidgetJobs(jobs)) {
+        const steps = job.steps?.length
+            ? job.steps
+            : job.agents?.length
+                ? job.agents.map((agent, index) => ({ agent, description: agent, status: job.status, index }))
+                : [undefined];
+        for (const [index, step] of steps.entries()) {
+            lines.push(...compactJobLines(job, step, theme, width, now));
+            if (expanded)
+                lines.push(...widgetExpandedDiagnostics(job, step, index, theme, width, now));
         }
-        const stats = widgetStats(job, theme);
-        items.push([
-            `${widgetStatusGlyph(job, theme)} ${themeBold(theme, widgetJobName(job))}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`,
-            `  ${theme.fg("dim", `⎿  ${widgetActivity(job)}`)}`,
-            ...widgetParallelAgentDetails(job, theme, expanded, width),
-        ]);
-        slots--;
     }
-    if (queued.length > 0 && slots > 0) {
-        items.push([`${theme.fg("muted", "◦")} ${theme.fg("dim", `${queued.length} queued`)}`]);
-        queuedSummaryShown = true;
-        slots--;
+    return lines;
+}
+let activeWidget;
+export class SubagentAsyncWidget {
+    jobs;
+    expanded;
+    theme;
+    requestRender;
+    nowFn;
+    timer;
+    disposed = false;
+    cachedWidth;
+    cachedLines;
+    constructor(jobs, theme, options) {
+        this.jobs = jobs;
+        this.theme = theme;
+        this.expanded = options?.expanded ?? false;
+        this.requestRender = options?.requestRender;
+        this.nowFn = options?.now ?? Date.now;
+        this.syncTimer();
     }
-    for (const job of finished) {
-        if (slots <= 0) {
-            hiddenFinished++;
-            continue;
-        }
-        const stats = widgetStats(job, theme);
-        items.push([
-            `${widgetStatusGlyph(job, theme)} ${themeBold(theme, widgetJobName(job))}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`,
-            `  ${theme.fg("dim", `⎿  ${widgetActivity(job)}`)}`,
-            ...widgetParallelAgentDetails(job, theme, expanded, width),
-        ]);
-        slots--;
+    setTheme(theme) {
+        this.theme = theme;
+        this.invalidate();
     }
-    const hiddenQueued = queued.length > 0 && !queuedSummaryShown ? 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(", ")})`)]);
+    setJobs(jobs) {
+        this.jobs = jobs;
+        this.invalidate();
+        this.syncTimer();
     }
-    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));
-        }
+    setExpanded(expanded) {
+        if (this.expanded === expanded)
+            return;
+        this.expanded = expanded;
+        this.invalidate();
     }
-    return lines;
+    setRequestRender(requestRender) {
+        this.requestRender = requestRender;
+    }
+    hasRunning() {
+        return this.jobs.some((job) => job.status === "running");
+    }
+    syncTimer() {
+        if (this.disposed)
+            return;
+        if (this.hasRunning())
+            this.startTimer();
+        else
+            this.stopTimer();
+    }
+    startTimer() {
+        if (this.timer)
+            return;
+        this.timer = setInterval(() => {
+            if (this.disposed)
+                return;
+            this.invalidate();
+            this.requestRender?.();
+        }, SUBAGENT_PAINT_INTERVAL_MS);
+        this.timer.unref?.();
+    }
+    stopTimer() {
+        if (!this.timer)
+            return;
+        clearInterval(this.timer);
+        this.timer = undefined;
+    }
+    invalidate() {
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    dispose() {
+        this.disposed = true;
+        this.stopTimer();
+        if (activeWidget === this)
+            activeWidget = undefined;
+    }
+    render(width) {
+        const theme = this.theme;
+        if (!theme)
+            return [];
+        if (this.cachedLines && this.cachedWidth === width && !this.hasRunning())
+            return this.cachedLines;
+        const now = this.nowFn();
+        const innerWidth = Math.max(1, width - 2);
+        const lines = buildWidgetLines(this.jobs, theme, innerWidth, this.expanded, now);
+        const fitted = fitAdaptiveWidgetLines(this.jobs, lines, theme, innerWidth, this.expanded);
+        const padded = fitted.map((line) => {
+            const withPad = ` ${line}`;
+            const vis = visibleWidth(withPad);
+            return withPad + " ".repeat(Math.max(0, width - vis));
+        });
+        this.cachedWidth = width;
+        this.cachedLines = padded;
+        return padded;
+    }
+}
+export function createSubagentWidgetComponent(jobs, theme, options) {
+    return new SubagentAsyncWidget(jobs, theme, options);
+}
+export function disposeSubagentWidget() {
+    activeWidget?.dispose();
+    activeWidget = undefined;
+}
+export function clearWidgetPaintTimer() {
+    disposeSubagentWidget();
 }
 /**
  * Render the async jobs widget
@@ -1295,142 +1260,136 @@ export function buildWidgetLines(jobs, theme, width = getTermWidth(), expanded =
 export function renderWidget(ctx, jobs) {
     if (jobs.length === 0) {
         resetWidgetLayoutSession();
+        disposeSubagentWidget();
         if (ctx.hasUI)
             ctx.ui.setWidget(WIDGET_KEY, undefined);
         return;
     }
     if (!ctx.hasUI)
         return;
-    ctx.ui.setWidget(WIDGET_KEY, buildWidgetComponent(jobs, ctx.ui.getToolsExpanded?.() ?? false));
+    const expanded = ctx.ui.getToolsExpanded?.() ?? false;
+    const requestRender = () => ctx.ui.requestRender?.();
+    if (activeWidget) {
+        activeWidget.setJobs(jobs);
+        activeWidget.setExpanded(expanded);
+        activeWidget.setRequestRender(requestRender);
+        ctx.ui.requestRender?.();
+        return;
+    }
+    const widget = new SubagentAsyncWidget(jobs, undefined, { expanded, requestRender });
+    activeWidget = widget;
+    ctx.ui.setWidget(WIDGET_KEY, (_tui, theme) => {
+        widget.setTheme(theme);
+        return widget;
+    });
+}
+function compactResultTerminalStatus(result) {
+    if (result.stopped)
+        return "stopped";
+    if (result.detached)
+        return "detached";
+    if (result.interrupted)
+        return "paused";
+    if (result.exitCode !== 0)
+        return "failed";
+    return undefined;
 }
 function renderSingleCompact(d, r, theme, frame) {
     const output = r.truncation?.text || getSingleResultOutput(r);
     const progress = r.progress || r.progressSummary;
     const isRunning = r.progress?.status === "running";
-    const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
-    // lunr: simplified collapsed row — glyph · task summary · agent type · runtime/tools/tokens stats.
-    const c = new Container();
     const width = getTermWidth() - 4;
-    // lunr: row line is a per-frame template so the running glyph animates in place (see subagentAnimSink).
     const lead = compactRowLead({ description: r.description ?? r.agent, task: r.task });
-    const modelBadge = formatModelSelection(r.modelSelection ?? progress?.modelSelection, r.model ?? progress?.model, r.thinking ?? progress?.thinking);
-    const permissionBadge = r.permissions ? theme.fg("dim", r.permissions) : "";
-    c.addChild(animatedLine((f, now) => {
-        const stats = formatProgressStats(theme, progress, true, { running: isRunning, terminal: !isRunning, now });
-        return truncLine(`${resultGlyph(r, output, theme, isRunning, undefined, f)} ${themeBold(theme, lead)}${modelBadge ? ` ${theme.fg("dim", "·")} ${theme.fg("dim", modelBadge)}` : ""}${permissionBadge ? ` ${theme.fg("dim", "·")} ${permissionBadge}` : ""}${contextBadge}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`, width);
-    }, frame, isRunning));
-    if (isRunning && r.progress) {
-        c.addChild(animatedLine((_f, now) => formatCompactStatsHangLine(r.progress, width, (s) => theme.fg("dim", s), "  ⎿  ", now, true), frame, true));
-        return c;
+    const modelBadge = formatCompactModelBadge(r.modelSelection ?? progress?.modelSelection, r.model ?? progress?.model);
+    return animatedLine((animationTick, now) => formatCompactSubagentRow(theme, width, {
+        glyph: resultGlyph(r, output, theme, isRunning, undefined, foregroundSpinnerFrame(animationTick)),
+        description: lead,
+        modelBadge,
+        tokens: compactResultTokens(r),
+        durationMs: liveDurationMs(progress, isRunning, now),
+        terminalStatus: compactResultTerminalStatus(r),
+    }), frame, isRunning);
+}
+function progressStatusGlyph(progress, theme, frame) {
+    if (!progress || progress.status === "pending")
+        return theme.fg("muted", "◦");
+    if (progress.status === "running")
+        return theme.fg("accent", runningGlyph((progressRunningSeed(progress) ?? 0) + (frame ?? 0)));
+    if (progress.status === "completed")
+        return theme.fg("success", "✓");
+    if (progress.status === "failed")
+        return theme.fg("error", "✗");
+    return theme.fg("warning", "■");
+}
+function flattenCompactWorkflowNodes(nodes) {
+    const rows = [];
+    for (const node of nodes) {
+        if (node.children?.length)
+            rows.push(...flattenCompactWorkflowNodes(node.children));
+        else
+            rows.push(node);
     }
-    c.addChild(new Text(truncLine(theme.fg("dim", `  ⎿  ${resultStatusLine(r, output)}`), width), 0, 0));
-    const preview = firstOutputLine(output);
-    if (preview && r.exitCode === 0 && !hasEmptyTextOutputWithoutOutputTarget(r.task, output)) {
-        c.addChild(new Text(truncLine(theme.fg("dim", `     ${preview}`), width), 0, 0));
+    return rows;
+}
+function compactForegroundEntries(d) {
+    const workflowNodes = flattenCompactWorkflowNodes(d.workflowGraph?.nodes ?? []);
+    if (workflowNodes.length === 0) {
+        const progressCount = d.progress?.reduce((count, entry) => Math.max(count, entry.index + 1), 0) ?? 0;
+        const chainCount = d.mode === "chain"
+            ? buildChainStepSpans(d).reduce((count, span) => Math.max(count, span.start + span.count), 0)
+            : 0;
+        const count = Math.max(d.results.length, progressCount, d.chainChildren?.length ?? 0, d.chainAgents?.length ?? 0, chainCount);
+        return Array.from({ length: count }, (_, flatIndex) => ({ flatIndex }));
     }
-    if (r.sessionFile)
-        c.addChild(new Text(truncLine(theme.fg("dim", `  session: ${shortenPath(r.sessionFile)}`), width), 0, 0));
-    return c;
+    const entries = workflowNodes.map((node) => ({ flatIndex: node.flatIndex, node }));
+    const seen = new Set(entries.flatMap((entry) => entry.flatIndex === undefined ? [] : [entry.flatIndex]));
+    const progressCount = d.progress?.reduce((count, entry) => Math.max(count, entry.index + 1), 0) ?? 0;
+    const dataCount = Math.max(d.results.length, progressCount, d.chainChildren?.length ?? 0);
+    for (let flatIndex = 0; flatIndex < dataCount; flatIndex++) {
+        if (!seen.has(flatIndex))
+            entries.push({ flatIndex });
+    }
+    return entries;
 }
 function renderMultiCompact(d, theme, frame) {
-    const hasRunning = d.progress?.some((p) => p.status === "running")
-        || d.results.some((r) => r.progress?.status === "running")
-        || workflowGraphHasStatus(d, ["running"]);
-    const stopped = d.results.some((r) => r.stopped && r.progress?.status !== "running")
-        || workflowGraphHasStatus(d, ["stopped"]);
-    const failed = d.results.some((r) => !r.stopped && r.exitCode !== 0 && r.progress?.status !== "running")
-        || workflowGraphHasStatus(d, ["failed"]);
-    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, lastActivityAt: undefined };
-        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 (prog.status === "running" && prog.lastActivityAt !== undefined) {
-                summary.lastActivityAt = Math.max(summary.lastActivityAt ?? 0, prog.lastActivityAt);
-            }
-        }
-        if (sawProgress)
-            totalSummary = summary;
-    }
-    const multiLabel = buildMultiProgressLabel(d, hasRunning);
-    const itemTitle = multiLabel.itemTitle;
-    const glyph = (f) => hasRunning
-        ? theme.fg("accent", runningGlyph(f !== undefined ? (runningSeed(progressRunningSeed(totalSummary), d.currentStepIndex) ?? 0) + f : runningSeed(progressRunningSeed(totalSummary), d.currentStepIndex)))
-        : stopped
-            ? theme.fg("warning", "■")
-            : failed
-                ? theme.fg("error", "✗")
-                : paused
-                    ? theme.fg("warning", "■")
-                    : theme.fg("success", "✓");
-    const contextBadge = d.context === "fork" ? theme.fg("warning", " [fork]") : "";
     const c = new Container();
     const width = getTermWidth() - 4;
-    // lunr: header line is a per-frame template so the running glyph animates in place (see subagentAnimSink).
-    c.addChild(animatedLine((f, now) => {
-        const stats = statJoin(theme, [multiLabel.headerLabel, formatProgressStats(theme, totalSummary, true, { running: hasRunning, terminal: !hasRunning, now }), formatTotalCostStat(d.totalCost)]);
-        return truncLine(`${glyph(f)} ${theme.fg("toolTitle", theme.bold(d.mode))}${contextBadge}${stats ? ` ${theme.fg("dim", "·")} ${stats}` : ""}`, width);
-    }, frame, hasRunning));
-    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}`) };
-    });
-    for (const entry of renderEntries) {
-        if (entry.kind === "placeholder") {
-            const glyph = widgetStepGlyph(entry.status, theme);
-            const statusLabel = widgetStepStatus(entry.status, theme);
-            c.addChild(new Text(truncLine(`  ${glyph} ${entry.stepLabel}: ${themeBold(theme, entry.agentName)} ${theme.fg("dim", "·")} ${statusLabel}`, width), 0, 0));
-            if (entry.error)
-                c.addChild(new Text(truncLine(theme.fg("error", `    ⎿  Error: ${entry.error}`), width), 0, 0));
-            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(truncLine(theme.fg("dim", `  ◦ ${pendingLabel}: ${agentName} · pending`), width), 0, 0));
-            continue;
-        }
-        const output = getSingleResultOutput(r);
-        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 pendingLabel = rPending ? ` ${theme.fg("dim", "· pending")}` : "";
-        // lunr: simplified collapsed row — glyph · task summary · agent type · runtime/tools/tokens stats.
-        // lunr: row line is a per-frame template so the running glyph animates in place (see subagentAnimSink).
-        const lead = compactRowLead({ description: r.description ?? agentName, task: r.task });
-        const permissionBadge = r.permissions ? theme.fg("dim", r.permissions) : "";
-        const modelBadge = formatModelSelection(r.modelSelection ?? (rProg && "modelSelection" in rProg ? rProg.modelSelection : undefined), r.model ?? (rProg && "model" in rProg ? rProg.model : undefined), r.thinking ?? (rProg && "thinking" in rProg ? rProg.thinking : undefined));
-        c.addChild(animatedLine((f, now) => {
-            const glyph = rPending ? theme.fg("dim", "◦") : resultGlyph(r, output, theme, rRunning, progressRunningSeed(rProg), f);
-            const stepStats = formatProgressStats(theme, rProg, true, { running: !!rRunning, terminal: !rRunning && !rPending, now });
-            return truncLine(`  ${glyph} ${themeBold(theme, lead)}${modelBadge ? ` ${theme.fg("dim", "·")} ${theme.fg("dim", modelBadge)}` : ""}${permissionBadge ? ` ${theme.fg("dim", "·")} ${permissionBadge}` : ""}${stepStats ? ` ${theme.fg("dim", "·")} ${stepStats}` : ""}${pendingLabel}`, width);
-        }, frame, !!rRunning));
-        if (rRunning && rProg && "status" in rProg) {
-            c.addChild(animatedLine((_f, now) => formatCompactStatsHangLine(rProg, width, (s) => theme.fg("dim", s), "    ⎿  ", now, true), frame, true));
-        }
-        else if (!rPending && (r.exitCode !== 0 || r.interrupted || r.detached || hasEmptyTextOutputWithoutOutputTarget(r.task, output))) {
-            c.addChild(new Text(truncLine(theme.fg(r.exitCode !== 0 ? "error" : "dim", `    ⎿  ${resultStatusLine(r, output)}`), width), 0, 0));
-        }
+    const entries = compactForegroundEntries(d);
+    for (const [rowIndex, entry] of entries.entries()) {
+        const flatIndex = entry.flatIndex;
+        const result = flatIndex === undefined ? undefined : resultAtFlatIndex(d, flatIndex);
+        const progress = result?.progress
+            ?? (flatIndex === undefined ? undefined : d.progress?.find((candidate) => candidate.index === flatIndex))
+            ?? result?.progressSummary;
+        const status = progress?.status ?? entry.node?.status ?? "pending";
+        const description = compactRowLead({
+            description: result?.description
+                ?? progress?.description
+                ?? entry.node?.label
+                ?? (flatIndex === undefined ? undefined : d.chainChildren?.[flatIndex]?.description)
+                ?? (flatIndex === undefined ? undefined : d.chainAgents?.[flatIndex])
+                ?? result?.agent
+                ?? progress?.agent,
+            task: result?.task ?? progress?.task,
+        }) || `child ${rowIndex + 1}`;
+        const running = status === "running";
+        const output = result ? getSingleResultOutput(result) : "";
+        const modelBadge = formatCompactModelBadge(result?.modelSelection ?? progress?.modelSelection, result?.model ?? progress?.model);
+        c.addChild(animatedLine((animationTick, now) => {
+            const animationFrame = foregroundSpinnerFrame(animationTick);
+            return formatCompactSubagentRow(theme, width, {
+                glyph: result
+                    ? resultGlyph(result, output, theme, running, progressRunningSeed(progress), animationFrame)
+                    : progressStatusGlyph({ ...progress, status, index: flatIndex }, theme, animationFrame),
+                description,
+                modelBadge,
+                tokens: result ? compactResultTokens(result) : progress?.tokens ?? 0,
+                durationMs: liveDurationMs(progress, running, now),
+                terminalStatus: result
+                    ? compactResultTerminalStatus(result)
+                    : compactTerminalStatus(status),
+            });
+        }, frame, running));
     }
     return c;
 }
@@ -1439,7 +1398,9 @@ function renderMultiCompact(d, theme, frame) {
  */
 export function renderSubagentResult(result, options, theme, frame) {
     const d = result.details;
-    if (!d || !d.results.length) {
+    const hasWorkflowRows = d?.mode !== "management"
+        && Boolean(d?.workflowGraph?.nodes.length || d?.progress?.length || d?.chainChildren?.length);
+    if (!d || (!d.results.length && !hasWorkflowRows)) {
         const t = result.content[0];
         const text = t?.type === "text" ? t.text : "(no output)";
         const contextPrefix = d?.context === "fork" ? `${theme.fg("warning", "[fork]")} ` : "";
@@ -1484,6 +1445,9 @@ export function renderSubagentResult(result, options, theme, frame) {
             ? r.task
             : `${r.task.slice(0, taskMaxLen)}...`;
         c.addChild(new Text(fit(theme.fg("dim", `Task: ${taskPreview}`)), 0, 0));
+        if (!isRunning && compactResultTerminalStatus(r)) {
+            c.addChild(new Text(fit(theme.fg(r.exitCode !== 0 ? "error" : "warning", resultStatusLine(r, output))), 0, 0));
+        }
         c.addChild(new Spacer(1));
         if (isRunning && r.progress) {
             const progressSnapshotNow = snapshotNowForProgress(r.progress);
@@ -1556,6 +1520,7 @@ export function renderSubagentResult(result, options, theme, frame) {
     const hasWorkflowFailure = workflowGraphHasStatus(d, ["failed"]);
     const hasWorkflowStop = d.results.some((r) => r.stopped && r.progress?.status !== "running") || workflowGraphHasStatus(d, ["stopped"]);
     const hasWorkflowPause = workflowGraphHasStatus(d, ["paused", "detached"]);
+    const hasWorkflowPending = workflowGraphHasStatus(d, ["pending"]);
     const icon = hasRunning
         ? theme.fg("warning", "running")
         : hasEmptyWithoutTarget
@@ -1566,9 +1531,11 @@ export function renderSubagentResult(result, options, theme, frame) {
                     ? theme.fg("warning", "stopped")
                     : hasWorkflowPause
                         ? theme.fg("warning", "paused")
-                        : ok === d.results.length
-                            ? theme.fg("success", "ok")
-                            : theme.fg("error", "failed");
+                        : hasWorkflowPending
+                            ? theme.fg("dim", "pending")
+                            : ok === d.results.length
+                                ? theme.fg("success", "ok")
+                                : theme.fg("error", "failed");
     const totalSummary = d.progressSummary ||
         d.results.reduce((acc, r) => {
             const prog = r.progress || r.progressSummary;
@@ -1630,16 +1597,40 @@ export function renderSubagentResult(result, options, theme, frame) {
     if (chainVis) {
         c.addChild(new Text(fit(`  ${chainVis}`), 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}`) };
+    const fallbackEntries = compactForegroundEntries(d)
+        .filter((entry) => !multiLabel.showActiveGroupOnly
+        || entry.flatIndex === undefined
+        || (entry.flatIndex >= multiLabel.groupStartIndex && entry.flatIndex < multiLabel.groupEndIndex))
+        .map((entry, rowIndex) => {
+        if (entry.flatIndex === undefined) {
+            return {
+                kind: "placeholder",
+                rowNumber: entry.node?.stepIndex !== undefined ? entry.node.stepIndex + 1 : rowIndex + 1,
+                stepLabel: `Step ${entry.node?.stepIndex !== undefined ? entry.node.stepIndex + 1 : rowIndex + 1}`,
+                agentName: entry.node?.label ?? `step-${rowIndex + 1}`,
+                status: entry.node?.status ?? "pending",
+                error: entry.node?.error,
+            };
+        }
+        const result = resultAtFlatIndex(d, entry.flatIndex);
+        const rowNumber = multiLabel.showActiveGroupOnly
+            ? entry.flatIndex - multiLabel.groupStartIndex + 1
+            : entry.flatIndex + 1;
+        return {
+            kind: "result",
+            resultIndex: entry.flatIndex,
+            rowNumber,
+            agentName: result?.agent
+                ?? entry.node?.label
+                ?? d.chainChildren?.[entry.flatIndex]?.description
+                ?? d.chainAgents?.[entry.flatIndex]
+                ?? `step-${rowNumber}`,
+            status: entry.node?.status,
+            error: entry.node?.error,
+        };
     });
+    const renderEntries = chainEntries ?? fallbackEntries;
     c.addChild(new Spacer(1));
     for (const entry of renderEntries) {
         if (entry.kind === "placeholder") {
@@ -1652,13 +1643,16 @@ export function renderSubagentResult(result, options, theme, frame) {
             continue;
         }
         const i = entry.resultIndex;
-        const r = d.results[i];
+        const r = resultAtFlatIndex(d, 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));
+            const rowLabel = chainEntries ? resultRowLabel(d, multiLabel, i, rowNumber) : `${itemTitle} ${rowNumber}`;
+            const status = entry.status ?? "pending";
+            c.addChild(new Text(fit(theme.fg(status === "failed" ? "error" : "dim", `  ${rowLabel}: ${agentName}`)), 0, 0));
+            c.addChild(new Text(theme.fg(status === "failed" ? "error" : "dim", `    status: ${status}`), 0, 0));
+            if (entry.error)
+                c.addChild(new Text(theme.fg("error", `    error: ${entry.error}`), 0, 0));
             c.addChild(new Spacer(1));
             continue;
         }
@@ -1689,6 +1683,9 @@ export function renderSubagentResult(result, options, theme, frame) {
             ? r.task
             : `${r.task.slice(0, taskMaxLen)}...`;
         c.addChild(new Text(fit(theme.fg("dim", `    task: ${taskPreview}`)), 0, 0));
+        if (!rRunning && compactResultTerminalStatus(r)) {
+            c.addChild(new Text(fit(theme.fg(r.exitCode !== 0 ? "error" : "warning", `    ${resultStatusLine(r, resultOutput)}`)), 0, 0));
+        }
         if (r.skills?.length) {
             c.addChild(new Text(fit(theme.fg("dim", `    skills: ${r.skills.join(", ")}`)), 0, 0));
         }