agentlytics 0.2.6 → 0.2.8

package/cache.js

@@ -7,7 +7,7 @@ const { calculateCost, getModelPricing, normalizeModelName } = require('./pricin
 
 const CACHE_DIR = path.join(os.homedir(), '.agentlytics');
 const CACHE_DB = path.join(CACHE_DIR, 'cache.db');
-const SCHEMA_VERSION = 5; // bump this when schema changes to auto-revalidate
+const SCHEMA_VERSION = 6; // bump this when schema changes to auto-revalidate
 
 /**
  * Normalize a folder path for consistent storage/lookup.
@@ -128,6 +128,8 @@ function initDb() {
       model TEXT,
       input_tokens INTEGER,
       output_tokens INTEGER,
+      cache_read INTEGER,
+      cache_write INTEGER,
       FOREIGN KEY (chat_id) REFERENCES chats(id)
     );
 
@@ -163,7 +165,7 @@ function initDb() {
     try {
       const row = db.prepare("SELECT value FROM meta WHERE key = 'folder_norm_v'").get();
       if (row) normV = parseInt(row.value) || 0;
-    } catch {}
+    } catch { }
     if (normV < 2) {
       const chatRows = db.prepare('SELECT id, folder FROM chats WHERE folder IS NOT NULL').all();
       const updChat = db.prepare('UPDATE chats SET folder = ? WHERE id = ?');
@@ -197,8 +199,8 @@ const insertStat = () => db.prepare(`
 `);
 
 const insertMsg = () => db.prepare(`
-  INSERT INTO messages (chat_id, seq, role, content, model, input_tokens, output_tokens)
-  VALUES (?, ?, ?, ?, ?, ?, ?)
+  INSERT INTO messages (chat_id, seq, role, content, model, input_tokens, output_tokens, cache_read, cache_write)
+  VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
 `);
 const updateChatBubbleCount = () => db.prepare(`
   UPDATE chats SET bubble_count = ? WHERE id = ?
@@ -244,7 +246,7 @@ function analyzeAndStore(chat) {
           stats.toolCalls.push(tc.name);
           try {
             insTc.run(chat.composerId, tc.name, JSON.stringify(tc.args || {}), chat.source, chat.folder || null, chatTs);
-          } catch {}
+          } catch { }
         }
       } else {
         const toolMatches = text.match(/\[tool-call: ([^\]]+)\]/g);
@@ -269,7 +271,7 @@ function analyzeAndStore(chat) {
 
     // Store message (truncate very long content for storage)
     const storedContent = text.length > 50000 ? text.substring(0, 50000) : text;
-    ins.run(chat.composerId, seq++, msg.role, storedContent, msg._model || null, msg._inputTokens || null, msg._outputTokens || null);
+    ins.run(chat.composerId, seq++, msg.role, storedContent, msg._model || null, msg._inputTokens || null, msg._outputTokens || null, msg._cacheRead || null, msg._cacheWrite || null);
   }
 
   updBubbleCount.run(messages.length, chat.composerId);
@@ -398,7 +400,7 @@ function getCachedChats(opts = {}) {
         for (const m of models) freq[m] = (freq[m] || 0) + 1;
         r.top_model = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
       }
-    } catch {}
+    } catch { }
     // Per-session cost estimate
     let inTok = r._inTok || 0, outTok = r._outTok || 0;
     if (inTok === 0 && outTok === 0 && ((r._uChars || 0) > 0 || (r._aChars || 0) > 0)) {
@@ -558,11 +560,11 @@ function getCachedDeepAnalytics(opts = {}) {
     try {
       const tools = JSON.parse(r.tool_calls);
       for (const t of tools) { toolFreq[t] = (toolFreq[t] || 0) + 1; totalToolCalls++; }
-    } catch {}
+    } catch { }
     try {
       const models = JSON.parse(r.models);
       for (const m of models) { const k = normalizeModelName(m) || m; modelFreq[k] = (modelFreq[k] || 0) + 1; }
-    } catch {}
+    } catch { }
   }
 
   // Estimate tokens from chars when no token data available
@@ -589,7 +591,7 @@ function getCachedChat(id) {
   if (!chat) return null;
 
   const stats = db.prepare('SELECT * FROM chat_stats WHERE chat_id = ?').get(chat.id);
-  let messages = db.prepare('SELECT role, content, model, input_tokens, output_tokens FROM messages WHERE chat_id = ? ORDER BY seq').all(chat.id);
+  let messages = db.prepare('SELECT role, content, model, input_tokens, output_tokens, cache_read, cache_write FROM messages WHERE chat_id = ? ORDER BY seq').all(chat.id);
 
   // If no cached messages, try fetching live from the editor
   if (messages.length === 0 && !chat.encrypted) {
@@ -604,10 +606,10 @@ function getCachedChat(id) {
       const liveMessages = getMessages(reconstructed);
       if (liveMessages && liveMessages.length > 0) {
         // Store for next time
-        try { analyzeAndStore(reconstructed); } catch {}
-        messages = db.prepare('SELECT role, content, model, input_tokens, output_tokens FROM messages WHERE chat_id = ? ORDER BY seq').all(chat.id);
+        try { analyzeAndStore(reconstructed); } catch { }
+        messages = db.prepare('SELECT role, content, model, input_tokens, output_tokens, cache_read, cache_write FROM messages WHERE chat_id = ? ORDER BY seq').all(chat.id);
       }
-    } catch {}
+    } catch { }
   }
 
   let parsedStats = null;
@@ -703,8 +705,8 @@ function getCachedProjects(opts = {}) {
       totalAssistantChars += s.total_assistant_chars;
       totalCacheRead += s.total_cache_read;
       totalCacheWrite += s.total_cache_write;
-      try { for (const m of JSON.parse(s.models)) { const k = normalizeModelName(m) || m; modelFreq[k] = (modelFreq[k] || 0) + 1; } } catch {}
-      try { for (const t of JSON.parse(s.tool_calls)) { toolFreq[t] = (toolFreq[t] || 0) + 1; totalToolCalls++; } } catch {}
+      try { for (const m of JSON.parse(s.models)) { const k = normalizeModelName(m) || m; modelFreq[k] = (modelFreq[k] || 0) + 1; } } catch { }
+      try { for (const t of JSON.parse(s.tool_calls)) { toolFreq[t] = (toolFreq[t] || 0) + 1; totalToolCalls++; } } catch { }
     }
 
     // Estimate tokens from chars when no token data available
@@ -778,9 +780,10 @@ async function scanAllAsync(onProgress, opts = {}) {
   let analyzed = 0;
   let skipped = 0;
 
+  // Build existing cache map with both timestamp and bubble count
   const existing = {};
-  for (const row of db.prepare('SELECT id, last_updated_at FROM chats').all()) {
-    existing[row.id] = row.last_updated_at;
+  for (const row of db.prepare('SELECT id, last_updated_at, bubble_count FROM chats').all()) {
+    existing[row.id] = { ts: row.last_updated_at, bc: row.bubble_count };
   }
 
   // Normalize folder paths
@@ -803,10 +806,12 @@ async function scanAllAsync(onProgress, opts = {}) {
 
   for (const chat of chats) {
     scanned++;
-    const cachedTs = existing[chat.composerId];
     const chatTs = chat.lastUpdatedAt || chat.createdAt || 0;
+    const chatBc = chat.bubbleCount || 0;
 
-    if (cachedTs && cachedTs >= chatTs) {
+    // Skip if already cached, not updated, and bubble count hasn't grown
+    const cached = existing[chat.composerId];
+    if (cached && cached.ts && cached.ts >= chatTs && cached.bc >= chatBc) {
       const hasStat = db.prepare('SELECT 1 FROM chat_stats WHERE chat_id = ?').get(chat.composerId);
       if (hasStat) {
         skipped++;
@@ -982,7 +987,7 @@ function getCachedDashboardStats(opts = {}) {
   `).all(...params);
   const modelFreq = {};
   for (const r of modelRows) {
-    try { for (const m of JSON.parse(r.models)) { const k = normalizeModelName(m) || m; modelFreq[k] = (modelFreq[k] || 0) + 1; } } catch {}
+    try { for (const m of JSON.parse(r.models)) { const k = normalizeModelName(m) || m; modelFreq[k] = (modelFreq[k] || 0) + 1; } } catch { }
   }
   const topModels = Object.entries(modelFreq).sort((a, b) => b[1] - a[1]).slice(0, 10);
 
@@ -993,7 +998,7 @@ function getCachedDashboardStats(opts = {}) {
   const toolFreq = {};
   let totalToolCalls = 0;
   for (const r of toolRows) {
-    try { for (const t of JSON.parse(r.tool_calls)) { toolFreq[t] = (toolFreq[t] || 0) + 1; totalToolCalls++; } } catch {}
+    try { for (const t of JSON.parse(r.tool_calls)) { toolFreq[t] = (toolFreq[t] || 0) + 1; totalToolCalls++; } } catch { }
   }
   const topTools = Object.entries(toolFreq).sort((a, b) => b[1] - a[1]).slice(0, 8);
 
@@ -1035,20 +1040,24 @@ function getCachedDashboardStats(opts = {}) {
 // ============================================================
 
 function estimateCosts(whereClause = '', params = []) {
-  // Per-model token usage from messages table
+  // Per-model token usage from messages table (including cache tokens)
   const modelTokens = db.prepare(`
-    SELECT m.model, SUM(m.input_tokens) as input, SUM(m.output_tokens) as output
+    SELECT m.model,
+           SUM(m.input_tokens) as input, SUM(m.output_tokens) as output,
+           SUM(m.cache_read) as cacheRead, SUM(m.cache_write) as cacheWrite
     FROM messages m JOIN chats c ON m.chat_id = c.id
-    WHERE m.model IS NOT NULL AND (m.input_tokens > 0 OR m.output_tokens > 0)${whereClause}
+    WHERE m.model IS NOT NULL AND (m.input_tokens > 0 OR m.output_tokens > 0 OR m.cache_read > 0 OR m.cache_write > 0)${whereClause}
     GROUP BY m.model
   `).all(...params);
 
   // Orphaned tokens: messages with token data but NULL model.
   // Attribute these to the session's dominant model from chat_stats.
   const orphanRows = db.prepare(`
-    SELECT m.chat_id, SUM(m.input_tokens) as input, SUM(m.output_tokens) as output
+    SELECT m.chat_id,
+           SUM(m.input_tokens) as input, SUM(m.output_tokens) as output,
+           SUM(m.cache_read) as cacheRead, SUM(m.cache_write) as cacheWrite
     FROM messages m JOIN chats c ON m.chat_id = c.id
-    WHERE m.model IS NULL AND (m.input_tokens > 0 OR m.output_tokens > 0)${whereClause}
+    WHERE m.model IS NULL AND (m.input_tokens > 0 OR m.output_tokens > 0 OR m.cache_read > 0 OR m.cache_write > 0)${whereClause}
     GROUP BY m.chat_id
   `).all(...params);
 
@@ -1062,30 +1071,11 @@ function estimateCosts(whereClause = '', params = []) {
     const freq = {};
     for (const m of models) freq[m] = (freq[m] || 0) + 1;
     const dominant = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
-    if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0 };
+    if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 };
     orphanByModel[dominant].input += r.input || 0;
     orphanByModel[dominant].output += r.output || 0;
-  }
-
-  // Cache tokens per session with dominant model
-  const cacheRows = db.prepare(`
-    SELECT cs.total_cache_read, cs.total_cache_write, cs.models
-    FROM chat_stats cs JOIN chats c ON cs.chat_id = c.id
-    WHERE (cs.total_cache_read > 0 OR cs.total_cache_write > 0)${whereClause}
-  `).all(...params);
-
-  // Aggregate cache tokens by dominant model
-  const cacheByModel = {};
-  for (const r of cacheRows) {
-    let models;
-    try { models = JSON.parse(r.models || '[]'); } catch { continue; }
-    if (models.length === 0) continue;
-    const freq = {};
-    for (const m of models) freq[m] = (freq[m] || 0) + 1;
-    const dominant = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
-    if (!cacheByModel[dominant]) cacheByModel[dominant] = { cacheRead: 0, cacheWrite: 0 };
-    cacheByModel[dominant].cacheRead += r.total_cache_read;
-    cacheByModel[dominant].cacheWrite += r.total_cache_write;
+    orphanByModel[dominant].cacheRead += r.cacheRead || 0;
+    orphanByModel[dominant].cacheWrite += r.cacheWrite || 0;
   }
 
   // Char-based estimation: sessions with models + chars but zero tokens.
@@ -1105,7 +1095,7 @@ function estimateCosts(whereClause = '', params = []) {
     const freq = {};
     for (const m of models) freq[m] = (freq[m] || 0) + 1;
     const dominant = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
-    if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0 };
+    if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 };
     orphanByModel[dominant].input += Math.round((r.userChars || 0) / CHARS_PER_TOKEN);
     orphanByModel[dominant].output += Math.round((r.asstChars || 0) / CHARS_PER_TOKEN);
   }
@@ -1145,64 +1135,41 @@ function estimateCosts(whereClause = '', params = []) {
         ? Object.entries(sf).sort((a, b) => b[1] - a[1])[0]?.[0]
         : globalDominant;
       if (!dominant) continue;
-      if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0 };
+      if (!orphanByModel[dominant]) orphanByModel[dominant] = { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 };
       orphanByModel[dominant].input += r.input || 0;
       orphanByModel[dominant].output += r.output || 0;
-      // Also merge cache data
-      if (!cacheByModel[dominant]) cacheByModel[dominant] = { cacheRead: 0, cacheWrite: 0 };
-      cacheByModel[dominant].cacheRead += r.cacheRead || 0;
-      cacheByModel[dominant].cacheWrite += r.cacheWrite || 0;
+      orphanByModel[dominant].cacheRead += r.cacheRead || 0;
+      orphanByModel[dominant].cacheWrite += r.cacheWrite || 0;
     }
   }
 
   // Merge modelTokens + orphanByModel into a unified map, normalizing keys
   const tokenMap = {};
-  const addTokens = (rawModel, input, output) => {
+  const addTokens = (rawModel, input, output, cacheRead, cacheWrite) => {
     const key = normalizeModelName(rawModel) || rawModel;
-    if (!tokenMap[key]) tokenMap[key] = { input: 0, output: 0 };
+    if (!tokenMap[key]) tokenMap[key] = { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 };
     tokenMap[key].input += input || 0;
     tokenMap[key].output += output || 0;
+    tokenMap[key].cacheRead += cacheRead || 0;
+    tokenMap[key].cacheWrite += cacheWrite || 0;
   };
-  for (const row of modelTokens) addTokens(row.model, row.input, row.output);
-  for (const [model, tok] of Object.entries(orphanByModel)) addTokens(model, tok.input, tok.output);
-
-  // Normalize cacheByModel keys
-  const normCache = {};
-  for (const [model, cache] of Object.entries(cacheByModel)) {
-    const key = normalizeModelName(model) || model;
-    if (!normCache[key]) normCache[key] = { cacheRead: 0, cacheWrite: 0 };
-    normCache[key].cacheRead += cache.cacheRead;
-    normCache[key].cacheWrite += cache.cacheWrite;
-  }
+  for (const row of modelTokens) addTokens(row.model, row.input, row.output, row.cacheRead, row.cacheWrite);
+  for (const [model, tok] of Object.entries(orphanByModel)) addTokens(model, tok.input, tok.output, tok.cacheRead, tok.cacheWrite);
 
   let totalCost = 0;
-  let knownCost = 0;
   let unknownModels = [];
   const byModel = [];
 
   for (const [model, tok] of Object.entries(tokenMap)) {
-    const cache = normCache[model] || { cacheRead: 0, cacheWrite: 0 };
-    const cost = calculateCost(model, tok.input, tok.output, cache.cacheRead, cache.cacheWrite);
+    const cost = calculateCost(model, tok.input, tok.output, tok.cacheRead, tok.cacheWrite);
     if (cost !== null) {
-      knownCost += cost;
       totalCost += cost;
-      byModel.push({ model, inputTokens: tok.input, outputTokens: tok.output, cacheRead: cache.cacheRead, cacheWrite: cache.cacheWrite, cost });
+      byModel.push({ model, inputTokens: tok.input, outputTokens: tok.output, cacheRead: tok.cacheRead, cacheWrite: tok.cacheWrite, cost });
     } else {
       unknownModels.push(model);
     }
   }
 
-  // Handle cache tokens for models that had cache but no message-level tokens
-  for (const [model, cache] of Object.entries(normCache)) {
-    if (!tokenMap[model]) {
-      const cost = calculateCost(model, 0, 0, cache.cacheRead, cache.cacheWrite);
-      if (cost !== null) {
-        totalCost += cost;
-        byModel.push({ model, inputTokens: 0, outputTokens: 0, cacheRead: cache.cacheRead, cacheWrite: cache.cacheWrite, cost });
-      }
-    }
-  }
-
   byModel.sort((a, b) => b.cost - a.cost);
   unknownModels = [...new Set(unknownModels)];
 
@@ -1230,116 +1197,77 @@ function getCostAnalytics(opts = {}) {
   if (opts.editor) { conditions.push('c.source LIKE ?'); params.push(`%${opts.editor}%`); }
   if (opts.dateFrom) { conditions.push('COALESCE(c.last_updated_at, c.created_at) >= ?'); params.push(opts.dateFrom); }
   if (opts.dateTo) { conditions.push('COALESCE(c.last_updated_at, c.created_at) <= ?'); params.push(opts.dateTo); }
+  if (opts.folder) { conditions.push('c.folder = ?'); params.push(opts.folder); }
   const whereAnd = conditions.length > 0 ? ' AND ' + conditions.join(' AND ') : '';
 
   // Overall cost breakdown by model
   const overall = getCostBreakdown(opts);
 
-  // Cost by editor: get costs per source
-  const editorRows = db.prepare(`
-    SELECT DISTINCT c.source FROM chats c WHERE c.source IS NOT NULL${whereAnd}
+  // Per-chat cost map (single pass — reused for all breakdowns)
+  const sessionRows = db.prepare(`
+    SELECT c.id, c.source, c.name, c.folder, c.last_updated_at, c.created_at,
+      cs.total_messages AS msgs,
+      substr(date(COALESCE(c.last_updated_at, c.created_at)/1000, 'unixepoch'), 1, 7) as month
+    FROM chats c LEFT JOIN chat_stats cs ON cs.chat_id = c.id
+    WHERE 1=1${whereAnd}
   `).all(...params);
-  const byEditor = [];
-  for (const { source } of editorRows) {
-    const editorOpts = { ...opts, editor: source };
-    const ec = getCostBreakdown(editorOpts);
-    if (ec.totalCost > 0) {
-      byEditor.push({ editor: source, cost: ec.totalCost, models: ec.byModel.length });
-    }
+
+  const chatCostCache = new Map();
+  for (const r of sessionRows) {
+    chatCostCache.set(r.id, getCostBreakdown({ ...opts, chatId: r.id }));
   }
-  byEditor.sort((a, b) => b.cost - a.cost);
 
-  // Cost by project (top 20)
-  const projectRows = db.prepare(`
-    SELECT c.folder, COUNT(*) as sessions FROM chats c
-    WHERE c.folder IS NOT NULL${whereAnd}
-    GROUP BY c.folder ORDER BY sessions DESC LIMIT 30
-  `).all(...params);
-  const byProject = [];
-  for (const { folder } of projectRows) {
-    const pc = getCostBreakdown({ ...opts, folder });
-    if (pc.totalCost > 0) {
-      byProject.push({ folder, name: folder.split('/').pop(), cost: pc.totalCost });
-    }
+  // Derive byEditor from cached per-chat costs
+  const editorAgg = {};
+  for (const r of sessionRows) {
+    const sc = chatCostCache.get(r.id);
+    if (!sc || sc.totalCost <= 0) continue;
+    if (!editorAgg[r.source]) editorAgg[r.source] = { cost: 0, models: new Set() };
+    editorAgg[r.source].cost += sc.totalCost;
+    for (const m of sc.byModel) editorAgg[r.source].models.add(m.model);
   }
-  byProject.sort((a, b) => b.cost - a.cost);
+  const byEditor = Object.entries(editorAgg)
+    .map(([editor, d]) => ({ editor, cost: d.cost, models: d.models.size }))
+    .sort((a, b) => b.cost - a.cost);
 
-  // Monthly trend
-  const monthRows = db.prepare(`
-    SELECT
-      substr(date(COALESCE(c.last_updated_at, c.created_at)/1000, 'unixepoch'), 1, 7) as month,
-      c.id, c.source,
-      cs.models AS _models,
-      cs.total_input_tokens AS inTok, cs.total_output_tokens AS outTok,
-      cs.total_cache_read AS cacheR, cs.total_cache_write AS cacheW,
-      cs.total_user_chars AS uChars, cs.total_assistant_chars AS aChars
-    FROM chats c LEFT JOIN chat_stats cs ON cs.chat_id = c.id
-    WHERE (c.last_updated_at IS NOT NULL OR c.created_at IS NOT NULL)${whereAnd}
-    ORDER BY month
-  `).all(...params);
+  // Derive byProject from cached per-chat costs
+  const projectAgg = {};
+  for (const r of sessionRows) {
+    if (!r.folder) continue;
+    const sc = chatCostCache.get(r.id);
+    if (!sc || sc.totalCost <= 0) continue;
+    if (!projectAgg[r.folder]) projectAgg[r.folder] = 0;
+    projectAgg[r.folder] += sc.totalCost;
+  }
+  const byProject = Object.entries(projectAgg)
+    .map(([folder, cost]) => ({ folder, name: folder.split('/').pop(), cost }))
+    .sort((a, b) => b.cost - a.cost)
+    .slice(0, 20);
+
+  // Monthly trend from cached per-chat costs
   const monthCosts = {};
-  for (const r of monthRows) {
+  for (const r of sessionRows) {
     if (!r.month) continue;
-    let topModel = null;
-    try {
-      const models = JSON.parse(r._models || '[]');
-      if (models.length > 0) {
-        const freq = {};
-        for (const m of models) freq[m] = (freq[m] || 0) + 1;
-        topModel = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
-      }
-    } catch {}
-    if (!topModel) continue;
-    let inTok = r.inTok || 0, outTok = r.outTok || 0;
-    if (inTok === 0 && outTok === 0 && ((r.uChars || 0) > 0 || (r.aChars || 0) > 0)) {
-      inTok = Math.round((r.uChars || 0) / 4);
-      outTok = Math.round((r.aChars || 0) / 4);
-    }
-    const cost = calculateCost(topModel, inTok, outTok, r.cacheR || 0, r.cacheW || 0) || 0;
+    const sc = chatCostCache.get(r.id);
     if (!monthCosts[r.month]) monthCosts[r.month] = { cost: 0, sessions: 0 };
-    monthCosts[r.month].cost += cost;
+    monthCosts[r.month].cost += sc.totalCost;
     monthCosts[r.month].sessions++;
   }
   const monthly = Object.entries(monthCosts).sort((a, b) => a[0].localeCompare(b[0]))
     .map(([month, d]) => ({ month, cost: Math.round(d.cost * 100) / 100, sessions: d.sessions }));
 
-  // Top expensive sessions
-  const sessionRows = db.prepare(`
-    SELECT c.id, c.source, c.name, c.folder, c.last_updated_at, c.created_at,
-      cs.models AS _models,
-      cs.total_input_tokens AS inTok, cs.total_output_tokens AS outTok,
-      cs.total_cache_read AS cacheR, cs.total_cache_write AS cacheW,
-      cs.total_user_chars AS uChars, cs.total_assistant_chars AS aChars,
-      cs.total_messages AS msgs
-    FROM chats c LEFT JOIN chat_stats cs ON cs.chat_id = c.id
-    WHERE 1=1${whereAnd}
-  `).all(...params);
+  // Top expensive sessions from cached per-chat costs
   const sessionCosts = [];
   for (const r of sessionRows) {
-    let topModel = null;
-    try {
-      const models = JSON.parse(r._models || '[]');
-      if (models.length > 0) {
-        const freq = {};
-        for (const m of models) freq[m] = (freq[m] || 0) + 1;
-        topModel = Object.entries(freq).sort((a, b) => b[1] - a[1])[0][0];
-      }
-    } catch {}
-    if (!topModel) continue;
-    let inTok = r.inTok || 0, outTok = r.outTok || 0;
-    if (inTok === 0 && outTok === 0 && ((r.uChars || 0) > 0 || (r.aChars || 0) > 0)) {
-      inTok = Math.round((r.uChars || 0) / 4);
-      outTok = Math.round((r.aChars || 0) / 4);
-    }
-    const cost = calculateCost(topModel, inTok, outTok, r.cacheR || 0, r.cacheW || 0) || 0;
-    if (cost > 0) {
-      sessionCosts.push({
-        id: r.id, source: r.source, name: r.name, folder: r.folder,
-        model: normalizeModelName(topModel) || topModel,
-        cost, messages: r.msgs || 0,
-        lastUpdatedAt: r.last_updated_at || r.created_at,
-      });
-    }
+    const sc = chatCostCache.get(r.id);
+    if (!sc || sc.totalCost <= 0) continue;
+    const topModel = sc.byModel.length > 0 ? sc.byModel[0].model : null;
+    sessionCosts.push({
+      id: r.id, source: r.source, name: r.name, folder: r.folder,
+      model: topModel,
+      cost: sc.totalCost, messages: r.msgs || 0,
+      lastUpdatedAt: r.last_updated_at || r.created_at,
+    });
   }
   sessionCosts.sort((a, b) => b.cost - a.cost);
 
@@ -1358,7 +1286,7 @@ function getCostAnalytics(opts = {}) {
     byModel: overall.byModel,
     unknownModels: overall.unknownModels,
     byEditor,
-    byProject: byProject.slice(0, 20),
+    byProject,
     monthly,
     topSessions: sessionCosts.slice(0, 50),
     summary: {

package/editors/antigravity.js

@@ -855,6 +855,8 @@ function getMessages(chat) {
 // ============================================================
 
 function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   const resp = callRpc('GetUserStatus', {});
   if (!resp || !resp.userStatus) return null;
 

package/editors/base.js

@@ -1,8 +1,19 @@
 const path = require('path');
 const os = require('os');
+const fs = require('fs');
 
 const HOME = os.homedir();
 
+// --- Permission check ---
+
+function isSubscriptionAccessAllowed() {
+  try {
+    const configPath = path.join(HOME, '.agentlytics', 'config.json');
+    const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+    return config.allowSubscriptionAccess === true;
+  } catch { return false; }
+}
+
 // --- Platform utilities ---
 
 /**
@@ -303,6 +314,7 @@ function queryMcpServerToolsStdio(server, timeout) {
 
 module.exports = {
   getAppDataPath,
+  isSubscriptionAccessAllowed,
   scanArtifacts,
   parseMcpConfigFile,
   queryMcpServerTools,

package/editors/claude.js

@@ -204,18 +204,11 @@ function extractAssistantContent(content) {
 // Usage / quota data from Anthropic OAuth API
 // ============================================================
 
-function isKeychainAccessAllowed() {
-  try {
-    const configPath = path.join(os.homedir(), '.agentlytics', 'config.json');
-    const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
-    return config.allowKeychainAccess === true;
-  } catch { return false; }
-}
-
 function getClaudeCredentials() {
   // macOS: Keychain; Linux: secret-tool; Windows: not yet supported
-  // Requires explicit user permission (allowKeychainAccess in config)
-  if (!isKeychainAccessAllowed()) return null;
+  // Requires explicit user permission (allowSubscriptionAccess in config)
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   try {
     const { execSync } = require('child_process');
     let raw;

package/editors/codex.js

@@ -477,6 +477,8 @@ function decodeJwtPayload(token) {
 }
 
 async function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   const auth = getCodexAuth();
   if (!auth || !auth.tokens) return null;
 

package/editors/copilot.js

@@ -211,6 +211,8 @@ function fetchCopilotStatus(token) {
 }
 
 async function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   const creds = getCopilotToken();
   if (!creds) return null;
 

package/editors/cursor.js

@@ -374,6 +374,8 @@ function cursorApiFetch(endpoint, token) {
 }
 
 async function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   const token = getCursorAccessToken();
   if (!token) return null;
 

package/editors/opencode.js

@@ -36,6 +36,38 @@ function queryDb(sql) {
   }
 }
 
+function extractModelInfo(data) {
+  let modelValue = null;
+  let providerValue = null;
+
+  if (typeof data?.modelID === 'string') {
+    modelValue = data.modelID;
+    providerValue = typeof data.providerID === 'string' ? data.providerID : null;
+  } else if (data?.model && typeof data.model === 'object') {
+    modelValue = typeof data.model.modelID === 'string' ? data.model.modelID : null;
+    providerValue = typeof data.providerID === 'string'
+      ? data.providerID
+      : (typeof data.model.providerID === 'string' ? data.model.providerID : null);
+  } else if (typeof data?.model === 'string') {
+    modelValue = data.model;
+    providerValue = typeof data.providerID === 'string' ? data.providerID : null;
+  }
+
+  return { modelValue, providerValue };
+}
+
+function extractTokenInfo(data) {
+  const tokens = data?.tokens && typeof data.tokens === 'object' ? data.tokens : null;
+  const cache = tokens?.cache && typeof tokens.cache === 'object' ? tokens.cache : null;
+
+  return {
+    inputTokens: tokens?.input,
+    outputTokens: tokens?.output,
+    cacheRead: cache?.read,
+    cacheWrite: cache?.write,
+  };
+}
+
 function getSqliteSessions() {
   return queryDb(
     `SELECT s.id, s.title, s.directory, s.time_created, s.time_updated,
@@ -94,19 +126,18 @@ function getSqliteMessages(sessionId) {
       const content = contentParts.join('\n');
       if (!content) continue;
 
-      let modelValue = null;
-      if (typeof msgData.modelID === 'string') {
-        modelValue = msgData.modelID;
-      } else if (msgData.model && typeof msgData.model === 'object' && msgData.model.modelID) {
-        modelValue = msgData.model.modelID;
-      } else if (typeof msgData.model === 'string') {
-        modelValue = msgData.model;
-      }
+      const { modelValue, providerValue } = extractModelInfo(msgData);
+      const { inputTokens, outputTokens, cacheRead, cacheWrite } = extractTokenInfo(msgData);
 
       result.push({
         role: role === 'user' ? 'user' : role === 'assistant' ? 'assistant' : role,
         content,
         _model: modelValue,
+        _provider: providerValue,
+        _inputTokens: inputTokens,
+        _outputTokens: outputTokens,
+        _cacheRead: cacheRead,
+        _cacheWrite: cacheWrite,
       });
     }
 
@@ -165,12 +196,19 @@ function getMessagesForSession(sessionId) {
   let files;
   try { files = fs.readdirSync(sessionMsgDir).filter(f => f.startsWith('msg_') && f.endsWith('.json')); } catch { return []; }
 
-  const messages = [];
+  const rawMsgs = [];
   for (const file of files) {
     const msgPath = path.join(sessionMsgDir, file);
     const msg = readJson(msgPath);
     if (!msg || !msg.id) continue;
+    rawMsgs.push(msg);
+  }
 
+  // Sort by creation time before building output
+  rawMsgs.sort((a, b) => (a.time?.created || 0) - (b.time?.created || 0));
+
+  const messages = [];
+  for (const msg of rawMsgs) {
     // Get parts for this message
     const msgPartDir = path.join(PART_DIR, msg.id);
     const parts = [];
@@ -213,35 +251,24 @@ function getMessagesForSession(sessionId) {
 
     const content = contentParts.join('\n');
     if (content) {
-      // Extract model value - handle both string and object formats
-      let modelValue = null;
-      if (typeof msg.modelID === 'string') {
-        modelValue = msg.modelID;
-      } else if (msg.model && typeof msg.model === 'object' && msg.model.modelID) {
-        modelValue = msg.model.modelID;
-      } else if (typeof msg.model === 'string') {
-        modelValue = msg.model;
-      }
+      const { modelValue, providerValue } = extractModelInfo(msg);
+      const { inputTokens, outputTokens, cacheRead, cacheWrite } = extractTokenInfo(msg);
 
       messages.push({
         role: msg.role || 'assistant',
         content,
         _model: modelValue,
-        _inputTokens: msg.tokens?.input,
-        _outputTokens: msg.tokens?.output,
-        _cacheRead: msg.tokens?.cache?.read,
-        _cacheWrite: msg.tokens?.cache?.write,
+        _provider: providerValue,
+        _inputTokens: inputTokens,
+        _outputTokens: outputTokens,
+        _cacheRead: cacheRead,
+        _cacheWrite: cacheWrite,
         _finish: msg.finish,
       });
     }
   }
 
-  // Sort by creation time
-  return messages.sort((a, b) => {
-    const aTime = a.time?.created || 0;
-    const bTime = b.time?.created || 0;
-    return aTime - bTime;
-  });
+  return messages;
 }
 
 // ============================================================

package/editors/vscode.js

@@ -355,6 +355,8 @@ function fetchCopilotStatus(token) {
 }
 
 async function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return null;
   const creds = getCopilotToken();
   if (!creds) return null;
 

package/editors/windsurf.js

@@ -476,6 +476,9 @@ function getWindsurfApiKey(appName) {
 }
 
 function getUsage() {
+  const { isSubscriptionAccessAllowed } = require('./base');
+  if (!isSubscriptionAccessAllowed()) return [];
+
   const results = [];
 
   for (const variant of VARIANTS) {

package/index.js

@@ -253,37 +253,48 @@ const BOT_STYLES = [
 ];
 
 (async () => {
-  // ── Ask for keychain access permission (first run only) ──
+  // ── Ask for subscription access permission (first run only) ──
   const CONFIG_DIR = path.join(os.homedir(), '.agentlytics');
   const CONFIG_FILE = path.join(CONFIG_DIR, 'config.json');
   let agentConfig = {};
   try { agentConfig = JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf-8')); } catch {}
 
-  if (agentConfig.allowKeychainAccess === undefined) {
-    // Only relevant on macOS / Linux where keychain/secret-tool is used
-    if (process.platform === 'darwin' || process.platform === 'linux') {
-      const storeName = process.platform === 'darwin' ? 'Keychain' : 'secret store';
-      console.log(chalk.yellow(`  ⚠ Some subscription details (e.g. Claude Code) require ${storeName} access.`));
-      console.log(chalk.dim(`    This reads stored credentials to show plan/usage info.`));
-      console.log('');
-      const readline = require('readline');
-      const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-      const answer = await new Promise(r => {
-        rl.question(chalk.bold(`  Allow ${storeName} access for subscription details? (y/N) `), (a) => {
-          rl.close();
-          r(a.trim().toLowerCase());
-        });
+  if (agentConfig.allowSubscriptionAccess === undefined) {
+    console.log(chalk.yellow('  ⚠ Subscription & usage details require access to local auth tokens.'));
+    console.log('');
+    console.log(chalk.dim('    To show your plan and usage info, Agentlytics needs to read'));
+    console.log(chalk.dim('    locally stored tokens from the following sources:'));
+    console.log('');
+    console.log(chalk.dim('      • Claude Code  – macOS Keychain / Linux secret-tool'));
+    console.log(chalk.dim('      • Cursor       – local SQLite (state.vscdb)'));
+    console.log(chalk.dim('      • Copilot      – ~/.config/github-copilot/apps.json'));
+    console.log(chalk.dim('      • VS Code      – ~/.config/github-copilot/apps.json'));
+    console.log(chalk.dim('      • Codex        – local auth.json (JWT decode only)'));
+    console.log(chalk.dim('      • Windsurf     – local SQLite (state.vscdb)'));
+    console.log('');
+    console.log(chalk.dim('    These tokens are used to query each editor\'s own API for'));
+    console.log(chalk.dim('    your plan name and usage limits.'));
+    console.log('');
+    console.log(chalk.bold.white('    → Tokens are kept in-memory only and never sent to any'));
+    console.log(chalk.bold.white('      third-party service. They are discarded after the request.'));
+    console.log('');
+    const readline = require('readline');
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    const answer = await new Promise(r => {
+      rl.question(chalk.bold('  Allow local token inspection for subscription details? (y/N) '), (a) => {
+        rl.close();
+        r(a.trim().toLowerCase());
       });
-      agentConfig.allowKeychainAccess = answer === 'y' || answer === 'yes';
-      if (!fs.existsSync(CONFIG_DIR)) fs.mkdirSync(CONFIG_DIR, { recursive: true });
-      fs.writeFileSync(CONFIG_FILE, JSON.stringify(agentConfig, null, 2));
-      if (agentConfig.allowKeychainAccess) {
-        console.log(chalk.green(`  ✓ ${storeName} access enabled`));
-      } else {
-        console.log(chalk.dim(`  – ${storeName} access skipped (subscription details won't be collected)`));
-      }
-      console.log('');
+    });
+    agentConfig.allowSubscriptionAccess = answer === 'y' || answer === 'yes';
+    if (!fs.existsSync(CONFIG_DIR)) fs.mkdirSync(CONFIG_DIR, { recursive: true });
+    fs.writeFileSync(CONFIG_FILE, JSON.stringify(agentConfig, null, 2));
+    if (agentConfig.allowSubscriptionAccess) {
+      console.log(chalk.green('  ✓ Subscription access enabled'));
+    } else {
+      console.log(chalk.dim('  – Subscription access skipped (plan/usage details won\'t be collected)'));
     }
+    console.log('');
   }
 
   let tick = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentlytics",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "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/ui/src/pages/Dashboard.jsx

@@ -164,8 +164,9 @@ export default function Dashboard({ overview }) {
   } : null
 
   const tk = stats?.tokens
-  const cacheHitRate = tk && tk.input > 0 ? ((tk.cacheRead / tk.input) * 100).toFixed(1) : 0
-  const outputInputRatio = tk && tk.input > 0 ? (tk.output / tk.input).toFixed(2) : 0
+  const totalInputAll = tk ? tk.input + tk.cacheRead + (tk.cacheWrite || 0) : 0
+  const cacheHitRate = totalInputAll > 0 ? ((tk.cacheRead / totalInputAll) * 100).toFixed(1) : 0
+  const outputInputRatio = totalInputAll > 0 ? (tk.output / totalInputAll).toFixed(3) : 0
   const avgMsgsPerSession = tk && tk.sessions > 0 ? (depthData ? (Object.values(stats.depthBuckets).reduce((s, v, i) => {
     const labels = Object.keys(stats.depthBuckets)
     const midpoints = [1, 3.5, 8, 15.5, 35.5, 75.5, 150]

package/ui/src/pages/DeepAnalysis.jsx

@@ -227,12 +227,13 @@ export default function DeepAnalysis({ overview }) {
   // Computed insights
   const insights = useMemo(() => {
     if (!data) return null
-    const totalTok = data.totalInputTokens + data.totalOutputTokens
+    const totalTok = data.totalInputTokens + data.totalOutputTokens + data.totalCacheRead + data.totalCacheWrite
     const msgsPerSession = data.analyzedChats > 0 ? (data.totalMessages / data.analyzedChats).toFixed(1) : 0
     const toolsPerSession = data.analyzedChats > 0 ? (data.totalToolCalls / data.analyzedChats).toFixed(1) : 0
     const tokPerMsg = data.totalMessages > 0 ? Math.round(totalTok / data.totalMessages) : 0
-    const cacheHitRate = data.totalInputTokens > 0 ? ((data.totalCacheRead / data.totalInputTokens) * 100).toFixed(1) : 0
-    const outputRatio = data.totalInputTokens > 0 ? (data.totalOutputTokens / data.totalInputTokens).toFixed(2) : 0
+    const totalInputAll = data.totalInputTokens + data.totalCacheRead + data.totalCacheWrite
+    const cacheHitRate = totalInputAll > 0 ? ((data.totalCacheRead / totalInputAll) * 100).toFixed(1) : 0
+    const outputRatio = totalInputAll > 0 ? (data.totalOutputTokens / totalInputAll).toFixed(3) : 0
     const aiVsHuman = data.totalUserChars > 0 ? (data.totalAssistantChars / data.totalUserChars).toFixed(1) : 0
     return { totalTok, msgsPerSession, toolsPerSession, tokPerMsg, cacheHitRate, outputRatio, aiVsHuman }
   }, [data])
@@ -300,15 +301,17 @@ export default function DeepAnalysis({ overview }) {
                 <div>
                   <div className="flex items-center justify-between text-[11px] mb-1">
                     <span style={{ color: 'var(--c-text2)' }}>input tokens</span>
-                    <span className="font-bold" style={{ color: 'var(--c-white)' }}>{formatNumber(data.totalInputTokens)}</span>
+                    <span className="font-bold" style={{ color: 'var(--c-white)' }}>{formatNumber(data.totalInputTokens + data.totalCacheRead + data.totalCacheWrite)}</span>
                   </div>
                   <ProportionBar segments={[
-                    { label: 'Fresh input', value: data.totalInputTokens - data.totalCacheRead, color: '#6366f1' },
+                    { label: 'Fresh input', value: data.totalInputTokens, color: '#6366f1' },
+                    { label: 'Cache write', value: data.totalCacheWrite, color: '#fbbf24' },
                     { label: 'Cache read', value: data.totalCacheRead, color: '#34d399' },
                   ]} />
                   <div className="flex items-center gap-3 mt-1 text-[10px]">
-                    <span className="flex items-center gap-1"><span className="w-2 h-2 rounded-sm" style={{ background: '#6366f1' }} /> fresh {formatNumber(data.totalInputTokens - data.totalCacheRead)}</span>
-                    <span className="flex items-center gap-1"><span className="w-2 h-2 rounded-sm" style={{ background: '#34d399' }} /> cached {formatNumber(data.totalCacheRead)}</span>
+                    <span className="flex items-center gap-1"><span className="w-2 h-2 rounded-sm" style={{ background: '#6366f1' }} /> fresh {formatNumber(data.totalInputTokens)}</span>
+                    <span className="flex items-center gap-1"><span className="w-2 h-2 rounded-sm" style={{ background: '#fbbf24' }} /> cache write {formatNumber(data.totalCacheWrite)}</span>
+                    <span className="flex items-center gap-1"><span className="w-2 h-2 rounded-sm" style={{ background: '#34d399' }} /> cache read {formatNumber(data.totalCacheRead)}</span>
                   </div>
                 </div>
                 {/* Output tokens */}

