Update src/proxy_app/static/dashboard.html

src/proxy_app/static/dashboard.html

@@ -373,7 +373,8 @@
             btn.innerHTML = '⏳ Loading...';
 
             try {
-                const response = await fetch('/v1/quota-stats?provider=antigravity', {
+                // Fetch stats for ALL providers (removed ?provider=antigravity)
+                const response = await fetch('/v1/quota-stats', {
                     headers: {
                         'Authorization': `Bearer ${API_KEY}`
                     }
@@ -400,19 +401,34 @@
         }
 
         function renderDashboard(data) {
-            const provider = data.providers?.antigravity;
-            if (!provider) {
-                document.getElementById('content').innerHTML = '<div class="loading">No Antigravity data available</div>';
+            const providers = data.providers || {};
+
+            if (Object.keys(providers).length === 0) {
+                document.getElementById('content').innerHTML = '<div class="loading">No provider data available</div>';
                 return;
             }
 
-            const summary = data.summary || {};
+            let html = '';
+            // Render each provider in its own section
+            for (const [name, stats] of Object.entries(providers)) {
+                html += renderProviderSection(name, stats);
+            }
+            document.getElementById('content').innerHTML = html;
+        }
+
+        function renderProviderSection(providerName, provider) {
             const tokens = provider.tokens || {};
             const totalTokens = (tokens.input_uncached || 0) + (tokens.input_cached || 0) + (tokens.output || 0);
 
+            // Format provider name nicely (e.g., "gemini_cli" -> "Gemini CLI")
+            const displayName = providerName.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+
             let html = `
+                <h2 style="margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid var(--border-color); padding-bottom: 10px;">
+                    🤖 ${displayName}
+                </h2>
                 <div class="summary-card">
-                    <div class="summary-title">📊 TOTAL USAGE</div>
+                    <div class="summary-title">📊 TOTAL USAGE - ${displayName.toUpperCase()}</div>
                     <div class="summary-grid">
                         <div class="stat-box">
                             <div class="stat-value">${provider.total_requests || 0}</div>
@@ -460,9 +476,14 @@
             ];
 
             const credentials = provider.credentials || [];
+            if (credentials.length === 0) {
+                html += '<div style="color: var(--text-secondary); padding: 20px; text-align: center;">No credentials configured</div>';
+            }
+
             credentials.forEach((cred, index) => {
                 const credTokens = cred.tokens || {};
                 const credTotalTokens = (credTokens.input_uncached || 0) + (credTokens.input_cached || 0) + (credTokens.output || 0);
+                // Use built-in masked email if available, else fallback
                 const maskedEmail = maskedEmails[index] || `Account #${index + 1}`;
 
                 html += `
@@ -507,13 +528,12 @@
                 });
 
                 modelEntries.forEach(([modelName, modelStats]) => {
-                    const shortName = modelName.replace('antigravity/', '');
+                    // Remove provider prefix for cleaner display
+                    const shortName = modelName.replace(`${providerName}/`, '');
                     const used = modelStats.request_count || 0;
                     const max = modelStats.quota_max_requests || 0;
                     const pct = max > 0 ? (used / max) * 100 : 0;
                     const resetTime = modelStats.quota_reset_ts;
-                    const promptTokens = modelStats.prompt_tokens || 0;
-                    const completionTokens = modelStats.completion_tokens || 0;
 
                     html += `
                         <div class="model-row">
@@ -540,7 +560,7 @@
             });
 
             html += '</div>';
-            document.getElementById('content').innerHTML = html;
+            return html;
         }
 
         function startCountdown() {