pi-crew 0.1.35 → 0.1.37

package/src/ui/keybinding-map.ts

@@ -13,7 +13,7 @@ export const DASHBOARD_KEYS = {
 		reload: ["r"],
 		progressToggle: ["p"],
 	},
-	pane: { agents: ["1"], progress: ["2"], mailbox: ["3"], output: ["4"], health: ["5"] },
+	pane: { agents: ["1"], progress: ["2"], mailbox: ["3"], output: ["4"], health: ["5"], metrics: ["6"] },
 	navigation: { up: ["k", "\u001b[A"], down: ["j", "\u001b[B"] },
 	mailbox: { ack: ["A"], nudge: ["N"], compose: ["C"], preview: ["P"], ackAll: ["X"], openDetail: ["\r", "\n"] },
 	health: { recovery: ["R"], killStale: ["K"], diagnosticExport: ["D"] },
@@ -53,6 +53,7 @@ export type DashboardKeyAction =
 	| "pane-mailbox"
 	| "pane-output"
 	| "pane-health"
+	| "pane-metrics"
 	| "up"
 	| "down"
 	| "mailbox-detail"
@@ -61,7 +62,7 @@ export type DashboardKeyAction =
 	| "health-diagnostic-export"
 	| "notifications-dismiss";
 
-export function dashboardActionForKey(data: string, activePane?: "agents" | "progress" | "mailbox" | "output" | "health"): DashboardKeyAction | undefined {
+export function dashboardActionForKey(data: string, activePane?: "agents" | "progress" | "mailbox" | "output" | "health" | "metrics"): DashboardKeyAction | undefined {
 	if (includes(DASHBOARD_KEYS.close, data)) return "close";
 	if (activePane === "mailbox" && includes(DASHBOARD_KEYS.mailbox.openDetail, data)) return "mailbox-detail";
 	if (activePane === "health") {
@@ -86,6 +87,7 @@ export function dashboardActionForKey(data: string, activePane?: "agents" | "pro
 	if (includes(DASHBOARD_KEYS.pane.mailbox, data)) return "pane-mailbox";
 	if (includes(DASHBOARD_KEYS.pane.output, data)) return "pane-output";
 	if (includes(DASHBOARD_KEYS.pane.health, data)) return "pane-health";
+	if (includes(DASHBOARD_KEYS.pane.metrics, data)) return "pane-metrics";
 	if (includes(DASHBOARD_KEYS.navigation.up, data)) return "up";
 	if (includes(DASHBOARD_KEYS.navigation.down, data)) return "down";
 	return undefined;

package/src/ui/run-action-dispatcher.ts

@@ -1,4 +1,5 @@
 import type { ExtensionContext } from "@mariozechner/pi-coding-agent";
+import type { MetricRegistry } from "../observability/metric-registry.ts";
 import { handleTeamTool } from "../extension/team-tool.ts";
 import { isToolError, textFromToolResult } from "../extension/tool-result.ts";
 import { loadRunManifestById, saveRunTasks } from "../state/state-store.ts";
@@ -91,9 +92,9 @@ export async function dispatchKillStaleWorkers(ctx: ExtensionContext, runId: str
 	}
 }
 
-export async function dispatchDiagnosticExport(ctx: ExtensionContext, runId: string): Promise<RunActionResult> {
+export async function dispatchDiagnosticExport(ctx: ExtensionContext, runId: string, options: { registry?: MetricRegistry } = {}): Promise<RunActionResult> {
 	try {
-		const exported = await exportDiagnostic(ctx, runId);
+		const exported = await exportDiagnostic(ctx, runId, options);
 		return { ok: true, message: `Diagnostic exported to ${exported.path}`, data: exported.path };
 	} catch (error) {
 		return err(error);

package/src/ui/run-dashboard.ts

@@ -17,9 +17,11 @@ import { renderMailboxPane } from "./dashboard-panes/mailbox-pane.ts";
 import { renderProgressPane } from "./dashboard-panes/progress-pane.ts";
 import { renderTranscriptPane } from "./dashboard-panes/transcript-pane.ts";
 import { renderHealthPane } from "./dashboard-panes/health-pane.ts";
+import { renderMetricsPane } from "./dashboard-panes/metrics-pane.ts";
 import { dashboardActionForKey } from "./keybinding-map.ts";
 import type { RunSnapshotCache, RunUiSnapshot } from "./snapshot-types.ts";
 import { spinnerBucket, spinnerFrame } from "./spinner.ts";
+import type { MetricRegistry } from "../observability/metric-registry.ts";
 
 interface DashboardComponent {
 	invalidate(): void;
@@ -34,6 +36,7 @@ export interface RunDashboardOptions {
 	showTools?: boolean;
 	snapshotCache?: RunSnapshotCache;
 	runProvider?: () => TeamRunManifest[];
+	registry?: MetricRegistry;
 }
 
 export type RunDashboardAction = "status" | "summary" | "artifacts" | "api" | "events" | "agents" | "agent-events" | "agent-output" | "agent-transcript" | "mailbox" | "reload" | "mailbox-detail" | "health-recovery" | "health-kill-stale" | "health-diagnostic-export" | "notifications-dismiss";
@@ -221,7 +224,7 @@ function countByStatus(runs: TeamRunManifest[], snapshotCache?: RunSnapshotCache
 export class RunDashboard implements DashboardComponent {
 	private selected = 0;
 	private showFullProgress = false;
-	private activePane: "agents" | "progress" | "mailbox" | "output" | "health" = "agents";
+	private activePane: "agents" | "progress" | "mailbox" | "output" | "health" | "metrics" = "agents";
 	private runs: TeamRunManifest[];
 	private readonly done: (selection: RunDashboardSelection | undefined) => void;
 	private readonly theme: CrewTheme;
@@ -265,7 +268,8 @@ export class RunDashboard implements DashboardComponent {
 			if (status === "running" || agents.some((agent) => agent.status === "running")) hasRunning = true;
 			return snapshot?.signature ?? `${displayRun.runId}:${displayRun.status}:${displayRun.updatedAt}:${status}`;
 		}).join("|");
-		return `${this.selected}:${this.showFullProgress ? 1 : 0}:${this.activePane}:${statuses}${hasRunning ? `:spin=${spinnerBucket()}` : ""}`;
+		const metricsSig = this.activePane === "metrics" ? `:metrics=${this.options.registry?.snapshot().length ?? 0}:${spinnerBucket()}` : "";
+		return `${this.selected}:${this.showFullProgress ? 1 : 0}:${this.activePane}:${statuses}${hasRunning ? `:spin=${spinnerBucket()}` : ""}${metricsSig}`;
 	}
 
 	invalidate(): void {
@@ -295,7 +299,7 @@ export class RunDashboard implements DashboardComponent {
 				border("╭", "╮"),
 				`│ ${pad(truncate(`${fg("accent", "▐")} ${this.theme.bold(this.options.placement === "right" ? "pi-crew right sidebar (anchored top-right)" : "pi-crew dashboard")}`, innerWidth - 1), innerWidth - 1)}│`,
 				`│ ${pad(truncate(`Runs: ${this.runs.length} • ${countByStatus(this.runs, this.options.snapshotCache)}`, innerWidth - 1), innerWidth - 1)}│`,
-				`│ ${pad(truncate(`↑/↓ select • 1 agents 2 progress 3 mailbox 4 output 5 health • s/u/a/i actions • R/K/D health • H hush`, innerWidth - 1), innerWidth - 1)}│`,
+				`│ ${pad(truncate(`↑/↓ select • 1 agents 2 progress 3 mailbox 4 output 5 health 6 metrics • s/u/a/i actions • R/K/D health • H hush`, innerWidth - 1), innerWidth - 1)}│`,
 				border("├", "┤"),
 			];
 			if (this.runs.length === 0) {
@@ -340,7 +344,9 @@ export class RunDashboard implements DashboardComponent {
 									? renderMailboxPane(selectedSnapshot)
 									: this.activePane === "health"
 										? renderHealthPane(selectedSnapshot, { isForeground: selectedDisplayRun.async ? false : true })
-										: renderTranscriptPane(selectedSnapshot)
+										: this.activePane === "metrics"
+											? renderMetricsPane(selectedSnapshot, { registry: this.options.registry })
+											: renderTranscriptPane(selectedSnapshot)
 						: [
 							...readAgentPreview(selectedDisplayRun, this.showFullProgress ? 20 : 8, this.options),
 							...readProgressPreview(selectedDisplayRun, this.showFullProgress ? 20 : 5),
@@ -412,6 +418,7 @@ export class RunDashboard implements DashboardComponent {
 		else if (action === "pane-mailbox") this.activePane = "mailbox";
 		else if (action === "pane-output") this.activePane = "output";
 		else if (action === "pane-health") this.activePane = "health";
+		else if (action === "pane-metrics") this.activePane = "metrics";
 		else if (action === "up") this.selected = Math.max(0, this.selected - 1);
 		else if (action === "down") {
 			const selectableCount = groupedRuns(this.runs, this.options.snapshotCache).filter((row) => row.run).length;