pi-crew 0.9.16 → 0.9.18

package/src/ui/live-run-sidebar.ts

@@ -1,20 +1,20 @@
 import * as fs from "node:fs";
 import type { CrewUiConfig } from "../config/config.ts";
-import { readCrewAgents } from "../runtime/crew-agent-records.ts";
 import { applyAttentionState, resolveCrewControlConfig } from "../runtime/agent-control.ts";
+import { readCrewAgents } from "../runtime/crew-agent-records.ts";
 import { formatTaskGraphLines, waitingReason } from "../runtime/task-display.ts";
 import { loadRunManifestById } from "../state/state-store.ts";
-import { aggregateUsage, formatUsage } from "../state/usage.ts";
 import type { TeamTaskState } from "../state/types.ts";
+import { aggregateUsage, formatUsage } from "../state/usage.ts";
 import { readJsonFileCoalesced } from "../utils/file-coalescer.ts";
 import { pad, truncate } from "../utils/visual.ts";
-import { colorizeStatusGlyphs, iconForStatus } from "./status-colors.ts";
-import type { CrewTheme } from "./theme-adapter.ts";
-import { asCrewTheme, subscribeThemeChange } from "./theme-adapter.ts";
 import { Box, Text } from "./layout-primitives.ts";
+import { runEventBus } from "./run-event-bus.ts";
 import type { RunSnapshotCache, RunUiSnapshot } from "./snapshot-types.ts";
 import { spinnerBucket, spinnerFrame } from "./spinner.ts";
-import { runEventBus } from "./run-event-bus.ts";
+import { colorizeStatusGlyphs, iconForStatus } from "./status-colors.ts";
+import type { CrewTheme } from "./theme-adapter.ts";
+import { asCrewTheme, subscribeThemeChange } from "./theme-adapter.ts";
 
 const TASK_READ_TTL_MS = 200;
 
