agentlytics 0.1.15 → 0.1.16

package/editors/copilot.js

@@ -171,6 +171,73 @@ function safeParse(str) {
   try { return JSON.parse(str); } catch { return {}; }
 }
 
+// ============================================================
+// Usage / quota data from GitHub Copilot internal API
+// ============================================================
+
+function getCopilotToken() {
+  // GitHub Copilot stores its OAuth token in ~/.config/github-copilot/apps.json
+  const appsPath = path.join(os.homedir(), '.config', 'github-copilot', 'apps.json');
+  try {
+    if (!fs.existsSync(appsPath)) return null;
+    const data = JSON.parse(fs.readFileSync(appsPath, 'utf-8'));
+    for (const entry of Object.values(data)) {
+      if (entry.oauth_token) return { token: entry.oauth_token, user: entry.user || null };
+    }
+  } catch {}
+  return null;
+}
+
+function fetchCopilotStatus(token) {
+  return new Promise((resolve) => {
+    const https = require('https');
+    const req = https.get('https://api.github.com/copilot_internal/v2/token', {
+      headers: {
+        'Authorization': `token ${token}`,
+        'Accept': 'application/json',
+        'User-Agent': 'agentlytics/1.0',
+      },
+      timeout: 10000,
+    }, (res) => {
+      let data = '';
+      res.on('data', (chunk) => { data += chunk; });
+      res.on('end', () => {
+        try { resolve(JSON.parse(data)); } catch { resolve(null); }
+      });
+    });
+    req.on('error', () => resolve(null));
+    req.on('timeout', () => { req.destroy(); resolve(null); });
+  });
+}
+
+async function getUsage() {
+  const creds = getCopilotToken();
+  if (!creds) return null;
+
+  const status = await fetchCopilotStatus(creds.token);
+  if (!status || status.message) return null;
+
+  return {
+    source: 'copilot-cli',
+    plan: {
+      name: status.sku || null,
+      individual: status.individual || false,
+    },
+    features: {
+      chat: status.chat_enabled || false,
+      codeReview: status.code_review_enabled || false,
+      agentMode: status.agent_mode_auto_approval || false,
+    },
+    limits: {
+      quotas: status.limited_user_quotas || null,
+      resetDate: status.limited_user_reset_date || null,
+    },
+    user: {
+      login: creds.user || null,
+    },
+  };
+}
+
 const labels = { 'copilot-cli': 'Copilot CLI' };
 
-module.exports = { name, labels, getChats, getMessages };
+module.exports = { name, labels, getChats, getMessages, getUsage };

package/editors/cursor.js

@@ -341,6 +341,78 @@ function getMessages(chat) {
   return msgs;
 }
 
+// ============================================================
+// Usage / quota data from Cursor REST API
+// ============================================================
+
+function getCursorAccessToken() {
+  try {
+    const db = new Database(GLOBAL_STORAGE_DB, { readonly: true });
+    const row = db.prepare("SELECT value FROM ItemTable WHERE key = 'cursorAuth/accessToken'").get();
+    db.close();
+    return row ? row.value : null;
+  } catch { return null; }
+}
+
+function cursorApiFetch(endpoint, token) {
+  return new Promise((resolve) => {
+    const https = require('https');
+    const url = `https://api2.cursor.sh/auth/${endpoint}`;
+    const req = https.get(url, {
+      headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' },
+      timeout: 10000,
+    }, (res) => {
+      let data = '';
+      res.on('data', (chunk) => { data += chunk; });
+      res.on('end', () => {
+        try { resolve(JSON.parse(data)); } catch { resolve(null); }
+      });
+    });
+    req.on('error', () => resolve(null));
+    req.on('timeout', () => { req.destroy(); resolve(null); });
+  });
+}
+
+async function getUsage() {
+  const token = getCursorAccessToken();
+  if (!token) return null;
+
+  const [profile, usage] = await Promise.all([
+    cursorApiFetch('full_stripe_profile', token),
+    cursorApiFetch('usage', token),
+  ]);
+
+  if (!profile && !usage) return null;
+
+  const result = {
+    source: 'cursor',
+    plan: {
+      name: profile?.individualMembershipType || profile?.membershipType || null,
+      status: profile?.subscriptionStatus || null,
+      isTeamMember: profile?.isTeamMember || false,
+      isYearlyPlan: profile?.isYearlyPlan || false,
+    },
+    usage: {},
+    startOfMonth: usage?.startOfMonth || null,
+  };
+
+  // Parse per-model usage from the usage endpoint
+  if (usage) {
+    for (const [model, data] of Object.entries(usage)) {
+      if (model === 'startOfMonth') continue;
+      result.usage[model] = {
+        numRequests: data.numRequests || 0,
+        numRequestsTotal: data.numRequestsTotal || 0,
+        numTokens: data.numTokens || 0,
+        maxRequestUsage: data.maxRequestUsage || null,
+        maxTokenUsage: data.maxTokenUsage || null,
+      };
+    }
+  }
+
+  return result;
+}
+
 const labels = { 'cursor': 'Cursor' };
 
