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

package/assets/chart-cost-v3.svg

@@ -0,0 +1,143 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 450" width="700" height="450">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0a0f"/>
+      <stop offset="50%" stop-color="#12121a"/>
+      <stop offset="100%" stop-color="#1a1a2e"/>
+    </linearGradient>
+    
+    <!-- GPT-4 gradient -->
+    <linearGradient id="gpt4Grad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#3b82f6"/>
+      <stop offset="100%" stop-color="#1d4ed8"/>
+    </linearGradient>
+    
+    <!-- A3M gradient with shimmer -->
+    <linearGradient id="a3mGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#10b981">
+        <animate attributeName="stop-color" values="#10b981;#34d399;#10b981" dur="3s" repeatCount="indefinite"/>
+      </stop>
+      <stop offset="100%" stop-color="#059669"/>
+    </linearGradient>
+    
+    <!-- Savings badge gradient -->
+    <linearGradient id="savingsGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#10b981"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    
+    <!-- Glow filter -->
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="5" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Bar glow -->
+    <filter id="barGlow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff" stroke-width="0.5" opacity="0.04"/>
+    </pattern>
+  </defs>
+  
+  <style>
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
+    @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
+    @keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); } 50% { box-shadow: 0 0 20px 5px rgba(16, 185, 129, 0.2); } }
+    @keyframes countUp { from { opacity: 0; } to { opacity: 1; } }
+    .title { animation: fadeIn 0.6s ease-out; }
+    .bar-group { animation: slideUp 0.8s ease-out; animation-fill-mode: both; }
+    .gpt4-bar { animation: slideUp 0.8s ease-out 0.1s both; }
+    .a3m-bar { animation: slideUp 0.8s ease-out 0.3s both; }
+    .savings { animation: slideUp 0.8s ease-out 0.5s both; }
+  </style>
+  
+  <!-- Background -->
+  <rect width="700" height="450" fill="url(#bg)"/>
+  <rect width="700" height="450" fill="url(#grid)"/>
+  
+  <!-- Ambient glow -->
+  <ellipse cx="350" cy="225" rx="300" ry="200" fill="#3b82f6" opacity="0.03" filter="url(#glow)"/>
+  <ellipse cx="350" cy="300" rx="200" ry="100" fill="#10b981" opacity="0.05" filter="url(#glow)"/>
+  
+  <!-- Header -->
+  <g class="title">
+    <text x="350" y="42" text-anchor="middle" fill="#ffffff" font-family="system-ui,-apple-system,sans-serif" font-size="26" font-weight="700">
+      Cost Comparison
+    </text>
+    <text x="350" y="65" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="13">
+      100 mixed queries • Code, math, creative, translation
+    </text>
+  </g>
+  
+  <!-- Chart area -->
+  <g transform="translate(80, 100)">
+    <!-- Y-axis labels -->
+    <g fill="#666688" font-family="system-ui,sans-serif" font-size="12" text-anchor="end">
+      <text x="55" y="255">$0</text>
+      <text x="55" y="195">$5</text>
+      <text x="55" y="135">$10</text>
+      <text x="55" y="75">$15</text>
+      <text x="55" y="40">$20</text>
+    </g>
+    
+    <!-- Y-axis grid -->
+    <g stroke="#ffffff" stroke-opacity="0.06" stroke-dasharray="4,4">
+      <line x1="70" y1="190" x2="540" y2="190"/>
+      <line x1="70" y1="130" x2="540" y2="130"/>
+      <line x1="70" y1="70" x2="540" y2="70"/>
+    </g>
+    
+    <!-- Axes -->
+    <line x1="70" y1="250" x2="540" y2="250" stroke="#444466" stroke-width="2"/>
+    <line x1="70" y1="30" x2="70" y2="250" stroke="#444466" stroke-width="2"/>
+    
+    <!-- GPT-4 Bar with glow -->
+    <g class="gpt4-bar" filter="url(#barGlow)">
+      <rect x="130" y="65" width="110" height="185" rx="8" fill="url(#gpt4Grad)" class="bar">
+        <animate attributeName="height" values="0;185;185" dur="1s" ease-out" fill="freeze"/>
+        <animate attributeName="y" values="250;65;65" dur="1s" ease-out" fill="freeze"/>
+      </rect>
+      <!-- Shine effect -->
+      <rect x="130" y="65" width="55" height="185" rx="8" fill="#ffffff" fill-opacity="0.1"/>
+    </g>
+    <text x="185" y="50" text-anchor="middle" fill="#60a5fa" font-family="system-ui,sans-serif" font-size="18" font-weight="700">$15.00</text>
+    <text x="185" y="275" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="15" font-weight="600">GPT-4</text>
+    <text x="185" y="292" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="11">$0.15/1K tokens</text>
+    
+    <!-- A3M Bar with glow -->
+    <g class="a3m-bar" filter="url(#barGlow)">
+      <rect x="380" y="200" width="110" height="50" rx="8" fill="url(#a3mGrad)" class="bar">
+        <animate attributeName="height" values="0;50;50" dur="1s" ease-out" fill="freeze"/>
+        <animate attributeName="y" values="250;200;200" dur="1s" ease-out" fill="freeze"/>
+      </rect>
+      <!-- Shine effect -->
+      <rect x="380" y="200" width="55" height="50" rx="8" fill="#ffffff" fill-opacity="0.15"/>
+    </g>
+    <text x="435" y="185" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="18" font-weight="700">$5.75</text>
+    <text x="435" y="275" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="15" font-weight="600">A3M Router</text>
+    <text x="435" y="292" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="11">auto-routed</text>
+    
+    <!-- Savings badge -->
+    <g class="savings">
+      <rect x="230" y="115" width="160" height="65" rx="32" fill="url(#savingsGrad)" fill-opacity="0.15" stroke="url(#savingsGrad)" stroke-width="1.5" filter="url(#glow)"/>
+      <text x="310" y="145" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="26" font-weight="800">-62%</text>
+      <text x="310" y="168" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="12">savings per query</text>
+    </g>
+    
+    <!-- Connection lines -->
+    <path d="M185,130 L260,148" stroke="#10b981" stroke-width="1.5" stroke-dasharray="4,4" fill="none" opacity="0.6"/>
+    <path d="M435,175 L390,148" stroke="#10b981" stroke-width="1.5" stroke-dasharray="4,4" fill="none" opacity="0.6"/>
+  </g>
+  
+  <!-- Bottom info -->
+  <g transform="translate(0, 400)">
+    <text x="350" y="20" text-anchor="middle" fill="#555577" font-family="system-ui,sans-serif" font-size="11">
+      Based on actual benchmark • May 2026 • Real provider pricing
+    </text>
+  </g>
+</svg>

