From aa9bfa01f7a00497376ec5da3dae177a88734e41 Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@users.noreply.gitee.com>
Date: Thu, 23 Apr 2026 17:19:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Token=E8=B6=8B=E5=8A=BF=E5=9B=BE?=
 =?UTF-8?q?=E6=95=B0=E5=80=BC=E5=8C=BA=E5=88=86=E8=BE=93=E5=85=A5/?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/token-dashboard.ts |  5 ++++-
 src/renderer/styles/style.css              | 17 ++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/token-dashboard.ts b/src/renderer/components/token-dashboard.ts
index ad14853..3eeab32 100644
--- a/src/renderer/components/token-dashboard.ts
+++ b/src/renderer/components/token-dashboard.ts
@@ -148,7 +148,10 @@ function renderDashboard(): void {
       const tooltip = `第${r.round}轮 · 输入 ${formatTokenCount(r.prompt_eval_count)} + 输出 ${formatTokenCount(r.eval_count)} = ${formatTokenCount(total)} tokens · ${formatDuration(r.total_duration)}`;
       return `
         <div class="td-bar-col" title="${tooltip}">
-          <div class="td-bar-value">${formatTokenCount(total)}</div>
+          <div class="td-bar-values">
+            <span class="td-val-output">${formatTokenCount(r.eval_count)}</span>
+            <span class="td-val-input">${formatTokenCount(r.prompt_eval_count)}</span>
+          </div>
           <div class="td-bar" style="height:${heightPct}%;">
             <div class="td-bar-fill">
               <div class="td-bar-input" style="height:${inputPct}%;"></div>
diff --git a/src/renderer/styles/style.css b/src/renderer/styles/style.css
index ca81401..674f56a 100644
--- a/src/renderer/styles/style.css
+++ b/src/renderer/styles/style.css
@@ -3595,14 +3595,25 @@ html, body {
     cursor: default;
 }
 
-.td-bar-value {
+.td-bar-values {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1px;
+    margin-bottom: 2px;
     font-size: 9px;
     font-family: var(--font-mono);
-    color: var(--text-secondary);
-    margin-bottom: 2px;
     white-space: nowrap;
 }
 
+.td-val-output {
+    color: #E8734A;
+}
+
+.td-val-input {
+    color: #9B7ED8;
+}
+
 .td-bar {
     width: 100%;
     border-radius: 4px 4px 0 0;