feat(frontend): display token usage per conversation turn (#1229)

Surface the usage_metadata that PR #1218 added to the streaming API.
A compact indicator in the chat header shows cumulative tokens consumed
per thread, with a tooltip breakdown of input/output/total counts.

Co-authored-by: Matt Van Horn <455140+mvanhorn@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
This commit is contained in:
Matt Van Horn
2026-03-23 17:59:35 -07:00
committed by GitHub
parent 8b0f3fe233
commit b40b05f623
7 changed files with 159 additions and 1 deletions

View File

@@ -274,6 +274,12 @@ export const enUS: Translations = {
failed: "Subtask failed",
},
// Token Usage
tokenUsage: {
title: "Token Usage",
input: "Input",
output: "Output",
total: "Total",
// Shortcuts
shortcuts: {
searchActions: "Search actions...",

View File

@@ -211,6 +211,12 @@ export interface Translations {
failed: string;
};
// Token Usage
tokenUsage: {
title: string;
input: string;
output: string;
total: string;
// Shortcuts
shortcuts: {
searchActions: string;

View File

@@ -261,6 +261,12 @@ export const zhCN: Translations = {
failed: "子任务失败",
},
// Token Usage
tokenUsage: {
title: "Token 用量",
input: "输入",
output: "输出",
total: "总计",
// Shortcuts
shortcuts: {
searchActions: "搜索操作...",