pi-crew 0.9.16 → 0.9.17

package/src/ui/tool-renderers/index.ts

@@ -6,13 +6,12 @@
  * Uses visibleWidth() for ANSI-aware padding so borders align correctly.
  */
 
-import { Container, Text } from "@earendil-works/pi-tui";
-import { visibleWidth } from "@earendil-works/pi-tui";
-import type { CrewTheme } from "../theme-adapter.ts";
-import { truncLine, formatTokens, formatDuration } from "../tool-render.ts";
+import { Container, Text, visibleWidth } from "@earendil-works/pi-tui";
 import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
-import { isBrief, briefToolResult } from "./brief-mode.ts";
 import { truncateToWidth } from "../../utils/visual.ts";
+import type { CrewTheme } from "../theme-adapter.ts";
+import { formatDuration, formatTokens, truncLine } from "../tool-render.ts";
+import { briefToolResult, isBrief } from "./brief-mode.ts";
 
 // ── Types ──────────────────────────────────────────────────────────────
 
@@ -55,22 +54,30 @@ function truncVisual(str: string, maxWidth: number): string {
 /** Status icon with color */
 function statusBadge(status: string, theme: CrewTheme): string {
 	switch (status) {
-		case "completed": return theme.fg("success", "●");
+		case "completed":
+			return theme.fg("success", "●");
 		case "failed":
-		case "cancelled": return theme.fg("error", "✖");
-		case "running": return theme.fg("warning", "◉");
-		default: return theme.fg("dim", "○");
+		case "cancelled":
+			return theme.fg("error", "✖");
+		case "running":
+			return theme.fg("warning", "◉");
+		default:
+			return theme.fg("dim", "○");
 	}
 }
 
 /** Status icon — compact */
 export function statusIcon(status: string, theme: CrewTheme): string {
 	switch (status) {
-		case "completed": return theme.fg("success", "✓");
+		case "completed":
+			return theme.fg("success", "✓");
 		case "failed":
-		case "cancelled": return theme.fg("error", "✗");
-		case "running": return theme.fg("warning", "⟳");
-		default: return theme.fg("dim", "○");
+		case "cancelled":
+			return theme.fg("error", "✗");
+		case "running":
+			return theme.fg("warning", "⟳");
+		default:
+			return theme.fg("dim", "○");
 	}
 }
 
@@ -82,10 +89,13 @@ function shortId(id: string | undefined): string {
 /** Border color based on status */
 function borderColorForStatus(status: string): "success" | "error" | "border" {
 	switch (status) {
-		case "completed": return "success";
+		case "completed":
+			return "success";
 		case "failed":
-		case "cancelled": return "error";
-		default: return "border";
+		case "cancelled":
+			return "error";
+		default:
+			return "border";
 	}
 }
 
@@ -113,9 +123,15 @@ import { deriveCardBackground, padWithBackground } from "../card-colors.ts";
  *  When bgSlot is provided, the interior is filled with a subtle status-tinted
  *  background derived from the theme (mixBg at 8% intensity).
  */
-function buildFrame(contentLines: string[], totalWidth: number, theme: CrewTheme, borderSlot: "success" | "error" | "border" | "borderAccent" = "border", bgSlot?: "success" | "error" | "border" | "borderAccent"): string {
+function buildFrame(
+	contentLines: string[],
+	totalWidth: number,
+	theme: CrewTheme,
+	borderSlot: "success" | "error" | "border" | "borderAccent" = "border",
+	bgSlot?: "success" | "error" | "border" | "borderAccent",
+): string {
 	const frameW = totalWidth - 2; // available after Box(1,1) padding
-	const innerW = frameW - 2;    // │ chars
+	const innerW = frameW - 2; // │ chars
 	const top = theme.fg(borderSlot, `╭${"─".repeat(innerW)}╮`);
 	const bottom = theme.fg(borderSlot, `╰${"─".repeat(innerW)}╯`);
 	const v = theme.fg(borderSlot, "│");
@@ -132,7 +148,13 @@ function buildFrame(contentLines: string[], totalWidth: number, theme: CrewTheme
 
 /** Build frame TOP: top border + content lines, NO bottom border.
  *  Pairs with buildFrameBottom() so renderCall + renderResult merge into ONE frame. */
-function buildFrameTop(contentLines: string[], totalWidth: number, theme: CrewTheme, borderSlot: "success" | "error" | "border" | "borderAccent" = "border", bgSlot?: "success" | "error" | "border" | "borderAccent"): string {
+function buildFrameTop(
+	contentLines: string[],
+	totalWidth: number,
+	theme: CrewTheme,
+	borderSlot: "success" | "error" | "border" | "borderAccent" = "border",
+	bgSlot?: "success" | "error" | "border" | "borderAccent",
+): string {
 	const frameW = totalWidth - 2;
 	const innerW = frameW - 2;
 	const top = theme.fg(borderSlot, `╭${"─".repeat(innerW)}╮`);
@@ -148,7 +170,13 @@ function buildFrameTop(contentLines: string[], totalWidth: number, theme: CrewTh
 
 /** Build frame BOTTOM: content lines + bottom border, NO top border.
  *  Pairs with buildFrameTop() so renderCall + renderResult merge into ONE frame. */
-function buildFrameBottom(contentLines: string[], totalWidth: number, theme: CrewTheme, borderSlot: "success" | "error" | "border" | "borderAccent" = "border", bgSlot?: "success" | "error" | "border" | "borderAccent"): string {
+function buildFrameBottom(
+	contentLines: string[],
+	totalWidth: number,
+	theme: CrewTheme,
+	borderSlot: "success" | "error" | "border" | "borderAccent" = "border",
+	bgSlot?: "success" | "error" | "border" | "borderAccent",
+): string {
 	const frameW = totalWidth - 2;
 	const innerW = frameW - 2;
 	const v = theme.fg(borderSlot, "│");
@@ -174,10 +202,10 @@ function borderFromContext(ctx: ToolRenderContext): "success" | "error" | "borde
 
 export const teamToolRenderer: ToolRenderer = {
 	renderCall(args, theme, ctx) {
-		const action = args.action as string ?? "";
-		const goal = args.goal as string ?? "";
+		const action = (args.action as string) ?? "";
+		const goal = (args.goal as string) ?? "";
 		const team = args.team as string | undefined;
-		const w = (ctx.width || process.stdout.columns || 116);
+		const w = ctx.width || process.stdout.columns || 116;
 		const innerW = w - 4;
 
 		const contentLines: string[] = [];
@@ -215,7 +243,7 @@ function renderTeamResult(result: Record<string, unknown>, options: unknown, the
 	const action = typeof d.action === "string" ? d.action : "";
 	const status = typeof d.status === "string" ? d.status : "";
 	const runId = typeof d.runId === "string" ? d.runId : "";
-	const w = (ctx.width || process.stdout.columns || 116);
+	const w = ctx.width || process.stdout.columns || 116;
 	const innerW = w - 4;
 	const bColor = borderColorForStatus(status);
 	const contentLines: string[] = [];
@@ -238,7 +266,9 @@ function renderTeamResult(result: Record<string, unknown>, options: unknown, the
 				const barW = Math.min(innerW - 22, 30);
 				const bar = progressBar(ratio, barW, theme);
 				const count = theme.fg("muted", ` ${parsed.completed}/${parsed.total}`);
-				contentLines.push(padVisual(` ${spinner} ${theme.fg("toolTitle", theme.bold("crew run"))}  ${theme.fg("dim", elapsed)}`, innerW));
+				contentLines.push(
+					padVisual(` ${spinner} ${theme.fg("toolTitle", theme.bold("crew run"))}  ${theme.fg("dim", elapsed)}`, innerW),
+				);
 				contentLines.push(padVisual(`   ${bar}${count}`, innerW));
 				if (parsed.activeAgent) contentLines.push(padVisual(`   ${theme.fg("dim", parsed.activeAgent)}`, innerW));
 			} else {
@@ -300,9 +330,9 @@ function renderTeamResult(result: Record<string, unknown>, options: unknown, the
 
 export const agentToolRenderer: ToolRenderer = {
 	renderCall(args, theme, ctx) {
-		const agentName = args.agent as string ?? args.subagent_type as string ?? "";
+		const agentName = (args.agent as string) ?? (args.subagent_type as string) ?? "";
 		const prompt = (args.prompt ?? args.task ?? "") as string;
-		const w = (ctx.width || process.stdout.columns || 116);
+		const w = ctx.width || process.stdout.columns || 116;
 		const innerW = w - 4;
 
 		const contentLines: string[] = [];
@@ -333,7 +363,7 @@ export const agentToolRenderer: ToolRenderer = {
 function renderAgentResult(result: Record<string, unknown>, options: unknown, theme: CrewTheme, ctx: ToolRenderContext): string {
 	const d = (result.details ?? result) as Record<string, unknown>;
 	const results = d.results as Array<Record<string, unknown>> | undefined;
-	const w = (ctx.width || process.stdout.columns || 116);
+	const w = ctx.width || process.stdout.columns || 116;
 	const innerW = w - 4;
 	const status = ((d.status ?? (results?.[0] as Record<string, unknown>)?.status ?? "") as string) || "completed";
 	const bColor: "success" | "error" | "border" = status === "completed" ? "success" : status === "failed" ? "error" : "border";
@@ -359,7 +389,7 @@ function renderAgentResult(result: Record<string, unknown>, options: unknown, th
 	if (!ctx.expanded) {
 		// Collapsed: compact card
 		const badge = statusBadge(status, theme);
-		const agentId = (d.agentId as string) ?? (results?.[0] as Record<string, unknown>)?.agentId as string ?? "agent";
+		const agentId = (d.agentId as string) ?? ((results?.[0] as Record<string, unknown>)?.agentId as string) ?? "agent";
 		const nameTag = theme.fg("toolTitle", theme.bold(agentId));
 		contentLines.push(padVisual(` ${badge} ${nameTag}`, innerW));
 
@@ -378,7 +408,7 @@ function renderAgentResult(result: Record<string, unknown>, options: unknown, th
 		if (results?.length) {
 			for (let i = 0; i < results.length; i++) {
 				const item = results[i]!;
-				const icon = statusIcon(item.status as string ?? "", theme);
+				const icon = statusIcon((item.status as string) ?? "", theme);
 				const label = theme.fg("toolTitle", theme.bold((item.agentId as string) ?? "agent"));
 				contentLines.push(padVisual(` ${icon} ${label}`, innerW));
 
@@ -396,7 +426,7 @@ function renderAgentResult(result: Record<string, unknown>, options: unknown, th
 				}
 			}
 		} else if (d.agentId) {
-			const icon = statusIcon(d.status as string ?? "", theme);
+			const icon = statusIcon((d.status as string) ?? "", theme);
 			contentLines.push(padVisual(` ${icon} ${theme.fg("toolTitle", theme.bold(d.agentId as string))}`, innerW));
 			if (d.error) {
 				contentLines.push(padVisual(`   ${theme.fg("error", truncLine(String(d.error), innerW - 6))}`, innerW));
@@ -473,7 +503,15 @@ function appendSimpleCard(lines: string[], status: string, runId: string, theme:
 	lines.push(padVisual(` ${badge} ${theme.fg("text", parts.join(" · ") || "done")}`, innerW));
 }
 
-function appendExpandedRun(lines: string[], records: CrewAgentRecord[], status: string, runId: string, theme: CrewTheme, w: number, innerW: number): void {
+function appendExpandedRun(
+	lines: string[],
+	records: CrewAgentRecord[],
+	status: string,
+	runId: string,
+	theme: CrewTheme,
+	w: number,
+	innerW: number,
+): void {
 	const completed = records.filter((r) => r.status === "completed").length;
 	const total = records.length;
 	const ratio = total > 0 ? completed / total : 0;
@@ -491,10 +529,9 @@ function appendExpandedRun(lines: string[], records: CrewAgentRecord[], status:
 	lines.push(padVisual(` ${theme.fg("muted", "Progress")} ${bar}${count}`, innerW));
 
 	// Metrics
-	const metricLine = [
-		theme.fg("muted", formatDuration(duration)),
-		theme.fg("muted", `${formatTokens(tokens)} tok`),
-	].join(theme.fg("dim", " · "));
+	const metricLine = [theme.fg("muted", formatDuration(duration)), theme.fg("muted", `${formatTokens(tokens)} tok`)].join(
+		theme.fg("dim", " · "),
+	);
 	lines.push(padVisual(` ${metricLine}`, innerW));
 	lines.push(padVisual(theme.fg("borderMuted", "─".repeat(innerW - 2)), innerW));
 
@@ -517,7 +554,15 @@ function appendExpandedRun(lines: string[], records: CrewAgentRecord[], status:
 	}
 }
 
-function appendExpandedMetrics(lines: string[], m: Metrics | undefined, status: string, runId: string, theme: CrewTheme, w: number, innerW: number): void {
+function appendExpandedMetrics(
+	lines: string[],
+	m: Metrics | undefined,
+	status: string,
+	runId: string,
+	theme: CrewTheme,
+	w: number,
+	innerW: number,
+): void {
 	lines.push(padVisual(` ${theme.fg("toolTitle", theme.bold("CREW RUN RESULT"))}  ${theme.fg("dim", shortId(runId))}`, innerW));
 	lines.push(padVisual(theme.fg("borderMuted", "─".repeat(innerW - 2)), innerW));
 	if (m) {
@@ -538,8 +583,9 @@ function appendExpandedMetrics(lines: string[], m: Metrics | undefined, status:
 function extractContentText(content: unknown): string {
 	if (!Array.isArray(content)) return typeof content === "string" ? content : "";
 	// onUpdate appends text blocks — only use the LAST one to avoid stacking
-	const texts = content
-		.filter((c): c is Record<string, unknown> => typeof c === "object" && c !== null && (c as Record<string, unknown>).type === "text");
+	const texts = content.filter(
+		(c): c is Record<string, unknown> => typeof c === "object" && c !== null && (c as Record<string, unknown>).type === "text",
+	);
 	if (texts.length === 0) return "";
 	return String((texts[texts.length - 1]! as Record<string, unknown>).text ?? "");
 }
@@ -573,17 +619,35 @@ function parseStreamingProgress(text: string): StreamingProgress | null {
 	const toolInfo = toolMatch ? ` · ${toolMatch[1]}` : "";
 
 	if (doneMatch) {
-		return { elapsedMs, completed: parseInt(doneMatch[1]!, 10), total: parseInt(doneMatch[2]!, 10), status: null, activeAgent: (activeAgent ?? "") + toolInfo };
+		return {
+			elapsedMs,
+			completed: parseInt(doneMatch[1]!, 10),
+			total: parseInt(doneMatch[2]!, 10),
+			status: null,
+			activeAgent: (activeAgent ?? "") + toolInfo,
+		};
 	}
 	if (taskMatch) {
 		const done = parseInt(taskMatch[1]!, 10);
 		const running = parseInt(taskMatch[2]!, 10);
 		const total = done + running;
-		return { elapsedMs, completed: done, total, status: null, activeAgent: (activeAgent ?? "") + toolInfo };
+		return {
+			elapsedMs,
+			completed: done,
+			total,
+			status: null,
+			activeAgent: (activeAgent ?? "") + toolInfo,
+		};
 	}
 	if (elapsedMs > 0) {
 		const statusMatch = text.match(/status=(\w+)/);
-		return { elapsedMs, completed: null, total: null, status: statusMatch?.[1] ?? null, activeAgent };
+		return {
+			elapsedMs,
+			completed: null,
+			total: null,
+			status: statusMatch?.[1] ?? null,
+			activeAgent,
+		};
 	}
 
 	return null;
@@ -617,7 +681,9 @@ function computeRecordDuration(r: CrewAgentRecord): number {
 
 function computeTotalCost(records: CrewAgentRecord[]): number {
 	let total = 0;
-	for (const r of records) { if (r.usage?.cost) total += r.usage.cost; }
+	for (const r of records) {
+		if (r.usage?.cost) total += r.usage.cost;
+	}
 	return total;
 }
 

package/src/ui/transcript-cache.ts

@@ -22,7 +22,12 @@ const DEFAULT_TAIL_BYTES = 256 * 1024;
 const MAX_CACHE_SIZE = 100;
 const transcriptCache = new Map<string, TranscriptCacheEntry>();
 
-function cacheKey(path: string, options: Required<Pick<TranscriptReadOptions, "full">> & { maxTailBytes: number }): string {
+function cacheKey(
+	path: string,
+	options: Required<Pick<TranscriptReadOptions, "full">> & {
+		maxTailBytes: number;
+	},
+): string {
 	return `${path}:${options.full ? "full" : `tail:${options.maxTailBytes}`}`;
 }
 
@@ -35,13 +40,26 @@ export function clearTranscriptCache(path?: string): void {
 }
 
 export function getTranscriptCacheEntry(path: string, options: TranscriptReadOptions = {}): TranscriptCacheEntry | undefined {
-	const normalized = { full: options.full === true, maxTailBytes: options.maxTailBytes ?? DEFAULT_TAIL_BYTES };
+	const normalized = {
+		full: options.full === true,
+		maxTailBytes: options.maxTailBytes ?? DEFAULT_TAIL_BYTES,
+	};
 	return transcriptCache.get(cacheKey(path, normalized)) ?? transcriptCache.get(path);
 }
 
-function readTranscriptText(path: string, stat: fs.Stats, options: Required<Pick<TranscriptReadOptions, "full">> & { maxTailBytes: number }): { text: string; bytesRead: number; truncated: boolean } {
+function readTranscriptText(
+	path: string,
+	stat: fs.Stats,
+	options: Required<Pick<TranscriptReadOptions, "full">> & {
+		maxTailBytes: number;
+	},
+): { text: string; bytesRead: number; truncated: boolean } {
 	if (options.full || stat.size <= options.maxTailBytes) {
-		return { text: fs.readFileSync(path, "utf-8"), bytesRead: stat.size, truncated: false };
+		return {
+			text: fs.readFileSync(path, "utf-8"),
+			bytesRead: stat.size,
+			truncated: false,
+		};
 	}
 	const bytesToRead = Math.min(stat.size, options.maxTailBytes);
 	const fd = fs.openSync(path, "r");
@@ -57,8 +75,16 @@ function readTranscriptText(path: string, stat: fs.Stats, options: Required<Pick
 	}
 }
 
-export function readTranscriptLinesCached(path: string, parse: (text: string) => string[], now = Date.now(), options: TranscriptReadOptions = {}): string[] {
-	const normalized = { full: options.full === true, maxTailBytes: Math.max(1024, options.maxTailBytes ?? DEFAULT_TAIL_BYTES) };
+export function readTranscriptLinesCached(
+	path: string,
+	parse: (text: string) => string[],
+	now = Date.now(),
+	options: TranscriptReadOptions = {},
+): string[] {
+	const normalized = {
+		full: options.full === true,
+		maxTailBytes: Math.max(1024, options.maxTailBytes ?? DEFAULT_TAIL_BYTES),
+	};
 	const key = cacheKey(path, normalized);
 	const previous = transcriptCache.get(key);
 	let stat: fs.Stats;

package/src/ui/transcript-entries.ts

@@ -30,9 +30,7 @@ function textFromContent(content: unknown): string {
 
 /** Safely cast unknown to a record for property access. */
 function asRecord(value: unknown): Record<string, unknown> | undefined {
-	return value && typeof value === "object" && !Array.isArray(value)
-		? (value as Record<string, unknown>)
-		: undefined;
+	return value && typeof value === "object" && !Array.isArray(value) ? (value as Record<string, unknown>) : undefined;
 }
 
 /** Detect if an event type is a tool invocation (call/use/start). */
@@ -48,10 +46,13 @@ function isToolResultType(type: string): boolean {
 /** Extract tool name from various event shapes. */
 function extractToolName(obj: Record<string, unknown>): string | undefined {
 	const name =
-		typeof obj.toolName === "string" ? obj.toolName :
-		typeof obj.name === "string" ? obj.name :
-		typeof obj.tool === "string" ? obj.tool :
-		undefined;
+		typeof obj.toolName === "string"
+			? obj.toolName
+			: typeof obj.name === "string"
+				? obj.name
+				: typeof obj.tool === "string"
+					? obj.tool
+					: undefined;
 	return name;
 }
 
@@ -105,9 +106,7 @@ export function parseTranscriptEntries(lines: string[]): TranscriptEntry[] {
 		if (isToolCallType(type)) {
 			// Look ahead for matching tool_result
 			const toolName = extractToolName(obj) ?? "unknown";
-			const inputText =
-				typeof obj.input === "string" ? obj.input :
-				obj.input !== undefined ? JSON.stringify(obj.input) : "";
+			const inputText = typeof obj.input === "string" ? obj.input : obj.input !== undefined ? JSON.stringify(obj.input) : "";
 			let resultText = "";
 			let isError = false;
 			let resultTimestamp = timestamp;
@@ -120,9 +119,13 @@ export function parseTranscriptEntries(lines: string[]): TranscriptEntry[] {
 				if (isToolResultType(nextType) || /tool/i.test(nextType)) {
 					const robj = parsed[j]!.obj;
 					const rt =
-						typeof robj.text === "string" ? robj.text :
-						typeof robj.result === "string" ? robj.result :
-						robj.result !== undefined ? JSON.stringify(robj.result) : "";
+						typeof robj.text === "string"
+							? robj.text
+							: typeof robj.result === "string"
+								? robj.result
+								: robj.result !== undefined
+									? JSON.stringify(robj.result)
+									: "";
 					resultText = rt;
 					isError = robj.isError === true;
 					resultTimestamp = typeof robj.timestamp === "number" ? robj.timestamp : resultTimestamp;
@@ -159,15 +162,16 @@ export function parseTranscriptEntries(lines: string[]): TranscriptEntry[] {
 			const toolName = extractToolName(obj) ?? "unknown";
 			const isError = obj.isError === true;
 			const text =
-				typeof obj.text === "string" ? obj.text :
-				typeof obj.result === "string" ? obj.result :
-				obj.result !== undefined ? JSON.stringify(obj.result) : "";
+				typeof obj.text === "string"
+					? obj.text
+					: typeof obj.result === "string"
+						? obj.result
+						: obj.result !== undefined
+							? JSON.stringify(obj.result)
+							: "";
 
 			const summary = summarize(`${isError ? "✗" : "✓"} ${toolName}${text ? ": " + summarize(text, 60) : ""}`, SUMMARY_MAX);
-			const content = [
-				`[Tool Result: ${toolName}${isError ? " (error)" : ""}]`,
-				text || "(no output)",
-			].join("\n");
+			const content = [`[Tool Result: ${toolName}${isError ? " (error)" : ""}]`, text || "(no output)"].join("\n");
 
 			entries.push({
 				id: id++,
@@ -225,9 +229,7 @@ export function parseTranscriptEntries(lines: string[]): TranscriptEntry[] {
 
 /** Toggle expand/collapse for an entry by index. Returns a new array. */
 export function toggleEntry(entries: TranscriptEntry[], index: number): TranscriptEntry[] {
-	return entries.map((entry, i) =>
-		i === index ? { ...entry, expanded: !entry.expanded } : entry,
-	);
+	return entries.map((entry, i) => (i === index ? { ...entry, expanded: !entry.expanded } : entry));
 }
 
 /** Render entries into display lines, respecting expand/collapse.

package/src/ui/transcript-viewer.ts

@@ -1,16 +1,20 @@
 import * as fs from "node:fs";
-import type { TeamRunManifest } from "../state/types.ts";
 import { agentOutputPath, readCrewAgents } from "../runtime/crew-agent-records.ts";
-import type { CrewTheme } from "./theme-adapter.ts";
-import { asCrewTheme, subscribeThemeChange } from "./theme-adapter.ts";
-import { renderDiff } from "./render-diff.ts";
-import { highlightCode, highlightJson } from "./syntax-highlight.ts";
+import type { TeamRunManifest } from "../state/types.ts";
+import { resolveRealContainedPath } from "../utils/safe-paths.ts";
 import { pad, truncate, truncateToVisualLines } from "../utils/visual.ts";
+import { renderDiff } from "./render-diff.ts";
 import { colorForStatus, iconForStatus, type RunStatus } from "./status-colors.ts";
+import { highlightCode, highlightJson } from "./syntax-highlight.ts";
+import type { CrewTheme } from "./theme-adapter.ts";
+import { asCrewTheme, subscribeThemeChange } from "./theme-adapter.ts";
 import { DEFAULT_TRANSCRIPT_TAIL_BYTES, getTranscriptCacheEntry, readTranscriptLinesCached } from "./transcript-cache.ts";
-import { resolveRealContainedPath } from "../utils/safe-paths.ts";
 
-type Component = { invalidate(): void; render(width: number): string[]; handleInput(data: string): void };
+type Component = {
+	invalidate(): void;
+	render(width: number): string[];
+	handleInput(data: string): void;
+};
 
 type TranscriptTheme = CrewTheme;
 
@@ -71,7 +75,10 @@ export function formatTranscriptEvent(event: unknown, themeLike: unknown = undef
 		const isError = obj.isError === true || result?.isError === true;
 		const isPartial = obj.isPartial === true;
 		const status: RunStatus = isError ? "failed" : isPartial ? "running" : "completed";
-		const header = theme.fg(colorForStatus(status), `${iconForStatus(status, { runningGlyph: "⋯" })} [Tool${toolName ? `: ${toolName}` : ""}] ${type}`);
+		const header = theme.fg(
+			colorForStatus(status),
+			`${iconForStatus(status, { runningGlyph: "⋯" })} [Tool${toolName ? `: ${toolName}` : ""}] ${type}`,
+		);
 		const text = (content || (typeof obj.text === "string" ? obj.text : typeof obj.result === "string" ? obj.result : "")).trim();
 		if (!text) return [header, "(no output)"];
 		if (isLikelyDiff(text)) {
@@ -83,7 +90,13 @@ export function formatTranscriptEvent(event: unknown, themeLike: unknown = undef
 		if (text.includes("```") && text.includes("```")) {
 			return [header, ...highlightCodeBlocks(text, theme)];
 		}
-		return [header, ...text.split(/\r?\n/).filter(Boolean).map((line) => theme.fg("muted", line))];
+		return [
+			header,
+			...text
+				.split(/\r?\n/)
+				.filter(Boolean)
+				.map((line) => theme.fg("muted", line)),
+		];
 	}
 	const message = asRecord(obj.message);
 	if (message) {
@@ -97,9 +110,7 @@ export function formatTranscriptEvent(event: unknown, themeLike: unknown = undef
 				return [theme.fg("accent", header), ...highlightCodeBlocks(text, theme)];
 			}
 			if (lines.length > 1) {
-				const block = lines
-					.map((line) => (role === "assistant" ? theme.bold(line) : line))
-					.join("\n");
+				const block = lines.map((line) => (role === "assistant" ? theme.bold(line) : line)).join("\n");
 				return [theme.fg("accent", header), ...block.split(/\r?\n/).filter(Boolean)];
 			}
 			return [theme.fg("accent", header), ...lines.filter(Boolean)];
@@ -125,9 +136,22 @@ export function formatTranscriptText(text: string, themeLike: unknown = undefine
 	return lines.length ? lines : ["(no transcript content)"];
 }
 
-export function readRunTranscript(manifest: TeamRunManifest, taskId?: string, options: { full?: boolean; maxTailBytes?: number } = {}): { title: string; path: string; lines: string[]; bytesRead: number; size: number; truncated: boolean } {
+export function readRunTranscript(
+	manifest: TeamRunManifest,
+	taskId?: string,
+	options: { full?: boolean; maxTailBytes?: number } = {},
+): {
+	title: string;
+	path: string;
+	lines: string[];
+	bytesRead: number;
+	size: number;
+	truncated: boolean;
+} {
 	const agents = readCrewAgents(manifest);
-	const agent = taskId ? agents.find((item) => item.taskId === taskId || item.id === taskId) : agents.find((item) => item.transcriptPath) ?? agents[0];
+	const agent = taskId
+		? agents.find((item) => item.taskId === taskId || item.id === taskId)
+		: (agents.find((item) => item.transcriptPath) ?? agents[0]);
 	const selectedTaskId = agent?.taskId ?? taskId ?? "unknown";
 	let transcriptPath = "";
 	try {
@@ -148,10 +172,20 @@ export function readRunTranscript(manifest: TeamRunManifest, taskId?: string, op
 			// Ignore untrusted transcript paths from mutable agent state and fall back to durable agent output.
 		}
 	}
-	const readOptions = { full: options.full === true, maxTailBytes: options.maxTailBytes ?? DEFAULT_TRANSCRIPT_TAIL_BYTES };
+	const readOptions = {
+		full: options.full === true,
+		maxTailBytes: options.maxTailBytes ?? DEFAULT_TRANSCRIPT_TAIL_BYTES,
+	};
 	const lines = readTranscriptLinesCached(transcriptPath, (text) => formatTranscriptText(text), Date.now(), readOptions);
 	const entry = getTranscriptCacheEntry(transcriptPath, readOptions);
-	return { title: `${manifest.runId}:${selectedTaskId}`, path: transcriptPath, lines: lines.length ? lines : ["(no transcript content)"], bytesRead: entry?.bytesRead ?? 0, size: entry?.size ?? 0, truncated: entry?.truncated ?? false };
+	return {
+		title: `${manifest.runId}:${selectedTaskId}`,
+		path: transcriptPath,
+		lines: lines.length ? lines : ["(no transcript content)"],
+		bytesRead: entry?.bytesRead ?? 0,
+		size: entry?.size ?? 0,
+		truncated: entry?.truncated ?? false,
+	};
 }
 
 interface ViewerState {
@@ -161,13 +195,7 @@ interface ViewerState {
 	scroll: number;
 }
 
-function renderViewerBase(
-	state: ViewerState,
-	width: number,
-	lines: string[],
-	title: string,
-	subtitle: string,
-): string[] {
+function renderViewerBase(state: ViewerState, width: number, lines: string[], title: string, subtitle: string): string[] {
 	const inner = Math.max(20, width - 4);
 	const bodyText = lines.join("\n");
 	const { visualLines, skippedCount } = truncateToVisualLines(bodyText, state.lastHeight, inner);
@@ -194,7 +222,6 @@ function renderViewerBase(
 	return linesOut.map((line) => truncate(line, width));
 }
 
-
 export class DurableTextViewer implements Component {
 	private scroll = 0;
 	private lastHeight = 16;
@@ -252,7 +279,12 @@ export class DurableTextViewer implements Component {
 
 	render(width: number): string[] {
 		return renderViewerBase(
-			{ theme: this.theme, autoScroll: this.autoScroll, lastHeight: this.lastHeight, scroll: this.scroll },
+			{
+				theme: this.theme,
+				autoScroll: this.autoScroll,
+				lastHeight: this.lastHeight,
+				scroll: this.scroll,
+			},
 			width,
 			this.lines,
 			this.title,
@@ -273,7 +305,13 @@ export class DurableTranscriptViewer implements Component {
 	private maxTailBytes: number;
 	private readonly unsubscribeTheme: () => void;
 
-	constructor(manifest: TeamRunManifest, theme: unknown, done: (result: undefined) => void, taskId?: string, options: { maxTailBytes?: number } = {}) {
+	constructor(
+		manifest: TeamRunManifest,
+		theme: unknown,
+		done: (result: undefined) => void,
+		taskId?: string,
+		options: { maxTailBytes?: number } = {},
+	) {
 		this.manifest = manifest;
 		this.theme = asCrewTheme(theme);
 		this.done = done;
@@ -293,7 +331,10 @@ export class DurableTranscriptViewer implements Component {
 			this.done(undefined);
 			return;
 		}
-		const content = readRunTranscript(this.manifest, this.taskId, { full: this.fullTranscript, maxTailBytes: this.maxTailBytes }).lines;
+		const content = readRunTranscript(this.manifest, this.taskId, {
+			full: this.fullTranscript,
+			maxTailBytes: this.maxTailBytes,
+		}).lines;
 		const maxScroll = Math.max(0, content.length - this.lastHeight);
 		if (data === "k" || data === "\u001b[A") {
 			this.scroll = Math.max(0, this.scroll - 1);
@@ -323,9 +364,17 @@ export class DurableTranscriptViewer implements Component {
 	}
 
 	render(width: number): string[] {
-		const data = readRunTranscript(this.manifest, this.taskId, { full: this.fullTranscript, maxTailBytes: this.maxTailBytes });
+		const data = readRunTranscript(this.manifest, this.taskId, {
+			full: this.fullTranscript,
+			maxTailBytes: this.maxTailBytes,
+		});
 		return renderViewerBase(
-			{ theme: this.theme, autoScroll: this.autoScroll, lastHeight: this.lastHeight, scroll: this.scroll },
+			{
+				theme: this.theme,
+				autoScroll: this.autoScroll,
+				lastHeight: this.lastHeight,
+				scroll: this.scroll,
+			},
 			width,
 			data.lines,
 			"pi-crew transcript",