-module.exports = { name, labels, getChats, getMessages };
+module.exports = { name, labels, getChats, getMessages, getUsage };

package/editors/index.js

@@ -1,5 +1,6 @@
 const cursor = require('./cursor');
 const windsurf = require('./windsurf');
+const antigravity = require('./antigravity');
 const claude = require('./claude');
 const vscode = require('./vscode');
 const zed = require('./zed');
@@ -12,7 +13,7 @@ const commandcode = require('./commandcode');
 const goose = require('./goose');
 const kiro = require('./kiro');
 
-const editors = [cursor, windsurf, claude, vscode, zed, opencode, codex, gemini, copilot, cursorAgent, commandcode, goose, kiro];
+const editors = [cursor, windsurf, antigravity, claude, vscode, zed, opencode, codex, gemini, copilot, cursorAgent, commandcode, goose, kiro];
 
 // Build a unified source → display-label map from all editor modules
 const editorLabels = {};
@@ -60,4 +61,23 @@ function resetCaches() {
   }
 }
 
-module.exports = { getAllChats, getMessages, editors, editorLabels, resetCaches };
+/**
+ * Get usage / quota data from all editors that support it.
+ * Returns an array of usage objects, one per editor/variant.
+ */
+async function getAllUsage() {
+  const results = [];
+  for (const editor of editors) {
+    if (typeof editor.getUsage !== 'function') continue;
+    try {
+      const usage = await editor.getUsage();
+      if (!usage) continue;
+      // Windsurf returns an array (one per variant), Cursor returns a single object
+      if (Array.isArray(usage)) results.push(...usage);
+      else results.push(usage);
+    } catch { /* skip broken adapters */ }
+  }
+  return results;
+}
+
+module.exports = { getAllChats, getMessages, editors, editorLabels, resetCaches, getAllUsage };

package/editors/vscode.js

@@ -315,6 +315,75 @@ function getMessages(chat) {
   return messages;
 }
 
+// ============================================================
+// Usage / quota data from GitHub Copilot internal API
+// ============================================================
+
+function getCopilotToken() {
+  const appsPath = path.join(os.homedir(), '.config', 'github-copilot', 'apps.json');
+  try {
+    if (!fs.existsSync(appsPath)) return null;
+    const data = JSON.parse(fs.readFileSync(appsPath, 'utf-8'));
+    // Pick the first available oauth_token
+    for (const entry of Object.values(data)) {
+      if (entry.oauth_token) return { token: entry.oauth_token, user: entry.user || null };
+    }
+  } catch {}
+  return null;
+}
+
+function fetchCopilotStatus(token) {
+  return new Promise((resolve) => {
+    const https = require('https');
+    const req = https.get('https://api.github.com/copilot_internal/v2/token', {
+      headers: {
+        'Authorization': `token ${token}`,
+        'Accept': 'application/json',
+        'User-Agent': 'agentlytics/1.0',
+      },
+      timeout: 10000,
+    }, (res) => {
+      let data = '';
+      res.on('data', (chunk) => { data += chunk; });
+      res.on('end', () => {
+        try { resolve(JSON.parse(data)); } catch { resolve(null); }
+      });
+    });
+    req.on('error', () => resolve(null));
+    req.on('timeout', () => { req.destroy(); resolve(null); });
+  });
+}
+
+async function getUsage() {
+  const creds = getCopilotToken();
+  if (!creds) return null;
+
+  const status = await fetchCopilotStatus(creds.token);
+  if (!status || status.message) return null;
+
+  return {
+    source: 'vscode',
+    plan: {
+      name: status.sku || null,
+      individual: status.individual || false,
+    },
+    features: {
+      chat: status.chat_enabled || false,
+      codeReview: status.code_review_enabled || false,
+      agentMode: status.agent_mode_auto_approval || false,
+      xcode: status.xcode || false,
+      mcp: status.mcp || false,
+    },
+    limits: {
+      quotas: status.limited_user_quotas || null,
+      resetDate: status.limited_user_reset_date || null,
+    },
+    user: {
+      login: creds.user || null,
+    },
+  };
+}
+
 const labels = { 'vscode': 'VS Code', 'vscode-insiders': 'VS Code Insiders' };
 