package/assets/chart-features-v2.svg

@@ -0,0 +1,132 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0f1c"/>
+      <stop offset="100%" stop-color="#111827"/>
+    </linearGradient>
+    <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    <linearGradient id="a3mGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#10b981"/>
+      <stop offset="100%" stop-color="#059669"/>
+    </linearGradient>
+    
+    <!-- Glow filter -->
+    <filter id="cellGlow" x="-10%" y="-10%" width="120%" height="120%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="gridPattern" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#1f2937" stroke-width="0.5" opacity="0.3"/>
+    </pattern>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="800" height="500" fill="url(#bgGrad)"/>
+  <rect width="800" height="500" fill="url(#gridPattern)"/>
+  
+  <!-- Header -->
+  <text x="400" y="38" text-anchor="middle" fill="#f9fafb" font-family="system-ui,-apple-system,sans-serif" font-size="22" font-weight="700">A3M Router Capabilities</text>
+  <text x="400" y="60" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="13">Production-ready features for intelligent LLM routing</text>
+  
+  <!-- Table -->
+  <g transform="translate(80, 90)">
+    <!-- Header row -->
+    <rect x="0" y="0" width="640" height="45" rx="8" fill="url(#headerGrad)" fill-opacity="0.15"/>
+    <text x="320" y="28" text-anchor="middle" fill="#f9fafb" font-family="system-ui,sans-serif" font-size="14" font-weight="700">Feature</text>
+    <text x="540" y="28" text-anchor="middle" fill="#f9fafb" font-family="system-ui,sans-serif" font-size="14" font-weight="700">A3M Router</text>
+    <text x="620" y="28" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="14" font-weight="700">Others</text>
+    
+    <!-- Divider -->
+    <line x1="0" y1="45" x2="640" y2="45" stroke="#374151" stroke-width="1"/>
+    
+    <!-- Feature rows -->
+    <!-- Row 1 -->
+    <g transform="translate(0, 55)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Routing Accuracy</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">100%</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">~85%</text>
+    </g>
+    
+    <!-- Row 2 -->
+    <g transform="translate(0, 100)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Cost Savings</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">62%</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">None</text>
+    </g>
+    
+    <!-- Row 3 -->
+    <g transform="translate(0, 145)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Zero ML / No GPU</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">✓</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">✗</text>
+    </g>
+    
+    <!-- Row 4 -->
+    <g transform="translate(0, 190)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Provider Failover</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">Auto</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">Manual</text>
+    </g>
+    
+    <!-- Row 5 -->
+    <g transform="translate(0, 235)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Budget Enforcement</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">Hard</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">Soft</text>
+    </g>
+    
+    <!-- Row 6 -->
+    <g transform="translate(0, 280)">
+      <text x="20" y="22" fill="#d1d5db" font-family="system-ui,sans-serif" font-size="13">Chinese Providers</text>
+      <g transform="translate(500)">
+        <rect x="0" y="5" width="80" height="28" rx="14" fill="url(#a3mGrad)" filter="url(#cellGlow)"/>
+        <text x="40" y="25" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="12" font-weight="600">47+</text>
+      </g>
+      <text x="620" y="25" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">5-10</text>
+    </g>
+  </g>
+  
+  <!-- Bottom metrics row -->
+  <g transform="translate(80, 420)">
+    <g transform="translate(0, 0)">
+      <rect x="0" y="0" width="145" height="60" rx="10" fill="#10b981" fill-opacity="0.1" stroke="#10b981" stroke-width="1"/>
+      <text x="72" y="28" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="22" font-weight="800">100%</text>
+      <text x="72" y="48" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="11">Routing Accuracy</text>
+    </g>
+    <g transform="translate(165, 0)">
+      <rect x="0" y="0" width="145" height="60" rx="10" fill="#06b6d4" fill-opacity="0.1" stroke="#06b6d4" stroke-width="1"/>
+      <text x="72" y="28" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="22" font-weight="800">19.5KB</text>
+      <text x="72" y="48" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="11">Package Size</text>
+    </g>
+    <g transform="translate(330, 0)">
+      <rect x="0" y="0" width="145" height="60" rx="10" fill="#8b5cf6" fill-opacity="0.1" stroke="#8b5cf6" stroke-width="1"/>
+      <text x="72" y="28" text-anchor="middle" fill="#8b5cf6" font-family="system-ui,sans-serif" font-size="22" font-weight="800">&lt;100ms</text>
+      <text x="72" y="48" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="11">Startup Time</text>
+    </g>
+    <g transform="translate(495, 0)">
+      <rect x="0" y="0" width="145" height="60" rx="10" fill="#f472b6" fill-opacity="0.1" stroke="#f472b6" stroke-width="1"/>
+      <text x="72" y="28" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="22" font-weight="800">MIT</text>
+      <text x="72" y="48" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="11">License</text>
+    </g>
+  </g>
+</svg>

