feat: Token-Nutzung nach Quelle (Monitor/Globe) aufgeschluesselt

- Backend liefert usage_by_source im current-Endpoint - Monatliche Tabelle zeigt Quelle-Badge (Monitor/Globe) - Source-Split unter den Kosten-KPIs sichtbar Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-26 20:44:20 +01:00
Commit 48c1892fea
--- a/src/static/dashboard.html
+++ b/src/static/dashboard.html
@@ -7,7 +7,13 @@
  <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
  <link rel="apple-touch-icon" href="/static/favicon.svg">
  <link rel="stylesheet" href="/static/css/style.css">
-</head>
+
+    <style>
+      .source-badge { display:inline-block; padding:2px 8px; border-radius:4px; font-size:12px; font-weight:600; }
+      .badge-monitor { background:#e3f2fd; color:#1565c0; }
+      .badge-globe { background:#e8f5e9; color:#2e7d32; }
+    </style>
+  </head>
 <body>
  <!-- Header -->
  <header class="app-header">
@@ -188,6 +194,7 @@
                <div class="token-stat-value" id="tokenCostUsd">-</div>
              </div>
            </div>
+            <div id="tokenSourceSplit" style="margin-top:12px;font-size:14px;"></div>
            <div class="token-budget-bar-section">
              <div class="token-budget-label">
                <span>Budget-Auslastung</span>
@@ -202,6 +209,7 @@
              <thead>
                <tr>
                  <th>Monat</th>
+                  <th>Quelle</th>
                  <th>Refreshes</th>
                  <th>API-Calls</th>
                  <th>Input-Tokens</th>