pi-crew 0.9.16 → 0.9.17

package/src/ui/widget/index.ts

@@ -7,24 +7,33 @@
 
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent";
 import type { CrewUiConfig } from "../../config/config.ts";
+import { DEFAULT_UI } from "../../config/defaults.ts";
 import type { ManifestCache } from "../../runtime/manifest-cache.ts";
 import type { TeamRunManifest } from "../../state/types.ts";
-import type { RunSnapshotCache, RunUiSnapshot } from "../snapshot-types.ts";
-import type { CrewTheme } from "../theme-adapter.ts";
-import { asCrewTheme, subscribeThemeChange } from "../theme-adapter.ts";
 import { truncate } from "../../utils/visual.ts";
 import { requestRender, requestRenderTarget, setExtensionWidget } from "../pi-ui-compat.ts";
-import { spinnerBucket, spinnerFrame } from "../spinner.ts";
 import { runEventBus } from "../run-event-bus.ts";
-import { DEFAULT_UI } from "../../config/defaults.ts";
+import type { RunSnapshotCache, RunUiSnapshot } from "../snapshot-types.ts";
+import { spinnerBucket, spinnerFrame } from "../spinner.ts";
+import type { CrewTheme } from "../theme-adapter.ts";
+import { asCrewTheme, subscribeThemeChange } from "../theme-adapter.ts";
 import { activeWidgetRuns, statusSummary } from "./widget-model.ts";
-import { buildWidgetLines, colorWidgetLine, renderLines, DEFAULT_WIDGET_WIDTH, TASK_DESC_MAX } from "./widget-renderer.ts";
+import { buildWidgetLines, colorWidgetLine, DEFAULT_WIDGET_WIDTH, renderLines, TASK_DESC_MAX } from "./widget-renderer.ts";
 import type { CrewWidgetModel, CrewWidgetState, WidgetRun } from "./widget-types.ts";
 
-// Re-export types and helpers for backward compatibility
-export type { WidgetRun, CrewWidgetModel, CrewWidgetState } from "./widget-types.ts";
 export { activeWidgetRuns, statusSummary } from "./widget-model.ts";
