agentlytics 0.1.14 → 0.1.16

package/editors/windsurf.js

@@ -1,18 +1,88 @@
+const { execSync } = require('child_process');
 const path = require('path');
-const fs = require('fs');
 const os = require('os');
-const { execSync } = require('child_process');
-const http = require('http');
-
-const HOME = os.homedir();
+const fs = require('fs');
 
-// Windsurf-family variants: Windsurf, Windsurf Next, Antigravity
+// Windsurf variants: Windsurf, Windsurf Next
 const VARIANTS = [
-  { id: 'windsurf', matchKey: 'ide', matchVal: 'windsurf', https: false },
-  { id: 'windsurf-next', matchKey: 'ide', matchVal: 'windsurf-next', https: false },
-  { id: 'antigravity', matchKey: 'appDataDir', matchVal: 'antigravity', https: true },
+  { id: 'windsurf', matchKey: 'ide', matchVal: 'windsurf', https: false, appName: 'Windsurf', needsMetadata: true },
+  { id: 'windsurf-next', matchKey: 'ide', matchVal: 'windsurf-next', https: false, appName: 'Windsurf - Next', needsMetadata: true },
 ];
 
+// ============================================================
+// Cross-platform process utilities
+// ============================================================
+
+const IS_WINDOWS = process.platform === 'win32';
+
+function getProcessList() {
+  try {
+    if (IS_WINDOWS) {
+      // wmic provides CSV-formatted process data
+      const output = execSync('wmic process get CommandLine,ProcessId /format:csv', {
+        encoding: 'utf-8',
+        maxBuffer: 10 * 1024 * 1024,
+      });
+      // Parse CSV: skip header, split by comma
+      const lines = output.split('\n').slice(1);
+      return lines.map(line => {
+        const parts = line.split(',');
+        if (parts.length < 2) return null;
+        const commandLine = parts.slice(0, -1).join(',').trim().replace(/^"|"$/g, '');
+        const pid = parts[parts.length - 1].trim();
+        return { commandLine, pid };
+      }).filter(Boolean);
+    } else {
+      // ps aux on Unix-like systems
+      const output = execSync('ps aux', { encoding: 'utf-8', maxBuffer: 10 * 1024 * 1024 });
+      return output.split('\n').slice(1).map(line => {
+        const parts = line.trim().split(/\s+/);
+        if (parts.length < 11) return null;
+        const pid = parts[1];
+        const commandLine = parts.slice(10).join(' ');
+        return { commandLine, pid };
+      }).filter(Boolean);
+    }
+  } catch { return []; }
+}
+
+function getListeningPorts(pid) {
+  try {
+    if (IS_WINDOWS) {
+      // netstat -ano shows PID in the last column
+      const output = execSync(`netstat -ano | findstr ${pid}`, {
+        encoding: 'utf-8',
+        maxBuffer: 10 * 1024 * 1024,
+      });
+      const ports = [];
+      for (const line of output.split('\n')) {
+        // Match: 127.0.0.1:PORT ... LISTENING PID
+        // Check if line ends with the PID we're looking for
+        if (!line.trim().endsWith(pid)) continue;
+        const match = line.match(/127\.0\.0\.1:(\d+).*LISTENING/);
+        if (match) {
+          ports.push(parseInt(match[1]));
+        }
+      }
+      return ports;
+    } else {
+      // lsof on Unix-like systems
+      const output = execSync(`lsof -i TCP -P -n -a -p ${pid} 2>/dev/null`, {
+        encoding: 'utf-8',
+        maxBuffer: 10 * 1024 * 1024,
+      });
+      const ports = [];
+      for (const line of output.split('\n')) {
+        const match = line.match(/TCP\s+127\.0\.0\.1:(\d+)\s+\(LISTEN\)/);
+        if (match) {
+          ports.push(parseInt(match[1]));
+        }
+      }
+      return ports;
+    }
+  } catch { return []; }
+}
+
 // ============================================================
 // Find running Windsurf language server (port + CSRF token)
 // ============================================================
