@duckmind/dm-linux-x64 0.65.5 → 0.65.6

package/extensions/dm-subagents/src/tui/fleet-status.js

@@ -6,18 +6,50 @@ import { contextModeLabel } from "../runs/shared/context-mode.js";
 import { formatWorkflowJsonPreview } from "../workflows/scripted-workflow.js";
 import { hostStepReportName, hostStepVerdictLabel } from "../runs/shared/host-step-status.js";
 import { isStaleExtensionContextError } from "../shared/extension-context.js";
+import { inlineWorkflowRenderKey } from "./render.js";
+import { formatWorkflowChecklistBottleneck, formatWorkflowChecklistPhase, formatWorkflowChecklistSummary, projectWorkflowChecklist } from "../workflows/workflow-checklist.js";
 export const FLEET_STATUS_WIDGET_KEY = "subagent-fleet-status";
 const MAX_AGENT_ROWS = 6;
 const REFRESH_MS = 500;
+const FLEET_AGENT_IDENTITY_COLORS = [
+  "mdLink",
+  "mdHeading",
+  "syntaxFunction",
+  "syntaxKeyword",
+  "syntaxNumber",
+  "syntaxType",
+  "syntaxVariable",
+  "customMessageLabel",
+  "toolTitle",
+  "thinkingMedium",
+  "thinkingHigh",
+  "mdQuote",
+  "bashMode",
+  "userMessageText",
+  "mdCode",
+  "syntaxOperator"
+];
+export function fleetAgentIdentityColor(identity) {
+  let hash = 2166136261;
+  for (let i = 0;i < identity.length; i++) {
+    hash ^= identity.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return FLEET_AGENT_IDENTITY_COLORS[(hash >>> 0) % FLEET_AGENT_IDENTITY_COLORS.length];
+}
 export function resolveFleetViewPlacement(value) {
   return value === "aboveEditor" ? "aboveEditor" : "belowEditor";
 }
 export function formatFleetElapsed(ms) {
   return `${Math.max(0, Math.round(ms / 1000))}s`;
 }
-export function formatFleetTokens(count, window) {
+function detailElapsed(row) {
+  const duration = row.state === "running" && row.startedAt !== undefined ? Date.now() - row.startedAt : row.durationMs ?? (row.startedAt !== undefined && row.endedAt !== undefined ? row.endedAt - row.startedAt : undefined);
+  return duration !== undefined ? formatFleetElapsed(duration) : undefined;
+}
+export function formatFleetTokens(count, window, windowCount = 1) {
   const compact = (value) => value >= 1e6 ? `${(value / 1e6).toFixed(1)}M` : value >= 1000 ? `${(value / 1000).toFixed(1)}k` : `${Math.max(0, Math.round(value))}`;
-  return window !== undefined ? `↓ ${compact(window)} window · ${compact(count)} spent` : `↓ ${compact(count)} tokens`;
+  return window !== undefined ? `↓ ${compact(window)} ${windowCount > 1 ? "Σ windows" : "window"} · ${compact(count)} spent` : `↓ ${compact(count)} tokens`;
 }
 function rightAlign(left, right, width) {
   const rightWidth = visibleWidth(right);
@@ -64,6 +96,21 @@ function visibleWorkflowRows(rows, visibleLimit) {
   const visible = [...selected].sort((left, right) => left - right).map((index) => rows[index]);
   return [{ name: `… +${rows.length - visible.length} hidden workflow steps`, state: "complete", overflow: rows.length - visible.length }, ...visible];
 }
+function visibleWorkflowPhases(checklist, visibleLimit) {
+  const phases = checklist?.phases ?? [];
+  if (phases.length <= visibleLimit)
+    return phases;
+  const selected = new Set;
+  for (const [index, phase] of phases.entries()) {
+    if (phase.state !== "complete")
+      selected.add(index);
+    if (selected.size >= visibleLimit)
+      break;
+  }
+  for (let index = phases.length - 1;index >= 0 && selected.size < visibleLimit; index--)
+    selected.add(index);
+  return [...selected].sort((left, right) => left - right).map((index) => phases[index]);
+}
 function isWorkflowRowTerminal(row) {
   if (row.kind)
     return row.state === "done" || row.state === "cancelled" || row.state === "error";
@@ -117,11 +164,13 @@ function nestedFleetRows(children, visibleLimit) {
           const activity = nestedActivity(step);
           rows.push({
             name: step.agent,
+            agentIdentity: step.agent,
             state: step.status,
             depth,
             ...modelThinking ? { modelThinking } : {},
             ...activity ? { activity } : {},
-            ...step.startedAt !== undefined ? { startedAt: step.startedAt } : {}
+            ...step.startedAt !== undefined ? { startedAt: step.startedAt } : {},
+            ...step.endedAt !== undefined ? { endedAt: step.endedAt } : {}
           });
           if (!appendRuns(step.children, depth + 1)) {
             omitted += nestedStepDisplayCount(steps, stepIndex + 1);
@@ -139,11 +188,13 @@ function nestedFleetRows(children, visibleLimit) {
         const activity = nestedActivity(child);
         rows.push({
           name: nestedRunLabel(child),
+          agentIdentity: child.agent ?? child.agents?.join("\x00") ?? child.id,
           state: child.state,
           depth,
           ...modelThinking ? { modelThinking } : {},
           ...activity ? { activity } : {},
-          ...child.startedAt !== undefined ? { startedAt: child.startedAt } : {}
+          ...child.startedAt !== undefined ? { startedAt: child.startedAt } : {},
+          ...child.endedAt !== undefined ? { endedAt: child.endedAt } : {}
         });
       }
       if (!appendRuns(child.children, depth + 1)) {
@@ -174,10 +225,11 @@ function fleetTreeRows(entries) {
       continue;
     rows.push({ kind: "owner", entry });
     const attached = childrenByParent.get(entry.key) ?? [];
+    const workflowPhases = visibleWorkflowPhases(entry.workflowChecklist, attached.length > 0 ? 2 : 4);
     const workflowRows = visibleWorkflowRows(entry.workflowRows, attached.length > 0 ? 2 : 4);
     for (const [index, child] of attached.entries()) {
       const nested = nestedFleetRows(child.nestedChildren, 3);
-      const laterRows = index < attached.length - 1 || workflowRows.length > 0 || Boolean(entry.nestedChildren?.length);
+      const laterRows = index < attached.length - 1 || workflowPhases.length > 0 || workflowRows.length > 0 || Boolean(entry.nestedChildren?.length);
       rows.push({ kind: "child", entry: child, last: !laterRows && nested.length === 0 });
       for (const [nestedIndex, row] of nested.entries())
         rows.push({
@@ -187,6 +239,13 @@ function fleetTreeRows(entries) {
           last: nestedIndex === nested.length - 1 && !laterRows
         });
     }
+    for (const [index, phase] of workflowPhases.entries())
+      rows.push({
+        kind: "workflow-phase",
+        ownerKey: entry.key,
+        phase,
+        last: index === workflowPhases.length - 1 && workflowRows.length === 0 && !entry.nestedChildren?.length
+      });
     for (const [index, row] of workflowRows.entries())
       rows.push({ kind: "workflow", ownerKey: entry.key, row, last: index === workflowRows.length - 1 && !entry.nestedChildren?.length });
     const nested = nestedFleetRows(entry.nestedChildren, attached.length > 0 ? 3 : 4);
@@ -240,6 +299,7 @@ function projectPaneEntries(state) {
   }));
 }
 export function collectFleetStatusEntries(state) {
+  const now = Date.now();
   const entries = [];
   const activeWorkflowKeys = new Set([...state.asyncJobs.values()].filter((job) => job.mode === "workflow" && isActiveState(job.status)).map((job) => `async:${job.asyncId}`));
   const materializedChildrenByWorkflow = new Map;
@@ -301,12 +361,20 @@ export function collectFleetStatusEntries(state) {
   for (const job of state.asyncJobs.values()) {
     if (!isActiveState(job.status))
       continue;
-    const startedAt = job.startedAt ?? job.updatedAt ?? Date.now();
+    const startedAt = job.startedAt ?? job.updatedAt ?? now;
     const linkedParentKey = linkedWorkflowParentKey(job.parentWorkflowRunId, activeWorkflowKeys);
     if (job.mode === "workflow") {
       const latestEmit = job.workflow?.emits?.length ? formatWorkflowJsonPreview(job.workflow.emits.at(-1), 120) : undefined;
       const workflowSteps = workflowStepsWithoutMaterializedChildren(job.steps, materializedChildrenByWorkflow.get(`async:${job.asyncId}`));
       const workflowRows = projectAsyncWorkflowRows(workflowSteps, job.workflowGraph ?? job.hostSteps, job.preflight);
+      const workflowChecklist = projectWorkflowChecklist({
+        graph: job.workflowGraph,
+        steps: job.steps,
+        hostSteps: job.hostSteps,
+        preflight: job.preflight,
+        trace: job.workflow?.trace,
+        now
+      });
       entries.push({
         key: `async:${job.asyncId}`,
         ...linkedParentKey ? { parentKey: linkedParentKey } : {},
@@ -318,6 +386,7 @@ export function collectFleetStatusEntries(state) {
         ...job.totalTokens?.window !== undefined ? { window: job.totalTokens.window } : {},
         state: job.status,
         ...workflowRows.length ? { workflowRows } : {},
+        ...workflowChecklist.total ? { workflowChecklist } : {},
         ...job.nestedChildren?.length ? { nestedChildren: job.nestedChildren } : {}
       });
       continue;
@@ -350,7 +419,8 @@ export function collectFleetStatusEntries(state) {
       entries.push({
         key: `async:${job.asyncId}:${index}`,
         ...linkedParentKey ? { parentKey: linkedParentKey } : {},
-        agent: step.label ? `${step.label} (${step.agent})` : step.agent,
+        agent: step.agent,
+        ...step.label ? { displayLabel: `${step.label} (${step.agent})` } : {},
         ...modelThinking ? { modelThinking } : {},
         description: step.description ?? job.description,
         startedAt: step.startedAt ?? startedAt,
@@ -395,7 +465,11 @@ export class SubagentFleetStatus {
   selectedKey = "main";
   inspectorOpen = false;
   lastRenderKey = "";
+  lastPaint;
+  prepaint;
   entries = [];
+  workflowSnapshots = new Map;
+  onWorkflowCoverageChange;
   state;
   openInspector;
   refreshMs;
@@ -407,10 +481,13 @@ export class SubagentFleetStatus {
     this.refreshMs = options.refreshMs ?? REFRESH_MS;
     this.maxAgentRows = options.maxAgentRows ?? MAX_AGENT_ROWS;
     this.placement = options.placement ?? "belowEditor";
+    this.onWorkflowCoverageChange = options.onWorkflowCoverageChange;
   }
   setContext(ctx) {
-    if (!ctx.hasUI)
+    if (!ctx.hasUI) {
+      this.clearUiRegistration();
       return;
+    }
     const ui = ctx.ui;
     if (this.ui === ui) {
       this.ctx = ctx;
@@ -438,6 +515,7 @@ export class SubagentFleetStatus {
     this.lastRenderKey = "";
   }
   refresh() {
+    this.prepaint = undefined;
     const ctx = this.getActiveUiContext();
     if (!ctx)
       return;
@@ -446,6 +524,54 @@ export class SubagentFleetStatus {
       return;
     }
     this.entries = collectFleetStatusEntries(this.state);
+    this.workflowSnapshots.clear();
+    if (this.active && !this.inspectorOpen && !this.state.fleetInspectorOpen && this.onWorkflowCoverageChange) {
+      const childrenByParent = new Map;
+      for (const child of this.state.asyncJobs.values()) {
+        if (!child.parentWorkflowRunId)
+          continue;
+        const children = childrenByParent.get(child.parentWorkflowRunId) ?? [];
+        children.push(child);
+        childrenByParent.set(child.parentWorkflowRunId, children);
+      }
+      const attachedByParent = new Map;
+      for (const entry of this.entries) {
+        if (!entry.parentKey)
+          continue;
+        const attached = attachedByParent.get(entry.parentKey) ?? [];
+        attached.push(entry);
+        attachedByParent.set(entry.parentKey, attached);
+      }
+      for (const job of this.state.asyncJobs.values()) {
+        if (job.mode !== "workflow" || !isActiveState(job.status) || job.parentWorkflowRunId || job.nestedChildren?.length || job.steps?.some((step) => step.children?.length))
+          continue;
+        const key = `async:${job.asyncId}`;
+        const children = childrenByParent.get(job.asyncId) ?? [];
+        const attached = attachedByParent.get(key) ?? [];
+        if (children.length && job.status !== "running")
+          continue;
+        if (attached.length >= this.maxAgentRows)
+          continue;
+        const rowKeys = new Set;
+        let unsupported = false;
+        for (const child of children) {
+          if (!isActiveState(child.status) || child.mode !== "single" && child.mode !== "parallel" && child.mode !== "chain" || child.hostSteps?.length || child.workflowGraph || childrenByParent.has(child.asyncId) || child.nestedChildren?.length || child.steps?.some((step) => step.children?.length || step.runner || !isActiveState(step.status))) {
+            unsupported = true;
+            break;
+          }
+          const count = child.steps?.length || child.agents?.length || 0;
+          if (!count || (child.stepsTotal ?? 0) > count || (child.chainStepCount ?? 0) > count) {
+            unsupported = true;
+            break;
+          }
+          for (let index = 0;index < count; index++)
+            rowKeys.add(`async:${child.asyncId}:${child.steps?.[index]?.index ?? index}`);
+        }
+        if (unsupported || attached.length !== rowKeys.size || attached.some((entry) => !rowKeys.has(entry.key)))
+          continue;
+        this.workflowSnapshots.set(key, { snapshot: inlineWorkflowRenderKey(job, children), childRows: rowKeys });
+      }
+    }
     this.clampSelection();
     if (this.inspectorOpen || this.state.fleetInspectorOpen) {
       this.lastRenderKey = "";
@@ -460,17 +586,34 @@ export class SubagentFleetStatus {
       return;
     }
     const renderKey = this.getRenderKey();
+    if (!this.active)
+      this.clearWorkflowCoverage();
+    else if (renderKey !== this.lastRenderKey && this.lastPaint) {
+      const { width, theme } = this.lastPaint;
+      this.prepaint = { key: renderKey, width, theme, lines: this.render(width, theme) };
+    }
     if (!this.widgetRegistered) {
       ctx.ui.setWidget(FLEET_STATUS_WIDGET_KEY, (tui, theme) => {
         this.tui = tui;
         return {
-          render: (width) => this.render(width, theme),
+          render: (width) => {
+            this.lastPaint = { width, theme };
+            const prepaint = this.prepaint;
+            this.prepaint = undefined;
+            if (prepaint && prepaint.key === this.lastRenderKey && prepaint.key === this.getRenderKey() && prepaint.width === width && prepaint.theme === theme && !this.state.widgetsSuspended && !this.inspectorOpen && !this.state.fleetInspectorOpen)
+              return prepaint.lines;
+            return this.render(width, theme);
+          },
           invalidate: () => {
             this.lastRenderKey = "";
+            this.prepaint = undefined;
           },
           dispose: () => {
             if (this.tui !== tui)
               return;
+            this.prepaint = undefined;
+            this.lastPaint = undefined;
+            this.clearWorkflowCoverage();
             this.widgetRegistered = false;
             this.tui = undefined;
           }
@@ -548,25 +691,31 @@ export class SubagentFleetStatus {
     return;
   }
   render(width, theme) {
-    if (!this.hasInlineSurface())
+    if (!this.hasInlineSurface() || this.state.widgetsSuspended || this.inspectorOpen || this.state.fleetInspectorOpen) {
+      this.clearWorkflowCoverage();
       return [];
+    }
     if (!this.active) {
+      this.clearWorkflowCoverage();
       const workEntries = this.entries.filter((entry) => !entry.surface);
       const projectEntries = this.entries.filter((entry) => entry.surface === "project-pane");
-      const tokens = workEntries.reduce((total, entry) => total + entry.tokens, 0);
-      const nativeEntries = workEntries.filter((entry) => !entry.external);
+      const hasWorkflow = workEntries.some((entry) => entry.workflowWrapper);
+      const nativeEntries = workEntries.filter((entry) => !entry.external && !entry.workflowWrapper && !entry.parentKey);
+      const tokens = nativeEntries.reduce((total, entry) => total + entry.tokens, 0);
       const window = nativeEntries.length > 0 && nativeEntries.every((entry) => entry.window !== undefined) ? nativeEntries.reduce((total, entry) => total + entry.window, 0) : undefined;
       const capacity = this.state.activeAsyncCapacity;
-      const hasNativeRows = workEntries.some((entry) => !entry.external);
+      const hasNativeRows = nativeEntries.length > 0 || hasWorkflow;
       const showNativeSummary = hasNativeRows || Boolean(capacity?.used);
-      const asyncRuns = capacity && showNativeSummary ? `Async runs ${capacity.used}/${capacity.limit || "∞"}` : "";
+      const asyncRuns = capacity && showNativeSummary && (capacity.used > 0 || capacity.limit > 0) ? `Async runs ${capacity.used}/${capacity.limit || "∞"}` : "";
       const activeEntries = activeLeafAgentCount(workEntries);
       const noun = workEntries.some((entry) => entry.external) ? "job" : "agent";
       const agents = activeEntries > 0 ? `${activeEntries} active ${noun}${activeEntries === 1 ? "" : "s"}` : "";
       const paneAttention = projectEntries.filter((entry) => entry.projectPane && projectPaneNeedsAttention(entry.projectPane)).length;
       const panes = projectEntries.length > 0 ? `${projectEntries.length} pane${projectEntries.length === 1 ? "" : "s"}${paneAttention ? ` (${paneAttention} ⚠)` : ""}` : "";
       const label = [agents, asyncRuns, panes].filter(Boolean).join(" · ");
-      const detail = [showNativeSummary ? formatFleetTokens(tokens, window) : undefined, "↓/← to inspect"].filter(Boolean).join(" · ");
+      const nativeUsage = formatFleetTokens(tokens, window, nativeEntries.length);
+      const usage = hasWorkflow ? nativeEntries.length > 0 ? `standalone: ${nativeUsage} · workflow usage on child rows` : "usage on child rows" : nativeUsage;
+      const detail = [showNativeSummary ? usage : undefined, "↓/← to inspect"].filter(Boolean).join(" · ");
       return [truncateToWidth(`  ${theme.fg("muted", label)}${label && detail ? " · " : ""}${theme.fg("dim", detail)}`, width)];
     }
     const roster = this.rosterKeys();
@@ -593,12 +742,33 @@ export class SubagentFleetStatus {
         lines.push(this.renderEntry(rosterIndex, selectedIndex, row.entry, width, theme, row.kind === "child" ? row.last ? "└─" : "├─" : undefined));
       } else if (row.kind === "workflow") {
         lines.push(this.renderWorkflowRow(row.row, row.last, width, theme));
+      } else if (row.kind === "workflow-phase") {
+        lines.push(this.renderWorkflowPhaseRow(row.phase, row.last, width, theme));
       } else {
         lines.push(this.renderNestedRow(row.row, row.last, width, theme));
       }
     }
     if (hiddenBelow > 0)
       lines.push(rightAlign("", theme.fg("dim", `↓ ${hiddenBelow} more`), width));
+    if (this.ui && this.widgetRegistered && this.onWorkflowCoverageChange) {
+      const coverage = new Map;
+      for (const [key, { snapshot, childRows }] of this.workflowSnapshots) {
+        const ownerIndex = tree.findIndex((row) => row.kind === "owner" && row.entry.key === key);
+        const owner = tree[ownerIndex];
+        if (owner?.kind !== "owner" || ownerIndex < start)
+          continue;
+        const count = childRows.size + (owner.entry.workflowRows?.length ?? 0) + (owner.entry.workflowChecklist?.phases.length ?? 0);
+        if (!count || ownerIndex + count >= start + visibleCount)
+          continue;
+        const descendants = tree.slice(ownerIndex + 1, ownerIndex + count + 1);
+        if (!descendants.every((row) => row.kind === "workflow" && row.ownerKey === key && !row.row.overflow && visibleWidth(this.renderWorkflowRow(row.row, row.last, 1 / 0, theme)) <= width || row.kind === "workflow-phase" && row.ownerKey === key && visibleWidth(this.renderWorkflowPhaseRow(row.phase, row.last, 1 / 0, theme)) <= width || row.kind === "child" && childRows.has(row.entry.key) && visibleWidth(this.renderEntry(rosterIndexByKey.get(row.entry.key) ?? 0, selectedIndex, row.entry, 0, theme, row.last ? "└─" : "├─", true)) <= width))
+          continue;
+        if (childRows.size && visibleWidth(this.renderEntry(rosterIndexByKey.get(key) ?? 0, selectedIndex, owner.entry, 0, theme, undefined, true)) > width)
+          continue;
+        coverage.set(key.slice("async:".length), snapshot);
+      }
+      this.onWorkflowCoverageChange(this.ui, coverage);
+    }
     this.renderProjectPaneSection(lines, selectedIndex, width, theme, rosterIndexByKey);
     return lines;
   }
@@ -612,13 +782,17 @@ export class SubagentFleetStatus {
       lines.push(this.renderEntry(rosterIndex, selectedIndex, entry, width, theme));
     }
   }
-  renderEntry(rosterIndex, selectedIndex, entry, width, theme, branch) {
-    const agent = entry.modelThinking ? `${entry.agent} (${entry.modelThinking})` : entry.agent;
+  renderEntry(rosterIndex, selectedIndex, entry, width, theme, branch, unclipped = false) {
+    const label = entry.displayLabel ?? entry.agent;
+    const agent = entry.modelThinking ? `${label} (${entry.modelThinking})` : label;
     const prefix = branch ? `    ${branch}` : " ";
-    const left = `${prefix} ${this.bullet(rosterIndex, selectedIndex, theme)} ${theme.fg("muted", agent)} · ${entry.state}`;
+    const checklist = entry.workflowWrapper && entry.workflowChecklist ? ` · checklist ${formatWorkflowChecklistSummary(entry.workflowChecklist)}${entry.workflowChecklist.bottleneck ? ` · bottleneck ${formatWorkflowChecklistBottleneck(entry.workflowChecklist.bottleneck)}` : ""}` : "";
+    const left = `${prefix} ${this.bullet(rosterIndex, selectedIndex, theme)} ${theme.fg(fleetAgentIdentityColor(entry.agent), agent)} · ${entry.state}${checklist}`;
     const elapsed = Date.now() - entry.startedAt;
-    const rightText = entry.projectPane ? `${entry.projectPane.summary ?? "—"} · ${formatFleetElapsed(Date.now() - entry.projectPane.refreshedAt)} ago` : entry.external ? formatFleetElapsed(elapsed) : `${formatFleetElapsed(elapsed)} · ${formatFleetTokens(entry.tokens, entry.window)}`;
+    const rightText = entry.projectPane ? `${entry.projectPane.summary ?? "—"} · ${formatFleetElapsed(Date.now() - entry.projectPane.refreshedAt)} ago` : entry.external ? formatFleetElapsed(elapsed) : `${formatFleetElapsed(elapsed)} · ${entry.workflowWrapper ? "usage on child rows" : formatFleetTokens(entry.tokens, entry.window)}`;
     const right = theme.fg("dim", rightText);
+    if (unclipped)
+      return `${left} ${right}`;
     return rightAlign(left, right, width);
   }
   renderNestedRow(row, last, width, theme) {
@@ -628,9 +802,9 @@ export class SubagentFleetStatus {
       return truncateToWidth(`${indent}${marker} ${theme.fg("dim", `+${row.overflow} nested leaves`)}`, width);
     const modelThinking = row.modelThinking ? ` (${row.modelThinking})` : "";
     const activity = row.activity ? ` · ${row.activity}` : "";
-    const left = `${indent}${marker} ${nestedStatusGlyph(row.state, theme)} ${theme.fg("muted", `${row.name}${modelThinking}`)} · ${row.state}${activity}`;
-    const elapsed = row.startedAt !== undefined ? ` · ${formatFleetElapsed(Date.now() - row.startedAt)}` : "";
-    return truncateToWidth(`${left}${theme.fg("dim", elapsed)}`, width);
+    const left = `${indent}${marker} ${nestedStatusGlyph(row.state, theme)} ${theme.fg(fleetAgentIdentityColor(row.agentIdentity ?? row.name), `${row.name}${modelThinking}`)} · ${row.state}${activity}`;
+    const elapsed = detailElapsed(row);
+    return truncateToWidth(`${left}${elapsed !== undefined ? theme.fg("dim", ` · ${elapsed}`) : ""}`, width);
   }
   workflowRowGlyph(row, theme) {
     if (!row.kind)
@@ -658,6 +832,11 @@ export class SubagentFleetStatus {
       return theme.fg("error", state === "fail" ? "fail" : state);
     return theme.fg("warning", state);
   }
+  renderWorkflowPhaseRow(phase, last, width, theme) {
+    const marker = last ? "└─" : "├─";
+    const glyph = phase.state === "complete" ? theme.fg("success", "✓") : phase.state === "running" ? theme.fg("accent", "●") : phase.state === "blocked" || phase.state === "failed" ? theme.fg("error", phase.state === "blocked" ? "!" : "✗") : phase.state === "queued" ? theme.fg("muted", "◦") : theme.fg("warning", "■");
+    return truncateToWidth(`    ${marker} ${glyph} ${theme.fg("muted", formatWorkflowChecklistPhase(phase))}`, width);
+  }
   renderWorkflowRow(row, last, width, theme) {
     const marker = last ? "└─" : "├─";
     const indent = "    ";
@@ -676,7 +855,7 @@ export class SubagentFleetStatus {
     ].filter((value) => Boolean(value)).join(" · ") : "";
     const left = `${indent}${marker} ${this.workflowRowGlyph(row, theme)} ${theme.fg("muted", `${kind}${row.name}${context ? ` ${context}` : ""}${modelThinking}`)} · ${this.workflowRowStateLabel(row, theme)}${activity}${hints ? ` · ${hints}` : ""}`;
     const details = [
-      row.startedAt !== undefined ? formatFleetElapsed(Date.now() - row.startedAt) : undefined,
+      detailElapsed(row),
       row.tokens !== undefined ? formatFleetTokens(row.tokens, row.window) : undefined,
       row.provider ? `provider:${row.provider}` : undefined,
       row.role ? `role:${row.role}` : undefined,
@@ -721,12 +900,22 @@ export class SubagentFleetStatus {
         entry.surface,
         entry.parentKey,
         entry.agent,
+        entry.displayLabel,
         entry.state,
         entry.modelThinking,
         entry.description,
         entry.external,
         Math.round((now - entry.startedAt) / 1000),
         entry.tokens,
+        entry.workflowChecklist ? [
+          entry.workflowChecklist.total,
+          entry.workflowChecklist.done,
+          entry.workflowChecklist.running,
+          entry.workflowChecklist.queued,
+          entry.workflowChecklist.blocked,
+          entry.workflowChecklist.failed,
+          entry.workflowChecklist.phases.map((phase) => [phase.key, phase.state, phase.done, phase.total, phase.running, phase.queued, phase.blocked, phase.failed, phase.items.map((item) => [item.key, item.state, item.currentTool, item.currentPath, item.durationMs, item.toolCount, item.error])])
+        ] : undefined,
         visibleWorkflowRows(entry.workflowRows, entry.parentKey ? 2 : 4).map((row) => [
           row.kind,
           row.name,
@@ -735,6 +924,8 @@ export class SubagentFleetStatus {
           row.modelThinking,
           row.activity,
           row.startedAt,
+          row.endedAt,
+          row.durationMs,
           row.tokens,
           row.provider,
           row.role,
@@ -748,10 +939,12 @@ export class SubagentFleetStatus {
         ]),
         nestedFleetRows(entry.nestedChildren, entry.parentKey ? 3 : 4).map((row) => [
           row.name,
+          row.agentIdentity,
           row.state,
           row.modelThinking,
           row.activity,
           row.startedAt,
+          row.endedAt,
           row.depth,
           row.overflow
         ])
@@ -775,6 +968,8 @@ export class SubagentFleetStatus {
     }
   }
   clearWidget() {
+    this.prepaint = undefined;
+    this.clearWorkflowCoverage();
     if (!this.widgetRegistered)
       return;
     try {
@@ -789,6 +984,8 @@ export class SubagentFleetStatus {
     this.tui = undefined;
   }
   clearUiRegistration() {
+    this.prepaint = undefined;
+    this.clearWorkflowCoverage();
     if (this.timer)
       clearInterval(this.timer);
     this.timer = undefined;
@@ -821,4 +1018,8 @@ export class SubagentFleetStatus {
       throw new AggregateError(cleanupErrors, "Failed to clean up FleetView UI registration");
     }
   }
+  clearWorkflowCoverage() {
+    if (this.ui)
+      this.onWorkflowCoverageChange?.(this.ui, new Map);
+  }
 }