kodelyth-ecc 1.2.2 → 1.3.0

package/dashboard/server.js

@@ -1,119 +0,0 @@
-#!/usr/bin/env node
-// Kodelyth Lens — AI Coding Agent Dashboard
-// Part of Kodelyth ECC — github.com/sifxprime/kodelyth-ecc
-// Tracks usage across Claude Code, Cursor, Windsurf, Codex, Antigravity
-
-import http      from 'node:http';
-import fs        from 'node:fs';
-import path      from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { aggregateAll } from './lib/aggregator.js';
-
-// Load .env if present
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const envFile   = path.join(__dirname, '.env');
-if (fs.existsSync(envFile)) {
-  for (const line of fs.readFileSync(envFile, 'utf-8').split('\n')) {
-    const m = line.match(/^([^#=\s]+)\s*=\s*(.*)$/);
-    if (m && !process.env[m[1]]) process.env[m[1]] = m[2].trim().replace(/^["']|["']$/g, '');
-  }
-}
-
-const PORT    = parseInt(process.env.PORT || '3456', 10);
-const PUBLIC  = path.join(__dirname, 'public');
-const CACHE_TTL = 30_000; // 30 seconds
-
-const MIME = {
-  '.html': 'text/html; charset=utf-8',
-  '.css':  'text/css',
-  '.js':   'application/javascript',
-  '.json': 'application/json',
-  '.svg':  'image/svg+xml',
-  '.ico':  'image/x-icon',
-};
-
-// Simple in-memory cache
-let _cache = { data: null, ts: 0 };
-
-async function getData(force = false) {
-  const now = Date.now();
-  if (!force && _cache.data && now - _cache.ts < CACHE_TTL) return _cache.data;
-  _cache.data = await aggregateAll();
-  _cache.ts   = now;
-  return _cache.data;
-}
-
-const server = http.createServer(async (req, res) => {
-  const url = new URL(req.url, `http://localhost:${PORT}`);
-
-  // ── API ──────────────────────────────────────────────────────────────────
-  if (url.pathname.startsWith('/api/')) {
-    res.setHeader('Content-Type', 'application/json');
-    res.setHeader('Access-Control-Allow-Origin', '*');
-    res.setHeader('Cache-Control', 'no-cache');
-
-    try {
-      const force = url.searchParams.get('refresh') === '1';
-      const data  = await getData(force);
-
-      const routes = {
-        '/api/all':       () => data,
-        '/api/stats':     () => data.stats,
-        '/api/agents':    () => data.agents,
-        '/api/sessions':  () => data.sessions,
-        '/api/costs':     () => data.costs,
-        '/api/platforms': () => data.platforms,
-      };
-
-      const handler = routes[url.pathname];
-      if (handler) {
-        res.end(JSON.stringify(handler()));
-      } else {
-        res.statusCode = 404;
-        res.end(JSON.stringify({ error: 'Not found' }));
-      }
-    } catch (err) {
-      res.statusCode = 500;
-      res.end(JSON.stringify({ error: err.message }));
-    }
-    return;
-  }
-
-  // ── Static files ─────────────────────────────────────────────────────────
-  let file = url.pathname === '/' ? 'index.html' : url.pathname.slice(1);
-  const filePath = path.resolve(PUBLIC, file);
-
-  // Prevent path traversal attacks
-  if (!filePath.startsWith(PUBLIC + path.sep) && filePath !== path.resolve(PUBLIC, 'index.html')) {
-    res.writeHead(403, { 'Content-Type': 'text/plain' });
-    res.end('Forbidden');
-    return;
-  }
-
-  if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
-    const ext = path.extname(filePath);
-    res.setHeader('Content-Type', MIME[ext] || 'text/plain');
-    res.end(fs.readFileSync(filePath));
-  } else {
-    // SPA fallback
-    res.setHeader('Content-Type', 'text/html; charset=utf-8');
-    res.end(fs.readFileSync(path.join(PUBLIC, 'index.html')));
-  }
-});
-
-server.listen(PORT, () => {
-  console.log('');
-  console.log('  \x1b[36m\x1b[1m██╗  ██╗ ██████╗ ██████╗ ███████╗██╗  ██╗   ██╗████████╗██╗  ██╗\x1b[0m');
-  console.log('  \x1b[36m\x1b[1m██║ ██╔╝██╔═══██╗██╔══██╗██╔════╝██║  ╚██╗ ██╔╝╚══██╔══╝██║  ██║\x1b[0m');
-  console.log('  \x1b[36m\x1b[1m█████╔╝ ██║   ██║██║  ██║█████╗  ██║   ╚████╔╝    ██║   ███████║\x1b[0m');
-  console.log('  \x1b[36m\x1b[1m██╔═██╗ ██║   ██║██║  ██║██╔══╝  ██║    ╚██╔╝     ██║   ██╔══██║\x1b[0m');
-  console.log('  \x1b[36m\x1b[1m██║  ██╗╚██████╔╝██████╔╝███████╗███████╗██║       ██║   ██║  ██║\x1b[0m');
-  console.log('  \x1b[36m\x1b[1m╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚═╝       ╚═╝   ╚═╝  ╚═╝\x1b[0m');
-  console.log('');
-  console.log('  \x1b[1mKodelyth Lens\x1b[0m — AI Coding Agent Dashboard');
-  console.log(`  \x1b[32m\x1b[1m→ http://localhost:${PORT}\x1b[0m`);
-  console.log('');
-  console.log('  Tracking: Claude Code · Cursor · Windsurf · Codex · OpenCode · Antigravity');
-  console.log('  Press Ctrl+C to stop.');
-  console.log('');
-});

package/scripts/agent-tracker-hook.js

@@ -1,81 +0,0 @@
-#!/usr/bin/env node
-// Kodelyth Lens — Agent Auto-Tracker Hook
-// Runs as a PostToolUse hook in Claude Code.
-// Detects ECC agent invocations from tool calls and writes to
-// ~/.claude/kodelyth-agent-tracking.jsonl for the dashboard to read.
-// Part of Kodelyth ECC — github.com/sifxprime/kodelyth-ecc
-
-import fs   from 'node:fs';
-import path from 'node:path';
-import os   from 'node:os';
-
-const ECC_AGENTS = [
-  'kodelyth-advisor', 'debug-detective', 'ux-reviewer', 'api-guardian',
-  'pair-programmer', 'migration-guide', 'code-reviewer', 'typescript-reviewer',
-  'python-reviewer', 'go-reviewer', 'rust-reviewer', 'java-reviewer',
-  'kotlin-reviewer', 'cpp-reviewer', 'csharp-reviewer', 'flutter-reviewer',
-  'build-error-resolver', 'go-build-resolver', 'rust-build-resolver',
-  'java-build-resolver', 'kotlin-build-resolver', 'cpp-build-resolver',
-  'dart-build-resolver', 'pytorch-build-resolver', 'planner', 'architect',
-  'code-architect', 'code-explorer', 'chief-of-staff', 'security-reviewer',
-  'healthcare-reviewer', 'refactor-cleaner', 'code-simplifier',
-  'performance-optimizer', 'type-design-analyzer', 'silent-failure-hunter',
-  'tdd-guide', 'e2e-runner', 'pr-test-analyzer', 'doc-updater',
-  'docs-lookup', 'comment-analyzer', 'opensource-forker', 'opensource-sanitizer',
-  'opensource-packager', 'seo-specialist', 'database-reviewer',
-  'gan-planner', 'gan-generator', 'gan-evaluator', 'loop-operator',
-  'harness-optimizer', 'claude-code-guide',
-];
-
-const INVOKE_PATTERNS = [
-  /\buse\s+([\w-]+)/gi,
-  /@([\w-]+)/g,
-  /invoke\s+([\w-]+)/gi,
-  /delegate\s+to\s+([\w-]+)/gi,
-  /launch\s+([\w-]+)/gi,
-];
-
-function detectAgents(text) {
-  const found = new Set();
-  for (const pattern of INVOKE_PATTERNS) {
-    pattern.lastIndex = 0;
-    let match;
-    while ((match = pattern.exec(text)) !== null) {
-      const candidate = match[1].toLowerCase();
-      if (ECC_AGENTS.includes(candidate)) found.add(candidate);
-    }
-  }
-  return [...found];
-}
-
-// Read hook payload from stdin (Claude Code passes JSON on stdin)
-let raw = '';
-process.stdin.on('data', chunk => raw += chunk);
-process.stdin.on('end', () => {
-  try {
-    const payload    = raw ? JSON.parse(raw) : {};
-    const toolName   = payload.tool_name  || '';
-    const toolInput  = payload.tool_input || {};
-    const toolResult = payload.tool_result|| {};
-
-    // Collect all text from tool input and result
-    const text = JSON.stringify({ toolName, toolInput, toolResult });
-    const agents = detectAgents(text);
-
-    if (!agents.length) process.exit(0);
-
-    const trackingFile = path.join(os.homedir(), '.claude', 'kodelyth-agent-tracking.jsonl');
-    const now          = new Date().toISOString();
-    const date         = now.slice(0, 10);
-
-    const lines = agents.map(agent =>
-      JSON.stringify({ agent, timestamp: now, date, tool: toolName, source: 'hook' })
-    ).join('\n') + '\n';
-
-    fs.mkdirSync(path.dirname(trackingFile), { recursive: true });
-    fs.appendFileSync(trackingFile, lines);
-  } catch (e) {
-    // Never crash — hooks must be silent
-  }
-  process.exit(0);
-});

package/social/readme-lens.svg

@@ -1,140 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 360" width="900" height="360">
-  <defs>
-    <linearGradient id="klLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#7c3aed;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#a78bfa;stop-opacity:1" />
-    </linearGradient>
-    <filter id="cardShadow" x="-5%" y="-5%" width="110%" height="120%">
-      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.08"/>
-    </filter>
-  </defs>
-
-  <!-- White background -->
-  <rect width="900" height="360" fill="#f8fafc" rx="12"/>
-
-  <!-- TOP BAR -->
-  <rect x="0" y="0" width="900" height="52" fill="#0f172a" rx="12"/>
-  <rect x="0" y="40" width="900" height="12" fill="#0f172a"/>
-
-  <!-- KL Logo box -->
-  <rect x="16" y="10" width="34" height="32" rx="6" fill="url(#klLogoGrad)"/>
-  <text x="33" y="31" font-family="system-ui, -apple-system, sans-serif" font-size="14" font-weight="800" fill="#ffffff" text-anchor="middle">KL</text>
-
-  <!-- Kodelyth Lens text -->
-  <text x="60" y="28" font-family="system-ui, -apple-system, sans-serif" font-size="16" font-weight="700" fill="#ffffff">Kodelyth Lens</text>
-
-  <!-- v1.1 badge -->
-  <rect x="188" y="16" width="36" height="20" rx="4" fill="#7c3aed" fill-opacity="0.3" stroke="#7c3aed" stroke-opacity="0.5" stroke-width="1"/>
-  <text x="206" y="30" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#a78bfa" text-anchor="middle" font-weight="600">v1.1</text>
-
-  <!-- Updated indicator -->
-  <circle cx="244" cy="26" r="4" fill="#10b981"/>
-  <text x="252" y="30" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#94a3b8"> Updated 03:25:55</text>
-
-  <!-- Refresh button -->
-  <rect x="806" y="14" width="68" height="24" rx="5" fill="#1e293b" stroke="#334155" stroke-width="1"/>
-  <text x="840" y="30" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">⟳ Refresh</text>
-
-  <!-- STAT CARDS ROW -->
-  <!-- Card 1: Agent Calls -->
-  <rect x="14" y="64" width="164" height="76" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <rect x="14" y="64" width="4" height="76" rx="2" fill="#7c3aed"/>
-  <text x="32" y="90" font-family="system-ui, -apple-system, sans-serif" font-size="24" font-weight="700" fill="#0f172a">5.2K</text>
-  <text x="32" y="108" font-family="system-ui, -apple-system, sans-serif" font-size="9" fill="#64748b" letter-spacing="1" font-weight="600">AGENT CALLS</text>
-  <text x="32" y="125" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#a78bfa">↑ total invocations</text>
-
-  <!-- Card 2: Total Sessions -->
-  <rect x="188" y="64" width="164" height="76" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <rect x="188" y="64" width="4" height="76" rx="2" fill="#3b82f6"/>
-  <text x="206" y="90" font-family="system-ui, -apple-system, sans-serif" font-size="24" font-weight="700" fill="#0f172a">41</text>
-  <text x="206" y="108" font-family="system-ui, -apple-system, sans-serif" font-size="9" fill="#64748b" letter-spacing="1" font-weight="600">TOTAL SESSIONS</text>
-  <text x="206" y="125" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#3b82f6">↑ all time</text>
-
-  <!-- Card 3: Cache Hit Rate -->
-  <rect x="362" y="64" width="164" height="76" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <rect x="362" y="64" width="4" height="76" rx="2" fill="#10b981"/>
-  <text x="380" y="90" font-family="system-ui, -apple-system, sans-serif" font-size="24" font-weight="700" fill="#0f172a">98%</text>
-  <text x="380" y="108" font-family="system-ui, -apple-system, sans-serif" font-size="9" fill="#64748b" letter-spacing="1" font-weight="600">CACHE HIT RATE</text>
-  <text x="380" y="125" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#10b981">↑ excellent</text>
-
-  <!-- Card 4: Total Cost -->
-  <rect x="536" y="64" width="164" height="76" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <rect x="536" y="64" width="4" height="76" rx="2" fill="#f59e0b"/>
-  <text x="554" y="90" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="700" fill="#0f172a">$596.63</text>
-  <text x="554" y="108" font-family="system-ui, -apple-system, sans-serif" font-size="9" fill="#64748b" letter-spacing="1" font-weight="600">TOTAL COST</text>
-  <text x="554" y="125" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#f59e0b">↓ vs $3,074 baseline</text>
-
-  <!-- Card 5: Tokens Used -->
-  <rect x="710" y="64" width="176" height="76" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <rect x="710" y="64" width="4" height="76" rx="2" fill="#06b6d4"/>
-  <text x="728" y="90" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="700" fill="#0f172a">31.7M tok</text>
-  <text x="728" y="108" font-family="system-ui, -apple-system, sans-serif" font-size="9" fill="#64748b" letter-spacing="1" font-weight="600">TOKENS USED</text>
-  <text x="728" y="125" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#06b6d4">↑ total processed</text>
-
-  <!-- BOTTOM SECTION -->
-  <!-- Left panel: Agent Leaderboard -->
-  <rect x="14" y="156" width="540" height="190" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <text x="30" y="180" font-family="system-ui, -apple-system, sans-serif" font-size="13" font-weight="700" fill="#0f172a">Agent Leaderboard</text>
-  <text x="530" y="180" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">calls</text>
-
-  <!-- Divider -->
-  <line x1="30" y1="188" x2="540" y2="188" stroke="#f1f5f9" stroke-width="1"/>
-
-  <!-- Row 1: ux-reviewer -->
-  <text x="30" y="210" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#64748b" font-weight="600">#1</text>
-  <text x="55" y="210" font-family="'Courier New', Courier, monospace" font-size="11" fill="#06b6d4" font-weight="600">ux-reviewer</text>
-  <rect x="200" y="200" width="280" height="14" rx="7" fill="#f1f5f9"/>
-  <rect x="200" y="200" width="252" height="14" rx="7" fill="#06b6d4" fill-opacity="0.7"/>
-  <text x="495" y="212" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#0f172a" text-anchor="end" font-weight="600">2.0K</text>
-
-  <!-- Row 2: database-reviewer -->
-  <text x="30" y="235" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#64748b" font-weight="600">#2</text>
-  <text x="55" y="235" font-family="'Courier New', Courier, monospace" font-size="11" fill="#3b82f6" font-weight="600">database-reviewer</text>
-  <rect x="200" y="225" width="280" height="14" rx="7" fill="#f1f5f9"/>
-  <rect x="200" y="225" width="140" height="14" rx="7" fill="#3b82f6" fill-opacity="0.7"/>
-  <text x="495" y="237" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#0f172a" text-anchor="end" font-weight="600">1.0K</text>
-
-  <!-- Row 3: security-reviewer -->
-  <text x="30" y="260" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#64748b" font-weight="600">#3</text>
-  <text x="55" y="260" font-family="'Courier New', Courier, monospace" font-size="11" fill="#ef4444" font-weight="600">security-reviewer</text>
-  <rect x="200" y="250" width="280" height="14" rx="7" fill="#f1f5f9"/>
-  <rect x="200" y="250" width="67" height="14" rx="7" fill="#ef4444" fill-opacity="0.7"/>
-  <text x="495" y="262" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#0f172a" text-anchor="end" font-weight="600">478</text>
-
-  <!-- Row 4: debug-detective -->
-  <text x="30" y="285" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#64748b" font-weight="600">#4</text>
-  <text x="55" y="285" font-family="'Courier New', Courier, monospace" font-size="11" fill="#f97316" font-weight="600">debug-detective</text>
-  <rect x="200" y="275" width="280" height="14" rx="7" fill="#f1f5f9"/>
-  <rect x="200" y="275" width="35" height="14" rx="7" fill="#f97316" fill-opacity="0.7"/>
-  <text x="495" y="287" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#0f172a" text-anchor="end" font-weight="600">250</text>
-
-  <text x="30" y="334" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#94a3b8">Showing top 4 of 53 agents</text>
-
-  <!-- Right panel: Platforms -->
-  <rect x="566" y="156" width="320" height="190" rx="8" fill="#ffffff" filter="url(#cardShadow)" stroke="#e2e8f0" stroke-width="1"/>
-  <text x="582" y="180" font-family="system-ui, -apple-system, sans-serif" font-size="13" font-weight="700" fill="#0f172a">Platforms</text>
-  <line x1="582" y1="188" x2="874" y2="188" stroke="#f1f5f9" stroke-width="1"/>
-
-  <!-- Platform cards 2x2 grid -->
-  <!-- Claude Code -->
-  <rect x="582" y="198" width="140" height="58" rx="6" fill="#fff7ed" stroke="#f97316" stroke-opacity="0.4" stroke-width="1.5"/>
-  <text x="592" y="218" font-family="system-ui, -apple-system, sans-serif" font-size="11" font-weight="700" fill="#ea580c">Claude Code</text>
-  <text x="592" y="237" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="800" fill="#f97316">33</text>
-  <text x="712" y="237" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#9a3412" text-anchor="end">sessions</text>
-
-  <!-- Codex CLI -->
-  <rect x="732" y="198" width="130" height="58" rx="6" fill="#f0fdf4" stroke="#22c55e" stroke-opacity="0.4" stroke-width="1.5"/>
-  <text x="742" y="218" font-family="system-ui, -apple-system, sans-serif" font-size="11" font-weight="700" fill="#16a34a">Codex CLI</text>
-  <text x="742" y="237" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="800" fill="#22c55e">3</text>
-  <text x="852" y="237" font-family="system-ui, -apple-system, sans-serif" font-size="10" fill="#166534" text-anchor="end">sessions</text>
-
-  <!-- Windsurf -->
-  <rect x="582" y="266" width="140" height="58" rx="6" fill="#ecfeff" stroke="#06b6d4" stroke-opacity="0.4" stroke-width="1.5"/>
-  <text x="592" y="286" font-family="system-ui, -apple-system, sans-serif" font-size="11" font-weight="700" fill="#0891b2">Windsurf ☁</text>
-  <text x="592" y="307" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="800" fill="#06b6d4">Active</text>
-
-  <!-- Antigravity -->
-  <rect x="732" y="266" width="130" height="58" rx="6" fill="#faf5ff" stroke="#a78bfa" stroke-opacity="0.4" stroke-width="1.5"/>
-  <text x="742" y="286" font-family="system-ui, -apple-system, sans-serif" font-size="11" font-weight="700" fill="#7c3aed">Antigravity</text>
-  <text x="742" y="305" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="800" fill="#a78bfa">5 proj</text>
-</svg>

package/social/readme-savings.svg

@@ -1,56 +0,0 @@
-<svg width="900" height="280" viewBox="0 0 900 280" xmlns="http://www.w3.org/2000/svg" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif">
-  <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#f0fdf4"/>
-      <stop offset="100%" stop-color="#ede9fe"/>
-    </linearGradient>
-    <linearGradient id="bar" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0%" stop-color="#7c3aed"/>
-      <stop offset="100%" stop-color="#059669"/>
-    </linearGradient>
-    <linearGradient id="barBg" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0%" stop-color="#dc2626" stop-opacity=".15"/>
-      <stop offset="100%" stop-color="#dc2626" stop-opacity=".08"/>
-    </linearGradient>
-    <filter id="shadow">
-      <feDropShadow dx="0" dy="4" stdDeviation="12" flood-opacity=".12"/>
-    </filter>
-  </defs>
-
-  <!-- Background -->
-  <rect width="900" height="280" rx="16" fill="url(#bg)"/>
-  <rect width="900" height="280" rx="16" fill="none" stroke="#e2e8f0" stroke-width="1"/>
-
-  <!-- Header -->
-  <text x="44" y="52" font-size="13" font-weight="600" fill="#7c3aed" letter-spacing=".5">KODELYTH ECC — COST SAVINGS</text>
-  <text x="44" y="80" font-size="28" font-weight="800" fill="#0f172a" letter-spacing="-1">Prompt caching cuts your AI bill by ~40%</text>
-
-  <!-- Three metric cards -->
-  <!-- Without ECC -->
-  <rect x="44" y="108" width="240" height="100" rx="12" fill="#fff" filter="url(#shadow)"/>
-  <rect x="44" y="108" width="240" height="4" rx="2" fill="#dc2626"/>
-  <text x="64" y="138" font-size="11" font-weight="600" fill="#94a3b8" letter-spacing=".6">WITHOUT ECC (est.)</text>
-  <text x="64" y="172" font-size="32" font-weight="800" fill="#dc2626" letter-spacing="-1.5">$143.26</text>
-  <text x="64" y="193" font-size="12" fill="#94a3b8">full prompt cost every session</text>
-
-  <!-- With ECC -->
-  <rect x="306" y="108" width="240" height="100" rx="12" fill="#fff" filter="url(#shadow)"/>
-  <rect x="306" y="108" width="240" height="4" rx="2" fill="#059669"/>
-  <text x="326" y="138" font-size="11" font-weight="600" fill="#94a3b8" letter-spacing=".6">WITH ECC (actual)</text>
-  <text x="326" y="172" font-size="32" font-weight="800" fill="#059669" letter-spacing="-1.5">$83.24</text>
-  <text x="326" y="193" font-size="12" fill="#94a3b8">cache read tokens billed at 10%</text>
-
-  <!-- Saved -->
-  <rect x="568" y="108" width="288" height="100" rx="12" fill="#fff" filter="url(#shadow)"/>
-  <rect x="568" y="108" width="288" height="4" rx="2" fill="#7c3aed"/>
-  <text x="588" y="138" font-size="11" font-weight="600" fill="#94a3b8" letter-spacing=".6">YOU SAVED</text>
-  <text x="588" y="172" font-size="32" font-weight="800" fill="#7c3aed" letter-spacing="-1.5">$60.02</text>
-  <text x="588" y="193" font-size="12" fill="#94a3b8">41.9% reduction · 68% cache hit rate</text>
-
-  <!-- Progress bar -->
-  <rect x="44" y="228" width="812" height="18" rx="9" fill="url(#barBg)"/>
-  <rect x="44" y="228" width="340" height="18" rx="9" fill="url(#bar)"/>
-  <text x="44" y="261" font-size="11" fill="#dc2626">$83.24 paid</text>
-  <text x="440" y="261" font-size="11" fill="#7c3aed" font-weight="700" text-anchor="middle">68% cache hit rate</text>
-  <text x="856" y="261" font-size="11" fill="#059669" text-anchor="end">$60.02 saved</text>
-</svg>