package/assets/chart-features-v3.svg

@@ -0,0 +1,211 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 550" width="900" height="550">
+  <defs>
+    <!-- Background gradient -->
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0a0f"/>
+      <stop offset="50%" stop-color="#0f0f1a"/>
+      <stop offset="100%" stop-color="#1a1a2e"/>
+    </linearGradient>
+    
+    <!-- Header gradient -->
+    <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="50%" stop-color="#8b5cf6"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    
+    <!-- Success badge gradient -->
+    <linearGradient id="successGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#10b981">
+        <animate attributeName="stop-color" values="#10b981;#34d399;#10b981" dur="2s" repeatCount="indefinite"/>
+      </stop>
+      <stop offset="100%" stop-color="#059669"/>
+    </linearGradient>
+    
+    <!-- Warning gradient -->
+    <linearGradient id="warnGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#f59e0b"/>
+      <stop offset="100%" stop-color="#d97706"/>
+    </linearGradient>
+    
+    <!-- Glow filter -->
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="4" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Intense glow -->
+    <filter id="glowIntense" x="-100%" y="-100%" width="300%" height="300%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff" stroke-width="0.5" opacity="0.03"/>
+    </pattern>
+  </defs>
+  
+  <style>
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+    @keyframes slideIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
+    @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
+    @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
+    .header { animation: fadeIn 0.5s ease-out; }
+    .row { animation: fadeIn 0.4s ease-out; animation-fill-mode: both; }
+    .row:nth-child(1) { animation-delay: 0.1s; }
+    .row:nth-child(2) { animation-delay: 0.15s; }
+    .row:nth-child(3) { animation-delay: 0.2s; }
+    .row:nth-child(4) { animation-delay: 0.25s; }
+    .row:nth-child(5) { animation-delay: 0.3s; }
+    .row:nth-child(6) { animation-delay: 0.35s; }
+    .row:nth-child(7) { animation-delay: 0.4s; }
+    .check { animation: pulse 2s ease-in-out infinite; }
+    .metric { animation: fadeIn 0.6s ease-out; animation-fill-mode: both; }
+    .metric:nth-child(1) { animation-delay: 0.5s; }
+    .metric:nth-child(2) { animation-delay: 0.6s; }
+    .metric:nth-child(3) { animation-delay: 0.7s; }
+    .metric:nth-child(4) { animation-delay: 0.8s; }
+  </style>
+  
+  <!-- Background -->
+  <rect width="900" height="550" fill="url(#bg)"/>
+  <rect width="900" height="550" fill="url(#grid)"/>
+  
+  <!-- Ambient glow -->
+  <ellipse cx="450" cy="275" rx="400" ry="250" fill="#6366f1" opacity="0.04" filter="url(#glow)"/>
+  
+  <!-- Header -->
+  <g class="header">
+    <text x="450" y="42" text-anchor="middle" fill="#ffffff" font-family="system-ui,-apple-system,sans-serif" font-size="26" font-weight="700">
+      A3M Router Capabilities
+    </text>
+    <text x="450" y="65" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="13">
+      Production-ready features • Open-source LLM gateway
+    </text>
+  </g>
+  
+  <!-- Comparison Table -->
+  <g transform="translate(80, 100)">
+    <!-- Table Header -->
+    <rect x="0" y="0" width="740" height="45" rx="8" fill="url(#headerGrad)" fill-opacity="0.15"/>
+    <text x="200" y="28" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">Feature</text>
+    <text x="450" y="28" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="14" font-weight="700">A3M Router</text>
+    <text x="650" y="28" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="14" font-weight="700">Others</text>
+    
+    <!-- Row 1 -->
+    <g class="row" transform="translate(0, 55)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Routing Accuracy</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="90" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="45" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">100%</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="14">~85%</text>
+      <!-- Checkmark -->
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+    
+    <!-- Row 2 -->
+    <g class="row" transform="translate(0, 110)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Cost Savings</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="80" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="40" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">62%</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="14">None</text>
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+    
+    <!-- Row 3 -->
+    <g class="row" transform="translate(0, 165)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Zero ML / No GPU Required</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="70" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="35" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">✓</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#f59e0b" font-family="system-ui,sans-serif" font-size="14">✗</text>
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+    
+    <!-- Row 4 -->
+    <g class="row" transform="translate(0, 220)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Automatic Provider Failover</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="70" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="35" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">Auto</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="14">Manual</text>
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+    
+    <!-- Row 5 -->
+    <g class="row" transform="translate(0, 275)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Hard Budget Enforcement</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="70" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="35" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">✓</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="14">Soft</text>
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+    
+    <!-- Row 6 -->
+    <g class="row" transform="translate(0, 330)">
+      <rect x="0" y="0" width="740" height="50" rx="6" fill="#ffffff" fill-opacity="0.02"/>
+      <text x="30" y="30" fill="#ccccdd" font-family="system-ui,sans-serif" font-size="14">Chinese Providers (Kimi, DeepSeek, Qwen)</text>
+      <g transform="translate(350)">
+        <rect x="0" y="8" width="70" height="32" rx="16" fill="url(#successGrad)" filter="url(#glow)"/>
+        <text x="35" y="30" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">47+</text>
+      </g>
+      <text x="650" y="30" text-anchor="middle" fill="#666688" font-family="system-ui,sans-serif" font-size="14">5-10</text>
+      <g transform="translate(290, 12)" class="check">
+        <circle cx="12" cy="12" r="14" fill="#10b981" fill-opacity="0.2"/>
+        <path d="M6,12 L10,16 L18,8" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </g>
+    </g>
+  </g>
+  
+  <!-- Bottom metrics row -->
+  <g transform="translate(80, 490)">
+    <g class="metric">
+      <rect x="0" y="0" width="155" height="50" rx="10" fill="#10b981" fill-opacity="0.1" stroke="#10b981" stroke-width="1" filter="url(#glow)"/>
+      <text x="77" y="28" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="22" font-weight="800">100%</text>
+      <text x="77" y="44" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="11">Accuracy</text>
+    </g>
+    <g class="metric">
+      <rect x="175" y="0" width="155" height="50" rx="10" fill="#06b6d4" fill-opacity="0.1" stroke="#06b6d4" stroke-width="1" filter="url(#glow)"/>
+      <text x="252" y="28" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="22" font-weight="800">19.5KB</text>
+      <text x="252" y="44" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="11">Package Size</text>
+    </g>
+    <g class="metric">
+      <rect x="350" y="0" width="155" height="50" rx="10" fill="#8b5cf6" fill-opacity="0.1" stroke="#8b5cf6" stroke-width="1" filter="url(#glow)"/>
+      <text x="427" y="28" text-anchor="middle" fill="#8b5cf6" font-family="system-ui,sans-serif" font-size="22" font-weight="800">&lt;100ms</text>
+      <text x="427" y="44" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="11">Startup Time</text>
+    </g>
+    <g class="metric">
+      <rect x="525" y="0" width="155" height="50" rx="10" fill="#f472b6" fill-opacity="0.1" stroke="#f472b6" stroke-width="1" filter="url(#glow)"/>
+      <text x="602" y="28" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="22" font-weight="800">MIT</text>
+      <text x="602" y="44" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="11">License</text>
+    </g>
+  </g>
+</svg>