-module.exports = { name, labels, getChats, getMessages };
+module.exports = { name, labels, getChats, getMessages, getUsage };

package/editors/windsurf.js

@@ -1,32 +1,14 @@
 const { execSync } = require('child_process');
+const path = require('path');
+const os = require('os');
+const fs = require('fs');
 
-// Windsurf-family variants: Windsurf, 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 },
 ];
 
-// Antigravity model ID to friendly name mapping
-const ANTIGRAVITY_MODEL_MAP = {
-  'MODEL_PLACEHOLDER_M1': 'claude-3-5-sonnet-20241022',
-  'MODEL_PLACEHOLDER_M2': 'claude-3-5-sonnet-20241022',
-  'MODEL_PLACEHOLDER_M3': 'claude-3-5-sonnet-20241022',
-  'MODEL_PLACEHOLDER_M4': 'claude-3-5-haiku-20241022',
-  'MODEL_PLACEHOLDER_M5': 'claude-3-5-haiku-20241022',
-  'MODEL_PLACEHOLDER_M6': 'claude-3-5-haiku-20241022',
-  'MODEL_PLACEHOLDER_M7': 'claude-3-5-sonnet-20241022',
-  'MODEL_PLACEHOLDER_M8': 'claude-3.5-sonnet',
-  'MODEL_PLACEHOLDER_M9': 'claude-3.5-sonnet',
-  'MODEL_PLACEHOLDER_M10': 'claude-3.5-sonnet',
-  'MODEL_CLAUDE_4_5_SONNET': 'claude-4.5-sonnet',
-};
-
-function normalizeAntigravityModel(modelId) {
-  if (!modelId) return null;
-  return ANTIGRAVITY_MODEL_MAP[modelId] || modelId;
-}
-
 // ============================================================
 // Cross-platform process utilities
 // ============================================================
@@ -102,7 +84,7 @@ function getListeningPorts(pid) {
 }
 
 // ============================================================
-// Find running Windsurf/Antigravity language server (port + CSRF token)
+// Find running Windsurf language server (port + CSRF token)
 // ============================================================
 
 let _lsCache = null;
