@bastani/atomic 0.9.16-alpha.2 → 0.9.16-alpha.4

package/dist/builtin/workflows/src/tui/prompt-card-state.ts

@@ -1,61 +0,0 @@
-import type { PendingPrompt } from "../shared/store-types.js";
-
-export interface PromptCardState {
-	readonly prompt: PendingPrompt;
-	/** Raw text buffer for `input`/`editor` prompts. */
-	rawText: string;
-	/** Caret position within `rawText` (in characters, not visual cells). */
-	caret: number;
-	/** Selected index for `select` prompts (offset into `prompt.choices`). */
-	selectedIndex: number;
-	/** Boolean selection for `confirm` prompts (true = yes, false = no). */
-	confirmValue: boolean;
-	/** For multi-line editor prompts, Tab moves focus to a visible Submit action. */
-	editorSubmitFocused: boolean;
-}
-
-export function createPromptCardState(prompt: PendingPrompt): PromptCardState {
-	const initial = prompt.initial ?? "";
-	return {
-		prompt,
-		rawText: initial,
-		caret: initial.length,
-		selectedIndex: 0,
-		confirmValue: false,
-		editorSubmitFocused: false,
-	};
-}
-
-// ---------------------------------------------------------------------------
-// Key handling
-// ---------------------------------------------------------------------------
-
-/** Action returned by `handlePromptCardInput`. */
-export type PromptCardAction =
-	| { kind: "noop" }
-	/** User submitted — `response` already shaped to match the prompt's kind. */
-	| { kind: "submit"; response: unknown }
-	/**
-	 * User dismissed without responding. Caller decides what to do — for HIL
-	 * we forward a kind-appropriate default to `store.resolvePendingPrompt`
-	 * so the workflow body resumes (rather than hanging).
-	 */
-	| { kind: "cancel" };
-
-/**
- * Compute the safe default response when the user dismisses the prompt.
- * Used by the overlay to keep the workflow body unblocked even on cancel.
- */
-export function defaultResponseFor(prompt: PendingPrompt): unknown {
-	switch (prompt.kind) {
-		case "input":
-		case "editor":
-			return prompt.initial ?? "";
-		case "confirm":
-			return false;
-		case "select":
-			return prompt.choices?.[0] ?? "";
-		case "custom":
-			return undefined;
-	}
-}

package/dist/builtin/workflows/src/tui/prompt-card-text.ts

