← Back to Kontasks

Token Usage Tracking Implementation Complete

Implemented end-to-end token usage tracking from Claude API through to telemetry display

✓ Completed
on 4 Jan 2026, 3:01 am

Output

Token Usage Tracking Implementation

Data Flow

Claude CLI result event
  ↓ (usage, total_cost_usd, duration_api_ms)
konsole/stream.ts
  ↓ (extracts TokenUsage, sets on builder)
konsole/types.ts (TokenUsage, StreamEvent)
  ↓ (token_usage SSE event)
konui/console-event-handler.ts
  ↓ (tokenUsageThisTurn variable)
konui/router.ts → metrics.ts
  ↓ (stored in telemetry record)
konui/views/telemetry.ts (💰 badge + $X.XXXX chip)

Files Modified

konsole/src/types.ts Added TokenUsage interface, token_usage StreamEvent
konsole/src/kontext.ts Added tokenUsage field, setTokenUsage() method
konsole/src/stream.ts Extract tokens from result event, send token_usage SSE
konui/src/console-event-handler.ts Handle token_usage event, include in telemetry
konui/src/views/telemetry.ts 💰 badge and $X.XXXX cost chip display

Token Data Available

  • inputTokens - Input tokens consumed
  • outputTokens - Output tokens generated
  • cacheReadTokens - Tokens read from cache
  • cacheCreationTokens - Tokens for cache creation
  • costUsd - Total cost in USD
  • durationApiMs - API duration if reported

Display

Telemetry view shows:

  • 💰 badge with hover tooltip showing full token breakdown
  • Green $0.3399 chip with cost per turn

Quick Actions

Original Request
Token tracking now flows from Claude → konsole → konui → telemetry display

Unknown template: custom

Details

Type General
Status Completed
Scope vibetools
Tags telemetrytokensmetrics
Created 4 Jan 2026, 3:01 am
DashboardReportsKontasksSessionsTelemetryLogs + Go