feat: update token estimation for Mistral Vibe and enhance log viewer display

Author: rajbos

vscode-extension/src/extension.ts

@@ -3899,9 +3899,8 @@ class CopilotTokenTracker implements vscode.Disposable {
 						userMsgIndices.push(i);
 					}
 				}
-				const numTurns = userMsgIndices.length;
-				const perTurnInput = numTurns > 0 ? Math.round((tokenData.tokens * 0.7) / numTurns) : 0;
-				const perTurnOutput = numTurns > 0 ? Math.round((tokenData.tokens * 0.3) / numTurns) : 0;
+				// Mistral Vibe only has session-level token counts (not per-turn)
+				// Set per-turn estimates to 0; actual totals go in actualTokens
 
 				for (let t = 0; t < userMsgIndices.length; t++) {
 					const userIdx = userMsgIndices[t];
@@ -3941,8 +3940,8 @@ class CopilotTokenTracker implements vscode.Disposable {
 						toolCalls,
 						contextReferences: _createEmptyContextRefs(),
 						mcpTools: [],
-						inputTokensEstimate: perTurnInput,
-						outputTokensEstimate: perTurnOutput,
+						inputTokensEstimate: 0,
+						outputTokensEstimate: 0,
 						thinkingTokensEstimate: 0
 					});
 				}
@@ -3959,6 +3958,7 @@ class CopilotTokenTracker implements vscode.Disposable {
 					firstInteraction: details.firstInteraction,
 					lastInteraction: details.lastInteraction,
 					turns,
+					actualTokens: tokenData.tokens,
 					usageAnalysis: undefined
 				};
 			}

vscode-extension/src/webview/diagnostics/main.ts

@@ -396,7 +396,7 @@ function getEditorIcon(editor: string): string {
     return "🪟";
   }
   if (lower.includes("mistral")) {
-    return "";
+    return "🔥";
   }
   if (lower.includes("crush")) {
     return "🩷";

vscode-extension/src/webview/logviewer/main.ts

@@ -513,7 +513,7 @@ function renderTurnCard(turn: ChatTurn): string {
 					<span class="turn-mode" style="background: ${getModeColor(turn.mode)};">${getModeIcon(turn.mode)} ${turn.mode}</span>
 					${turn.model ? `<span class="turn-model">🎯 ${escapeHtml(turn.model)}</span>` : ''}
 					${turn.thinkingEffort ? `<span class="turn-effort">💡 ${escapeHtml(getEffortDisplayName(turn.thinkingEffort))}</span>` : ''}
-				<span class="turn-tokens">📊 ${formatCompact(totalTokens)} tokens (↑${turn.inputTokensEstimate} ↓${turn.outputTokensEstimate})</span>
+				${totalTokens > 0 ? `<span class="turn-tokens">📊 ${formatCompact(totalTokens)} tokens (↑${turn.inputTokensEstimate} ↓${turn.outputTokensEstimate})</span>` : ''}
 				${hasThinking ? `<span class="turn-tokens" style="color: #a78bfa;">🧠 ${formatCompact(turn.thinkingTokensEstimate)} thinking</span>` : ''}
 				${hasActualUsage ? `<span class="turn-tokens" style="color: #22c55e;">✓ ${formatCompact(turn.actualUsage!.promptTokens + turn.actualUsage!.completionTokens)} actual</span>` : ''}
 					${contextHeaderHtml}
@@ -651,7 +651,7 @@ function renderLayout(data: SessionLogData): void {
 				<div class="summary-card actual-usage-card">
 					<div class="summary-label">✅ Actual Tokens</div>
 					<div class="summary-value">${formatCompact(sessionActualTokens)}</div>
-					<div class="summary-sub">Total from session shutdown event</div>
+							<div class="summary-sub">${data.editorName === 'Mistral Vibe' ? 'From session data' : 'Total from session shutdown event'}</div>
 				</div>
 				` : ''}
 				${totalThinkingTokens > 0 ? `<div class="summary-card">