@@ -148,7 +130,6 @@ function findLanguageServers() {
     const ide = ideMatch ? ideMatch[1] : null;
     const appDataDir = appDirMatch ? appDirMatch[1] : null;
 
-    // Antigravity has a separate extension server CSRF token
     const extCsrfMatch = commandLine.match(/--extension_server_csrf_token\s+(\S+)/);
 
     // Check for explicit server port (Antigravity uses --server_port)
@@ -169,9 +150,8 @@ function findLanguageServers() {
       port = Math.min(...ports);
     }
 
-    if (ide || appDataDir) {
-      const isHttps = appDataDir?.includes('antigravity');
-      _lsCache.push({ ide, appDataDir, port, csrf, pid, extCsrf: extCsrfMatch ? extCsrfMatch[1] : null, isHttps });
+    if (ide) {
+      _lsCache.push({ ide, appDataDir, port, csrf, pid, extCsrf: extCsrfMatch ? extCsrfMatch[1] : null, isHttps: false });
     }
   }
 
@@ -193,18 +173,15 @@ function getLsForVariant(variant) {
 // Connect protocol HTTP client for language server RPC
 // ============================================================
 
-function callRpc(port, csrf, method, body, isHttps = false, extCsrf = null, useMainCsrf = false) {
+function callRpc(port, csrf, method, body, extCsrf = null) {
   const data = JSON.stringify(body || {});
-  const scheme = isHttps ? 'https' : 'http';
-  const url = `${scheme}://127.0.0.1:${port}/exa.language_server_pb.LanguageServerService/${method}`;
-  const insecure = isHttps ? '-k ' : '';
+  const url = `http://127.0.0.1:${port}/exa.language_server_pb.LanguageServerService/${method}`;
 
-  // For Antigravity, use main CSRF. For Windsurf, use extension CSRF if available.
-  const actualCsrf = useMainCsrf ? csrf : (extCsrf || csrf);
+  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: ${actualCsrf}" ` +
       `-d ${JSON.stringify(data)} ` +
@@ -220,7 +197,7 @@ function callRpc(port, csrf, method, body, isHttps = false, extCsrf = null, useM
 // ============================================================
 
 const name = 'windsurf';
-const sources = ['windsurf', 'windsurf-next', 'antigravity'];
+const sources = ['windsurf', 'windsurf-next'];
 
 function getChats() {
   const chats = [];
@@ -229,17 +206,13 @@ function getChats() {
     const ls = getLsForVariant(variant);
     if (!ls) continue;
 
-    // Antigravity uses main CSRF, Windsurf uses extension CSRF
-    const useMainCsrf = variant.id === 'antigravity';
-    const resp = callRpc(ls.port, ls.csrf, 'GetAllCascadeTrajectories', {}, ls.isHttps, ls.extCsrf, useMainCsrf);
+    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;
-      // Normalize Antigravity models so they show correctly in dashboard
-      const normalizedModel = variant.id === 'antigravity' && rawModel ? normalizeAntigravityModel(rawModel) : rawModel;
       chats.push({
         source: variant.id,
         composerId: cascadeId,
@@ -253,9 +226,8 @@ function getChats() {
         _port: ls.port,
         _csrf: ls.csrf,
         _extCsrf: ls.extCsrf,
-        _isHttps: ls.isHttps,
         _stepCount: summary.stepCount,
-        _model: normalizedModel,
+        _model: rawModel,
         _rawModel: rawModel,
       });
     }
@@ -267,19 +239,16 @@ function getChats() {
 function getSteps(chat) {
   if (!chat._port || !chat._csrf) return [];
 
-  // Determine if this is Antigravity based on source
-  const isAntigravity = chat.source === 'antigravity';
-
   // Prefer GetCascadeTrajectorySteps (returns more steps than GetCascadeTrajectory)
   const resp = callRpc(chat._port, chat._csrf, 'GetCascadeTrajectorySteps', {
     cascadeId: chat.composerId,
-  }, chat._isHttps, chat._extCsrf, isAntigravity);
+  }, 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._isHttps, chat._extCsrf, isAntigravity);
+  }, chat._extCsrf);
   if (resp2 && resp2.trajectory && resp2.trajectory.steps) return resp2.trajectory.steps;
 
   return [];
@@ -291,10 +260,9 @@ function getSteps(chat) {
  * We find the overlap with step-based messages by matching the last user message content.
  */
 function getTailMessages(chat, stepMessages) {
-  const isAntigravity = chat.source === 'antigravity';
   const resp = callRpc(chat._port, chat._csrf, 'GetCascadeTrajectory', {
     cascadeId: chat.composerId,
-  }, chat._isHttps, chat._extCsrf, isAntigravity);
+  }, chat._extCsrf);
   if (!resp || !resp.trajectory) return [];
 
   const gm = resp.trajectory.generatorMetadata || [];
@@ -350,7 +318,7 @@ function getTailMessages(chat, stepMessages) {
   return tail;
 }
 
-function parseStep(step, isAntigravity = false) {
+function parseStep(step) {
   const type = step.type || '';
   const meta = step.metadata || {};
 
@@ -386,12 +354,11 @@ function parseStep(step, isAntigravity = false) {
       }
     }
     if (parts.length > 0) {
-      // Try both generatorModel (Antigravity) and generatorModelUid (Windsurf)
-      const model = meta.generatorModel || meta.generatorModelUid;
+      const model = meta.generatorModelUid;
       return {
         role: 'assistant',
         content: parts.join('\n'),
-        _model: isAntigravity && model ? normalizeAntigravityModel(model) : model,
+        _model: model,
         _toolCalls,
       };
     }
@@ -462,10 +429,9 @@ function parseStep(step, isAntigravity = false) {
 
 function getMessages(chat) {
   const steps = getSteps(chat);
-  const isAntigravity = chat.source === 'antigravity';
   const messages = [];
   for (const step of steps) {
-    const msg = parseStep(step, isAntigravity);
+    const msg = parseStep(step);
     if (msg) messages.push(msg);
   }
 
@@ -478,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentlytics",
-  "version": "0.1.15",
+  "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/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() {