@@ -1,122 +0,0 @@
-import { visibleWidth } from "@earendil-works/pi-tui";
-import { deleteRange, type KeybindingsLike, matchesAction } from "./keybindings-adapter.js";
-import type { PromptCardState } from "./prompt-card-state.js";
-import { matchesKey } from "./text-helpers.js";
-
-export interface GraphemePart {
-	text: string;
-	start: number;
-	end: number;
-	width: number;
-}
-
-const segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
-
-export function graphemeParts(value: string): GraphemePart[] {
-	const parts: GraphemePart[] = [];
-	for (const segment of segmenter.segment(value)) {
-		const text = segment.segment;
-		parts.push({
-			text,
-			start: segment.index,
-			end: segment.index + text.length,
-			width: visibleWidth(text),
-		});
-	}
-	return parts;
-}
-
-export function previousGraphemeBoundary(value: string, caret: number): number {
-	const safeCaret = Math.max(0, Math.min(caret, value.length));
-	let prev = 0;
-	for (const part of graphemeParts(value)) {
-		if (part.start >= safeCaret) break;
-		prev = part.start;
-	}
-	return prev;
-}
-
-export function nextGraphemeBoundary(value: string, caret: number): number {
-	const safeCaret = Math.max(0, Math.min(caret, value.length));
-	for (const part of graphemeParts(value)) {
-		if (part.end > safeCaret) return part.end;
-	}
-	return value.length;
-}
-
-function clampGraphemeBoundary(value: string, caret: number): number {
-	const safeCaret = Math.max(0, Math.min(caret, value.length));
-	if (safeCaret === value.length) return safeCaret;
-	for (const part of graphemeParts(value)) {
-		if (part.start === safeCaret) return safeCaret;
-		if (part.start > safeCaret) break;
-	}
-	return previousGraphemeBoundary(value, safeCaret);
-}
-
-export function isPrintableText(data: string): boolean {
-	return data.length > 0 && !data.startsWith("\x1b") && !/[\x00-\x1f\x7f]/.test(data);
-}
-
-export function insertText(state: PromptCardState, text: string): void {
-	const caret = Math.max(0, Math.min(state.caret, state.rawText.length));
-	state.rawText = state.rawText.slice(0, caret) + text + state.rawText.slice(caret);
-	state.caret = caret + text.length;
-}
-
-export function matchesTextAction(
-	keybindings: KeybindingsLike | undefined,
-	data: string,
-	action: string,
-	fallback?: Parameters<typeof matchesKey>[1],
-): boolean {
-	return matchesAction(keybindings, data, action) || (fallback !== undefined && matchesKey(data, fallback));
-}
-
-export function matchesAnyKey(data: string, keys: readonly Parameters<typeof matchesKey>[1][]): boolean {
-	return keys.some((key) => matchesKey(data, key));
-}
-
-export function applyDeleteRange(state: PromptCardState, start: number, end: number, caret: number): void {
-	const result = deleteRange(state.rawText, start, end, caret);
-	state.rawText = result.text;
-	state.caret = result.caret;
-}
-
-function visualColumnAt(text: string, caret: number): number {
-	return visibleWidth(text.slice(0, clampGraphemeBoundary(text, caret)));
-}
-
-function offsetAtVisualColumn(text: string, targetCol: number): number {
-	let col = 0;
-	for (const part of graphemeParts(text)) {
-		const width = part.width;
-		if (col + width > targetCol) return part.start;
-		col += width;
-	}
-	return text.length;
-}
-
-export function caretLineUp(raw: string, caret: number): number | null {
-	const safe = clampGraphemeBoundary(raw, caret);
-	const lineStartOffset = raw.lastIndexOf("\n", safe - 1) + 1;
-	if (lineStartOffset === 0) return null;
-	const prevLineEnd = lineStartOffset - 1;
-	const prevLineStart = raw.lastIndexOf("\n", prevLineEnd - 1) + 1;
-	const col = visualColumnAt(raw.slice(lineStartOffset, safe), raw.slice(lineStartOffset, safe).length);
-	const prevLine = raw.slice(prevLineStart, prevLineEnd);
-	return prevLineStart + offsetAtVisualColumn(prevLine, col);
-}
-
-export function caretLineDown(raw: string, caret: number): number | null {
-	const safe = clampGraphemeBoundary(raw, caret);
-	const nextNl = raw.indexOf("\n", safe);
-	if (nextNl === -1) return null;
-	const lineStartOffset = raw.lastIndexOf("\n", safe - 1) + 1;
-	const col = visualColumnAt(raw.slice(lineStartOffset, safe), raw.slice(lineStartOffset, safe).length);
-	const nextLineStart = nextNl + 1;
-	const nextNlAfter = raw.indexOf("\n", nextLineStart);
-	const nextLineEnd = nextNlAfter === -1 ? raw.length : nextNlAfter;
-	const nextLine = raw.slice(nextLineStart, nextLineEnd);
-	return nextLineStart + offsetAtVisualColumn(nextLine, col);
-}

package/dist/builtin/workflows/src/tui/prompt-card.ts

@@ -1,12 +0,0 @@
-/**
- * HIL prompt card public facade.
- *
- * Implementation is split into sibling modules to keep each source file under
- * the repository's file-length limit while preserving existing imports.
- */
-
-export { handlePromptCardInput, isPromptEscapeInput } from "./prompt-card-input.js";
-export type { PromptCardIdentity, PromptCardRenderOpts } from "./prompt-card-render.js";
-export { renderPromptCard } from "./prompt-card-render.js";
-export type { PromptCardAction, PromptCardState } from "./prompt-card-state.js";
-export { createPromptCardState, defaultResponseFor } from "./prompt-card-state.js";

package/dist/builtin/workflows/src/tui/renderers.ts