@@ -22,43 +92,69 @@ let _lsCache = null;
 function findLanguageServers() {
   if (_lsCache) return _lsCache;
   _lsCache = [];
-  try {
-    const ps = execSync('ps aux', { encoding: 'utf-8', maxBuffer: 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] });
-    // Also grab env vars for processes that use WINDSURF_CSRF_TOKEN instead of --csrf_token
-    const psEnv = execSync('ps eww -A', { encoding: 'utf-8', maxBuffer: 2 * 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] }).split('\n');
-    const envCsrfByPid = {};
-    for (const envLine of psEnv) {
-      const envCsrf = envLine.match(/WINDSURF_CSRF_TOKEN=(\S+)/);
-      if (envCsrf) {
-        const envPid = envLine.match(/^\s*(\d+)/);
-        if (envPid) envCsrfByPid[envPid[1]] = envCsrf[1];
+
+  // Language server executable name varies by platform
+  const serverProcessName = IS_WINDOWS
+    ? 'language_server_windows'
+    : process.platform === 'darwin'
+      ? 'language_server_macos'
+      : 'language_server_linux';
+
+  // On macOS/Linux, also check env vars for WINDSURF_CSRF_TOKEN (newer Windsurf Next passes CSRF via env, not CLI arg)
+  const envCsrfByPid = {};
+  if (!IS_WINDOWS) {
+    try {
+      const psEnv = execSync('ps eww -A', { encoding: 'utf-8', maxBuffer: 2 * 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] });
+      for (const envLine of psEnv.split('\n')) {
+        const envCsrf = envLine.match(/WINDSURF_CSRF_TOKEN=(\S+)/);
+        if (envCsrf) {
+          const envPid = envLine.match(/^\s*(\d+)/);
+          if (envPid) envCsrfByPid[envPid[1]] = envCsrf[1];
+        }
       }
+    } catch {}
+  }
+
+  for (const proc of getProcessList()) {
+    const { commandLine, pid } = proc;
+    if (!commandLine.includes(serverProcessName)) continue;
+
+    const csrfMatch = commandLine.match(/--csrf_token\s+(\S+)/);
+    const ideMatch = commandLine.match(/--ide_name\s+(\S+)/);
+    const appDirMatch = commandLine.match(/--app_data_dir\s+(\S+)/);
+
+    // Try CLI arg first, then env var fallback
+    const csrf = csrfMatch ? csrfMatch[1] : envCsrfByPid[pid] || null;
+    if (!csrf) continue;
+
+    const ide = ideMatch ? ideMatch[1] : null;
+    const appDataDir = appDirMatch ? appDirMatch[1] : null;
+
+    const extCsrfMatch = commandLine.match(/--extension_server_csrf_token\s+(\S+)/);
+
+    // Check for explicit server port (Antigravity uses --server_port)
+    const serverPortMatch = commandLine.match(/--server_port\s+(\d+)/);
+
+    // Find actual listening ports for this process
+    const ports = getListeningPorts(pid);
+    if (ports.length === 0) continue;
+
+    // Use explicit server_port if available, otherwise use lowest port
+    let port;
+    if (serverPortMatch) {
+      port = parseInt(serverPortMatch[1], 10);
+      if (!ports.includes(port)) {
+        port = Math.min(...ports);
+      }
+    } else {
+      port = Math.min(...ports);
     }
 
-    for (const line of ps.split('\n')) {
-      if (!line.includes('language_server_macos')) continue;
-      const csrfMatch = line.match(/--csrf_token\s+(\S+)/);
-      const ideMatch = line.match(/--ide_name\s+(\S+)/);
-      const appDirMatch = line.match(/--app_data_dir\s+(\S+)/);
-      const pidMatch = line.match(/^\S+\s+(\d+)/);
-      if (!pidMatch) continue;
-      const pid = pidMatch[1];
-      const csrf = csrfMatch ? csrfMatch[1] : envCsrfByPid[pid] || null;
-      if (!csrf) continue;
-      const ide = ideMatch ? ideMatch[1] : 'windsurf';
-      const appDataDir = appDirMatch ? appDirMatch[1] : null;
-      // Find port by checking listening sockets for this process
-      try {
-        const lsof = execSync(`lsof -i TCP -P -n -a -p ${pid} 2>/dev/null`, { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] });
-        for (const l of lsof.split('\n')) {
-          const portMatch = l.match(/TCP\s+127\.0\.0\.1:(\d+)\s+\(LISTEN\)/);
-          if (portMatch) {
-            _lsCache.push({ ide, appDataDir, port: parseInt(portMatch[1]), csrf, pid });
-          }
-        }
-      } catch { /* skip */ }
+    if (ide) {
+      _lsCache.push({ ide, appDataDir, port, csrf, pid, extCsrf: extCsrfMatch ? extCsrfMatch[1] : null, isHttps: false });
     }
-  } catch { /* ps failed */ }
+  }
+
   return _lsCache;
 }
 