package/ui/src/pages/Settings.jsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import { Settings as SettingsIcon, EyeOff, Eye, FolderOpen, Search } from 'lucide-react'
+import { Settings as SettingsIcon, EyeOff, Eye, FolderOpen, Search, ShieldCheck, ShieldOff, AlertTriangle, X } from 'lucide-react'
 import { fetchConfig, updateConfig, fetchAllProjects } from '../lib/api'
 import { editorLabel, formatNumber, formatDate } from '../lib/constants'
 import EditorIcon from '../components/EditorIcon'
@@ -13,6 +13,7 @@ export default function Settings() {
   const [loading, setLoading] = useState(true)
   const [saving, setSaving] = useState(false)
   const [search, setSearch] = useState('')
+  const [showConfirm, setShowConfirm] = useState(false)
 
   useEffect(() => {
     Promise.all([fetchConfig(), fetchAllProjects()]).then(([cfg, projs]) => {
@@ -47,10 +48,45 @@ export default function Settings() {
 
   const sorted = [...filtered].sort((a, b) => a.name.localeCompare(b.name))
 
+  const subscriptionAccess = !!config.allowSubscriptionAccess
+
+  const toggleSubscriptionAccess = async () => {
+    setSaving(true)
+    const newConfig = await updateConfig({ allowSubscriptionAccess: !subscriptionAccess })
+    setConfig(newConfig)
+    setSaving(false)
+    setShowConfirm(false)
+  }
+
   return (
     <div className="fade-in space-y-3">
       <PageHeader icon={SettingsIcon} title="Settings" />
 
+      <div className="card overflow-hidden">
+        <div className="px-3 py-2 flex items-center justify-between" style={{ borderBottom: '1px solid var(--c-border)' }}>
+          <SectionTitle>
+            {subscriptionAccess ? <ShieldCheck size={11} className="inline mr-1" /> : <ShieldOff size={11} className="inline mr-1" />}
+            subscription access
+          </SectionTitle>
+          <button
+            onClick={() => setShowConfirm(true)}
+            disabled={saving}
+            className="text-[11px] px-2 py-0.5 rounded transition"
+            style={{
+              background: subscriptionAccess ? 'rgba(34,197,94,0.08)' : 'rgba(239,68,68,0.08)',
+              color: subscriptionAccess ? '#22c55e' : '#ef4444',
+              border: `1px solid ${subscriptionAccess ? 'rgba(34,197,94,0.15)' : 'rgba(239,68,68,0.15)'}`,
+            }}
+          >
+            {subscriptionAccess ? 'Enabled' : 'Disabled'}
+          </button>
+        </div>
+        <div className="text-[11px] px-3 py-2" style={{ color: 'var(--c-text3)' }}>
+          When enabled, Agentlytics reads locally stored auth tokens (Keychain, SQLite, config files) to show your plan and usage info for each editor.
+          Tokens are kept in-memory only and <span style={{ color: 'var(--c-text2)' }}>never sent to any third-party service</span>.
+        </div>
+      </div>
+
       <div className="card overflow-hidden">
         <div className="px-3 py-2 flex items-center justify-between" style={{ borderBottom: '1px solid var(--c-border)' }}>
           <SectionTitle>
@@ -88,6 +124,70 @@ export default function Settings() {
           <div className="text-center py-6 text-[12px]" style={{ color: 'var(--c-text3)' }}>no projects match filter</div>
         )}
       </div>
+      {showConfirm && (
+        <ConfirmModal
+          enabling={!subscriptionAccess}
+          saving={saving}
+          onConfirm={toggleSubscriptionAccess}
+          onCancel={() => setShowConfirm(false)}
+        />
+      )}
+    </div>
+  )
+}
+
+function ConfirmModal({ enabling, saving, onConfirm, onCancel }) {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center" style={{ background: 'rgba(0,0,0,0.6)' }} onClick={onCancel}>
+      <div className="card w-[420px] mx-4" onClick={e => e.stopPropagation()} style={{ background: 'var(--c-bg2)', border: '1px solid var(--c-border)' }}>
+        <div className="flex items-center justify-between px-4 py-3" style={{ borderBottom: '1px solid var(--c-border)' }}>
+          <div className="flex items-center gap-2 text-[13px] font-medium" style={{ color: 'var(--c-white)' }}>
+            <AlertTriangle size={14} style={{ color: enabling ? '#fbbf24' : '#ef4444' }} />
+            {enabling ? 'Enable' : 'Disable'} Subscription Access
+          </div>
+          <button onClick={onCancel} className="p-1 rounded hover:bg-[var(--c-bg3)]" style={{ color: 'var(--c-text3)' }}>
+            <X size={14} />
+          </button>
+        </div>
+        <div className="px-4 py-3 text-[11px] space-y-2" style={{ color: 'var(--c-text2)' }}>
+          {enabling ? (
+            <>
+              <p>This will allow Agentlytics to read locally stored auth tokens from:</p>
+              <ul className="space-y-1 pl-3" style={{ color: 'var(--c-text3)' }}>
+                <li>Claude Code &ndash; macOS Keychain / Linux secret-tool</li>
+                <li>Cursor &ndash; local SQLite (state.vscdb)</li>
+                <li>Copilot / VS Code &ndash; ~/.config/github-copilot/apps.json</li>
+                <li>Codex &ndash; local auth.json (JWT decode only)</li>
+                <li>Windsurf &ndash; local SQLite (state.vscdb)</li>
+              </ul>
+              <p style={{ color: 'var(--c-text2)' }}>Tokens are kept <strong>in-memory only</strong> and never sent to any third-party service.</p>
+            </>
+          ) : (
+            <p>This will stop Agentlytics from reading any local auth tokens. Subscription and plan details will no longer be collected.</p>
+          )}
+        </div>
+        <div className="flex justify-end gap-2 px-4 py-3" style={{ borderTop: '1px solid var(--c-border)' }}>
+          <button
+            onClick={onCancel}
+            className="text-[11px] px-3 py-1 rounded transition"
+            style={{ color: 'var(--c-text3)', border: '1px solid var(--c-border)' }}
+          >
+            Cancel
+          </button>
+          <button
+            onClick={onConfirm}
+            disabled={saving}
+            className="text-[11px] px-3 py-1 rounded transition font-medium"
+            style={{
+              background: enabling ? 'rgba(34,197,94,0.12)' : 'rgba(239,68,68,0.12)',
+              color: enabling ? '#22c55e' : '#ef4444',
+              border: `1px solid ${enabling ? 'rgba(34,197,94,0.2)' : 'rgba(239,68,68,0.2)'}`,
+            }}
+          >
+            {saving ? 'Saving...' : enabling ? 'Yes, enable' : 'Yes, disable'}
+          </button>
+        </div>
+      </div>
     </div>
   )
 }