@tangle-network/agent-runtime 0.337.1 → 0.338.0

package/dist/{top-app-BaMw1W2z.js → top-app-C55Wa7uy.js}

@@ -1,12 +1,12 @@
-import { _ as supervisorWorkersDir, a as legacySupervisorRunsRoot, g as supervisorRunsRoot, j as writeWorkerSteer, m as safeWorkerFile, n as cancelWorker, t as cancelRun } from "./run-layout-Cu8H7aeh.js";
+import { N as writeWorkerSteer, _ as safeWorkerFile, b as supervisorWorkersDir, f as legacySupervisorRunsRoot, l as cancelWorker, n as cancelRun, y as supervisorRunsRoot } from "./run-cancellation-BoW5Sg9Y.js";
 import { randomUUID } from "node:crypto";
 import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
 import { basename, join, resolve } from "node:path";
 import { emitKeypressEvents } from "node:readline";
-//#region src/tui/top-model.ts
+//#region src/tui/top-snapshot.ts
 /**
-* The read side of the supervisor-run TUI: turn the on-disk run layout into one `TopSnapshot`, and
-* render that snapshot to an ANSI frame.
+* The snapshot reader for the supervisor-run TUI: turn the on-disk run layout into a `TopSnapshot`.
+* ANSI frame presentation lives in `./top-frame`; this module owns reading and projection.
 *
 * This module never derives a run path itself. Every directory and per-worker file it reads comes
 * from `../runtime/supervise/run-layout` — the same module the writers use — so the reader cannot
@@ -29,20 +29,6 @@ const emptySpend = {
 	usd: 0,
 	ms: 0
 };
-const ansiPattern = /\x1b\[[0-9;?]*[ -/]*[@-~]/g;
-const colors = {
-	reset: "\x1B[0m",
-	dim: "\x1B[2m",
-	bold: "\x1B[1m",
-	red: "\x1B[31m",
-	green: "\x1B[32m",
-	yellow: "\x1B[33m",
-	blue: "\x1B[34m",
-	magenta: "\x1B[35m",
-	cyan: "\x1B[36m",
-	white: "\x1B[37m",
-	inverse: "\x1B[7m"
-};
 /**
 * Read every supervisor run under one workspace into a single point-in-time snapshot.
 *
@@ -228,113 +214,6 @@ function buildSupervisorView(state, stateDir, events, progressTail, now, workerE
 		totals
 	};
 }
-/** Render one snapshot to an ANSI frame. Use this when nothing needs to be clickable. */
-function renderTopFrame(snapshot, options = {}) {
-	return renderTopFrameWithLayout(snapshot, options).frame;
-}
-/**
-* Render one snapshot, returning the frame together with the row→entity map a mouse click resolves
-* against. The layout is the only thing that knows which row is which run or worker, so emitting it
-* alongside the text is what keeps click handling out of the renderer.
-*/
-function renderTopFrameWithLayout(snapshot, options = {}) {
-	const width = Math.max(88, options.width ?? 128);
-	const height = Math.max(24, options.height ?? 42);
-	const color = options.color ?? false;
-	const focus = options.focus ?? "supervisors";
-	const mode = options.mode ?? "overview";
-	const selectedSupervisor = selectSupervisor(snapshot, options.selectedSupervisorId);
-	const selectedWorker = selectedSupervisor ? selectWorker(selectedSupervisor, options.selectedWorkerId) : void 0;
-	const targets = [];
-	const lines = [];
-	const push = (line = "", target) => {
-		if (lines.length >= height) return;
-		if (target) targets.push({
-			row: lines.length,
-			...target
-		});
-		lines.push(fitAnsi(line, width));
-	};
-	const aggregate = aggregateSnapshot(snapshot);
-	push(`${paint("SUPERVISOR TOP", "bold", color)} ${paint(snapshot.root, "dim", color)}  runs ${aggregate.supervisors}  workers ${aggregate.workers}  live ${aggregate.running}  done ${aggregate.done}  down ${aggregate.down}  ${formatMoney(aggregate.usd)}  tok ${formatTokens(aggregate.tokensInput)}/${formatTokens(aggregate.tokensOutput)}`);
-	push(`${paint("keys", "dim", color)} up/down select  left/right run  tab focus  enter detail  o overview  l log  s steer  c cancel  mouse  q quit`);
-	if (options.notice) push(paint(options.notice, "yellow", color));
-	if (snapshot.completeness === "partial") push(paint(`partial snapshot: ${snapshot.diagnostics.length} source${snapshot.diagnostics.length === 1 ? "" : "s"} skipped or truncated; runs loaded ${snapshot.loaded}/${snapshot.discovered}`, "yellow", color));
-	if (options.steerInput?.active) push(renderSteerInput(options.steerInput, width, color));
-	push(rule(width, color));
-	if (snapshot.supervisors.length === 0) {
-		if (snapshot.discovered > 0) {
-			push(paint("NO READABLE SUPERVISORS", "yellow", color));
-			push(`${snapshot.discovered} run director${snapshot.discovered === 1 ? "y" : "ies"} found under ${supervisorRunsRoot(snapshot.root)}, none readable`);
-		} else {
-			push(paint("NO SUPERVISORS", "yellow", color));
-			push(`No run state under ${supervisorRunsRoot(snapshot.root)}`);
-		}
-		push(`A run appears here once its driver writes state.json; re-point with: agent-runtime-top <root>`);
-		return {
-			frame: `${lines.join("\n")}\n`,
-			targets
-		};
-	}
-	push(sectionTitle("SUPERVISORS", focus === "supervisors", color));
-	push(`  id                    status       workers       spend        tok in/out       latency      task`);
-	for (const supervisor of snapshot.supervisors.slice(0, 9)) {
-		const selected = supervisor.id === selectedSupervisor?.id;
-		const status = statusText(supervisor.status, color);
-		const pointer = selected ? paint(">", "cyan", color) : " ";
-		const rowFocus = selected && focus === "supervisors" ? "inverse" : void 0;
-		const workerSummary = `${supervisor.totals.running}/${supervisor.totals.workers} live`;
-		const task = compact(supervisor.task, 34);
-		const line = `${pointer} ${pad(supervisor.id, 21)} ${pad(status, 12)} ${pad(workerSummary, 13)} ${pad(formatMoney(supervisor.totals.usd), 12)} ${pad(`${formatTokens(supervisor.totals.tokensInput)}/${formatTokens(supervisor.totals.tokensOutput)}`, 16)} ${pad(formatDuration(supervisor.totals.latencyMs), 12)} ${task}`;
-		push(rowFocus ? paint(line, rowFocus, color) : line, {
-			kind: "supervisor",
-			id: supervisor.id
-		});
-	}
-	if (!selectedSupervisor) return {
-		frame: `${lines.join("\n")}\n`,
-		targets
-	};
-	push();
-	push(sectionTitle(`WORKERS ${selectedSupervisor.id}`, focus === "workers", color));
-	push(`  id           state        runtime    latency      cost        tok in/out       score     detail`);
-	for (const worker of selectedSupervisor.workers.slice(0, 12)) {
-		const selected = worker.id === selectedWorker?.id;
-		const pointer = selected ? paint(">", "cyan", color) : " ";
-		const rowFocus = selected && focus === "workers" ? "inverse" : void 0;
-		const score = worker.verdict ?? (worker.status === "done" ? "done" : worker.status);
-		const detail = worker.reason ?? worker.outRef ?? worker.parent ?? "";
-		const spend = totalSpend(worker);
-		const line = `${pointer} ${pad(worker.label, 12)} ${pad(statusText(worker.status, color), 12)} ${pad(worker.runtime ?? "-", 10)} ${pad(formatDuration(worker.latencyMs), 12)} ${pad(formatMoney(spend.usd), 11)} ${pad(`${formatTokens(spend.tokensInput)}/${formatTokens(spend.tokensOutput)}`, 16)} ${pad(compact(score, 9), 10)} ${compact(detail, 30)}`;
-		push(rowFocus ? paint(line, rowFocus, color) : line, {
-			kind: "worker",
-			id: worker.id,
-			supervisorId: selectedSupervisor.id
-		});
-	}
-	if (selectedSupervisor.workers.length === 0) push("  no workers spawned yet");
-	push();
-	push(sectionTitle("OBSERVABILITY", false, color));
-	for (const line of renderStatusBars(selectedSupervisor, width, color)) push(line);
-	push();
-	for (const line of renderCostBars(selectedSupervisor, width, color)) push(line);
-	push();
-	for (const line of renderTokenBars(selectedSupervisor, width, color)) push(line);
-	push();
-	for (const line of renderLatencyHistogram(selectedSupervisor, width, color)) push(line);
-	push();
-	if (mode === "log") {
-		push(sectionTitle("JOURNAL TAIL", false, color));
-		for (const line of renderJournalTail(selectedSupervisor, width, color)) push(line);
-	} else {
-		push(sectionTitle(mode === "detail" ? "DETAIL" : "RUN SUMMARY", false, color));
-		for (const line of renderDetail(selectedSupervisor, selectedWorker, mode, width, color)) push(line);
-	}
-	return {
-		frame: `${lines.join("\n")}\n`,
-		targets
-	};
-}
 function ensureWorker(workers, id, label) {
 	const existing = workers.get(id);
 	if (existing) return existing;
@@ -476,78 +355,344 @@ function percentile(sorted, p) {
 	if (sorted.length === 0) return 0;
 	return sorted[Math.min(sorted.length - 1, Math.max(0, Math.ceil(sorted.length * p) - 1))] ?? 0;
 }
-function renderStatusBars(supervisor, width, color) {
-	const total = Math.max(1, supervisor.totals.workers);
-	const barWidth = Math.max(12, Math.min(28, width - 58));
-	return [`status  ${pad("running", 9)} ${bar(supervisor.totals.running, total, barWidth, "#", color, "yellow")} ${supervisor.totals.running}   ${pad("done", 5)} ${bar(supervisor.totals.done, total, barWidth, "#", color, "green")} ${supervisor.totals.done}   ${pad("down", 5)} ${bar(supervisor.totals.down, total, barWidth, "#", color, "red")} ${supervisor.totals.down}`];
+/**
+* Read one source file under a run directory. An absent file is not a defect on its own — the
+* writer may not have reached it yet — so it reads as `undefined` with no diagnostic; only a
+* failed read raises one. `path` stays run-relative and never carries file contents.
+*/
+function readSourceFile(file, source, path) {
+	if (!existsSync(file)) return {
+		value: void 0,
+		diagnostics: []
+	};
+	try {
+		return {
+			value: readFileSync(file, "utf8"),
+			diagnostics: []
+		};
+	} catch {
+		return {
+			value: void 0,
+			diagnostics: [{
+				source,
+				path,
+				reason: "unreadable"
+			}]
+		};
+	}
 }
-function renderCostBars(supervisor, width, color) {
-	const workers = supervisor.workers.map((worker) => ({
-		worker,
-		spend: totalSpend(worker)
-	})).sort((a, b) => b.spend.usd - a.spend.usd).slice(0, 6);
-	const maxUsd = Math.max(1e-6, ...workers.map((row) => row.spend.usd), supervisor.driverSpend.usd);
-	const out = [`cost   total ${formatMoney(supervisor.totals.usd)}  driver ${formatMoney(supervisor.driverSpend.usd)}`];
-	const barWidth = Math.max(18, Math.min(46, width - 38));
-	for (const row of workers) out.push(`  ${pad(row.worker.label, 12)} ${bar(row.spend.usd, maxUsd, barWidth, "$", color, "magenta")} ${formatMoney(row.spend.usd)}`);
-	if (workers.length === 0) out.push("  no worker cost yet");
-	return out;
+function tailLines(raw, maxLines) {
+	if (raw === void 0) return [];
+	return raw.trim().split("\n").filter(Boolean).slice(-maxLines);
 }
-function renderTokenBars(supervisor, width, color) {
-	const rows = supervisor.workers.map((worker) => ({
-		worker,
-		spend: totalSpend(worker),
-		total: totalSpend(worker).tokensInput + totalSpend(worker).tokensOutput
-	})).sort((a, b) => b.total - a.total).slice(0, 6);
-	const maxTokens = Math.max(1, ...rows.map((row) => row.total), supervisor.driverSpend.tokensInput + supervisor.driverSpend.tokensOutput);
-	const out = [`tokens total in ${formatTokens(supervisor.totals.tokensInput)} / out ${formatTokens(supervisor.totals.tokensOutput)}  driver ${formatTokens(supervisor.driverSpend.tokensInput)}/${formatTokens(supervisor.driverSpend.tokensOutput)}`];
-	const barWidth = Math.max(18, Math.min(46, width - 44));
-	for (const row of rows) out.push(`  ${pad(row.worker.label, 12)} ${stackedTokenBar(row.spend.tokensInput, row.spend.tokensOutput, maxTokens, barWidth, color)} ${formatTokens(row.spend.tokensInput)}/${formatTokens(row.spend.tokensOutput)}`);
-	if (rows.length === 0) out.push("  no worker tokens yet");
-	return out;
+function readProgressTail(dir, maxLines) {
+	const path = "progress.ndjson";
+	const read = readSourceFile(join(dir, path), "progress", path);
+	return {
+		value: tailLines(read.value, maxLines),
+		diagnostics: read.diagnostics
+	};
 }
-function renderLatencyHistogram(supervisor, width, color) {
-	const values = supervisor.workers.map((worker) => worker.latencyMs).filter((value) => value > 0);
-	const summary = supervisor.totals.workerLatency;
-	const out = [`latency n=${summary.n}  min ${formatDuration(summary.min)}  p50 ${formatDuration(summary.median)}  p90 ${formatDuration(summary.p90)}  max ${formatDuration(summary.max)}`];
-	if (values.length === 0) {
-		out.push("  no latency samples yet");
-		return out;
+function readWorkerEventTails(dir, maxLines) {
+	const out = /* @__PURE__ */ new Map();
+	if (!existsSync(dir)) return {
+		value: out,
+		diagnostics: []
+	};
+	const workersDir = basename(dir);
+	let entries;
+	try {
+		entries = readdirSync(dir);
+	} catch {
+		return {
+			value: out,
+			diagnostics: [{
+				source: "worker-tail",
+				path: workersDir,
+				reason: "unreadable"
+			}]
+		};
 	}
-	const bins = histogram(values, 6);
-	const maxCount = Math.max(1, ...bins.map((bin) => bin.count));
-	const barWidth = Math.max(18, Math.min(48, width - 34));
-	for (const bin of bins) out.push(`  ${pad(`${formatDuration(bin.min)}-${formatDuration(bin.max)}`, 15)} ${bar(bin.count, maxCount, barWidth, "#", color, "blue")} ${bin.count}`);
-	return out;
-}
-function renderDetail(supervisor, worker, mode, width, color) {
-	if (mode === "detail" && worker) {
-		const spend = totalSpend(worker);
-		return [
-			`worker ${paint(worker.label, "bold", color)} (${worker.id})  ${statusText(worker.status, color)}  latency ${formatDuration(worker.latencyMs)}`,
-			`tokens in/out ${formatTokens(spend.tokensInput)}/${formatTokens(spend.tokensOutput)}  cost ${formatMoney(spend.usd)}  iterations ${spend.iterations}`,
-			`parent ${worker.parent ?? "-"}  runtime ${worker.runtime ?? "-"}  out ${worker.outRef ?? "-"}${worker.infra ? "  infra" : ""}`,
-			`events ${compact(worker.eventFile ?? "-", width - 8)}`,
-			...worker.reason ? [`reason ${compact(worker.reason, width - 7)}`] : [],
-			...renderWorkerTail(worker, width, color)
-		];
+	const diagnostics = [];
+	for (const entry of entries) {
+		if (!entry.endsWith(".ndjson") || entry.endsWith(".inbox.ndjson")) continue;
+		const file = join(dir, entry);
+		const read = readSourceFile(file, "worker-tail", join(workersDir, entry));
+		diagnostics.push(...read.diagnostics);
+		const lines = tailLines(read.value, maxLines);
+		out.set(entry.slice(0, -7), {
+			file,
+			lines
+		});
 	}
-	const caps = [
-		supervisor.maxSandboxes !== void 0 ? `boxes ${supervisor.maxSandboxes}` : void 0,
-		supervisor.maxUsd !== void 0 ? `max ${formatMoney(supervisor.maxUsd)}` : void 0,
-		supervisor.maxDepth !== void 0 ? `depth ${supervisor.maxDepth}` : void 0,
-		supervisor.maxLifetimeSeconds !== void 0 ? `ttl ${supervisor.maxLifetimeSeconds}s` : void 0
-	].filter((value) => value !== void 0);
-	return [
-		`task ${compact(supervisor.task, width - 7)}`,
-		`workspace ${compact(supervisor.workspaceDir, width - 12)}`,
-		`verify ${compact(supervisor.verifyCmd ?? "-", width - 9)}`,
-		`models worker ${supervisor.workerModel ?? "-"} / driver ${supervisor.driverModel ?? "-"}  caps ${caps.join(" | ") || "-"}`,
-		`progress ${compact(supervisor.progress ?? supervisor.verdict ?? supervisor.status, width - 10)}`
-	];
+	return {
+		value: out,
+		diagnostics
+	};
 }
-function renderJournalTail(supervisor, width, color) {
-	if (supervisor.journalTail.length === 0) return ["  no journal events yet"];
+function readSupervisorState(dir) {
+	const path = "state.json";
+	const read = readSourceFile(join(dir, path), "supervisor-state", path);
+	if (read.diagnostics.length > 0) return {
+		value: void 0,
+		diagnostics: read.diagnostics
+	};
+	if (read.value === void 0) return {
+		value: void 0,
+		diagnostics: [{
+			source: "supervisor-state",
+			path,
+			reason: "missing"
+		}]
+	};
+	let parsed;
+	try {
+		parsed = JSON.parse(read.value);
+	} catch {
+		return {
+			value: void 0,
+			diagnostics: [{
+				source: "supervisor-state",
+				path,
+				reason: "partial-json"
+			}]
+		};
+	}
+	if (!isSupervisorState(parsed)) return {
+		value: void 0,
+		diagnostics: [{
+			source: "supervisor-state",
+			path,
+			reason: "invalid-state"
+		}]
+	};
+	return {
+		value: parsed,
+		diagnostics: []
+	};
+}
+function isSupervisorState(value) {
+	return value !== void 0 && typeof value.id === "string" && typeof value.status === "string" && typeof value.task === "string" && typeof value.workspaceDir === "string" && typeof value.budget === "number";
+}
+function isSpawnEvent(value) {
+	return value.kind === "spawned" && typeof value.id === "string" || value.kind === "settled" && typeof value.id === "string" || value.kind === "cancelled" && typeof value.id === "string" || value.kind === "metered" && typeof value.id === "string" || value.kind === "progress" && typeof value.id === "string";
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null;
+}
+function isDirectory(path) {
+	try {
+		return statSync(path).isDirectory();
+	} catch {
+		return false;
+	}
+}
+function numberValue(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function parseTime(value) {
+	if (!value) return void 0;
+	const parsed = Date.parse(value);
+	return Number.isFinite(parsed) ? parsed : void 0;
+}
+function sum(values) {
+	return values.reduce((total, value) => total + value, 0);
+}
+//#endregion
+//#region src/tui/top-frame.ts
+const ansiPattern = /\x1b\[[0-9;?]*[ -/]*[@-~]/g;
+const colors = {
+	reset: "\x1B[0m",
+	dim: "\x1B[2m",
+	bold: "\x1B[1m",
+	red: "\x1B[31m",
+	green: "\x1B[32m",
+	yellow: "\x1B[33m",
+	blue: "\x1B[34m",
+	magenta: "\x1B[35m",
+	cyan: "\x1B[36m",
+	white: "\x1B[37m",
+	inverse: "\x1B[7m"
+};
+/** Render one snapshot to an ANSI frame. Use this when nothing needs to be clickable. */
+function renderTopFrame(snapshot, options = {}) {
+	return renderTopFrameWithLayout(snapshot, options).frame;
+}
+/**
+* Render one snapshot, returning the frame together with the row→entity map a mouse click resolves
+* against. The layout is the only thing that knows which row is which run or worker, so emitting it
+* alongside the text is what keeps click handling out of the renderer.
+*/
+function renderTopFrameWithLayout(snapshot, options = {}) {
+	const width = Math.max(88, options.width ?? 128);
+	const height = Math.max(24, options.height ?? 42);
+	const color = options.color ?? false;
+	const focus = options.focus ?? "supervisors";
+	const mode = options.mode ?? "overview";
+	const selectedSupervisor = selectSupervisor(snapshot, options.selectedSupervisorId);
+	const selectedWorker = selectedSupervisor ? selectWorker(selectedSupervisor, options.selectedWorkerId) : void 0;
+	const targets = [];
+	const lines = [];
+	const push = (line = "", target) => {
+		if (lines.length >= height) return;
+		if (target) targets.push({
+			row: lines.length,
+			...target
+		});
+		lines.push(fitAnsi(line, width));
+	};
+	const aggregate = aggregateSnapshot(snapshot);
+	push(`${paint("SUPERVISOR TOP", "bold", color)} ${paint(snapshot.root, "dim", color)}  runs ${aggregate.supervisors}  workers ${aggregate.workers}  live ${aggregate.running}  done ${aggregate.done}  down ${aggregate.down}  ${formatMoney(aggregate.usd)}  tok ${formatTokens(aggregate.tokensInput)}/${formatTokens(aggregate.tokensOutput)}`);
+	push(`${paint("keys", "dim", color)} up/down select  left/right run  tab focus  enter detail  o overview  l log  s steer  c cancel  mouse  q quit`);
+	if (options.notice) push(paint(options.notice, "yellow", color));
+	if (snapshot.completeness === "partial") push(paint(`partial snapshot: ${snapshot.diagnostics.length} source${snapshot.diagnostics.length === 1 ? "" : "s"} skipped or truncated; runs loaded ${snapshot.loaded}/${snapshot.discovered}`, "yellow", color));
+	if (options.steerInput?.active) push(renderSteerInput(options.steerInput, width, color));
+	push(rule(width, color));
+	if (snapshot.supervisors.length === 0) {
+		if (snapshot.discovered > 0) {
+			push(paint("NO READABLE SUPERVISORS", "yellow", color));
+			push(`${snapshot.discovered} run director${snapshot.discovered === 1 ? "y" : "ies"} found under ${supervisorRunsRoot(snapshot.root)}, none readable`);
+		} else {
+			push(paint("NO SUPERVISORS", "yellow", color));
+			push(`No run state under ${supervisorRunsRoot(snapshot.root)}`);
+		}
+		push(`A run appears here once its driver writes state.json; re-point with: agent-runtime-top <root>`);
+		return {
+			frame: `${lines.join("\n")}\n`,
+			targets
+		};
+	}
+	push(sectionTitle("SUPERVISORS", focus === "supervisors", color));
+	push(`  id                    status       workers       spend        tok in/out       latency      task`);
+	for (const supervisor of snapshot.supervisors.slice(0, 9)) {
+		const selected = supervisor.id === selectedSupervisor?.id;
+		const status = statusText(supervisor.status, color);
+		const pointer = selected ? paint(">", "cyan", color) : " ";
+		const rowFocus = selected && focus === "supervisors" ? "inverse" : void 0;
+		const workerSummary = `${supervisor.totals.running}/${supervisor.totals.workers} live`;
+		const task = compact(supervisor.task, 34);
+		const line = `${pointer} ${pad(supervisor.id, 21)} ${pad(status, 12)} ${pad(workerSummary, 13)} ${pad(formatMoney(supervisor.totals.usd), 12)} ${pad(`${formatTokens(supervisor.totals.tokensInput)}/${formatTokens(supervisor.totals.tokensOutput)}`, 16)} ${pad(formatDuration(supervisor.totals.latencyMs), 12)} ${task}`;
+		push(rowFocus ? paint(line, rowFocus, color) : line, {
+			kind: "supervisor",
+			id: supervisor.id
+		});
+	}
+	if (!selectedSupervisor) return {
+		frame: `${lines.join("\n")}\n`,
+		targets
+	};
+	push();
+	push(sectionTitle(`WORKERS ${selectedSupervisor.id}`, focus === "workers", color));
+	push(`  id           state        runtime    latency      cost        tok in/out       score     detail`);
+	for (const worker of selectedSupervisor.workers.slice(0, 12)) {
+		const selected = worker.id === selectedWorker?.id;
+		const pointer = selected ? paint(">", "cyan", color) : " ";
+		const rowFocus = selected && focus === "workers" ? "inverse" : void 0;
+		const score = worker.verdict ?? (worker.status === "done" ? "done" : worker.status);
+		const detail = worker.reason ?? worker.outRef ?? worker.parent ?? "";
+		const spend = totalSpend(worker);
+		const line = `${pointer} ${pad(worker.label, 12)} ${pad(statusText(worker.status, color), 12)} ${pad(worker.runtime ?? "-", 10)} ${pad(formatDuration(worker.latencyMs), 12)} ${pad(formatMoney(spend.usd), 11)} ${pad(`${formatTokens(spend.tokensInput)}/${formatTokens(spend.tokensOutput)}`, 16)} ${pad(compact(score, 9), 10)} ${compact(detail, 30)}`;
+		push(rowFocus ? paint(line, rowFocus, color) : line, {
+			kind: "worker",
+			id: worker.id,
+			supervisorId: selectedSupervisor.id
+		});
+	}
+	if (selectedSupervisor.workers.length === 0) push("  no workers spawned yet");
+	push();
+	push(sectionTitle("OBSERVABILITY", false, color));
+	for (const line of renderStatusBars(selectedSupervisor, width, color)) push(line);
+	push();
+	for (const line of renderCostBars(selectedSupervisor, width, color)) push(line);
+	push();
+	for (const line of renderTokenBars(selectedSupervisor, width, color)) push(line);
+	push();
+	for (const line of renderLatencyHistogram(selectedSupervisor, width, color)) push(line);
+	push();
+	if (mode === "log") {
+		push(sectionTitle("JOURNAL TAIL", false, color));
+		for (const line of renderJournalTail(selectedSupervisor, width, color)) push(line);
+	} else {
+		push(sectionTitle(mode === "detail" ? "DETAIL" : "RUN SUMMARY", false, color));
+		for (const line of renderDetail(selectedSupervisor, selectedWorker, mode, width, color)) push(line);
+	}
+	return {
+		frame: `${lines.join("\n")}\n`,
+		targets
+	};
+}
+function renderStatusBars(supervisor, width, color) {
+	const total = Math.max(1, supervisor.totals.workers);
+	const barWidth = Math.max(12, Math.min(28, width - 58));
+	return [`status  ${pad("running", 9)} ${bar(supervisor.totals.running, total, barWidth, "#", color, "yellow")} ${supervisor.totals.running}   ${pad("done", 5)} ${bar(supervisor.totals.done, total, barWidth, "#", color, "green")} ${supervisor.totals.done}   ${pad("down", 5)} ${bar(supervisor.totals.down, total, barWidth, "#", color, "red")} ${supervisor.totals.down}`];
+}
+function renderCostBars(supervisor, width, color) {
+	const workers = supervisor.workers.map((worker) => ({
+		worker,
+		spend: totalSpend(worker)
+	})).sort((a, b) => b.spend.usd - a.spend.usd).slice(0, 6);
+	const maxUsd = Math.max(1e-6, ...workers.map((row) => row.spend.usd), supervisor.driverSpend.usd);
+	const out = [`cost   total ${formatMoney(supervisor.totals.usd)}  driver ${formatMoney(supervisor.driverSpend.usd)}`];
+	const barWidth = Math.max(18, Math.min(46, width - 38));
+	for (const row of workers) out.push(`  ${pad(row.worker.label, 12)} ${bar(row.spend.usd, maxUsd, barWidth, "$", color, "magenta")} ${formatMoney(row.spend.usd)}`);
+	if (workers.length === 0) out.push("  no worker cost yet");
+	return out;
+}
+function renderTokenBars(supervisor, width, color) {
+	const rows = supervisor.workers.map((worker) => ({
+		worker,
+		spend: totalSpend(worker),
+		total: totalSpend(worker).tokensInput + totalSpend(worker).tokensOutput
+	})).sort((a, b) => b.total - a.total).slice(0, 6);
+	const maxTokens = Math.max(1, ...rows.map((row) => row.total), supervisor.driverSpend.tokensInput + supervisor.driverSpend.tokensOutput);
+	const out = [`tokens total in ${formatTokens(supervisor.totals.tokensInput)} / out ${formatTokens(supervisor.totals.tokensOutput)}  driver ${formatTokens(supervisor.driverSpend.tokensInput)}/${formatTokens(supervisor.driverSpend.tokensOutput)}`];
+	const barWidth = Math.max(18, Math.min(46, width - 44));
+	for (const row of rows) out.push(`  ${pad(row.worker.label, 12)} ${stackedTokenBar(row.spend.tokensInput, row.spend.tokensOutput, maxTokens, barWidth, color)} ${formatTokens(row.spend.tokensInput)}/${formatTokens(row.spend.tokensOutput)}`);
+	if (rows.length === 0) out.push("  no worker tokens yet");
+	return out;
+}
+function renderLatencyHistogram(supervisor, width, color) {
+	const values = supervisor.workers.map((worker) => worker.latencyMs).filter((value) => value > 0);
+	const summary = supervisor.totals.workerLatency;
+	const out = [`latency n=${summary.n}  min ${formatDuration(summary.min)}  p50 ${formatDuration(summary.median)}  p90 ${formatDuration(summary.p90)}  max ${formatDuration(summary.max)}`];
+	if (values.length === 0) {
+		out.push("  no latency samples yet");
+		return out;
+	}
+	const bins = histogram(values, 6);
+	const maxCount = Math.max(1, ...bins.map((bin) => bin.count));
+	const barWidth = Math.max(18, Math.min(48, width - 34));
+	for (const bin of bins) out.push(`  ${pad(`${formatDuration(bin.min)}-${formatDuration(bin.max)}`, 15)} ${bar(bin.count, maxCount, barWidth, "#", color, "blue")} ${bin.count}`);
+	return out;
+}
+function renderDetail(supervisor, worker, mode, width, color) {
+	if (mode === "detail" && worker) {
+		const spend = totalSpend(worker);
+		return [
+			`worker ${paint(worker.label, "bold", color)} (${worker.id})  ${statusText(worker.status, color)}  latency ${formatDuration(worker.latencyMs)}`,
+			`tokens in/out ${formatTokens(spend.tokensInput)}/${formatTokens(spend.tokensOutput)}  cost ${formatMoney(spend.usd)}  iterations ${spend.iterations}`,
+			`parent ${worker.parent ?? "-"}  runtime ${worker.runtime ?? "-"}  out ${worker.outRef ?? "-"}${worker.infra ? "  infra" : ""}`,
+			`events ${compact(worker.eventFile ?? "-", width - 8)}`,
+			...worker.reason ? [`reason ${compact(worker.reason, width - 7)}`] : [],
+			...renderWorkerTail(worker, width, color)
+		];
+	}
+	const caps = [
+		supervisor.maxSandboxes !== void 0 ? `boxes ${supervisor.maxSandboxes}` : void 0,
+		supervisor.maxUsd !== void 0 ? `max ${formatMoney(supervisor.maxUsd)}` : void 0,
+		supervisor.maxDepth !== void 0 ? `depth ${supervisor.maxDepth}` : void 0,
+		supervisor.maxLifetimeSeconds !== void 0 ? `ttl ${supervisor.maxLifetimeSeconds}s` : void 0
+	].filter((value) => value !== void 0);
+	return [
+		`task ${compact(supervisor.task, width - 7)}`,
+		`workspace ${compact(supervisor.workspaceDir, width - 12)}`,
+		`verify ${compact(supervisor.verifyCmd ?? "-", width - 9)}`,
+		`models worker ${supervisor.workerModel ?? "-"} / driver ${supervisor.driverModel ?? "-"}  caps ${caps.join(" | ") || "-"}`,
+		`progress ${compact(supervisor.progress ?? supervisor.verdict ?? supervisor.status, width - 10)}`
+	];
+}
+function renderJournalTail(supervisor, width, color) {
+	if (supervisor.journalTail.length === 0) return ["  no journal events yet"];
 	return supervisor.journalTail.map((event) => {
 		const at = event.at ? formatClock(event.at) : "--:--:--";
 		if (event.kind === "spawned") return `  ${at} ${paint("spawn", "yellow", color)}  ${pad(event.label ?? event.id, 16)} ${event.id}`;
@@ -676,149 +821,6 @@ function selectWorker(supervisor, requested) {
 	}
 	return supervisor.workers[0];
 }
-/**
-* Read one source file under a run directory. An absent file is not a defect on its own — the
-* writer may not have reached it yet — so it reads as `undefined` with no diagnostic; only a
-* failed read raises one. `path` stays run-relative and never carries file contents.
-*/
-function readSourceFile(file, source, path) {
-	if (!existsSync(file)) return {
-		value: void 0,
-		diagnostics: []
-	};
-	try {
-		return {
-			value: readFileSync(file, "utf8"),
-			diagnostics: []
-		};
-	} catch {
-		return {
-			value: void 0,
-			diagnostics: [{
-				source,
-				path,
-				reason: "unreadable"
-			}]
-		};
-	}
-}
-function tailLines(raw, maxLines) {
-	if (raw === void 0) return [];
-	return raw.trim().split("\n").filter(Boolean).slice(-maxLines);
-}
-function readProgressTail(dir, maxLines) {
-	const path = "progress.ndjson";
-	const read = readSourceFile(join(dir, path), "progress", path);
-	return {
-		value: tailLines(read.value, maxLines),
-		diagnostics: read.diagnostics
-	};
-}
-function readWorkerEventTails(dir, maxLines) {
-	const out = /* @__PURE__ */ new Map();
-	if (!existsSync(dir)) return {
-		value: out,
-		diagnostics: []
-	};
-	const workersDir = basename(dir);
-	let entries;
-	try {
-		entries = readdirSync(dir);
-	} catch {
-		return {
-			value: out,
-			diagnostics: [{
-				source: "worker-tail",
-				path: workersDir,
-				reason: "unreadable"
-			}]
-		};
-	}
-	const diagnostics = [];
-	for (const entry of entries) {
-		if (!entry.endsWith(".ndjson") || entry.endsWith(".inbox.ndjson")) continue;
-		const file = join(dir, entry);
-		const read = readSourceFile(file, "worker-tail", join(workersDir, entry));
-		diagnostics.push(...read.diagnostics);
-		const lines = tailLines(read.value, maxLines);
-		out.set(entry.slice(0, -7), {
-			file,
-			lines
-		});
-	}
-	return {
-		value: out,
-		diagnostics
-	};
-}
-function readSupervisorState(dir) {
-	const path = "state.json";
-	const read = readSourceFile(join(dir, path), "supervisor-state", path);
-	if (read.diagnostics.length > 0) return {
-		value: void 0,
-		diagnostics: read.diagnostics
-	};
-	if (read.value === void 0) return {
-		value: void 0,
-		diagnostics: [{
-			source: "supervisor-state",
-			path,
-			reason: "missing"
-		}]
-	};
-	let parsed;
-	try {
-		parsed = JSON.parse(read.value);
-	} catch {
-		return {
-			value: void 0,
-			diagnostics: [{
-				source: "supervisor-state",
-				path,
-				reason: "partial-json"
-			}]
-		};
-	}
-	if (!isSupervisorState(parsed)) return {
-		value: void 0,
-		diagnostics: [{
-			source: "supervisor-state",
-			path,
-			reason: "invalid-state"
-		}]
-	};
-	return {
-		value: parsed,
-		diagnostics: []
-	};
-}
-function isSupervisorState(value) {
-	return value !== void 0 && typeof value.id === "string" && typeof value.status === "string" && typeof value.task === "string" && typeof value.workspaceDir === "string" && typeof value.budget === "number";
-}
-function isSpawnEvent(value) {
-	return value.kind === "spawned" && typeof value.id === "string" || value.kind === "settled" && typeof value.id === "string" || value.kind === "cancelled" && typeof value.id === "string" || value.kind === "metered" && typeof value.id === "string" || value.kind === "progress" && typeof value.id === "string";
-}
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
-function isDirectory(path) {
-	try {
-		return statSync(path).isDirectory();
-	} catch {
-		return false;
-	}
-}
-function numberValue(value) {
-	return typeof value === "number" && Number.isFinite(value) ? value : 0;
-}
-function parseTime(value) {
-	if (!value) return void 0;
-	const parsed = Date.parse(value);
-	return Number.isFinite(parsed) ? parsed : void 0;
-}
-function sum(values) {
-	return values.reduce((total, value) => total + value, 0);
-}
 function formatClock(value) {
 	const parsed = parseTime(value);
 	if (parsed === void 0) return "--:--:--";
@@ -895,7 +897,7 @@ function fitAnsi(value, width) {
 //#region src/tui/top-app.ts
 /**
 * The interactive side of the supervisor-run TUI: a keypress/mouse loop over the frames
-* `./top-model` renders, plus the operator controls that write back to the run — steer a live
+* `./top-frame` renders, plus the operator controls that write back to the run — steer a live
 * worker, cancel one worker, and request cancellation of a whole run.
 *
 * The controls go through the owned run layout: steers via `writeWorkerSteer` (the durable inbox
@@ -1207,6 +1209,6 @@ function wrap(value, size) {
 	return (value % size + size) % size;
 }
 //#endregion
-export { renderTopFrameWithLayout as a, renderTopFrame as i, runTopApp as n, loadTopSnapshot as r, renderTopOnce as t };
+export { loadTopSnapshot as a, renderTopFrameWithLayout as i, runTopApp as n, renderTopFrame as r, renderTopOnce as t };
 
-//# sourceMappingURL=top-app-BaMw1W2z.js.map
+//# sourceMappingURL=top-app-C55Wa7uy.js.map