@@ -66,10 +162,9 @@ function getLsForVariant(variant) {
   const servers = findLanguageServers();
   let matches;
   if (variant.matchKey === 'appDataDir') {
-    matches = servers.filter(s => s.appDataDir === variant.matchVal);
+    matches = servers.filter(s => s.appDataDir?.includes(variant.matchVal));
   } else {
-    // Exclude servers that have appDataDir set (they belong to a different variant)
-    matches = servers.filter(s => s.ide === variant.matchVal && !s.appDataDir);
+    matches = servers.filter(s => s.ide === variant.matchVal);
   }
   return matches.length > 0 ? matches[0] : null;
 }
@@ -78,16 +173,17 @@ function getLsForVariant(variant) {
 // Connect protocol HTTP client for language server RPC
 // ============================================================
 
-function callRpc(port, csrf, method, body, useHttps) {
+function callRpc(port, csrf, method, body, extCsrf = null) {
   const data = JSON.stringify(body || {});
-  const scheme = useHttps ? 'https' : 'http';
-  const url = `${scheme}://127.0.0.1:${port}/exa.language_server_pb.LanguageServerService/${method}`;
-  const insecure = useHttps ? '-k ' : '';
+  const url = `http://127.0.0.1:${port}/exa.language_server_pb.LanguageServerService/${method}`;
+
+  const actualCsrf = extCsrf || csrf;
+
   try {
     const result = execSync(
-      `curl -s ${insecure}-X POST ${JSON.stringify(url)} ` +
+      `curl -s -X POST ${JSON.stringify(url)} ` +
       `-H "Content-Type: application/json" ` +
-      `-H "x-codeium-csrf-token: ${csrf}" ` +
+      `-H "x-codeium-csrf-token: ${actualCsrf}" ` +
       `-d ${JSON.stringify(data)} ` +
       `--max-time 10`,
       { encoding: 'utf-8', maxBuffer: 50 * 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] }
@@ -101,7 +197,7 @@ function callRpc(port, csrf, method, body, useHttps) {
 // ============================================================
 
 const name = 'windsurf';
-const sources = ['windsurf', 'windsurf-next', 'antigravity'];
+const sources = ['windsurf', 'windsurf-next'];
 
 function getChats() {
   const chats = [];
@@ -110,12 +206,13 @@ function getChats() {
     const ls = getLsForVariant(variant);
     if (!ls) continue;
 
-    const resp = callRpc(ls.port, ls.csrf, 'GetAllCascadeTrajectories', {}, variant.https);
+    const resp = callRpc(ls.port, ls.csrf, 'GetAllCascadeTrajectories', {}, ls.extCsrf);
     if (!resp || !resp.trajectorySummaries) continue;
 
     for (const [cascadeId, summary] of Object.entries(resp.trajectorySummaries)) {
       const ws = (summary.workspaces || [])[0];
       const folder = ws?.workspaceFolderAbsoluteUri?.replace('file://', '') || null;
+      const rawModel = summary.lastGeneratorModelUid;
       chats.push({
         source: variant.id,
         composerId: cascadeId,
@@ -128,9 +225,10 @@ function getChats() {
         bubbleCount: summary.stepCount || 0,
         _port: ls.port,
         _csrf: ls.csrf,
-        _https: variant.https,
+        _extCsrf: ls.extCsrf,
         _stepCount: summary.stepCount,
-        _model: summary.lastGeneratorModelUid,
+        _model: rawModel,
+        _rawModel: rawModel,
       });
     }
   }
@@ -144,13 +242,13 @@ function getSteps(chat) {
   // Prefer GetCascadeTrajectorySteps (returns more steps than GetCascadeTrajectory)
   const resp = callRpc(chat._port, chat._csrf, 'GetCascadeTrajectorySteps', {
     cascadeId: chat.composerId,
-  }, chat._https);
+  }, chat._extCsrf);
   if (resp && resp.steps && resp.steps.length > 0) return resp.steps;
 
   // Fallback to old method
   const resp2 = callRpc(chat._port, chat._csrf, 'GetCascadeTrajectory', {
     cascadeId: chat.composerId,
-  }, chat._https);
+  }, chat._extCsrf);
   if (resp2 && resp2.trajectory && resp2.trajectory.steps) return resp2.trajectory.steps;
 
   return [];
@@ -164,7 +262,7 @@ function getSteps(chat) {
 function getTailMessages(chat, stepMessages) {
   const resp = callRpc(chat._port, chat._csrf, 'GetCascadeTrajectory', {
     cascadeId: chat.composerId,
-  }, chat._https);
+  }, chat._extCsrf);
   if (!resp || !resp.trajectory) return [];
 
   const gm = resp.trajectory.generatorMetadata || [];
@@ -256,10 +354,11 @@ function parseStep(step) {
       }
     }
     if (parts.length > 0) {
+      const model = meta.generatorModelUid;
       return {
         role: 'assistant',
         content: parts.join('\n'),
-        _model: meta.generatorModelUid,
+        _model: model,
         _toolCalls,
       };
     }
@@ -345,8 +444,137 @@ function getMessages(chat) {
   return messages;
 }
 
+// ============================================================
+// Usage / quota data from language server RPC
+// ============================================================
+
+function getWindsurfApiKey(appName) {
+  if (!appName) return null;
+  try {
+    const HOME = os.homedir();
+    let dbPath;
+    switch (process.platform) {
+      case 'darwin':
+        dbPath = path.join(HOME, 'Library', 'Application Support', appName, 'User', 'globalStorage', 'state.vscdb');
+        break;
+      case 'win32':
+        dbPath = path.join(HOME, 'AppData', 'Roaming', appName, 'User', 'globalStorage', 'state.vscdb');
+        break;
+      default:
+        dbPath = path.join(HOME, '.config', appName, 'User', 'globalStorage', 'state.vscdb');
+    }
+    if (!fs.existsSync(dbPath)) return null;
+    const Database = require('better-sqlite3');
+    const db = new Database(dbPath, { readonly: true });
+    const row = db.prepare("SELECT value FROM ItemTable WHERE key = 'windsurfAuthStatus'").get();
+    db.close();
+    if (!row) return null;
+    const parsed = JSON.parse(row.value);
+    return parsed.apiKey || null;
+  } catch { return null; }
+}
+
+function getUsage() {
+  const results = [];
+
+  for (const variant of VARIANTS) {
+    const ls = getLsForVariant(variant);
+    if (!ls) continue;
+
+    const apiKey = getWindsurfApiKey(variant.appName);
+    if (!apiKey) continue;
+    const body = {
+      metadata: {
+        api_key: apiKey,
+        ide_name: variant.id,
+        ide_version: '1.0.0',
+        extension_version: '1.0.0',
+        locale: 'en',
+      },
+    };
+
+    const resp = callRpc(ls.port, ls.csrf, 'GetUserStatus', body, ls.extCsrf);
+    if (!resp || !resp.userStatus) continue;
+
+    const us = resp.userStatus;
+    const ps = us.planStatus || {};
+    const pi = ps.planInfo || {};
+    const modelConfigs = (us.cascadeModelConfigData || {}).clientModelConfigs || [];
+
+    const models = modelConfigs.map((m) => {
+      const qi = m.quotaInfo || {};
+      return {
+        label: m.label || null,
+        model: m.modelOrAlias?.model || null,
+        remainingFraction: qi.remainingFraction != null ? qi.remainingFraction : null,
+        resetTime: qi.resetTime || null,
+        supportsImages: m.supportsImages || false,
+      };
+    });
+
+    // Raw values are in internal units (÷100 for display credits)
+    const promptAlloc = (ps.availablePromptCredits || 0) / 100;
+    const promptUsed = (ps.usedPromptCredits || 0) / 100;
+    const flexAlloc = (ps.availableFlexCredits || 0) / 100;
+    const flexUsed = (ps.usedFlexCredits || 0) / 100;
+    const flowAlloc = (ps.availableFlowCredits || 0) / 100;
+    const monthlyDisplay = (pi.monthlyPromptCredits || 0) / 100;
+
+    const remainingPrompt = Math.max(0, promptAlloc - promptUsed);
+    const remainingFlex = Math.max(0, flexAlloc - flexUsed);
+    const totalRemaining = remainingPrompt + remainingFlex;
+
+    // Credit multipliers per model
+    const creditMultipliers = (pi.creditMultiplierOverrides || []).reduce((acc, entry) => {
+      const model = entry.modelOrAlias?.model;
+      if (model && entry.creditMultiplier != null) acc[model] = entry.creditMultiplier;
+      return acc;
+    }, {});
+
+    results.push({
+      source: variant.id,
+      plan: {
+        name: pi.planName || null,
+        tier: pi.teamsTier || null,
+        monthlyPromptCredits: monthlyDisplay,
+        monthlyFlowCredits: (pi.monthlyFlowCredits || 0) / 100,
+        canBuyMoreCredits: pi.canBuyMoreCredits || false,
+      },
+      usage: {
+        promptCredits: { allocated: promptAlloc, used: promptUsed, remaining: remainingPrompt },
+        flexCredits: { allocated: flexAlloc, used: flexUsed, remaining: remainingFlex },
+        flowCredits: { allocated: flowAlloc },
+        totalRemainingCredits: totalRemaining,
+      },
+      billingCycle: {
+        start: ps.planStart || null,
+        end: ps.planEnd || null,
+      },
+      topUp: ps.topUpStatus ? {
+        monthlyAmount: ps.topUpStatus.monthlyTopUpAmount || null,
+        increment: ps.topUpStatus.topUpIncrement || null,
+      } : null,
+      features: {
+        webSearch: pi.cascadeWebSearchEnabled || false,
+        browser: pi.browserEnabled || false,
+        knowledgeBase: pi.knowledgeBaseEnabled || false,
+        autoRunCommands: pi.cascadeCanAutoRunCommands || false,
+        commitMessages: pi.canGenerateCommitMessages || false,
+      },
+      models,
+      creditMultipliers,
+      user: {
+        name: us.name || null,
+        email: us.email || null,
+      },
+    });
+  }
+
+  return results.length > 0 ? results : null;
+}
+
 function resetCache() { _lsCache = null; }
 
-const labels = { 'windsurf': 'Windsurf', 'windsurf-next': 'Windsurf Next', 'antigravity': 'Antigravity' };
+const labels = { 'windsurf': 'Windsurf', 'windsurf-next': 'Windsurf Next' };
 
-module.exports = { name, sources, labels, getChats, getMessages, resetCache };
+module.exports = { name, sources, labels, getChats, getMessages, resetCache, getUsage };

package/editors/zed.js

@@ -2,9 +2,26 @@ const path = require('path');
 const fs = require('fs');
 const os = require('os');
 const { execSync } = require('child_process');
-const { getAppDataPath } = require('./base');
 
-const THREADS_DB = path.join(getAppDataPath('Zed'), 'threads', 'threads.db');
+const Database = require('better-sqlite3');
+
+// Zed stores data in different locations depending on the platform
+// - Windows: %LOCALAPPDATA%\Zed (not Roaming)
+// - macOS: ~/Library/Application Support/Zed
+// - Linux: ~/.config/Zed
+function getZedDataPath() {
+  const home = os.homedir();
+  switch (process.platform) {
+    case 'win32':
+      return path.join(home, 'AppData', 'Local', 'Zed');
+    case 'darwin':
+      return path.join(home, 'Library', 'Application Support', 'Zed');
+    default: // linux, etc.
+      return path.join(home, '.config', 'Zed');
+  }
+}
+
+const THREADS_DB = path.join(getZedDataPath(), 'threads', 'threads.db');
 
 // ============================================================
 // Decompress zstd blob via CLI
@@ -25,30 +42,32 @@ function decompressZstd(buf) {
 }
 
 // ============================================================
-// Query SQLite via CLI (avoids native module dependency)
+// Query SQLite using better-sqlite3 (cross-platform)
 // ============================================================
 
 function queryDb(sql) {
   if (!fs.existsSync(THREADS_DB)) return [];
   try {
-    const raw = execSync(
-      `sqlite3 -json ${JSON.stringify(THREADS_DB)} ${JSON.stringify(sql)}`,
-      { encoding: 'utf-8', maxBuffer: 10 * 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] }
-    );
-    return JSON.parse(raw);
-  } catch { return []; }
+    const db = new Database(THREADS_DB, { readonly: true });
+    const rows = db.prepare(sql).all();
+    db.close();
+    return rows;
+  } catch (e) {
+    // Silently fail if database is locked or inaccessible
+    return [];
+  }
 }
 
-function queryBlobHex(id) {
+function queryBlob(id) {
   if (!fs.existsSync(THREADS_DB)) return null;
   try {
-    const hex = execSync(
-      `sqlite3 ${JSON.stringify(THREADS_DB)} "SELECT hex(data) FROM threads WHERE id = '${id}'"`,
-      { encoding: 'utf-8', maxBuffer: 50 * 1024 * 1024, stdio: ['pipe', 'pipe', 'pipe'] }
-    ).trim();
-    if (!hex) return null;
-    return Buffer.from(hex, 'hex');
-  } catch { return null; }
+    const db = new Database(THREADS_DB, { readonly: true });
+    const row = db.prepare('SELECT data FROM threads WHERE id = ?').get(id);
+    db.close();
+    return row ? row.data : null;
+  } catch {
+    return null;
+  }
 }
 
 // ============================================================
@@ -71,13 +90,14 @@ function getChats() {
     mode: 'thread',
     folder: null,
     encrypted: false,
+    bubbleCount: 0,
     _dataType: row.data_type,
     _gitBranch: row.worktree_branch,
   }));
 }
 
 function getMessages(chat) {
-  const blob = queryBlobHex(chat.composerId);
+  const blob = queryBlob(chat.composerId);
   if (!blob) return [];
 
   let json;
@@ -88,7 +108,10 @@ function getMessages(chat) {
     } else {
       json = blob.toString('utf-8');
     }
-  } catch { return []; }
+  } catch (e) {
+    // Decompression failed - zstd CLI not available
+    return [];
+  }
 
   let data;
   try { data = JSON.parse(json); } catch { return []; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentlytics",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Comprehensive analytics dashboard for AI coding agents — Cursor, Windsurf, Claude Code, VS Code Copilot, Zed, Antigravity, OpenCode, Command Code",
   "main": "index.js",
   "bin": {

package/server.js

@@ -287,6 +287,16 @@ app.get('/api/share-image', (req, res) => {
   }
 });
 
+app.get('/api/usage', async (req, res) => {
+  try {
+    const { getAllUsage } = require('./editors');
+    const usage = await getAllUsage();
+    res.json(usage);
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
 app.get('/api/refetch', async (req, res) => {
   res.writeHead(200, {
     'Content-Type': 'text/event-stream',

package/ui/src/App.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from 'react'
 import { Routes, Route, NavLink } from 'react-router-dom'
-import { Activity, BarChart3, GitCompare, MessageSquare, FolderOpen, DollarSign, Sun, Moon, RefreshCw, AlertTriangle, Github, Terminal, Database, Users, Plug, Copy, Check, Settings as SettingsIcon } from 'lucide-react'
+import { Activity, BarChart3, GitCompare, MessageSquare, FolderOpen, DollarSign, CreditCard, Sun, Moon, RefreshCw, AlertTriangle, Github, Terminal, Database, Users, Plug, Copy, Check, Settings as SettingsIcon } from 'lucide-react'
 import { fetchOverview, refetchAgents, fetchMode, fetchRelayConfig, getAuthToken, setOnAuthFailure } from './lib/api'
 import { useTheme } from './lib/theme'
 import AnimatedLogo from './components/AnimatedLogo'
@@ -14,6 +14,7 @@ import ProjectDetail from './pages/ProjectDetail'
 import CostAnalysis from './pages/CostAnalysis'
 import SqlViewer from './pages/SqlViewer'
 import Settings from './pages/Settings'
+import Subscriptions from './pages/Subscriptions'
 import RelayDashboard from './pages/RelayDashboard'
 import RelayUserDetail from './pages/RelayUserDetail'
 
@@ -90,6 +91,7 @@ export default function App() {
     { to: '/costs', icon: DollarSign, label: 'Costs' },
     { to: '/analysis', icon: BarChart3, label: 'Analysis' },
     { to: '/compare', icon: GitCompare, label: 'Compare' },
+    { to: '/subscriptions', icon: CreditCard, label: 'Subscriptions' },
     { to: '/sql', icon: Database, label: 'SQL' },
   ]
 
@@ -213,6 +215,7 @@ export default function App() {
             <Route path="/costs" element={<CostAnalysis overview={overview} />} />
             <Route path="/analysis" element={<DeepAnalysis overview={overview} />} />
             <Route path="/compare" element={<Compare overview={overview} />} />
+            <Route path="/subscriptions" element={<Subscriptions />} />
             <Route path="/sql" element={<SqlViewer />} />
             <Route path="/settings" element={<Settings />} />
           </Routes>

package/ui/src/components/EditorIcon.jsx

@@ -12,6 +12,7 @@ const PATHS = {
   antigravity: 'M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z',
   command: 'M6,2A4,4 0 0,1 10,6V8H14V6A4,4 0 0,1 18,2A4,4 0 0,1 22,6A4,4 0 0,1 18,10H16V14H18A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18V16H10V18A4,4 0 0,1 6,22A4,4 0 0,1 2,18A4,4 0 0,1 6,14H8V10H6A4,4 0 0,1 2,6A4,4 0 0,1 6,2M16,18A2,2 0 0,0 18,20A2,2 0 0,0 20,18A2,2 0 0,0 18,16H16V18M14,10H10V14H14V10M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18V16H6M8,6A2,2 0 0,0 6,4A2,2 0 0,0 4,6A2,2 0 0,0 6,8H8V6M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6V8H18Z',
   goose: 'M22.112 23.596C23.018 23.399 23.979 22.864 23.979 22.864L22.297 21.479C21.466 20.795 20.759 19.973 20.206 19.05C19.441 17.774 18.385 16.697 17.125 15.908L16.509 15.55C16.298 15.403 16.151 15.175 16.13 14.917C16.117 14.751 16.157 14.602 16.25 14.471C16.57 14.019 18.227 12.053 18.531 11.802C18.922 11.479 19.357 11.21 19.762 10.902L19.934 10.77C19.936 10.768 19.938 10.767 19.94 10.765C20.07 10.663 20.192 10.554 20.29 10.425C20.641 10.018 20.726 9.658 20.747 9.499C20.7 9.346 20.558 9.003 20.163 8.608C20.411 8.623 20.71 8.819 20.982 9.05C21.165 8.758 21.356 8.45 21.547 8.141C21.674 7.934 21.485 7.78 21.48 7.775L21.479 7.775C21.479 7.775 21.479 7.774 21.479 7.774C21.474 7.769 21.319 7.579 21.114 7.707C20.673 7.979 20.234 8.252 19.842 8.5C19.842 8.5 19.379 8.49 18.829 8.964C18.7 9.062 18.591 9.184 18.489 9.314L18.484 9.32C18.439 9.377 18.396 9.434 18.352 9.492C18.044 9.897 17.775 10.332 17.452 10.723C17.201 11.027 15.235 12.684 14.783 13.004C14.652 13.097 14.504 13.137 14.337 13.124C14.08 13.103 13.851 12.956 13.704 12.745L13.346 12.129C12.557 10.868 11.48 9.813 10.204 9.048C9.281 8.495 8.459 7.787 7.775 6.957L6.39 5.275C6.39 5.275 5.854 6.236 5.658 7.141C5.931 7.474 6.644 8.298 7.473 8.928C6.581 8.509 5.922 8.184 5.402 7.913C5.322 8.506 5.353 9.403 5.436 10.098C5.999 10.344 6.957 10.724 7.933 10.926C7.152 11.108 6.296 11.141 5.635 11.128C5.751 11.558 5.914 11.997 6.132 12.438C6.224 12.642 6.326 12.842 6.435 13.037C6.785 13.133 8.159 13.333 8.89 13.169C8.163 13.428 6.942 13.865 6.942 13.865C7.88 15.031 8.916 15.98 8.916 15.98C10.492 15.133 10.852 15.017 12.034 14.244C10.119 15.802 9.622 16.438 9.085 17.091L8.71 17.617C8.516 17.89 8.347 18.18 8.206 18.484C7.734 19.5 7.065 21.666 7.065 21.666C6.946 22.043 7.222 22.32 7.589 22.189C7.589 22.189 9.754 21.521 10.77 21.048C11.074 20.907 11.364 20.738 11.637 20.544L12.163 20.169C12.339 20.024 12.514 19.882 12.707 19.714C12.707 19.714 14.03 21.282 15.39 22.313C15.39 22.313 15.826 21.092 16.086 20.364C15.921 21.096 16.121 22.469 16.218 22.819C16.412 22.929 16.612 23.03 16.816 23.123C17.258 23.341 17.696 23.503 18.126 23.619C18.113 22.958 18.146 22.102 18.329 21.321C18.531 22.297 18.91 23.256 19.157 23.819C19.851 23.902 20.748 23.933 21.341 23.853C21.07 23.333 20.746 22.673 20.326 21.781C20.956 22.611 21.781 23.324 22.113 23.597L22.112 23.596Z',
+  kiro: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1.5 14.5v-9l7 4.5-7 4.5',
   // Terminal icon for generic editors
   terminal: 'M4 17.27V19h16v-1.73ZM4 5v1.73l7.07 4.55L4 15.82v1.73l10-6.46Z',
 }
@@ -34,6 +35,7 @@ const EDITOR_ICONS = {
   'codex': 'terminal',
   'commandcode': 'command',
   'goose': 'goose',
+  'kiro': 'kiro',
 }
 
 export default function EditorIcon({ source, size = 16, className = '' }) {

package/ui/src/lib/api.js

@@ -203,6 +203,11 @@ export async function fetchToolCalls(name, opts = {}) {
   return res.json();
 }
 
+export async function fetchUsage() {
+  const res = await fetch(`${BASE}/api/usage`);
+  return res.json();
+}
+
 // ── Relay API ──
 
 export async function fetchMode() {

package/ui/src/lib/constants.js

@@ -15,6 +15,7 @@ export const EDITOR_COLORS = {
   'cursor-agent': '#f59e0b',
   'commandcode': '#e11d48',
   'goose': '#333333',
+  'kiro': '#ff9900',
 };
 
 export const EDITOR_LABELS = {
@@ -34,6 +35,7 @@ export const EDITOR_LABELS = {
   'cursor-agent': 'Cursor Agent',
   'commandcode': 'Command Code',
   'goose': 'Goose',
+  'kiro': 'Kiro',
 };
 
 export function editorColor(src) {