@@ -68,7 +68,14 @@ export class LiveRunSidebar {
 	private autoCloseTimeout?: NodeJS.Timeout;
 	private hasAutoClosed = false;
 
-	constructor(input: { cwd: string; runId: string; done: Done; theme?: unknown; config?: CrewUiConfig; snapshotCache?: RunSnapshotCache }) {
+	constructor(input: {
+		cwd: string;
+		runId: string;
+		done: Done;
+		theme?: unknown;
+		config?: CrewUiConfig;
+		snapshotCache?: RunSnapshotCache;
+	}) {
 		this.cwd = input.cwd;
 		this.runId = input.runId;
 		this.done = input.done;
@@ -77,18 +84,49 @@ export class LiveRunSidebar {
 		this.snapshotCache = input.snapshotCache;
 		this.unsubscribeTheme = subscribeThemeChange(input.theme, () => this.invalidate());
 		this.unsubscribeEventBus = (() => {
-		const unsub1 = runEventBus.onChannel("run:state", () => this.invalidate());
-		const unsub2 = runEventBus.onChannel("worker:lifecycle", () => this.invalidate());
-		const unsub3 = runEventBus.onChannel("ui:invalidate", () => this.invalidate());
-		return () => { unsub1(); unsub2(); unsub3(); };
-	})();
+			const unsub1 = runEventBus.onChannel("run:state", () => this.invalidate());
+			const unsub2 = runEventBus.onChannel("worker:lifecycle", () => this.invalidate());
+			const unsub3 = runEventBus.onChannel("ui:invalidate", () => this.invalidate());
+			return () => {
+				unsub1();
+				unsub2();
+				unsub3();
+			};
+		})();
 	}
 
-	private buildSignature(manifestStatus: string, tasks: TeamTaskState[], agents: ReturnType<typeof readCrewAgents>, waitingCount: number, snapshot?: RunUiSnapshot): string {
+	private buildSignature(
+		manifestStatus: string,
+		tasks: TeamTaskState[],
+		agents: ReturnType<typeof readCrewAgents>,
+		waitingCount: number,
+		snapshot?: RunUiSnapshot,
+	): string {
 		const animation = agents.some((agent) => agent.status === "running") ? `:spin=${spinnerBucket()}` : "";
 		if (snapshot) return `${snapshot.signature}:${waitingCount}${animation}`;
-		const taskSig = tasks.map((task) => `${task.id}:${task.status}:${task.startedAt ?? ""}:${task.finishedAt ?? ""}:${task.agentProgress?.currentTool ?? ""}:${task.agentProgress?.toolCount ?? 0}:${task.agentProgress?.tokens ?? 0}:${task.usage ? JSON.stringify(task.usage) : ""}`).join("|");
-		const agentSig = agents.map((agent) => [agent.id, agent.status, agent.startedAt, agent.completedAt ?? "", agent.progress?.currentTool ?? "", agent.progress?.toolCount ?? 0, agent.progress?.tokens ?? 0, agent.progress?.turns ?? 0, agent.progress?.lastActivityAt ?? "", agent.progress?.recentOutput?.at(-1) ?? "", agent.toolUses ?? 0].join(":")).join("|");
+		const taskSig = tasks
+			.map(
+				(task) =>
+					`${task.id}:${task.status}:${task.startedAt ?? ""}:${task.finishedAt ?? ""}:${task.agentProgress?.currentTool ?? ""}:${task.agentProgress?.toolCount ?? 0}:${task.agentProgress?.tokens ?? 0}:${task.usage ? JSON.stringify(task.usage) : ""}`,
+			)
+			.join("|");
+		const agentSig = agents
+			.map((agent) =>
+				[
+					agent.id,
+					agent.status,
+					agent.startedAt,
+					agent.completedAt ?? "",
+					agent.progress?.currentTool ?? "",
+					agent.progress?.toolCount ?? 0,
+					agent.progress?.tokens ?? 0,
+					agent.progress?.turns ?? 0,
+					agent.progress?.lastActivityAt ?? "",
+					agent.progress?.recentOutput?.at(-1) ?? "",
+					agent.toolUses ?? 0,
+				].join(":"),
+			)
+			.join("|");
 		return `${manifestStatus}|${agents.length}|${waitingCount}|${taskSig}|${agentSig}${animation}`;
 	}
 
@@ -152,9 +190,10 @@ export class LiveRunSidebar {
 			// user sees *why* a run ended without having to switch panes. The reason
 			// is already computed on the consumed snapshot (cancellationReason).
 			const TERMINAL_WITH_REASON = ["failed", "cancelled", "stopped"];
-			const reasonSuffix = TERMINAL_WITH_REASON.includes(run.status) && snapshot?.cancellationReason
-				? ` · ${truncate(snapshot.cancellationReason, 40)}`
-				: "";
+			const reasonSuffix =
+				TERMINAL_WITH_REASON.includes(run.status) && snapshot?.cancellationReason
+					? ` · ${truncate(snapshot.cancellationReason, 40)}`
+					: "";
 			const lines: string[] = [
 				border("╭", "─", "╮", w),
 				line(`${this.theme.fg("accent", "▐")} ${this.theme.bold("pi-crew live sidebar")}`, w),
@@ -164,11 +203,27 @@ export class LiveRunSidebar {
 				line(`Active agents (${active.length})`, w),
 			];
 			for (const agent of active.slice(0, 8)) {
-				const status = iconForStatus(agent.status, { runningGlyph: spinnerFrame(agent.taskId) });
-				const usage = agent.usage ? formatUsage(agent.usage) : agent.progress?.tokens ? `tokens=${agent.progress.tokens}` : "usage=pending";
+				const status = iconForStatus(agent.status, {
+					runningGlyph: spinnerFrame(agent.taskId),
+				});
+				const usage = agent.usage
+					? formatUsage(agent.usage)
+					: agent.progress?.tokens
+						? `tokens=${agent.progress.tokens}`
+						: "usage=pending";
 				lines.push(line(`${status} ${agent.taskId} ${agent.role}->${agent.agent}`, w));
-				lines.push(line(`  ${agent.routing ? `model ${agent.routing.requested ? `${agent.routing.requested} → ` : ""}${agent.routing.resolved}` : agent.model ? `model ${agent.model}` : "model pending"}`, w));
-				lines.push(line(`  ${agent.progress?.currentTool ? `tool ${agent.progress.currentTool} · ` : ""}${agent.toolUses ?? 0} tools · ${usage}`, w));
+				lines.push(
+					line(
+						`  ${agent.routing ? `model ${agent.routing.requested ? `${agent.routing.requested} → ` : ""}${agent.routing.resolved}` : agent.model ? `model ${agent.model}` : "model pending"}`,
+						w,
+					),
+				);
+				lines.push(
+					line(
+						`  ${agent.progress?.currentTool ? `tool ${agent.progress.currentTool} · ` : ""}${agent.toolUses ?? 0} tools · ${usage}`,
+						w,
+					),
+				);
 			}
 			if (!active.length) lines.push(line("- none", w));
 			lines.push(border("├", "─", "┤", w), line(`Waiting tasks (${waiting.length})`, w));
@@ -180,7 +235,12 @@ export class LiveRunSidebar {
 			lines.push(border("├", "─", "┤", w), line(`Completed agents (${completed.length})`, w));
 			for (const agent of completed) {
 				const status = iconForStatus(agent.status === "running" ? "stopped" : agent.status);
-				lines.push(line(`${status} ${agent.taskId} ${agent.model ? `· ${agent.model}` : ""}${agent.usage ? ` · ${formatUsage(agent.usage)}` : ""}`, w));
+				lines.push(
+					line(
+						`${status} ${agent.taskId} ${agent.model ? `· ${agent.model}` : ""}${agent.usage ? ` · ${formatUsage(agent.usage)}` : ""}`,
+						w,
+					),
+				);
 			}
 			if (completed.length === 0) lines.push(line("- none", w));
 			lines.push(border("├", "─", "┤", w));
@@ -192,7 +252,7 @@ export class LiveRunSidebar {
 			const isTerminal = ["completed", "failed", "cancelled", "blocked"].includes(run.status);
 			const hasActiveAgents = agents.some((a) => a.status === "running");
 			if (isTerminal && !hasActiveAgents && !this.hasAutoClosed) {
-				const autoCloseMs = (this.config?.autoCloseDashboardMs ?? 3000);
+				const autoCloseMs = this.config?.autoCloseDashboardMs ?? 3000;
 				if (autoCloseMs > 0) {
 					this.autoCloseTimeout = setTimeout(() => {
 						this.hasAutoClosed = true;
@@ -207,7 +267,10 @@ export class LiveRunSidebar {
 				this.autoCloseTimeout = undefined;
 			}
 			lines.push(border("╰", "─", "╯", w));
-			this.cachedLines = renderLines(lines.map((entry) => this.colorLine(entry)), w);
+			this.cachedLines = renderLines(
+				lines.map((entry) => this.colorLine(entry)),
+				w,
+			);
 			this.cachedSignature = signature;
 			this.cachedWidth = w;
 		}

package/src/ui/loaders.ts

@@ -1,7 +1,7 @@
 import { pad, truncate } from "../utils/visual.ts";
+import { DynamicCrewBorder } from "./dynamic-border.ts";
 import type { CrewTheme } from "./theme-adapter.ts";
 import { asCrewTheme } from "./theme-adapter.ts";
-import { DynamicCrewBorder } from "./dynamic-border.ts";
 
 export interface BorderedLoaderOptions {
 	message: string;
@@ -79,13 +79,7 @@ export class CrewBorderedLoader {
 		const bottom = `${leftRightPad}${this.theme.fg("border", "└")}${border}${this.theme.fg("border", "┘")}`;
 		const lineWithHint = optionsHint(this.theme, this.message, widthAwareInner);
 		this.width = width;
-		const lines = [
-			top,
-			line,
-			`${leftRightPad}│ ${pad(lineWithHint, widthAwareInner)} │`,
-			hint,
-			bottom,
-		];
+		const lines = [top, line, `${leftRightPad}│ ${pad(lineWithHint, widthAwareInner)} │`, hint, bottom];
 		this.lineCache = lines.join("\n");
 		return lines;
 	}

package/src/ui/mascot.ts

@@ -1,19 +1,10 @@
-import type { CrewTheme } from "./theme-adapter.ts";
-import { asCrewTheme } from "./theme-adapter.ts";
 import { pad } from "../utils/visual.ts";
 import { DynamicCrewBorder } from "./dynamic-border.ts";
+import type { CrewTheme } from "./theme-adapter.ts";
+import { asCrewTheme } from "./theme-adapter.ts";
 
 export type MascotStyle = "cat" | "armin";
-export type MascotEffect =
-	| "random"
-	| "none"
-	| "typewriter"
-	| "scanline"
-	| "rain"
-	| "fade"
-	| "crt"
-	| "glitch"
-	| "dissolve";
+export type MascotEffect = "random" | "none" | "typewriter" | "scanline" | "rain" | "fade" | "crt" | "glitch" | "dissolve";
 
 interface AnimatedMascotOptions {
 	frameIntervalMs?: number;
@@ -36,28 +27,19 @@ const CAT_FRAMES: readonly (readonly string[])[] = [
 const ARMIN_WIDTH = 31;
 const ARMIN_HEIGHT = 36;
 const ARMIN_BITS: readonly number[] = [
-	0xff, 0xff, 0xff, 0x7f, 0xff, 0xf0, 0xff, 0x7f, 0xff, 0xed, 0xff, 0x7f, 0xff, 0xdb, 0xff, 0x7f, 0xff, 0xb7, 0xff,
-	0x7f, 0xff, 0x77, 0xfe, 0x7f, 0x3f, 0xf8, 0xfe, 0x7f, 0xdf, 0xff, 0xfe, 0x7f, 0xdf, 0x3f, 0xfc, 0x7f, 0x9f, 0xc3,
-	0xfb, 0x7f, 0x6f, 0xfc, 0xf4, 0x7f, 0xf7, 0x0f, 0xf7, 0x7f, 0xf7, 0xff, 0xf7, 0x7f, 0xf7, 0xff, 0xe3, 0x7f, 0xf7,
-	0x07, 0xe8, 0x7f, 0xef, 0xf8, 0x67, 0x70, 0x0f, 0xff, 0xbb, 0x6f, 0xf1, 0x00, 0xd0, 0x5b, 0xfd, 0x3f, 0xec, 0x53,
-	0xc1, 0xff, 0xef, 0x57, 0x9f, 0xfd, 0xee, 0x5f, 0x9f, 0xfc, 0xae, 0x5f, 0x1f, 0x78, 0xac, 0x5f, 0x3f, 0x00, 0x50,
-	0x6c, 0x7f, 0x00, 0xdc, 0x77, 0xff, 0xc0, 0x3f, 0x78, 0xff, 0x01, 0xf8, 0x7f, 0xff, 0x03, 0x9c, 0x78, 0xff, 0x07,
-	0x8c, 0x7c, 0xff, 0x0f, 0xce, 0x78, 0xff, 0xff, 0xcf, 0x7f, 0xff, 0xff, 0xcf, 0x78, 0xff, 0xff, 0xdf, 0x78, 0xff,
-	0xff, 0xdf, 0x7d, 0xff, 0xff, 0x3f, 0x7e, 0xff, 0xff, 0xff, 0x7f,
+	0xff, 0xff, 0xff, 0x7f, 0xff, 0xf0, 0xff, 0x7f, 0xff, 0xed, 0xff, 0x7f, 0xff, 0xdb, 0xff, 0x7f, 0xff, 0xb7, 0xff, 0x7f, 0xff, 0x77,
+	0xfe, 0x7f, 0x3f, 0xf8, 0xfe, 0x7f, 0xdf, 0xff, 0xfe, 0x7f, 0xdf, 0x3f, 0xfc, 0x7f, 0x9f, 0xc3, 0xfb, 0x7f, 0x6f, 0xfc, 0xf4, 0x7f,
+	0xf7, 0x0f, 0xf7, 0x7f, 0xf7, 0xff, 0xf7, 0x7f, 0xf7, 0xff, 0xe3, 0x7f, 0xf7, 0x07, 0xe8, 0x7f, 0xef, 0xf8, 0x67, 0x70, 0x0f, 0xff,
+	0xbb, 0x6f, 0xf1, 0x00, 0xd0, 0x5b, 0xfd, 0x3f, 0xec, 0x53, 0xc1, 0xff, 0xef, 0x57, 0x9f, 0xfd, 0xee, 0x5f, 0x9f, 0xfc, 0xae, 0x5f,
+	0x1f, 0x78, 0xac, 0x5f, 0x3f, 0x00, 0x50, 0x6c, 0x7f, 0x00, 0xdc, 0x77, 0xff, 0xc0, 0x3f, 0x78, 0xff, 0x01, 0xf8, 0x7f, 0xff, 0x03,
+	0x9c, 0x78, 0xff, 0x07, 0x8c, 0x7c, 0xff, 0x0f, 0xce, 0x78, 0xff, 0xff, 0xcf, 0x7f, 0xff, 0xff, 0xcf, 0x78, 0xff, 0xff, 0xdf, 0x78,
+	0xff, 0xff, 0xdf, 0x7d, 0xff, 0xff, 0x3f, 0x7e, 0xff, 0xff, 0xff, 0x7f,
 ];
 
 const ARMIN_BYTES_PER_ROW = Math.ceil(ARMIN_WIDTH / 8);
 const ARMIN_DISPLAY_HEIGHT = Math.ceil(ARMIN_HEIGHT / 2);
 
-const NON_NONE_EFFECTS: MascotEffect[] = [
-	"typewriter",
-	"scanline",
-	"rain",
-	"fade",
-	"crt",
-	"glitch",
-	"dissolve",
-];
+const NON_NONE_EFFECTS: MascotEffect[] = ["typewriter", "scanline", "rain", "fade", "crt", "glitch", "dissolve"];
 const CAT_FRIENDLY_EFFECTS: MascotEffect[] = ["scanline", "glitch", "crt"];
 
 function getArminPixel(x: number, y: number): boolean {
@@ -379,9 +361,7 @@ export class AnimatedMascot {
 		if (this.effect === "none") return [...lines];
 		if (this.effect === "scanline") {
 			const scanRow = this.effectPhase % (lines.length + 4);
-			return lines.map((ln, i) =>
-				i === scanRow ? this.theme.bold(this.theme.fg("accent", ln)) : ln,
-			);
+			return lines.map((ln, i) => (i === scanRow ? this.theme.bold(this.theme.fg("accent", ln)) : ln));
 		}
 		if (this.effect === "glitch") {
 			if (this.effectPhase % 9 !== 0) return [...lines];
@@ -399,7 +379,12 @@ export class AnimatedMascot {
 	}
 
 	render(width: number): string[] {
-		if (width === this.cachedWidth && this.cachedVersion === this.gridVersion && this.cachedFrame === this.frame && this.cachedLines.length) {
+		if (
+			width === this.cachedWidth &&
+			this.cachedVersion === this.gridVersion &&
+			this.cachedFrame === this.frame &&
+			this.cachedLines.length
+		) {
 			return this.cachedLines;
 		}
 		const safeWidth = Math.max(20, width);
@@ -418,9 +403,8 @@ export class AnimatedMascot {
 			const frameLines = this.applyCatEffect(this.currentCatFrame());
 			for (const line of frameLines) result.push(this.formatLine(line, safeWidth));
 		}
-		const hint = this.style === "armin"
-			? `Press q or Esc to close · effect: ${this.effect}`
-			: "Press q or Esc to close · animated preview";
+		const hint =
+			this.style === "armin" ? `Press q or Esc to close · effect: ${this.effect}` : "Press q or Esc to close · animated preview";
 		result.push(this.formatLine(hint, safeWidth, "muted"));
 		result.push(`${this.theme.fg("border", "╰")}${horizontal}${this.theme.fg("border", "╯")}`);
 		this.cachedWidth = safeWidth;

package/src/ui/overlays/agent-picker-overlay.ts

@@ -1,5 +1,5 @@
-import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
 import { readCrewAgents } from "../../runtime/crew-agent-records.ts";
+import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
 import { loadRunManifestById } from "../../state/state-store.ts";
 import { pad, truncate } from "../../utils/visual.ts";
 import { asCrewTheme, type CrewTheme } from "../theme-adapter.ts";
@@ -14,7 +14,12 @@ export class AgentPickerOverlay {
 	private readonly theme: CrewTheme;
 	private selected = 0;
 
-	constructor(opts: { cwd: string; runId: string; done: (selection: AgentPickerSelection | undefined) => void; theme?: unknown }) {
+	constructor(opts: {
+		cwd: string;
+		runId: string;
+		done: (selection: AgentPickerSelection | undefined) => void;
+		theme?: unknown;
+	}) {
 		const loaded = loadRunManifestById(opts.cwd, opts.runId); // NOTE: no withRunLock - best-effort only; concurrent writes may cause inconsistency;
 		this.agents = loaded ? readCrewAgents(loaded.manifest) : [];
 		this.done = opts.done;
@@ -30,7 +35,10 @@ export class AgentPickerOverlay {
 		const lines = [
 			this.theme.bold("Select agent"),
 			"↑/↓ move · Enter select · ESC cancel",
-			...this.agents.map((agent, index) => `${index === this.selected ? "›" : " "} ${agent.taskId} · ${agent.status} · ${agent.role}->${agent.agent}`),
+			...this.agents.map(
+				(agent, index) =>
+					`${index === this.selected ? "›" : " "} ${agent.taskId} · ${agent.status} · ${agent.role}->${agent.agent}`,
+			),
 		];
 		if (!this.agents.length) lines.push("No agents found.");
 		return lines.map((line) => pad(truncate(line, inner), inner));

package/src/ui/overlays/confirm-overlay.ts

@@ -1,6 +1,6 @@
+import { pad, truncate } from "../../utils/visual.ts";
 import { Box, Text } from "../layout-primitives.ts";
 import { asCrewTheme, type CrewTheme } from "../theme-adapter.ts";
-import { pad, truncate } from "../../utils/visual.ts";
 
 export interface ConfirmOptions {
 	title: string;
@@ -34,7 +34,9 @@ export class ConfirmOverlay {
 			`╭${"─".repeat(innerWidth)}╮`,
 			`│ ${pad(truncate(title, innerWidth - 1), innerWidth - 1)}│`,
 			`├${"─".repeat(innerWidth)}┤`,
-			...(bodyLines.length ? bodyLines : ["Are you sure?"]).map((line) => `│ ${pad(truncate(line, innerWidth - 1), innerWidth - 1)}│`),
+			...(bodyLines.length ? bodyLines : ["Are you sure?"]).map(
+				(line) => `│ ${pad(truncate(line, innerWidth - 1), innerWidth - 1)}│`,
+			),
 			`├${"─".repeat(innerWidth)}┤`,
 			`│ ${pad(truncate(this.theme.fg("dim", hint), innerWidth - 1), innerWidth - 1)}│`,
 			`╰${"─".repeat(innerWidth)}╯`,

package/src/ui/overlays/help-overlay.ts

@@ -14,10 +14,11 @@
  *
  * Template origin: `confirm-overlay.ts`.
  */
-import { Box, Text } from "../layout-primitives.ts";
-import { asCrewTheme, type CrewTheme } from "../theme-adapter.ts";
+
 import { pad, truncate } from "../../utils/visual.ts";
 import { DASHBOARD_KEYS } from "../keybinding-map.ts";
+import { Box, Text } from "../layout-primitives.ts";
+import { asCrewTheme, type CrewTheme } from "../theme-adapter.ts";
 
 /** Translate a raw key sequence into a readable token for the cheatsheet. */
 function keyToken(key: string): string {
@@ -89,7 +90,10 @@ function buildHelpGroups(): HelpGroup[] {
 	}));
 	const mailboxEntries: HelpEntry[] = Object.entries(DASHBOARD_KEYS.mailbox)
 		.filter(([name]) => name !== "openDetail")
-		.map(([name, keys]) => ({ keys: keyList(keys), label: MAILBOX_LABELS[name] ?? name }));
+		.map(([name, keys]) => ({
+			keys: keyList(keys),
+			label: MAILBOX_LABELS[name] ?? name,
+		}));
 	const healthEntries: HelpEntry[] = Object.entries(DASHBOARD_KEYS.health).map(([name, keys]) => ({
 		keys: keyList(keys),
 		label: HEALTH_LABELS[name] ?? name,
@@ -98,15 +102,24 @@ function buildHelpGroups(): HelpGroup[] {
 		{
 			title: "General",
 			entries: [
-				{ keys: keyList(DASHBOARD_KEYS.close), label: "close dashboard" },
-				{ keys: keyList(DASHBOARD_KEYS.select), label: "open run status" },
+				{
+					keys: keyList(DASHBOARD_KEYS.close),
+					label: "close dashboard",
+				},
+				{
+					keys: keyList(DASHBOARD_KEYS.select),
+					label: "open run status",
+				},
 				{ keys: "?", label: "toggle this help" },
 			],
 		},
 		{
 			title: "Navigation",
 			entries: [
-				{ keys: `${keyList(DASHBOARD_KEYS.navigation.up)}/${keyList(DASHBOARD_KEYS.navigation.down)}`, label: "move selection" },
+				{
+					keys: `${keyList(DASHBOARD_KEYS.navigation.up)}/${keyList(DASHBOARD_KEYS.navigation.down)}`,
+					label: "move selection",
+				},
 			],
 		},
 		{ title: "Panes", entries: paneEntries },
@@ -116,7 +129,10 @@ function buildHelpGroups(): HelpGroup[] {
 			title: "Health & notifications",
 			entries: [
 				...healthEntries,
-				{ keys: keyList(DASHBOARD_KEYS.notification.dismissAll), label: "dismiss notifs" },
+				{
+					keys: keyList(DASHBOARD_KEYS.notification.dismissAll),
+					label: "dismiss notifs",
+				},
 			],
 		},
 	];
@@ -144,17 +160,12 @@ export class HelpOverlay {
 		const mid = fg("border", `├${bar}┤`);
 		const bot = fg("border", `╰${bar}╯`);
 		const keyCol = 9;
-		const lines: string[] = [
-			top,
-			row(`${fg("accent", "pi-crew dashboard")} ${fg("dim", "— key reference (press ? to close)")}`),
-			mid,
-		];
+		const lines: string[] = [top, row(`${fg("accent", "pi-crew dashboard")} ${fg("dim", "— key reference (press ? to close)")}`), mid];
 		for (const group of buildHelpGroups()) {
 			lines.push(row(fg("accent", group.title)));
 			for (let i = 0; i < group.entries.length; i += 2) {
 				const pair = group.entries.slice(i, i + 2);
-				const cell = (entry: HelpEntry) =>
-					`${this.theme.bold(pad(entry.keys, keyCol))}${fg("dim", truncate(entry.label, 16))}`;
+				const cell = (entry: HelpEntry) => `${this.theme.bold(pad(entry.keys, keyCol))}${fg("dim", truncate(entry.label, 16))}`;
 				lines.push(row(pair.map(cell).join("   ")));
 			}
 		}

package/src/ui/overlays/mailbox-compose-overlay.ts

@@ -21,13 +21,22 @@ const FIELD_ORDER: FieldName[] = ["from", "to", "body", "taskId", "direction"];
 export class MailboxComposeOverlay {
 	private readonly done: (result: MailboxComposeResult) => void;
 	private readonly theme: CrewTheme;
-	private fields: MailboxComposePayload = { from: "operator", to: "leader", body: "", direction: "inbox" };
+	private fields: MailboxComposePayload = {
+		from: "operator",
+		to: "leader",
+		body: "",
+		direction: "inbox",
+	};
 	private activeField = 1;
 	private error: string | undefined;
 	private preview = false;
 	private confirm: ConfirmOverlay | undefined;
 
-	constructor(opts: { done: (result: MailboxComposeResult) => void; theme?: unknown; initial?: Partial<MailboxComposePayload> }) {
+	constructor(opts: {
+		done: (result: MailboxComposeResult) => void;
+		theme?: unknown;
+		initial?: Partial<MailboxComposePayload>;
+	}) {
 		this.done = opts.done;
 		this.theme = asCrewTheme(opts.theme ?? {});
 		this.fields = { ...this.fields, ...opts.initial };
@@ -43,7 +52,9 @@ export class MailboxComposeOverlay {
 		const formWidth = this.preview ? Math.max(24, Math.floor(inner * 0.6)) : inner;
 		const lines = [
 			this.theme.bold("Compose mailbox message"),
-			this.preview ? "P close preview · Tab cycle · Enter submit · ESC discard" : "P preview · Tab cycle · Enter submit · ESC discard",
+			this.preview
+				? "P close preview · Tab cycle · Enter submit · ESC discard"
+				: "P preview · Tab cycle · Enter submit · ESC discard",
 			...(this.error ? [this.theme.fg("error", this.error)] : []),
 			this.fieldLine("from", formWidth),
 			this.fieldLine("to", formWidth),
@@ -56,7 +67,9 @@ export class MailboxComposeOverlay {
 		const max = Math.max(lines.length, previewLines.length);
 		const split: string[] = [];
 		for (let index = 0; index < max; index += 1) {
-			split.push(`${pad(truncate(lines[index] ?? "", formWidth), formWidth)} │ ${truncate(previewLines[index] ?? "", inner - formWidth - 3)}`);
+			split.push(
+				`${pad(truncate(lines[index] ?? "", formWidth), formWidth)} │ ${truncate(previewLines[index] ?? "", inner - formWidth - 3)}`,
+			);
 		}
 		return split;
 	}
@@ -74,14 +87,20 @@ export class MailboxComposeOverlay {
 	private appendText(data: string): void {
 		const field = this.activeName();
 		if (field === "direction") return;
-		this.fields = { ...this.fields, [field]: `${this.fields[field] ?? ""}${data}` };
+		this.fields = {
+			...this.fields,
+			[field]: `${this.fields[field] ?? ""}${data}`,
+		};
 		this.error = undefined;
 	}
 
 	private backspace(): void {
 		const field = this.activeName();
 		if (field === "direction") return;
-		this.fields = { ...this.fields, [field]: (this.fields[field] ?? "").slice(0, -1) };
+		this.fields = {
+			...this.fields,
+			[field]: (this.fields[field] ?? "").slice(0, -1),
+		};
 	}
 
 	private submit(): void {
@@ -94,7 +113,16 @@ export class MailboxComposeOverlay {
 			this.error = "Recipient is required.";
 			return;
 		}
-		this.done({ type: "submit", payload: { ...this.fields, from: this.fields.from.trim() || "operator", to: this.fields.to.trim(), body, taskId: this.fields.taskId?.trim() || undefined } });
+		this.done({
+			type: "submit",
+			payload: {
+				...this.fields,
+				from: this.fields.from.trim() || "operator",
+				to: this.fields.to.trim(),
+				body,
+				taskId: this.fields.taskId?.trim() || undefined,
+			},
+		});
 	}
 
 	private cancel(): void {
@@ -102,10 +130,19 @@ export class MailboxComposeOverlay {
 			this.done({ type: "cancel" });
 			return;
 		}
-		this.confirm = new ConfirmOverlay({ title: "Discard draft?", body: `Body has ${this.fields.body.length} chars. Y=discard, N=continue editing`, dangerLevel: "medium", defaultAction: "cancel" }, (confirmed) => {
-			this.confirm = undefined;
-			if (confirmed) this.done({ type: "cancel" });
-		}, this.theme);
+		this.confirm = new ConfirmOverlay(
+			{
+				title: "Discard draft?",
+				body: `Body has ${this.fields.body.length} chars. Y=discard, N=continue editing`,
+				dangerLevel: "medium",
+				defaultAction: "cancel",
+			},
+			(confirmed) => {
+				this.confirm = undefined;
+				if (confirmed) this.done({ type: "cancel" });
+			},
+			this.theme,
+		);
 	}
 
 	handleInput(data: string): void {

package/src/ui/overlays/mailbox-compose-preview.ts

@@ -1,8 +1,12 @@
+import { truncate } from "../../utils/visual.ts";
 import type { CrewTheme } from "../theme-adapter.ts";
 import { asCrewTheme } from "../theme-adapter.ts";
-import { truncate } from "../../utils/visual.ts";
 
-export type MarkdownToken = { type: "heading" | "code-block" | "list-item" | "paragraph"; level?: number; text: string };
+export type MarkdownToken = {
+	type: "heading" | "code-block" | "list-item" | "paragraph";
+	level?: number;
+	text: string;
+};
 
 function stripInlineMarkdown(text: string): string {
 	return text
@@ -33,15 +37,26 @@ export function tokenizeMarkdown(body: string): MarkdownToken[] {
 		}
 		const heading = /^(#{1,3})\s+(.+)$/.exec(line);
 		if (heading) {
-			tokens.push({ type: "heading", level: heading[1]!.length, text: stripInlineMarkdown(heading[2]!) });
+			tokens.push({
+				type: "heading",
+				level: heading[1]!.length,
+				text: stripInlineMarkdown(heading[2]!),
+			});
 			continue;
 		}
 		const list = /^\s*(?:[-*]|\d+\.)\s+(.+)$/.exec(line);
 		if (list) {
-			tokens.push({ type: "list-item", text: stripInlineMarkdown(list[1]!) });
+			tokens.push({
+				type: "list-item",
+				text: stripInlineMarkdown(list[1]!),
+			});
 			continue;
 		}
-		if (line.trim()) tokens.push({ type: "paragraph", text: stripInlineMarkdown(line.trim()) });
+		if (line.trim())
+			tokens.push({
+				type: "paragraph",
+				text: stripInlineMarkdown(line.trim()),
+			});
 	}
 	if (inCode && codeLines.length) tokens.push({ type: "code-block", text: codeLines.join("\n") });
 	return tokens;

package/src/ui/overlays/mailbox-detail-overlay.ts

@@ -1,4 +1,4 @@
-import { readDeliveryState, readMailbox, type MailboxMessage } from "../../state/mailbox.ts";
+import { type MailboxMessage, readDeliveryState, readMailbox } from "../../state/mailbox.ts";
 import { loadRunManifestById } from "../../state/state-store.ts";
 import { pad, truncate } from "../../utils/visual.ts";
 import { asCrewTheme, type CrewTheme } from "../theme-adapter.ts";
@@ -23,7 +23,12 @@ export class MailboxDetailOverlay {
 	private lastRefreshedTaskCount = 0;
 	private needsRefresh = true;
 
-	constructor(opts: { runId: string; cwd: string; done: (action: MailboxAction | undefined) => void; theme?: unknown }) {
+	constructor(opts: {
+		runId: string;
+		cwd: string;
+		done: (action: MailboxAction | undefined) => void;
+		theme?: unknown;
+	}) {
 		this.runId = opts.runId;
 		this.cwd = opts.cwd;
 		this.done = opts.done;
@@ -41,10 +46,23 @@ export class MailboxDetailOverlay {
 			this.needsRefresh = true;
 		}
 		const delivery = readDeliveryState(loaded.manifest).messages;
-		const applyDelivery = (message: MailboxMessage): MailboxMessage => ({ ...message, status: delivery[message.id] ?? message.status });
+		const applyDelivery = (message: MailboxMessage): MailboxMessage => ({
+			...message,
+			status: delivery[message.id] ?? message.status,
+		});
 		const taskIds = loaded.tasks.map((task) => task.id);
-		this.inbox = [...readMailbox(loaded.manifest, "inbox"), ...taskIds.flatMap((taskId) => readMailbox(loaded.manifest, "inbox", taskId))].map(applyDelivery).reverse();
-		this.outbox = [...readMailbox(loaded.manifest, "outbox"), ...taskIds.flatMap((taskId) => readMailbox(loaded.manifest, "outbox", taskId))].map(applyDelivery).reverse();
+		this.inbox = [
+			...readMailbox(loaded.manifest, "inbox"),
+			...taskIds.flatMap((taskId) => readMailbox(loaded.manifest, "inbox", taskId)),
+		]
+			.map(applyDelivery)
+			.reverse();
+		this.outbox = [
+			...readMailbox(loaded.manifest, "outbox"),
+			...taskIds.flatMap((taskId) => readMailbox(loaded.manifest, "outbox", taskId)),
+		]
+			.map(applyDelivery)
+			.reverse();
 		this.selected = Math.min(this.selected, Math.max(0, this.current().length - 1));
 	}
 
@@ -121,7 +139,10 @@ export class MailboxDetailOverlay {
 			return;
 		}
 		if (data === "N") {
-			this.done({ type: "nudge", agentId: this.selectedMessage()?.taskId });
+			this.done({
+				type: "nudge",
+				agentId: this.selectedMessage()?.taskId,
+			});
 			return;
 		}
 		if (data === "C") {