adaptive-memory-multi-model-router 2.11.0 → 2.12.1

package/src/cli/setupWizard.ts

@@ -0,0 +1,194 @@
+/**
+ * A3M Router Setup Wizard
+ * Interactive configuration wizard
+ */
+
+const fs = require('fs');
+const path = require('path');
+const readline = require('readline');
+
+const CONFIG_DIR = path.join(process.env.HOME || '/tmp', '.config', 'a3m-router');
+const CONFIG_FILE = path.join(CONFIG_DIR, 'providers.json');
+
+// API key environment variable mappings
+const API_KEY_ENV_MAP = {
+  'GROQ_API_KEY': 'groq',
+  'OPENAI_API_KEY': 'openai',
+  'ANTHROPIC_API_KEY': 'anthropic',
+  'DEEPSEEK_API_KEY': 'deepseek',
+  'MISTRAL_API_KEY': 'mistral',
+  'GOOGLE_API_KEY': 'google',
+  'CEREBRAS_API_KEY': 'cerebras',
+  'TOGETHER_API_KEY': 'together',
+  'AI21_API_KEY': 'ai21',
+  'COHERE_API_KEY': 'cohere',
+  'MINIMAX_API_KEY': 'minimax',
+  'KIMI_API_KEY': 'kimi',
+  'MOONSHOT_API_KEY': 'moonshot',
+  'QWEN_API_KEY': 'qwen',
+  'ZHIPU_API_KEY': 'zhipu',
+  'YI_API_KEY': 'yi',
+  'BAICHUAN_API_KEY': 'baichuan',
+};
+
+// Provider metadata
+const PROVIDER_INFO = {
+  groq: { name: 'Groq', models: 'llama-3.3-70b-versatile', tier: 'free', strength: 'Fast, free tier' },
+  openai: { name: 'OpenAI', models: 'gpt-4o-mini', tier: 'paid', strength: 'GPT-4, most capable' },
+  anthropic: { name: 'Anthropic', models: 'claude-3.5-haiku', tier: 'paid', strength: 'Claude, best reasoning' },
+  deepseek: { name: 'DeepSeek', models: 'deepseek-chat-v3', tier: 'cheap', strength: 'Cheap, good code' },
+  mistral: { name: 'Mistral', models: 'mistral-small-latest', tier: 'cheap', strength: 'European, balanced' },
+  google: { name: 'Google AI', models: 'gemini-1.5-flash', tier: 'free', strength: 'Gemini, multimodal' },
+  cerebras: { name: 'Cerebras', models: 'llama-3.3-70b', tier: 'free', strength: 'Fastest inference' },
+  together: { name: 'Together AI', models: 'Llama-3.3-70B-Instruct', tier: 'cheap', strength: 'Managed, reliable' },
+  ai21: { name: 'AI21', models: 'jamba-1.5-medium', tier: 'paid', strength: 'Jamba, long context' },
+  cohere: { name: 'Cohere', models: 'command-r7b', tier: 'cheap', strength: 'Command series, fast' },
+  minimax: { name: 'MiniMax', models: 'abab6.5s-chat', tier: 'cheap', strength: 'Chinese, cheap' },
+  kimi: { name: 'Kimi/Moonshot', models: 'moonshot-v1-8k', tier: 'cheap', strength: 'Chinese, 128k context' },
+  moonshot: { name: 'Moonshot', models: 'moonshot-v1-8k', tier: 'cheap', strength: 'Chinese, good' },
+  qwen: { name: 'Qwen', models: 'qwen-turbo', tier: 'cheap', strength: 'Alibaba, multilingual' },
+  zhipu: { name: 'Zhipu GLM', models: 'glm-4', tier: 'cheap', strength: 'Chinese, smart' },
+  yi: { name: 'Yi', models: 'yi-large', tier: 'cheap', strength: 'Chinese, good reasoning' },
+  baichuan: { name: 'Baichuan', models: 'baichuan-4', tier: 'cheap', strength: 'Chinese, balanced' },
+};
+
+function createInterface() {
+  return readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+}
+
+function question(rl, text) {
+  return new Promise((resolve) => {
+    rl.question(text, (answer) => resolve(answer));
+  });
+}
+
+async function detectApiKeys() {
+  const detected = [];
+  for (const [envVar, providerId] of Object.entries(API_KEY_ENV_MAP)) {
+    if (process.env[envVar]) {
+      detected.push({ envVar, providerId, info: PROVIDER_INFO[providerId] });
+    }
+  }
+  return detected;
+}
+
+async function runWizard() {
+  console.log('\n🔧 A3M Router Setup Wizard');
+  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━\n');
+  
+  const rl = createInterface();
+  
+  // Ensure config directory exists
+  if (!fs.existsSync(CONFIG_DIR)) {
+    fs.mkdirSync(CONFIG_DIR, { recursive: true });
+  }
+  
+  // Check for existing config
+  let existingConfig = {};
+  if (fs.existsSync(CONFIG_FILE)) {
+    try {
+      existingConfig = JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf8'));
+      console.log('✓ Found existing config at', CONFIG_FILE);
+      console.log('  Providers:', Object.keys(existingConfig.providers || {}).join(', '));
+      console.log('');
+    } catch (e) {
+      console.log('⚠ Could not read existing config, starting fresh\n');
+    }
+  }
+  
+  // Auto-detect API keys
+  console.log('🔍 Scanning for API keys in environment...');
+  const detected = await detectApiKeys();
+  
+  if (detected.length === 0) {
+    console.log('⚠ No API keys detected in environment.');
+    console.log('  Set any of: GROQ_API_KEY, OPENAI_API_KEY, DEEPSEEK_API_KEY, etc.\n');
+  } else {
+    console.log('✓ Found', detected.length, 'API key(s):');
+    detected.forEach(({ envVar, providerId, info }) => {
+      console.log('  ✓', envVar, '→', info?.name || providerId);
+    });
+    console.log('');
+  }
+  
+  // Provider selection
+  const allProviders = Object.keys(PROVIDER_INFO);
+  const selected = new Set();
+  
+  // Pre-select providers with detected keys
+  detected.forEach(({ providerId }) => selected.add(providerId));
+  
+  console.log('📡 Select providers to configure (comma-separated numbers, or "all"):');
+  console.log('');
+  
+  const numbered = allProviders.map((id, i) => ({ id, i }));
+  numbered.forEach(({ id, i }) => {
+    const info = PROVIDER_INFO[id];
+    const selected_mark = selected.has(id) ? '[x]' : '[ ]';
+    const tier_mark = info?.tier === 'free' ? '(FREE)' : info?.tier === 'cheap' ? '(cheap)' : '(paid)';
+    console.log(`  ${String(i + 1).padStart(2)}. ${selected_mark} ${id.padEnd(12)} ${tier_mark} - ${info?.strength || ''}`);
+  });
+  
+  console.log('');
+  const answer = await question(rl, '  Enter numbers or "all" [all with keys detected]: ');
+  
+  if (answer.toLowerCase().trim() === 'all') {
+    allProviders.forEach(id => selected.add(id));
+  } else if (answer.trim()) {
+    const nums = answer.split(',').map(s => parseInt(s.trim())).filter(n => !isNaN(n));
+    nums.forEach(n => {
+      const idx = n - 1;
+      if (idx >= 0 && idx < allProviders.length) {
+        selected.add(allProviders[idx]);
+      }
+    });
+  }
+  
+  console.log('\n✓ Selected providers:', Array.from(selected).join(', '));
+  
+  // Build config
+  const config = {
+    version: '1.0',
+    providers: {}
+  };
+  
+  selected.forEach(providerId => {
+    const info = PROVIDER_INFO[providerId];
+    const envKey = Object.entries(API_KEY_ENV_MAP).find(([k, v]) => v === providerId)?.[0];
+    
+    config.providers[providerId] = {
+      name: info?.name || providerId,
+      apiKey: envKey ? process.env[envKey] : '',
+      models: [info?.models || 'default'],
+      type: 'api',
+      enabled: true
+    };
+  });
+  
+  // Save config
+  fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
+  console.log('\n✓ Config saved to', CONFIG_FILE);
+  
+  // Test connections
+  console.log('\n🧪 Testing connections...');
+  console.log('  (Skipped in wizard mode - run "npx a3m-router test" to verify)\n');
+  
+  // Ready message
+  console.log('━━━━━━━━━━━━━━━━━━━━━━━━━');
+  console.log('✅ A3M Router is ready!');
+  console.log('');
+  console.log('  Next steps:');
+  console.log('  1. npx a3m-router serve     # Start proxy server');
+  console.log('  2. npx a3m-router test       # Test provider connections');
+  console.log('  3. npx a3m-router route "hi" # Try routing a query');
+  console.log('');
+  console.log('  Docs: https://github.com/Das-rebel/adaptive-memory-multi-model-router');
+  console.log('');
+  
+  rl.close();
+}
+
+module.exports = { runWizard };

