feat(dashboard): add usage dashboard with mode column, multi-model aggregation, i18n, and CI fixes

Author: k1yt

packages/types/src/usage-stats.ts

@@ -127,9 +127,23 @@ export interface SessionSummary {
 	taskId: string
 	title: string // First line of user input (truncated); falls back to taskId
 	timestamp: number // Last activity (epoch ms)
-	model: string
+	model: string // First-seen model (kept for backward compatibility)
 	provider: string
-	mode: string
+	mode: string // First-seen mode (kept for backward compatibility)
+	/**
+	 * All unique models used in the session, in first-seen order.
+	 * A session may switch models (e.g. orchestrator delegating to a
+	 * different provider), so this array captures the full set while
+	 * `model` retains the earliest value for backward compatibility.
+	 */
+	models: string[]
+	/**
+	 * All unique modes used in the session, in first-seen order.
+	 * A session may span multiple modes (e.g. orchestrator-crow
+	 * delegating to code, debug, ask), so this array captures the full
+	 * set while `mode` retains the earliest value for backward compat.
+	 */
+	modes: string[]
 	totalTokens: number
 	totalCost: number
 	callCount: number
@@ -148,6 +162,7 @@ export interface SessionDetail extends SessionSummary {
  */
 export interface APICallRecord {
 	index: number
+	mode: string
 	timestamp: number
 	inputTokens: number
 	outputTokens: number

src/api/providers/__tests__/anthropic-vertex.spec.ts

@@ -217,6 +217,7 @@ describe("VertexHandler", () => {
 				type: "usage",
 				inputTokens: 10,
 				outputTokens: 0,
+				totalCost: 0.00003,
 			})
 			expect(chunks[1]).toEqual({
 				type: "text",
@@ -431,6 +432,7 @@ describe("VertexHandler", () => {
 				outputTokens: 0,
 				cacheWriteTokens: 3,
 				cacheReadTokens: 2,
+				totalCost: 0.00004185,
 			})
 			expect(usageChunks[1]).toEqual({
 				type: "usage",

src/api/providers/__tests__/kenari.spec.ts

@@ -141,6 +141,7 @@ describe("KenariHandler", () => {
 				inputTokens: 12,
 				outputTokens: 7,
 				cacheReadTokens: 4,
+				totalCost: 0,
 			})
 		})
 
@@ -210,6 +211,7 @@ describe("KenariHandler", () => {
 					inputTokens: 3,
 					outputTokens: 2,
 					cacheReadTokens: undefined,
+					totalCost: 0,
 				},
 			])
 		})
@@ -318,6 +320,7 @@ describe("KenariHandler", () => {
 				inputTokens: 0,
 				outputTokens: 0,
 				cacheReadTokens: undefined,
+				totalCost: 0,
 			})
 		})
 

src/api/providers/__tests__/openai-usage-tracking.spec.ts

@@ -138,8 +138,9 @@ describe("OpenAiHandler with usage tracking fix", () => {
 				type: "usage",
 				inputTokens: 10,
 				outputTokens: 5,
+				totalCost: 0,
 			})
-
+	
 			// Check the usage chunk is the last one reported from the API
 			const lastChunk = chunks[chunks.length - 1]
 			expect(lastChunk.type).toBe("usage")
@@ -198,9 +199,10 @@ describe("OpenAiHandler with usage tracking fix", () => {
 				type: "usage",
 				inputTokens: 10,
 				outputTokens: 5,
+				totalCost: 0,
 			})
 		})
-
+	
 		it("should handle case where no usage is provided", async () => {
 			// Override the mock for this specific test
 			mockCreate.mockImplementationOnce(async (options) => {

src/core/webview/usageStatsMessageHandler.ts

@@ -566,6 +566,12 @@ async function buildSessionSummaries(
 			model: first.model,
 			provider: first.provider,
 			mode: first.mode,
+			// Preserve first-seen order across the session's events so that
+			// multi-model/multi-mode sessions (e.g. orchestrator delegations)
+			// are fully represented. `model`/`mode` above keep the earliest
+			// value for backward compatibility.
+			models: [...new Set(sorted.map((e) => e.model))],
+			modes: [...new Set(sorted.map((e) => e.mode))],
 			totalTokens,
 			totalCost,
 			callCount: sorted.length,
@@ -645,9 +651,14 @@ export async function handleGetDashboardSessions(
 		let summaries = await buildSessionSummaries(events, globalStoragePath)
 
 		// Apply optional model/provider filters (post-grouping).
+		// The model filter checks `models` (the full set used in the session)
+		// so that sessions which switched models are still matched; it falls
+		// back to the legacy `model` field when `models` is absent.
 		const filters = message.dashboardSessionFilters
 		if (filters?.model) {
-			summaries = summaries.filter((s) => s.model === filters.model)
+			summaries = summaries.filter(
+				(s) => s.models?.includes(filters.model!) ?? s.model === filters.model,
+			)
 		}
 		if (filters?.provider) {
 			summaries = summaries.filter((s) => s.provider === filters.provider)
@@ -688,6 +699,7 @@ export async function handleGetDashboardSessions(
 function mapEventToApiCall(event: UsageEventV1, index: number): APICallRecord {
 	return {
 		index,
+		mode: event.mode,
 		timestamp: new Date(event.occurredAt).getTime(),
 		inputTokens: event.usage.inputTokens?.value ?? 0,
 		outputTokens: event.usage.outputTokens?.value ?? 0,
@@ -746,6 +758,10 @@ async function buildSessionDetail(
 		model: first.model,
 		provider: first.provider,
 		mode: first.mode,
+		// Mirror buildSessionSummaries: capture every unique model/mode in
+		// first-seen order so the detail view can show the full set.
+		models: [...new Set(sorted.map((e) => e.model))],
+		modes: [...new Set(sorted.map((e) => e.mode))],
 		totalTokens,
 		totalCost,
 		callCount: sorted.length,
@@ -844,6 +860,8 @@ export async function handleGetDashboardSessionDetail(
 					model: "",
 					provider: "",
 					mode: "",
+					models: [],
+					modes: [],
 					totalTokens: 0,
 					totalCost: 0,
 					callCount: 0,