-export { buildWidgetLines as buildCrewWidgetLines, widgetHeader, DEFAULT_WIDGET_WIDTH, TASK_DESC_MAX } from "./widget-renderer.ts";
+export {
+	buildWidgetLines as buildCrewWidgetLines,
+	DEFAULT_WIDGET_WIDTH,
+	TASK_DESC_MAX,
+	widgetHeader,
+} from "./widget-renderer.ts";
+// Re-export types and helpers for backward compatibility
+export type {
+	CrewWidgetModel,
+	CrewWidgetState,
+	WidgetRun,
+} from "./widget-types.ts";
 
 /**
  * Resolve the real render width for widget lines, in priority order:
@@ -42,7 +51,10 @@ export function getRenderWidth(width?: number): number {
 	if (Number.isFinite(stdoutCols) && stdoutCols! > 0) return Math.floor(stdoutCols!);
 	return DEFAULT_WIDGET_WIDTH;
 }
-export { notificationBadge, NOTIFICATION_BADGE_CAP } from "./widget-formatters.ts";
+export {
+	NOTIFICATION_BADGE_CAP,
+	notificationBadge,
+} from "./widget-formatters.ts";
 
 // ── Constants ─────────────────────────────────────────────────────────
 
@@ -112,30 +124,53 @@ class CrewWidgetComponent implements WidgetComponent {
 		installResizeListener();
 		this.unsubscribeTheme = subscribeThemeChange(themeLike, () => 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(runs: WidgetRun[]): string {
-		const liveSig = [...listLiveAgents()].map((h) =>
-			`${h.agentId}:${h.status}:${h.activity.turnCount}:${h.activity.toolUses}:${[...h.activity.activeTools.values()].join(",")}:${h.activity.responseText.slice(-30)}`
-		).join("|");
-
-		const hasRunning = runs.some((entry) => entry.agents.some((a) => a.status === "running"))
-			|| [...listLiveAgents()].some((h) => h.status === "running");
+		const liveSig = [...listLiveAgents()]
+			.map(
+				(h) =>
+					`${h.agentId}:${h.status}:${h.activity.turnCount}:${h.activity.toolUses}:${[...h.activity.activeTools.values()].join(",")}:${h.activity.responseText.slice(-30)}`,
+			)
+			.join("|");
+
+		const hasRunning =
+			runs.some((entry) => entry.agents.some((a) => a.status === "running")) ||
+			[...listLiveAgents()].some((h) => h.status === "running");
 		const animation = hasRunning ? `:spin=${spinnerBucket()}` : "";
 
-		return runs
-			.map((entry) => entry.snapshot?.signature ?? `${entry.run.runId}:${entry.run.status}:${entry.run.updatedAt}:` +
-				entry.agents.map((a) => {
-					const recentOutput = a.progress?.recentOutput.at(-1) ?? "";
-					const progress = [a.progress?.currentTool ?? "", a.progress?.toolCount ?? 0, a.progress?.tokens ?? 0, a.progress?.turns ?? 0, a.progress?.lastActivityAt ?? "", recentOutput].join(":");
-					return `${a.status}:${a.startedAt}:${a.completedAt ?? ""}:${a.toolUses ?? 0}:${progress}`;
-				}).join(","))
-			.join("|") + `|live:${liveSig}${animation}`;
+		return (
+			runs
+				.map(
+					(entry) =>
+						entry.snapshot?.signature ??
+						`${entry.run.runId}:${entry.run.status}:${entry.run.updatedAt}:` +
+							entry.agents
+								.map((a) => {
+									const recentOutput = a.progress?.recentOutput.at(-1) ?? "";
+									const progress = [
+										a.progress?.currentTool ?? "",
+										a.progress?.toolCount ?? 0,
+										a.progress?.tokens ?? 0,
+										a.progress?.turns ?? 0,
+										a.progress?.lastActivityAt ?? "",
+										recentOutput,
+									].join(":");
+									return `${a.status}:${a.startedAt}:${a.completedAt ?? ""}:${a.toolUses ?? 0}:${progress}`;
+								})
+								.join(","),
+				)
+				.join("|") + `|live:${liveSig}${animation}`
+		);
 	}
 
 	private colorize(lines: string[], width: number): string[] {
@@ -168,7 +203,14 @@ class CrewWidgetComponent implements WidgetComponent {
 		const runningGlyph = spinnerFrame("widget-header");
 
 		if (this.cacheSignature !== signature || width !== this.cachedWidth || this.cachedTheme !== this.theme) {
-			this.cachedBaseLines = buildWidgetLines(this.model.cwd, 0, this.model.maxLines, runs, this.model.notificationCount ?? 0, width).map((line, index) => {
+			this.cachedBaseLines = buildWidgetLines(
+				this.model.cwd,
+				0,
+				this.model.maxLines,
+				runs,
+				this.model.notificationCount ?? 0,
+				width,
+			).map((line, index) => {
 				if (index === 0 && line.length > 0) return `${runningGlyph}${line.slice(1)}`;
 				return line;
 			});
@@ -240,9 +282,24 @@ export function updateCrewWidget(
 		return;
 	}
 
-	const needsWidgetInstall = state.lastVisibility !== "visible" || state.lastPlacement !== placement || state.lastKey !== WIDGET_KEY || state.lastMaxLines !== maxLines || state.lastCwd !== ctx.cwd || !state.model;
-
-	if (!state.model) state.model = { cwd: ctx.cwd, frame: state.frame, maxLines, notificationCount: state.notificationCount ?? 0, manifestCache, snapshotCache, preloadManifests: preloadedManifests };
+	const needsWidgetInstall =
+		state.lastVisibility !== "visible" ||
+		state.lastPlacement !== placement ||
+		state.lastKey !== WIDGET_KEY ||
+		state.lastMaxLines !== maxLines ||
+		state.lastCwd !== ctx.cwd ||
+		!state.model;
+
+	if (!state.model)
+		state.model = {
+			cwd: ctx.cwd,
+			frame: state.frame,
+			maxLines,
+			notificationCount: state.notificationCount ?? 0,
+			manifestCache,
+			snapshotCache,
+			preloadManifests: preloadedManifests,
+		};
 	else {
 		state.model.cwd = ctx.cwd;
 		state.model.frame = state.frame;
@@ -255,12 +312,10 @@ export function updateCrewWidget(
 
 	if (needsWidgetInstall) {
 		const model = state.model;
-		setExtensionWidget(
-			ctx,
-			WIDGET_KEY,
-			((_tui: unknown, theme: unknown) => new CrewWidgetComponent(model, theme, _tui)) as never,
-			{ placement, persist: true },
-		);
+		setExtensionWidget(ctx, WIDGET_KEY, ((_tui: unknown, theme: unknown) => new CrewWidgetComponent(model, theme, _tui)) as never, {
+			placement,
+			persist: true,
+		});
 		state.lastVisibility = "visible";
 		state.lastPlacement = placement;
 		state.lastKey = WIDGET_KEY;
@@ -271,7 +326,11 @@ export function updateCrewWidget(
 	requestRender(ctx);
 }
 
-export function stopCrewWidget(ctx: Pick<ExtensionContext, "hasUI" | "ui"> | undefined, state: CrewWidgetState, config?: CrewUiConfig): void {
+export function stopCrewWidget(
+	ctx: Pick<ExtensionContext, "hasUI" | "ui"> | undefined,
+	state: CrewWidgetState,
+	config?: CrewUiConfig,
+): void {
 	if (state.interval) clearInterval(state.interval);
 	state.interval = undefined;
 	if (ctx?.hasUI) {

package/src/ui/widget/widget-formatters.ts

@@ -7,8 +7,8 @@
 import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
 import type { LiveAgentHandle } from "../../runtime/live-agent-manager.ts";
 import { getTaskUsage } from "../../runtime/usage-tracker.ts";
-import { computeLiveDurationMs } from "../live-duration.ts";
 import { visibleWidth } from "../../utils/visual.ts";
+import { computeLiveDurationMs } from "../live-duration.ts";
 
 // ── Token formatting ──────────────────────────────────────────────────
 
@@ -16,9 +16,9 @@ import { visibleWidth } from "../../utils/visual.ts";
 // jitter every tick as values change width (e.g. 9.9s→10.0s, 950→1.0k).
 // alignMetric right-aligns to the width; values wider than the width overflow
 // verbatim (no truncation/crash) — these are rare one-off states, not jitter.
-const TOOLS_METRIC_WIDTH = 8;   // "127 tools"
+const TOOLS_METRIC_WIDTH = 8; // "127 tools"
 const TOKENS_METRIC_WIDTH = 10; // "1.2k tok", "12.3M tok"
-const CTX_METRIC_WIDTH = 7;     // "100% ctx"
+const CTX_METRIC_WIDTH = 7; // "100% ctx"
 const DURATION_METRIC_WIDTH = 6; // "120.0s"
 
 function alignMetric(value: string, width: number): string {
@@ -87,7 +87,11 @@ export function describeLiveActivity(handle: LiveAgentHandle): string {
 		return parts.join(", ") + "…";
 	}
 	if (act.responseText?.trim()) {
-		const line = act.responseText.split("\n").find((l) => l.trim())?.trim() ?? "";
+		const line =
+			act.responseText
+				.split("\n")
+				.find((l) => l.trim())
+				?.trim() ?? "";
 		return line.length > 60 ? line.slice(0, 60) + "…" : line;
 	}
 	return "thinking…";
@@ -96,7 +100,8 @@ export function describeLiveActivity(handle: LiveAgentHandle): string {
 export function agentActivity(agent: CrewAgentRecord, liveHandle?: LiveAgentHandle): string {
 	if (liveHandle && liveHandle.status === "running") {
 		const live = describeLiveActivity(liveHandle);
-		if (live === "thinking…" && agent.progress?.currentTool) return `${TOOL_LABELS[agent.progress.currentTool] ?? agent.progress.currentTool}…`;
+		if (live === "thinking…" && agent.progress?.currentTool)
+			return `${TOOL_LABELS[agent.progress.currentTool] ?? agent.progress.currentTool}…`;
 		return live;
 	}
 	if (agent.progress?.currentTool) return `${TOOL_LABELS[agent.progress.currentTool] ?? agent.progress.currentTool}…`;
@@ -130,7 +135,9 @@ export function agentStats(agent: CrewAgentRecord, liveHandle?: LiveAgentHandle)
 			const stats = liveHandle.session.getSessionStats?.();
 			const ctxPct = stats?.contextUsage?.percent;
 			if (ctxPct != null) parts.push(alignMetric(`${Math.round(ctxPct)}% ctx`, CTX_METRIC_WIDTH));
-		} catch { /* ignore */ }
+		} catch {
+			/* ignore */
+		}
 		const ms = computeLiveDurationMs(act);
 		parts.push(alignMetric(`${(ms / 1000).toFixed(1)}s`, DURATION_METRIC_WIDTH));
 	} else {

package/src/ui/widget/widget-model.ts

@@ -4,14 +4,14 @@
  * Extracted from crew-widget.ts.
  */
 
-import type { TeamRunManifest } from "../../state/types.ts";
+import { listRecentRuns } from "../../extension/run-index.ts";
+import { reconcileAllStaleRuns } from "../../runtime/crash-recovery.ts";
 import { readCrewAgents } from "../../runtime/crew-agent-records.ts";
 import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
-import { isDisplayActiveRun } from "../../runtime/process-status.ts";
-import { listLiveAgents, evictStaleLiveAgentHandles } from "../../runtime/live-agent-manager.ts";
+import { evictStaleLiveAgentHandles, listLiveAgents } from "../../runtime/live-agent-manager.ts";
 import type { ManifestCache } from "../../runtime/manifest-cache.ts";
-import { reconcileAllStaleRuns } from "../../runtime/crash-recovery.ts";
-import { listRecentRuns } from "../../extension/run-index.ts";
+import { isDisplayActiveRun } from "../../runtime/process-status.ts";
+import type { TeamRunManifest } from "../../state/types.ts";
 import type { RunSnapshotCache } from "../snapshot-types.ts";
 import type { WidgetRun } from "./widget-types.ts";
 
@@ -41,7 +41,11 @@ export function activeWidgetRuns(
 	const now = Date.now();
 	if (now - lastStaleReconcileAt > STALE_RECONCILE_INTERVAL_MS && manifestCache) {
 		lastStaleReconcileAt = now;
-		try { reconcileAllStaleRuns(cwd, manifestCache); } catch { /* non-critical */ }
+		try {
+			reconcileAllStaleRuns(cwd, manifestCache);
+		} catch {
+			/* non-critical */
+		}
 	}
 
 	let runs = preloadedManifests ?? (manifestCache ? manifestCache.list(20) : listRecentRuns(cwd, 20));
@@ -54,7 +58,11 @@ export function activeWidgetRuns(
 			try {
 				const snapshot = snapshotCache?.get(run.runId);
 				return snapshot
-					? { run: snapshot.manifest, agents: snapshot.agents, snapshot }
+					? {
+							run: snapshot.manifest,
+							agents: snapshot.agents,
+							snapshot,
+						}
 					: { run, agents: agentsFor(run) };
 			} catch {
 				return { run, agents: agentsFor(run) };
@@ -73,7 +81,10 @@ export function statusSummary(runs: WidgetRun[]): string {
 	const completedAgents = agents.filter((a) => a.status === "completed").length;
 	const totalAgents = agents.length;
 	const totalRuns = runs.length;
-	const model = agents.find((a) => a.model)?.model?.split("/").at(-1);
+	const model = agents
+		.find((a) => a.model)
+		?.model?.split("/")
+		.at(-1);
 	const parts = [`⚙ ${runningAgents}r`];
 	if (queuedAgents > 0) parts.push(`${queuedAgents}q`);
 	if (completedAgents > 0) parts.push(`${completedAgents}/${totalAgents}done`);

package/src/ui/widget/widget-renderer.ts

@@ -4,18 +4,18 @@
  * Extracted from crew-widget.ts.
  */
 
-import type { CrewTheme } from "../theme-adapter.ts";
-import { iconForStatus, colorizeStatusGlyphs } from "../status-colors.ts";
-import { truncate } from "../../utils/visual.ts";
-import { Box, Text } from "../layout-primitives.ts";
 import { listLiveAgents } from "../../runtime/live-agent-manager.ts";
 import { computePhaseProgress, formatPhaseProgressLine } from "../../runtime/phase-progress.ts";
-import { spinnerFrame } from "../spinner.ts";
-import { computeLiveDurationMs } from "../live-duration.ts";
+import { isFinishedRunStatus } from "../../runtime/process-status.ts";
 import { getTaskUsage } from "../../runtime/usage-tracker.ts";
+import { truncate } from "../../utils/visual.ts";
+import { Box, Text } from "../layout-primitives.ts";
+import { computeLiveDurationMs } from "../live-duration.ts";
+import { spinnerFrame } from "../spinner.ts";
+import { colorizeStatusGlyphs, iconForStatus } from "../status-colors.ts";
+import type { CrewTheme } from "../theme-adapter.ts";
 import { agentActivity, agentStats, elapsed, formatTokensCompact, notificationBadge } from "./widget-formatters.ts";
 import { activeWidgetRuns, shortRunLabel } from "./widget-model.ts";
-import { isFinishedRunStatus } from "../../runtime/process-status.ts";
 import type { WidgetRun } from "./widget-types.ts";
 
 const MAX_AGENTS_DISPLAY = 3;
@@ -47,7 +47,14 @@ export function widgetHeader(runs: WidgetRun[], runningGlyph: string, maxLines =
 
 // ── Line builder ──────────────────────────────────────────────────────
 
-export function buildWidgetLines(cwd: string, frame = 0, maxLines = 8, providedRuns?: WidgetRun[], notificationCount = 0, width = DEFAULT_WIDGET_WIDTH): string[] {
+export function buildWidgetLines(
+	cwd: string,
+	frame = 0,
+	maxLines = 8,
+	providedRuns?: WidgetRun[],
+	notificationCount = 0,
+	width = DEFAULT_WIDGET_WIDTH,
+): string[] {
 	// Match the legacy `buildCrewWidgetLines` API: when no runs are supplied,
 	// auto-fetch via activeWidgetRuns(cwd). Otherwise widgets calling with
 	// only `(cwd, frame)` would render an empty line set (regression vs. the
@@ -103,10 +110,12 @@ export function buildWidgetLines(cwd: string, frame = 0, maxLines = 8, providedR
 		// L-4: prioritize RUNNING > QUEUED > WAITING within the visible window so the
 		// most relevant live workers are always shown. Finished rows fill only the
 		// leftover budget and never steal slots from running agents.
-		const ACTIVE_PRIORITY: Record<string, number> = { running: 0, queued: 1, waiting: 2 };
-		const prioritizedActive = [...activeAgents].sort(
-			(a, b) => (ACTIVE_PRIORITY[a.status] ?? 9) - (ACTIVE_PRIORITY[b.status] ?? 9),
-		);
+		const ACTIVE_PRIORITY: Record<string, number> = {
+			running: 0,
+			queued: 1,
+			waiting: 2,
+		};
+		const prioritizedActive = [...activeAgents].sort((a, b) => (ACTIVE_PRIORITY[a.status] ?? 9) - (ACTIVE_PRIORITY[b.status] ?? 9));
 		// Finished rows only appear in slots not used by active agents (max 2). When
 		// there are >= MAX_AGENTS_DISPLAY live workers, finished rows are suppressed
 		// entirely so they cannot push a live agent's activity line off-screen.
@@ -134,7 +143,8 @@ export function buildWidgetLines(cwd: string, frame = 0, maxLines = 8, providedR
 		for (const [index, agent] of finishedAgents.slice(0, finishedSlots).entries()) {
 			const liveHandle = liveForRun.find((h) => h.taskId === agent.taskId);
 			const name = liveHandle?.agent ?? agent.agent;
-			const icon = agent.status === "completed" ? "✓" : agent.status === "failed" ? "✗" : agent.status === "needs_attention" ? "⚠" : "▪";
+			const icon =
+				agent.status === "completed" ? "✓" : agent.status === "failed" ? "✗" : agent.status === "needs_attention" ? "⚠" : "▪";
 			const stats = agentStats(agent, liveHandle);
 			const desc = truncate(liveHandle?.description ?? agent.role ?? "", TASK_DESC_MAX);
 			const isLastFinished = index === Math.min(finishedAgents.length, finishedSlots) - 1;

package/src/ui/widget/widget-types.ts

@@ -2,9 +2,9 @@
  * Widget type definitions.
  */
 
-import type { TeamRunManifest } from "../../state/types.ts";
 import type { CrewAgentRecord } from "../../runtime/crew-agent-runtime.ts";
 import type { ManifestCache } from "../../runtime/manifest-cache.ts";
+import type { TeamRunManifest } from "../../state/types.ts";
 import type { RunSnapshotCache, RunUiSnapshot } from "../snapshot-types.ts";
 
 export interface WidgetRun {