package/src/routing/providerRetry.ts

@@ -357,6 +357,11 @@ export class ProviderRetryHandler {
   isRetryableError(error: any): boolean {
     if (!error) return false;
 
+    // Known non-retryable account/quota/policy states seen in Chinese provider APIs.
+    if (this.isPermanentProviderStateError(error)) {
+      return false;
+    }
+
     const config = this.configs.get('default')!.retry;
     const retryableErrors = config.retryableErrors || DEFAULT_RETRY_CONFIG.retryableErrors!;
 
@@ -382,6 +387,41 @@ export class ProviderRetryHandler {
     return false;
   }
 
+  /**
+   * Detect hard non-retryable account/policy states.
+   * These should fail fast instead of wasting retries.
+   */
+  private isPermanentProviderStateError(error: any): boolean {
+    const status = Number(error?.status ?? error?.statusCode ?? 0);
+    const message = String(error?.message || '').toLowerCase();
+    const code = String(error?.code || '').toLowerCase();
+
+    // Payment/balance/account states are generally non-retryable without human action.
+    if (status === 402) return true;
+    if (status === 401 || status === 403) return true;
+
+    const hardPatterns = [
+      'insufficient',
+      'balance',
+      'invalid api key',
+      'incorrect api key',
+      'access terminated',
+      'account abnormal',
+      '违规',
+      'quota exhausted',
+      'hour allocated quota exceeded',
+      'week allocated quota exceeded',
+      'month allocated quota exceeded',
+      'tpd rate limit'
+    ];
+
+    for (const p of hardPatterns) {
+      if (message.includes(p) || code.includes(p)) return true;
+    }
+
+    return false;
+  }
+
   /**
    * Check if error is a rate limit (429)
    */
@@ -575,4 +615,4 @@ export function getDefaultRetryHandler(): ProviderRetryHandler {
 export {
   DEFAULT_RETRY_CONFIG,
   PROVIDER_CONTEXT_LIMITS,
-};
+};

package/docs/assets/cost-comparison.svg

@@ -1,134 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="780" height="520" viewBox="0 0 780 520">
-  <defs>
-    <linearGradient id="gpt4bar" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0%" stop-color="#f85149"/>
-      <stop offset="100%" stop-color="#da3633"/>
-    </linearGradient>
-    <linearGradient id="a3mbar" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0%" stop-color="#3fb950"/>
-      <stop offset="100%" stop-color="#238636"/>
-    </linearGradient>
-    <linearGradient id="header" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="#161b22"/>
-      <stop offset="100%" stop-color="#0d1117"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- Background -->
-  <rect width="780" height="520" rx="12" fill="#0d1117" stroke="#30363d" stroke-width="1"/>
-  
-  <!-- Header -->
-  <rect width="780" height="56" rx="12" fill="url(#header)"/>
-  <rect y="44" width="780" height="12" fill="url(#header)"/>
-  <text x="24" y="28" font-family="-apple-system,system-ui,sans-serif" font-size="18" fill="#c9d1d9" font-weight="700">💰 Cost Comparison</text>
-  <text x="24" y="46" font-family="-apple-system,system-ui,sans-serif" font-size="12" fill="#8b949e">10,000 queries/month · Real provider pricing · Mixed query complexity</text>
-  
-  <!-- Legend -->
-  <rect x="580" y="16" width="14" height="14" rx="3" fill="url(#gpt4bar)"/>
-  <text x="600" y="27" font-family="-apple-system,system-ui,sans-serif" font-size="12" fill="#f85149">All → GPT-4o</text>
-  <rect x="680" y="16" width="14" height="14" rx="3" fill="url(#a3mbar)"/>
-  <text x="700" y="27" font-family="-apple-system,system-ui,sans-serif" font-size="12" fill="#3fb950">A3M Routed</text>
-  
-  <!-- Chart rows -->
-  <g font-family="'SF Mono','Fira Code',monospace" font-size="12">
-    
-    <!-- Row 1: Simple Q&A -->
-    <text x="24" y="82" fill="#8b949e">Simple Q&A</text>
-    <text x="24" y="96" fill="#484f58" font-size="10">47% of traffic · "What is 2+2?"</text>
-    <rect x="140" y="78" width="200" height="20" rx="4" fill="url(#gpt4bar)" opacity="0.9">
-      <animate attributeName="width" from="0" to="200" dur="0.6s" fill="freeze"/>
-    </rect>
-    <text x="346" y="93" fill="#f85149" font-size="11">$4.94</text>
-    <rect x="140" y="100" width="2" height="14" rx="2" fill="url(#a3mbar)">
-      <animate attributeName="width" from="0" to="2" dur="0.4s" fill="freeze"/>
-    </rect>
-    <text x="148" y="112" fill="#3fb950" font-size="11">$0.00 → CommandCode (FREE)</text>
-    <text x="720" y="96" fill="#3fb950" font-weight="bold" font-size="13">100% ✓</text>
-    
-    <!-- Row 2: Code generation -->
-    <text x="24" y="148" fill="#8b949e">Code generation</text>
-    <text x="24" y="162" fill="#484f58" font-size="10">15% of traffic · "Write Python sort"</text>
-    <rect x="140" y="144" width="198" height="20" rx="4" fill="url(#gpt4bar)" opacity="0.9">
-      <animate attributeName="width" from="0" to="198" dur="0.6s" begin="0.15s" fill="freeze"/>
-    </rect>
-    <text x="344" y="159" fill="#f85149" font-size="11">$4.88</text>
-    <rect x="140" y="166" width="7" height="14" rx="2" fill="url(#a3mbar)">
-      <animate attributeName="width" from="0" to="7" dur="0.4s" begin="0.15s" fill="freeze"/>
-    </rect>
-    <text x="153" y="178" fill="#3fb950" font-size="11">$0.17 → DeepSeek v3</text>
-    <text x="720" y="162" fill="#3fb950" font-weight="bold" font-size="13">97% ✓</text>
-    
-    <!-- Row 3: Summarization -->
-    <text x="24" y="214" fill="#8b949e">Summarization</text>
-    <text x="24" y="228" fill="#484f58" font-size="10">18% of traffic · "Summarize this doc"</text>
-    <rect x="140" y="210" width="292" height="20" rx="4" fill="url(#gpt4bar)" opacity="0.9">
-      <animate attributeName="width" from="0" to="292" dur="0.6s" begin="0.3s" fill="freeze"/>
-    </rect>
-    <text x="438" y="225" fill="#f85149" font-size="11">$7.20</text>
-    <rect x="140" y="232" width="17" height="14" rx="2" fill="url(#a3mbar)">
-      <animate attributeName="width" from="0" to="17" dur="0.4s" begin="0.3s" fill="freeze"/>
-    </rect>
-    <text x="163" y="244" fill="#3fb950" font-size="11">$0.43 → GPT-4o-mini</text>
-    <text x="720" y="228" fill="#3fb950" font-weight="bold" font-size="13">94% ✓</text>
-    
-    <!-- Row 4: Complex reasoning -->
-    <text x="24" y="280" fill="#8b949e">Complex reasoning</text>
-    <text x="24" y="294" fill="#484f58" font-size="10">12% of traffic · "Analyze economics of..."</text>
-    <rect x="140" y="276" width="352" height="20" rx="4" fill="url(#gpt4bar)" opacity="0.9">
-      <animate attributeName="width" from="0" to="352" dur="0.6s" begin="0.45s" fill="freeze"/>
-    </rect>
-    <text x="498" y="291" fill="#f85149" font-size="11">$8.70</text>
-    <rect x="140" y="298" width="136" height="14" rx="2" fill="url(#a3mbar)">
-      <animate attributeName="width" from="0" to="136" dur="0.4s" begin="0.45s" fill="freeze"/>
-    </rect>
-    <text x="282" y="310" fill="#3fb950" font-size="11">$3.36 → Claude Haiku</text>
-    <text x="720" y="294" fill="#ffa657" font-weight="bold" font-size="13">61% ✓</text>
-    
-    <!-- Row 5: Expert analysis -->
-    <text x="24" y="346" fill="#8b949e">Expert analysis</text>
-    <text x="24" y="360" fill="#484f58" font-size="10">8% of traffic · "Legal contract review"</text>
-    <rect x="140" y="342" width="340" height="20" rx="4" fill="url(#gpt4bar)" opacity="0.9">
-      <animate attributeName="width" from="0" to="340" dur="0.6s" begin="0.6s" fill="freeze"/>
-    </rect>
-    <text x="486" y="357" fill="#f85149" font-size="11">$8.40</text>
-    <rect x="140" y="364" width="340" height="14" rx="2" fill="url(#a3mbar)" opacity="0.5">
-      <animate attributeName="width" from="0" to="340" dur="0.4s" begin="0.6s" fill="freeze"/>
-    </rect>
-    <text x="486" y="376" fill="#8b949e" font-size="11">$8.40 → GPT-4o (no shortcut)</text>
-    <text x="720" y="360" fill="#8b949e" font-weight="bold" font-size="13">0%</text>
-  </g>
-  
-  <!-- Divider -->
-  <line x1="24" y1="396" x2="756" y2="396" stroke="#30363d" stroke-width="1"/>
-  
-  <!-- Total -->
-  <g font-family="-apple-system,system-ui,sans-serif">
-    <text x="24" y="418" fill="#c9d1d9" font-size="16" font-weight="700">Total: 10,000 queries</text>
-    <text x="380" y="418" fill="#f85149" font-size="16" font-weight="700">$34.11/mo</text>
-    <text x="470" y="418" fill="#484f58" font-size="16">→</text>
-    <text x="498" y="418" fill="#3fb950" font-size="16" font-weight="700">$12.36/mo</text>
-    <text x="600" y="418" fill="#3fb950" font-size="20" font-weight="800">Save 64%</text>
-  </g>
-  
-  <!-- Scale projections -->
-  <g font-family="'SF Mono','Fira Code',monospace" font-size="11">
-    <text x="24" y="448" fill="#8b949e">At scale:</text>
-    <text x="24" y="468" fill="#484f58">  100K queries/mo</text>
-    <text x="200" y="468" fill="#f85149">$341</text>
-    <text x="240" y="468" fill="#484f58">→</text>
-    <text x="260" y="468" fill="#3fb950">$124</text>
-    <text x="310" y="468" fill="#3fb950">save $218/mo</text>
-    
-    <text x="420" y="468" fill="#484f58">  1M queries/mo</text>
-    <text x="580" y="468" fill="#f85149">$3,411</text>
-    <text x="630" y="468" fill="#484f58">→</text>
-    <text x="650" y="468" fill="#3fb950">$1,236</text>
-    <text x="700" y="468" fill="#3fb950">save $2,175/mo</text>
-  </g>
-  
-  <!-- Bottom note -->
-  <rect x="16" y="488" width="748" height="24" rx="4" fill="#161b22"/>
-  <text x="390" y="504" text-anchor="middle" font-family="-apple-system,system-ui,sans-serif" font-size="11" fill="#8b949e">
-    Based on real provider pricing from providerConfig.ts · RouteLLM query distribution (47% simple) · Savings vary by usage
-  </text>
-</svg>

package/docs/assets/growth-chart-animated.svg

@@ -1,76 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="280" viewBox="0 0 600 280">
-  <style>
-    .label { font-family: 'SF Mono', monospace; font-size: 12px; fill: #8b949e; }
-    .value { font-family: 'SF Mono', monospace; font-size: 14px; font-weight: bold; }
-    .title { font-family: -apple-system, system-ui, sans-serif; font-size: 16px; fill: #c9d1d9; font-weight: 600; }
-    .subtitle { font-family: -apple-system, system-ui, sans-serif; font-size: 12px; fill: #8b949e; }
-  </style>
-  
-  <!-- Background -->
-  <rect width="600" height="280" rx="12" fill="#0d1117" stroke="#30363d" stroke-width="1"/>
-  
-  <!-- Title -->
-  <text x="300" y="30" text-anchor="middle" class="title">📈 Downloads Over 3 Days</text>
-  <text x="300" y="48" text-anchor="middle" class="subtitle">Zero marketing budget. Pure npm keyword discovery + word-of-mouth.</text>
-  
-  <!-- Chart area -->
-  <g transform="translate(80, 70)">
-    <!-- Grid lines -->
-    <line x1="0" y1="0" x2="440" y2="0" stroke="#21262d" stroke-width="1"/>
-    <line x1="0" y1="40" x2="440" y2="40" stroke="#21262d" stroke-width="1" stroke-dasharray="4"/>
-    <line x1="0" y1="80" x2="440" y2="80" stroke="#21262d" stroke-width="1" stroke-dasharray="4"/>
-    <line x1="0" y1="120" x2="440" y2="120" stroke="#21262d" stroke-width="1" stroke-dasharray="4"/>
-    <line x1="0" y1="160" x2="440" y2="160" stroke="#21262d" stroke-width="1"/>
-    
-    <!-- Y-axis labels -->
-    <text x="-10" y="4" text-anchor="end" class="label">2000</text>
-    <text x="-10" y="44" text-anchor="end" class="label">1500</text>
-    <text x="-10" y="84" text-anchor="end" class="label">1000</text>
-    <text x="-10" y="124" text-anchor="end" class="label">500</text>
-    <text x="-10" y="164" text-anchor="end" class="label">0</text>
-    
-    <!-- Area fill -->
-    <polygon points="73,116 220,134 367,8 367,160 73,160" fill="#238636" fill-opacity="0.15">
-      <animate attributeName="fill-opacity" from="0" to="0.15" dur="1s" fill="freeze"/>
-    </polygon>
-    
-    <!-- Line -->
-    <polyline points="73,116 220,134 367,8" fill="none" stroke="#3fb950" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-      <animate attributeName="stroke-dashoffset" from="400" to="0" dur="1.5s" fill="freeze"/>
-      <set attributeName="stroke-dasharray" to="400"/>
-    </polyline>
-    
-    <!-- Data points -->
-    <circle cx="73" cy="116" r="6" fill="#0d1117" stroke="#3fb950" stroke-width="3">
-      <animate attributeName="r" from="0" to="6" dur="0.3s" begin="0.5s" fill="freeze"/>
-    </circle>
-    <circle cx="220" cy="134" r="6" fill="#0d1117" stroke="#f0883e" stroke-width="3">
-      <animate attributeName="r" from="0" to="6" dur="0.3s" begin="1s" fill="freeze"/>
-    </circle>
-    <circle cx="367" cy="8" r="6" fill="#0d1117" stroke="#3fb950" stroke-width="3">
-      <animate attributeName="r" from="0" to="6" dur="0.3s" begin="1.5s" fill="freeze"/>
-    </circle>
-    
-    <!-- Value labels -->
-    <text x="73" y="106" text-anchor="middle" class="value" fill="#c9d1d9">552</text>
-    <text x="220" y="152" text-anchor="middle" class="value" fill="#f0883e">320</text>
-    <text x="367" y="-4" text-anchor="middle" class="value" fill="#3fb950">1,903</text>
-    
-    <!-- X-axis labels -->
-    <text x="73" y="180" text-anchor="middle" class="label">Day 1</text>
-    <text x="73" y="194" text-anchor="middle" class="subtitle">May 15</text>
-    <text x="220" y="180" text-anchor="middle" class="label">Day 2</text>
-    <text x="220" y="194" text-anchor="middle" class="subtitle">May 16</text>
-    <text x="367" y="180" text-anchor="middle" class="label">Day 3</text>
-    <text x="367" y="194" text-anchor="middle" class="subtitle">May 17</text>
-    
-    <!-- Annotations -->
-    <text x="147" y="105" text-anchor="middle" class="subtitle" fill="#f0883e">-42%</text>
-    <text x="293" y="60" text-anchor="middle" class="subtitle" fill="#3fb950">+495%</text>
-  </g>
-  
-  <!-- Bottom stats -->
-  <text x="150" y="270" text-anchor="middle" class="value" fill="#3fb950">2,775 total</text>
-  <text x="300" y="270" text-anchor="middle" class="value" fill="#79c0ff">245% growth</text>
-  <text x="450" y="270" text-anchor="middle" class="value" fill="#d2a8ff">$0 budget</text>
-</svg>