@@ -1,14 +0,0 @@
-/**
- * Re-exports / integration point for extension renderers.
- * cross-ref: spec §5.6
- */
-
-export { hexBg, hexToAnsi, lerpColor, RESET } from "./color-utils.js";
-export { renderEdge } from "./edge.js";
-export { deriveGraphTheme } from "./graph-theme.js";
-export { GraphView } from "./graph-view.js";
-// Re-export render helpers for use by the extension's registerMessageRenderer calls.
-export { renderHeader } from "./header.js";
-export { computeLayout, NODE_H, NODE_W } from "./layout.js";
-export { renderNodeCard } from "./node-card.js";
-export { fmtDuration, statusColor, statusIcon } from "./status-helpers.js";

package/dist/builtin/workflows/src/tui/run-detail.ts

@@ -1,438 +0,0 @@
-/**
- * Per-run detail block surface.
- *
- * Pairs with the status-list overview ({@link renderSessionList}) and the
- * above-editor widget. Emits a rounded run panel, key/value run summary,
- * rounded stage/artifact cards, all rendered against the canonical
- * Catppuccin Mocha palette.
- *
- * Two output modes:
- *   - **themed**  ANSI Catppuccin chrome (theme supplied)
- *   - **plain**   no colour, stable for snapshot tests (theme omitted)
- *
- * cross-ref:
- *  - github.com/nicobailon/pi-subagents src/runs/background/run-status.ts
- *    inspectSubagentStatus — the source UX pattern
- *  - DESIGN.md §5 Section Labels
- *  - orchestrator-panel-ui.png — band-header chrome
- */
-
-import type { RunDetail } from "../runs/background/status.js";
-import type { StageSnapshot, ToolNodeSnapshot, ToolNodeStatus } from "../shared/store-types.js";
-import { elapsedRunMs, elapsedStageMs } from "../shared/timing.js";
-import type { FlatBandBadge } from "./chat-surface.js";
-import { renderRoundedBox } from "./chat-surface.js";
-import { BOLD, hexToAnsi, RESET } from "./color-utils.js";
-import type { GraphTheme } from "./graph-theme.js";
-import { wrapIdentifierLines } from "./run-identity-rows.js";
-import { fmtDuration, statusColor, statusIcon } from "./status-helpers.js";
-import { truncateToWidth, visibleWidth } from "./text-helpers.js";
-
-const STAGE_NAME_COL = 14;
-const KEY_COL = 14;
-
-export interface RenderRunDetailOpts {
-	/** Provide for ANSI output; omit for plain text. */
-	theme?: GraphTheme;
-	/** Optional clock override for tests. */
-	now?: number;
-	/** Optional render width (cells) for truncating long/wide values. */
-	width?: number;
-}
-
-/**
- * Render a {@link RunDetail} as a multi-line styled block.
- */
-export function renderRunDetail(detail: RunDetail, opts: RenderRunDetailOpts = {}): string {
-	const now = opts.now ?? Date.now();
-	const width = Math.max(32, opts.width ?? 80);
-	if (opts.theme === undefined) return renderPlain(detail, now, width);
-	return renderThemed(detail, now, opts.theme, width);
-}
-
-// ---------------------------------------------------------------------------
-// Plain renderer — used by tests and headless consumers
-// ---------------------------------------------------------------------------
-
-function renderPlain(detail: RunDetail, now: number, width: number): string {
-	const out: string[] = [];
-	const stateBadge = stateLabel(detail);
-
-	out.push(...renderIdentifierRows(detail.runId, width - 2));
-	out.push("");
-
-	for (const [k, v] of summaryRows(detail, now)) {
-		if (v === undefined) continue;
-		const value = truncateToWidth(v, Math.max(1, width - 4 - KEY_COL), "…");
-		out.push(` ${pad(k, KEY_COL)}${value} `);
-	}
-	out.push("");
-
-	const tools = detail.tools ?? [];
-	if (detail.stages.length > 0 || tools.length === 0) {
-		out.push(" STAGES ");
-		if (detail.stages.length === 0) out.push("  (no stages recorded yet) ");
-		else for (const stage of detail.stages) out.push(...renderStageRowsPlain(stage, now, width - 4));
-		out.push("");
-	}
-	if (tools.length > 0) {
-		out.push(" TOOLS ");
-		for (const tool of tools) out.push(...renderToolRowsPlain(tool, now, width - 4));
-		out.push("");
-	}
-
-	const artifactRows = artifactRowsFor(detail);
-	if (artifactRows.length > 0) {
-		out.push(" ARTIFACTS ");
-		for (const [k, v] of artifactRows) {
-			out.push(` ${pad(k, KEY_COL)}${truncateToWidth(v, Math.max(1, width - 4 - KEY_COL), "…")} `);
-		}
-		out.push("");
-	}
-
-	out.push(...renderDetailHintRows(detail, width - 2));
-
-	return renderRoundedBox({
-		title: `RUN ${detail.name}  ${stateBadge}`,
-		bodyLines: out,
-		width,
-	});
-}
-
-// ---------------------------------------------------------------------------
-// Themed renderer — ANSI Catppuccin chrome
-// ---------------------------------------------------------------------------
-
-function renderThemed(detail: RunDetail, now: number, theme: GraphTheme, width: number): string {
-	const out: string[] = [];
-	const muted = hexToAnsi(theme.textMuted);
-	const dim = hexToAnsi(theme.dim);
-	const text = hexToAnsi(theme.text);
-
-	out.push(...renderIdentifierRows(detail.runId, width - 2, theme));
-	out.push("");
-
-	const badges = stateBadges(detail, theme);
-
-	for (const [k, v] of summaryRows(detail, now)) {
-		if (v === undefined) continue;
-		const value = truncateToWidth(v, Math.max(1, width - 4 - KEY_COL), "…");
-		out.push(` ${muted}${pad(k, KEY_COL)}${RESET}${text}${value}${RESET} `);
-	}
-	out.push("");
-
-	const tools = detail.tools ?? [];
-	if (detail.stages.length > 0 || tools.length === 0) {
-		out.push(` ${muted}${BOLD}STAGES${RESET} `);
-		if (detail.stages.length === 0) out.push(`  ${dim}(no stages recorded yet)${RESET} `);
-		else for (const stage of detail.stages) out.push(...renderStageRowsThemed(stage, now, theme, width - 4));
-		out.push("");
-	}
-	if (tools.length > 0) {
-		out.push(` ${muted}${BOLD}TOOLS${RESET} `);
-		for (const tool of tools) out.push(...renderToolRowsThemed(tool, now, theme, width - 4));
-		out.push("");
-	}
-
-	const artifactRows = artifactRowsFor(detail);
-	if (artifactRows.length > 0) {
-		out.push(` ${muted}${BOLD}ARTIFACTS${RESET} `);
-		for (const [k, v] of artifactRows) {
-			out.push(
-				` ${muted}${pad(k, KEY_COL)}${RESET}${dim}${truncateToWidth(v, Math.max(1, width - 4 - KEY_COL), "…")}${RESET} `,
-			);
-		}
-		out.push("");
-	}
-
-	out.push(...renderDetailHintRows(detail, width - 2, theme));
-
-	const badgeText = badges.length > 0 ? `  ${badges.map((b) => b.text).join("  ")}` : "";
-	return renderRoundedBox({
-		title: `RUN ${detail.name}${badgeText}`,
-		bodyLines: out,
-		accent: theme.accent,
-		theme,
-		width,
-	});
-}
-
-// ---------------------------------------------------------------------------
-// Shared row builders
-// ---------------------------------------------------------------------------
-
-function summaryRows(detail: RunDetail, now: number): Array<[string, string | undefined]> {
-	const duration = elapsedRunMs(detail, now);
-
-	const rows: Array<[string, string | undefined]> = [
-		["workflow", detail.name],
-		["state", statePlain(detail)],
-		["mode", detail.mode === "chain" ? `chain · ${detail.stages.length} stages` : "single"],
-		["started", formatTime(detail.startedAt)],
-	];
-	if (detail.endedAt !== undefined) {
-		rows.push(["ended", formatTime(detail.endedAt)]);
-		rows.push(["duration", fmtDuration(duration)]);
-	} else {
-		rows.push(["elapsed", fmtDuration(duration)]);
-	}
-	if (detail.exitReason) {
-		rows.push(["reason", detail.exitReason]);
-	}
-	if (detail.error) {
-		rows.push(["error", detail.error.split("\n")[0] ?? ""]);
-	}
-	if (detail.resumeGuidance) rows.push(["guidance", detail.resumeGuidance]);
-	return rows;
-}
-
-function artifactRowsFor(detail: RunDetail): Array<[string, string]> {
-	const rows: Array<[string, string]> = [];
-	if (detail.result !== undefined && Object.keys(detail.result).length > 0) {
-		rows.push(["result", JSON.stringify(detail.result)]);
-	}
-	const inputKeys = Object.keys(detail.inputs);
-	if (inputKeys.length > 0) {
-		rows.push(["inputs", inputKeys.join(", ")]);
-	}
-	return rows;
-}
-
-function stageLinePlain(stage: StageSnapshot, now: number, width: number): string {
-	const icon = statusIcon(stage.status);
-	const dur = stageDurationString(stage, now);
-	const activity = stageActivityString(stage, now);
-	const name = truncateToWidth(`${icon} ${stage.name}`, STAGE_NAME_COL + 2, "…");
-	const activityText = activity ? truncateToWidth(activity, 16, "…") : undefined;
-	const parts = [pad(name, STAGE_NAME_COL + 2), pad(stage.status, 10)];
-	if (activityText) parts.push(pad(activityText, 16));
-	if (dur) parts.push(dur);
-	return truncateToWidth(parts.join(""), width, "…");
-}
-
-function stageLineThemed(stage: StageSnapshot, now: number, theme: GraphTheme, width: number): string {
-	const icon = statusIcon(stage.status);
-	const iconFg = hexToAnsi(statusColor(stage.status, theme));
-	const text = hexToAnsi(theme.text);
-	const muted = hexToAnsi(theme.textMuted);
-	const dim = hexToAnsi(theme.dim);
-	const stateFg = hexToAnsi(statusColor(stage.status, theme));
-
-	const activity = stageActivityString(stage, now);
-	const dur = stageDurationString(stage, now);
-
-	const nameText = truncateToWidth(stage.name, STAGE_NAME_COL, "…");
-	const namePad = pad(nameText, STAGE_NAME_COL);
-	const statePad = pad(stage.status, 10);
-	const activityText = activity ? truncateToWidth(activity, 16, "…") : undefined;
-	const activitySeg = activityText ? `${muted}${pad(activityText, 16)}${RESET}` : " ".repeat(16);
-	const durSeg = dur ? `${dim}${dur}${RESET}` : "";
-
-	return truncateToWidth(
-		`${iconFg}${icon}${RESET} ${text}${namePad}${RESET}  ${stateFg}${statePad}${RESET}${activitySeg}${durSeg}`,
-		width,
-		"…",
-	);
-}
-
-function renderStageRowsPlain(stage: StageSnapshot, now: number, width: number): string[] {
-	const rows = [` ${stageLinePlain(stage, now, Math.max(1, width - 2))} `];
-	if (stage.error) {
-		rows.push(`   error  ${truncateToWidth(stage.error.split("\n")[0] ?? "", Math.max(1, width - 10), "…")} `);
-	}
-	return rows;
-}
-
-function renderStageRowsThemed(stage: StageSnapshot, now: number, theme: GraphTheme, width: number): string[] {
-	const rows = [` ${stageLineThemed(stage, now, theme, Math.max(1, width - 2))} `];
-	if (stage.error) {
-		const errFg = hexToAnsi(theme.error);
-		rows.push(
-			`   ${hexToAnsi(theme.textMuted)}error${RESET}  ${errFg}${truncateToWidth(stage.error.split("\n")[0] ?? "", Math.max(1, width - 12), "…")}${RESET} `,
-		);
-	}
-	return rows;
-}
-
-function toolDisplayStatus(status: ToolNodeStatus): "pending" | "running" | "completed" | "failed" | "cancelled" {
-	return status === "cached" ? "completed" : status;
-}
-
-function toolDurationString(tool: ToolNodeSnapshot, now: number): string | undefined {
-	if (tool.startedAt === undefined) return undefined;
-	return fmtDuration(Math.max(0, (tool.endedAt ?? now) - tool.startedAt));
-}
-
-function renderToolRowsPlain(tool: ToolNodeSnapshot, now: number, width: number): string[] {
-	const icon = statusIcon(toolDisplayStatus(tool.status));
-	const duration = toolDurationString(tool, now);
-	const line = ` ${pad(`${icon} ${tool.name}`, STAGE_NAME_COL + 2)}${pad(tool.status, 10)}${duration ?? ""} `;
-	const rows = [truncateToWidth(line, width, "…")];
-	if (tool.error)
-		rows.push(`   error  ${truncateToWidth(tool.error.split("\n")[0] ?? "", Math.max(1, width - 10), "…")} `);
-	return rows;
-}
-
-function renderToolRowsThemed(tool: ToolNodeSnapshot, now: number, theme: GraphTheme, width: number): string[] {
-	const displayStatus = toolDisplayStatus(tool.status);
-	const stateFg = hexToAnsi(statusColor(displayStatus, theme));
-	const text = hexToAnsi(theme.text);
-	const dim = hexToAnsi(theme.dim);
-	const duration = toolDurationString(tool, now);
-	const line = ` ${stateFg}${statusIcon(displayStatus)}${RESET} ${text}${pad(tool.name, STAGE_NAME_COL)}${RESET}  ${stateFg}${pad(tool.status, 10)}${RESET}${duration ? `${dim}${duration}${RESET}` : ""} `;
-	const rows = [truncateToWidth(line, width, "…")];
-	if (tool.error)
-		rows.push(
-			`   ${hexToAnsi(theme.textMuted)}error${RESET}  ${hexToAnsi(theme.error)}${truncateToWidth(tool.error.split("\n")[0] ?? "", Math.max(1, width - 12), "…")}${RESET} `,
-		);
-	return rows;
-}
-
-function stageDurationString(stage: StageSnapshot, now: number): string | undefined {
-	const elapsed = elapsedStageMs(stage, now);
-	return elapsed === undefined ? undefined : fmtDuration(elapsed);
-}
-
-// `now` is the stable, capture-once clock threaded down from renderRunDetail
-// (opts.now). Using it — not a fresh Date.now() — keeps a running stage's active
-// tool-activity label (e.g. `bash · 6s`) byte-stable across host re-renders so a
-// scrollback run-detail card that has scrolled above the viewport fold does not
-// retrigger pi-tui's full-screen redraw (CSI 2J/H/3J) every render tick. The
-// companion below-editor widget owns the live, ticking view.
-function stageActivityString(stage: StageSnapshot, now: number): string | undefined {
-	if (stage.status !== "running") return undefined;
-	const last = stage.toolEvents.at(-1);
-	if (!last) return undefined;
-	if (last.endedAt !== undefined && last.startedAt !== undefined) {
-		return `${last.name} · ${fmtDuration(last.endedAt - last.startedAt)}`;
-	}
-	if (last.startedAt !== undefined) {
-		return `${last.name} · ${fmtDuration(now - last.startedAt)}`;
-	}
-	return last.name;
-}
-
-// ---------------------------------------------------------------------------
-// State badges + plain-text equivalents
-// ---------------------------------------------------------------------------
-
-function stateBadges(detail: RunDetail, theme: GraphTheme): FlatBandBadge[] {
-	switch (detail.status) {
-		case "running":
-			return [{ text: "● running", fg: theme.warning }];
-		case "crashed":
-			return [{ text: detail.resumable === true ? "✗ crashed · resumable" : "✗ crashed", fg: theme.error }];
-		case "paused":
-			return [{ text: "❚❚ paused", fg: theme.warning }];
-		case "completed":
-			return [{ text: "✓ completed", fg: theme.success }];
-		case "skipped":
-			return [{ text: "⊘ skipped", fg: theme.dim }];
-		case "cancelled":
-			return [{ text: "⊘ cancelled", fg: theme.dim }];
-		case "blocked":
-			return [{ text: "↑ blocked", fg: theme.dim }];
-		case "failed":
-			return [{ text: "✗ failed", fg: theme.error }];
-		case "killed":
-			return [{ text: "⊘ killed", fg: theme.dim }];
-		default:
-			return [{ text: "○ pending", fg: theme.dim }];
-	}
-}
-
-function stateLabel(detail: RunDetail): string {
-	switch (detail.status) {
-		case "running":
-			return "● running";
-		case "crashed":
-			return detail.resumable === true ? "✗ crashed · resumable" : "✗ crashed";
-		case "paused":
-			return "❚❚ paused";
-		case "completed":
-			return "✓ completed";
-		case "skipped":
-			return "⊘ skipped";
-		case "cancelled":
-			return "⊘ cancelled";
-		case "blocked":
-			return "↑ blocked";
-		case "failed":
-			return "✗ failed";
-		case "killed":
-			return "⊘ killed";
-		default:
-			return "○ pending";
-	}
-}
-
-function statePlain(detail: RunDetail): string {
-	return stateLabel(detail);
-}
-
-// ---------------------------------------------------------------------------
-// Tiny formatters
-// ---------------------------------------------------------------------------
-
-function pad(s: string, n: number): string {
-	const width = visibleWidth(s);
-	if (width >= n) return s;
-	return s + " ".repeat(n - width);
-}
-
-function renderIdentifierRows(id: string, width: number, theme?: GraphTheme): string[] {
-	const rows = wrapIdentifierLines(id, width, " run id  ", "         ");
-	if (!theme) return rows.map((row) => `${row.prefix}${row.chunk}`);
-	const muted = hexToAnsi(theme.textMuted);
-	const accent = hexToAnsi(theme.accent);
-	return rows.map((row, index) => {
-		const prefix = index === 0 ? `${muted}${row.prefix}${RESET}` : row.prefix;
-		return `${prefix}${accent}${row.chunk}${RESET}`;
-	});
-}
-
-function renderDetailHintRows(detail: RunDetail, width: number, theme?: GraphTheme): string[] {
-	const resumable =
-		(detail.status === "paused" && detail.resumable !== false) ||
-		(detail.resumable === true &&
-			(detail.status === "crashed" || detail.status === "failed" || detail.status === "blocked"));
-	const inspectOnly =
-		detail.ownerActiveElsewhere === true ||
-		(detail.status === "crashed" && !resumable) ||
-		(detail.endedAt !== undefined && !resumable);
-	const prefix = inspectOnly
-		? " ▸ workflow status id="
-		: resumable
-			? " ▸ workflow resume id="
-			: " ▸ workflow interrupt   id=";
-	const suffix = inspectOnly
-		? detail.ownerActiveElsewhere === true
-			? "    inspect; owner active elsewhere "
-			: "    inspect retained state "
-		: resumable
-			? "    continue workflow "
-			: "    cancel ";
-	const continuation = "    ";
-	const rows = wrapIdentifierLines(detail.runId, width, prefix, continuation);
-	const last = rows[rows.length - 1]!;
-	if (visibleWidth(`${last.prefix}${last.chunk}${suffix}`) <= width) {
-		last.chunk += suffix;
-	} else {
-		rows.push({
-			prefix: continuation,
-			chunk: truncateToWidth(suffix.trimStart(), Math.max(1, width - visibleWidth(continuation)), "…"),
-		});
-	}
-	if (!theme) return rows.map((row) => `${row.prefix}${row.chunk}`);
-	const dim = hexToAnsi(theme.dim);
-	const accent = hexToAnsi(theme.accent);
-	return rows.map((row) => `${dim}${row.prefix}${RESET}${accent}${row.chunk}${RESET}`);
-}
-
-function formatTime(ms: number): string {
-	const d = new Date(ms);
-	const hh = String(d.getUTCHours()).padStart(2, "0");
-	const mm = String(d.getUTCMinutes()).padStart(2, "0");
-	const ss = String(d.getUTCSeconds()).padStart(2, "0");
-	return `${hh}:${mm}:${ss}`;
-}