package/assets/chart-growth-v2.svg

@@ -0,0 +1,122 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400" width="800" height="400">
+  <defs>
+    <!-- Gradients -->
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0f1c"/>
+      <stop offset="100%" stop-color="#111827"/>
+    </linearGradient>
+    <linearGradient id="lineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="33%" stop-color="#8b5cf6"/>
+      <stop offset="66%" stop-color="#06b6d4"/>
+      <stop offset="100%" stop-color="#10b981"/>
+    </linearGradient>
+    <linearGradient id="areaGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.35"/>
+      <stop offset="50%" stop-color="#8b5cf6" stop-opacity="0.15"/>
+      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="glowGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.4"/>
+      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0.1"/>
+    </linearGradient>
+    
+    <!-- Filters -->
+    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="4" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <filter id="lineGlow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="gridPattern" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#1f2937" stroke-width="0.5" opacity="0.5"/>
+    </pattern>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="800" height="400" fill="url(#bgGrad)"/>
+  <rect width="800" height="400" fill="url(#gridPattern)"/>
+  
+  <!-- Header -->
+  <text x="400" y="38" text-anchor="middle" fill="#f9fafb" font-family="system-ui,-apple-system,sans-serif" font-size="22" font-weight="700" letter-spacing="-0.5">Downloads Growth</text>
+  <text x="400" y="60" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="13">Last 4 weeks trajectory</text>
+  
+  <!-- Chart area: x=80..750, y=90..330 -->
+  
+  <!-- Y-axis labels -->
+  <g fill="#6b7280" font-family="system-ui,sans-serif" font-size="12" text-anchor="end">
+    <text x="65" y="330">0</text>
+    <text x="65" y="265">500</text>
+    <text x="65" y="200">1K</text>
+    <text x="65" y="135">1.5K</text>
+    <text x="65" y="100">2K</text>
+  </g>
+  
+  <!-- Y-axis grid lines -->
+  <g stroke="#1f2937" stroke-width="1" stroke-dasharray="3,3">
+    <line x1="80" y1="330" x2="750" y2="330"/>
+    <line x1="80" y1="265" x2="750" y2="265"/>
+    <line x1="80" y1="200" x2="750" y2="200"/>
+    <line x1="80" y1="135" x2="750" y2="135"/>
+    <line x1="80" y1="100" x2="750" y2="100"/>
+  </g>
+  
+  <!-- Axes -->
+  <line x1="80" y1="330" x2="750" y2="330" stroke="#374151" stroke-width="2"/>
+  <line x1="80" y1="100" x2="80" y2="330" stroke="#374151" stroke-width="2"/>
+  
+  <!-- Area fill -->
+  <path d="M80,310 Q130,308 180,295 T280,260 T380,210 T480,155 T580,115 T680,95 T750,88 L750,330 L80,330 Z" fill="url(#areaGrad)"/>
+  
+  <!-- Glow line behind -->
+  <path d="M80,310 Q130,308 180,295 T280,260 T380,210 T480,155 T580,115 T680,95 T750,88" 
+        stroke="url(#lineGrad)" stroke-width="8" fill="none" stroke-linecap="round" opacity="0.3" filter="url(#lineGlow)"/>
+  
+  <!-- Main line -->
+  <path d="M80,310 Q130,308 180,295 T280,260 T380,210 T480,155 T580,115 T680,95 T750,88" 
+        stroke="url(#lineGrad)" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#softGlow)"/>
+  
+  <!-- Data points with glow -->
+  <g filter="url(#softGlow)">
+    <circle cx="80" cy="310" r="6" fill="#6366f1"/>
+    <circle cx="180" cy="295" r="6" fill="#8b5cf6"/>
+    <circle cx="280" cy="260" r="6" fill="#8b5cf6"/>
+    <circle cx="380" cy="210" r="6" fill="#06b6d4"/>
+    <circle cx="480" cy="155" r="6" fill="#06b6d4"/>
+    <circle cx="580" cy="115" r="6" fill="#10b981"/>
+    <circle cx="680" cy="95" r="6" fill="#10b981"/>
+    <circle cx="750" cy="88" r="8" fill="#10b981"/>
+  </g>
+  
+  <!-- Inner dots -->
+  <g>
+    <circle cx="80" cy="310" r="2.5" fill="#fff"/>
+    <circle cx="180" cy="295" r="2.5" fill="#fff"/>
+    <circle cx="280" cy="260" r="2.5" fill="#fff"/>
+    <circle cx="380" cy="210" r="2.5" fill="#fff"/>
+    <circle cx="480" cy="155" r="2.5" fill="#fff"/>
+    <circle cx="580" cy="115" r="2.5" fill="#fff"/>
+    <circle cx="680" cy="95" r="2.5" fill="#fff"/>
+    <circle cx="750" cy="88" r="3" fill="#fff"/>
+  </g>
+  
+  <!-- X-axis labels -->
+  <g fill="#6b7280" font-family="system-ui,sans-serif" font-size="12" text-anchor="middle">
+    <text x="80" y="355">Week 0</text>
+    <text x="280" y="355">Week 1</text>
+    <text x="480" y="355">Week 2</text>
+    <text x="680" y="355">Week 3</text>
+    <text x="750" y="355">Now</text>
+  </g>
+  
+  <!-- Stat card -->
+  <g transform="translate(580, 55)">
+    <rect x="0" y="0" width="160" height="55" rx="10" fill="#10b981" fill-opacity="0.15" stroke="#10b981" stroke-width="1"/>
+    <text x="80" y="25" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="22" font-weight="800">+149%</text>
+    <text x="80" y="45" text-anchor="middle" fill="#6b7280" font-family="system-ui,sans-serif" font-size="12">growth in 4 weeks</text>
+  </g>
+</svg>