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

package/assets/chart-growth-v3.svg

@@ -0,0 +1,189 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 450" width="800" height="450">
+  <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="#12121a"/>
+      <stop offset="100%" stop-color="#1a1a2e"/>
+    </linearGradient>
+    
+    <!-- Line gradients -->
+    <linearGradient id="lineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1">
+        <animate attributeName="stop-color" values="#6366f1;#8b5cf6;#6366f1" dur="4s" repeatCount="indefinite"/>
+      </stop>
+      <stop offset="50%" stop-color="#8b5cf6"/>
+      <stop offset="100%" stop-color="#06b6d4">
+        <animate attributeName="stop-color" values="#06b6d4;#10b981;#06b6d4" dur="4s" repeatCount="indefinite"/>
+      </stop>
+    </linearGradient>
+    
+    <!-- Area gradient with animation -->
+    <linearGradient id="areaGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.4">
+        <animate attributeName="stop-opacity" values="0.4;0.6;0.4" dur="3s" repeatCount="indefinite"/>
+      </stop>
+      <stop offset="50%" stop-color="#8b5cf6" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0"/>
+    </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 for highlights -->
+    <filter id="glowIntense" x="-100%" y="-100%" width="300%" height="300%">
+      <feGaussianBlur stdDeviation="8" 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>
+    
+    <!-- Animated pulse for latest point -->
+    <radialGradient id="pulseGrad" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#10b981" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#10b981" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Styles -->
+  <style>
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+    @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.5); opacity: 0.4; } }
+    @keyframes shimmer { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } }
+    .title { animation: fadeIn 0.8s ease-out; }
+    .metric { animation: fadeIn 0.6s ease-out; animation-fill-mode: both; }
+    .metric:nth-child(1) { animation-delay: 0.1s; }
+    .metric:nth-child(2) { animation-delay: 0.2s; }
+    .metric:nth-child(3) { animation-delay: 0.3s; }
+    .bar { transition: all 0.3s ease; }
+    .bar:hover { filter: url(#glowIntense); transform: scaleY(1.02); }
+  </style>
+  
+  <!-- Background -->
+  <rect width="800" height="450" fill="url(#bg)"/>
+  <rect width="800" height="450" fill="url(#grid)"/>
+  
+  <!-- Ambient glow effects -->
+  <ellipse cx="400" cy="225" rx="350" ry="180" fill="#6366f1" opacity="0.05" filter="url(#glow)">
+    <animate attributeName="opacity" values="0.05;0.08;0.05" dur="5s" repeatCount="indefinite"/>
+  </ellipse>
+  
+  <!-- Header -->
+  <g class="title">
+    <text x="400" y="45" text-anchor="middle" fill="#ffffff" font-family="system-ui,-apple-system,sans-serif" font-size="26" font-weight="700" letter-spacing="-0.5">
+      Downloads Growth
+    </text>
+    <text x="400" y="68" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="13">
+      Last 4 weeks trajectory • Live metrics
+    </text>
+  </g>
+  
+  <!-- Chart area: x=70..750, y=100..350 -->
+  <g transform="translate(70, 100)">
+    <!-- Y-axis labels -->
+    <g fill="#666688" font-family="system-ui,sans-serif" font-size="12">
+      <text x="50" y="255" text-anchor="end">0</text>
+      <text x="50" y="200" text-anchor="end">500</text>
+      <text x="50" y="145" text-anchor="end">1K</text>
+      <text x="50" y="90" text-anchor="end">1.5K</text>
+      <text x="50" y="55" text-anchor="end">2K</text>
+    </g>
+    
+    <!-- Y-axis grid with animation -->
+    <g stroke="#ffffff" stroke-opacity="0.06" stroke-dasharray="4,4">
+      <line x1="60" y1="250" x2="680" y2="250"/>
+      <line x1="60" y1="195" x2="680" y2="195"/>
+      <line x1="60" y1="140" x2="680" y2="140"/>
+      <line x1="60" y1="85" x2="680" y2="85"/>
+      <line x1="60" y1="50" x2="680" y2="50"/>
+    </g>
+    
+    <!-- Axes -->
+    <line x1="60" y1="250" x2="680" y2="250" stroke="#444466" stroke-width="2"/>
+    <line x1="60" y1="50" x2="60" y2="250" stroke="#444466" stroke-width="2"/>
+    
+    <!-- Animated area fill -->
+    <path d="M60,230 Q120,228 180,215 T280,175 T380,130 T480,95 T580,70 T680,55 T730,48 L730,250 L60,250 Z" fill="url(#areaGrad)">
+      <animate attributeName="opacity" values="0.8;1;0.8" dur="4s" repeatCount="indefinite"/>
+    </path>
+    
+    <!-- Glowing line background -->
+    <path d="M60,230 Q120,228 180,215 T280,175 T380,130 T480,95 T580,70 T680,55 T730,48" 
+          stroke="url(#lineGrad)" stroke-width="12" fill="none" stroke-linecap="round" opacity="0.3" filter="url(#glow)">
+      <animate attributeName="stroke-width" values="12;14;12" dur="3s" repeatCount="indefinite"/>
+    </path>
+    
+    <!-- Main animated line -->
+    <path d="M60,230 Q120,228 180,215 T280,175 T380,130 T480,95 T580,70 T680,55 T730,48" 
+          stroke="url(#lineGrad)" stroke-width="3" fill="none" stroke-linecap="round"/>
+    
+    <!-- Animated data points with pulse -->
+    <g>
+      <!-- Pulse rings for latest point -->
+      <circle cx="730" cy="48" r="20" fill="url(#pulseGrad)">
+        <animate attributeName="r" values="15;30;15" dur="2s" repeatCount="indefinite"/>
+        <animate attributeName="opacity" values="0.6;0.2;0.6" dur="2s" repeatCount="indefinite"/>
+      </circle>
+      
+      <!-- Data points -->
+      <circle cx="60" cy="230" r="5" fill="#6366f1" filter="url(#glow)"/>
+      <circle cx="180" cy="215" r="5" fill="#7c3aed" filter="url(#glow)"/>
+      <circle cx="280" cy="175" r="5" fill="#8b5cf6" filter="url(#glow)"/>
+      <circle cx="380" cy="130" r="5" fill="#06b6d4" filter="url(#glow)"/>
+      <circle cx="480" cy="95" r="5" fill="#10b981" filter="url(#glow)"/>
+      <circle cx="580" cy="70" r="5" fill="#10b981" filter="url(#glow)"/>
+      <circle cx="680" cy="55" r="5" fill="#34d399" filter="url(#glow)"/>
+      <circle cx="730" cy="48" r="7" fill="#10b981" filter="url(#glowIntense)"/>
+      
+      <!-- Inner white dots -->
+      <circle cx="60" cy="230" r="2" fill="#fff"/>
+      <circle cx="180" cy="215" r="2" fill="#fff"/>
+      <circle cx="280" cy="175" r="2" fill="#fff"/>
+      <circle cx="380" cy="130" r="2" fill="#fff"/>
+      <circle cx="480" cy="95" r="2" fill="#fff"/>
+      <circle cx="580" cy="70" r="2" fill="#fff"/>
+      <circle cx="680" cy="55" r="2" fill="#fff"/>
+      <circle cx="730" cy="48" r="3" fill="#fff"/>
+    </g>
+    
+    <!-- X-axis labels -->
+    <g fill="#666688" font-family="system-ui,sans-serif" font-size="12" text-anchor="middle">
+      <text x="60" y="270">Week 0</text>
+      <text x="280" y="270">Week 1</text>
+      <text x="480" y="270">Week 2</text>
+      <text x="680" y="270">Week 3</text>
+      <text x="730" y="270">Now</text>
+    </g>
+  </g>
+  
+  <!-- Stats card with animation -->
+  <g transform="translate(560, 85)" class="metric">
+    <rect x="0" y="0" width="180" height="70" rx="12" fill="#10b981" fill-opacity="0.15" stroke="#10b981" stroke-width="1.5" filter="url(#glow)">
+      <animate attributeName="stroke-opacity" values="1;0.6;1" dur="2s" repeatCount="indefinite"/>
+    </rect>
+    <text x="90" y="30" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="28" font-weight="800">+149%</text>
+    <text x="90" y="52" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="12">growth in 4 weeks</text>
+  </g>
+  
+  <!-- Metric badges at bottom -->
+  <g transform="translate(80, 400)">
+    <g class="metric">
+      <rect x="0" y="0" width="120" height="35" rx="17" fill="#6366f1" fill-opacity="0.15" stroke="#6366f1" stroke-width="1"/>
+      <text x="60" y="23" text-anchor="middle" fill="#a5b4fc" font-family="system-ui,sans-serif" font-size="12" font-weight="500">2,775 downloads</text>
+    </g>
+    <g class="metric">
+      <rect x="140" y="0" width="100" height="35" rx="17" fill="#06b6d4" fill-opacity="0.15" stroke="#06b6d4" stroke-width="1"/>
+      <text x="190" y="23" text-anchor="middle" fill="#67e8f9" font-family="system-ui,sans-serif" font-size="12" font-weight="500">430/day avg</text>
+    </g>
+    <g class="metric">
+      <rect x="260" y="0" width="100" height="35" rx="17" fill="#8b5cf6" fill-opacity="0.15" stroke="#8b5cf6" stroke-width="1"/>
+      <text x="310" y="23" text-anchor="middle" fill="#c4b5fd" font-family="system-ui,sans-serif" font-size="12" font-weight="500">Target: 1.5K</text>
+    </g>
+  </g>
+</svg>

package/assets/cost-simple.svg

@@ -0,0 +1,64 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 320" width="600" height="320">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#0f172a"/>
+      <stop offset="100%" stop-color="#1e293b"/>
+    </linearGradient>
+    <linearGradient id="openaiGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#2472e8"/>
+      <stop offset="100%" stop-color="#1a5bc4"/>
+    </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>
+  </defs>
+  
+  <rect width="600" height="320" fill="url(#bg)"/>
+  
+  <!-- Title -->
+  <text x="300" y="35" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,-apple-system,sans-serif" font-size="20" font-weight="700">Cost Comparison — 100 Queries</text>
+  
+  <!-- Chart area -->
+  <g transform="translate(80, 70)">
+    <!-- Y-axis -->
+    <line x1="0" y1="0" x2="0" y2="180" stroke="#334155" stroke-width="1.5"/>
+    <line x1="0" y1="180" x2="440" y2="180" stroke="#334155" stroke-width="1.5"/>
+    
+    <!-- Y-axis labels -->
+    <g fill="#64748b" font-family="system-ui,sans-serif" font-size="11" text-anchor="end">
+      <text x="-10" y="5">$20</text>
+      <text x="-10" y="50">$15</text>
+      <text x="-10" y="95">$10</text>
+      <text x="-10" y="140">$5</text>
+      <text x="-10" y="185">$0</text>
+    </g>
+    
+    <!-- Grid lines -->
+    <g stroke="rgba(255,255,255,0.05)" stroke-width="1">
+      <line x1="0" y1="45" x2="440" y2="45"/>
+      <line x1="0" y1="90" x2="440" y2="90"/>
+      <line x1="0" y1="135" x2="440" y2="135"/>
+    </g>
+    
+    <!-- OpenAI Bar (GPT-4) -->
+    <rect x="60" y="22" width="120" height="158" rx="6" fill="url(#openaiGrad)"/>
+    <text x="120" y="50" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="16" font-weight="700">$15.00</text>
+    <text x="120" y="200" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="12">GPT-4</text>
+    <text x="120" y="215" text-anchor="middle" fill="#64748b" font-family="system-ui,sans-serif" font-size="10">$0.15/1K</text>
+    
+    <!-- A3M Bar (routed) -->
+    <rect x="280" y="157" width="120" height="23" rx="6" fill="url(#a3mGrad)"/>
+    <text x="340" y="185" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="16" font-weight="700">$5.75</text>
+    <text x="340" y="200" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="12">A3M Router</text>
+    <text x="340" y="215" text-anchor="middle" fill="#64748b" font-family="system-ui,sans-serif" font-size="10">62% savings</text>
+    
+    <!-- Savings indicator -->
+    <path d="M200,100 L260,140" stroke="#10b981" stroke-width="2" stroke-dasharray="4,4"/>
+    <text x="230" y="115" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="12" font-weight="600">62%</text>
+    <text x="230" y="130" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="11">cheaper</text>
+  </g>
+  
+  <!-- Bottom note -->
+  <text x="300" y="310" text-anchor="middle" fill="#64748b" font-family="system-ui,sans-serif" font-size="12">Based on actual benchmark: 100 mixed queries (code, math, creative)</text>
+</svg>

package/assets/growth-simple.svg

@@ -0,0 +1,69 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 300" width="600" height="300">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#0f172a"/>
+      <stop offset="100%" stop-color="#1e293b"/>
+    </linearGradient>
+    <linearGradient id="lineGrad" 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>
+    <linearGradient id="areaGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.4"/>
+      <stop offset="100%" stop-color="#6366f1" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  
+  <rect width="600" height="300" fill="url(#bg)"/>
+  
+  <!-- Title -->
+  <text x="300" y="35" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,-apple-system,sans-serif" font-size="18" font-weight="600">A3M Router — Downloads Growth</text>
+  
+  <!-- Y-axis labels -->
+  <g fill="#64748b" font-family="system-ui,sans-serif" font-size="11">
+    <text x="50" y="280">0</text>
+    <text x="50" y="220">500</text>
+    <text x="50" y="160">1K</text>
+    <text x="50" y="100">1.5K</text>
+    <text x="50" y="55">2K</text>
+  </g>
+  
+  <!-- Grid lines -->
+  <g stroke="rgba(255,255,255,0.05)" stroke-width="1">
+    <line x1="80" y1="260" x2="560" y2="260"/>
+    <line x1="80" y1="200" x2="560" y2="200"/>
+    <line x1="80" y1="140" x2="560" y2="140"/>
+    <line x1="80" y1="80" x2="560" y2="80"/>
+  </g>
+  
+  <!-- Axis -->
+  <line x1="80" y1="260" x2="560" y2="260" stroke="#334155" stroke-width="1.5"/>
+  <line x1="80" y1="80" x2="80" y2="260" stroke="#334155" stroke-width="1.5"/>
+  
+  <!-- Area fill (simplified growth curve) -->
+  <path d="M80,240 Q150,235 200,220 T300,180 T400,120 T500,80 T560,65 L560,260 L80,260 Z" fill="url(#areaGrad)"/>
+  
+  <!-- Growth line -->
+  <path d="M80,240 Q150,235 200,220 T300,180 T400,120 T500,80 T560,65" stroke="url(#lineGrad)" stroke-width="3" fill="none" stroke-linecap="round"/>
+  
+  <!-- Data points -->
+  <circle cx="80" cy="240" r="5" fill="#6366f1"/>
+  <circle cx="200" cy="220" r="5" fill="#8b5cf6"/>
+  <circle cx="300" cy="180" r="5" fill="#8b5cf6"/>
+  <circle cx="400" cy="120" r="5" fill="#06b6d4"/>
+  <circle cx="500" cy="80" r="5" fill="#06b6d4"/>
+  <circle cx="560" cy="65" r="7" fill="#06b6d4"/>
+  
+  <!-- X-axis labels -->
+  <g fill="#64748b" font-family="system-ui,sans-serif" font-size="11" text-anchor="middle">
+    <text x="80" y="280">Start</text>
+    <text x="280" y="280">Week 2</text>
+    <text x="480" y="280">Week 4</text>
+  </g>
+  
+  <!-- Highlight box -->
+  <rect x="480" y="50" width="100" height="45" rx="6" fill="rgba(6,182,212,0.15)" stroke="#06b6d4" stroke-width="1"/>
+  <text x="530" y="72" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="20" font-weight="700">+149%</text>
+  <text x="530" y="87" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="10">4 weeks</text>
+</svg>

package/assets/hero-diagram.svg

@@ -0,0 +1,81 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 300" width="800" height="300">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0f172a"/>
+      <stop offset="100%" stop-color="#1e1b4b"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    <linearGradient id="barGrad" x1="0" y1="1" x2="0" y2="0">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#a78bfa"/>
+    </linearGradient>
+  </defs>
+  
+  <rect width="800" height="300" fill="url(#bg)"/>
+  
+  <!-- Grid lines -->
+  <g stroke="rgba(255,255,255,0.05)" stroke-width="1">
+    <line x1="0" y1="75" x2="800" y2="75"/>
+    <line x1="0" y1="150" x2="800" y2="150"/>
+    <line x1="0" y1="225" x2="800" y2="225"/>
+  </g>
+  
+  <!-- Title -->
+  <text x="400" y="45" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,-apple-system,sans-serif" font-size="24" font-weight="700">One Prompt In. The Right Model Out.</text>
+  
+  <!-- Routing Flow -->
+  <g transform="translate(100, 100)">
+    <!-- Input box -->
+    <rect x="0" y="0" width="140" height="60" rx="8" fill="url(#accent)" opacity="0.2" stroke="url(#accent)" stroke-width="2"/>
+    <text x="70" y="28" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,sans-serif" font-size="12" opacity="0.7">YOUR PROMPT</text>
+    <text x="70" y="45" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="11">"Write Python sort"</text>
+    
+    <!-- Arrow 1 -->
+    <path d="M150,30 L200,30" stroke="url(#accent)" stroke-width="2" fill="none"/>
+    <polygon points="200,25 210,30 200,35" fill="#06b6d4"/>
+    
+    <!-- A3M Box -->
+    <rect x="220" y="0" width="100" height="60" rx="8" fill="#6366f1" opacity="0.3" stroke="#6366f1" stroke-width="2"/>
+    <text x="270" y="28" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="14" font-weight="700">A3M</text>
+    <text x="270" y="45" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="10">Router</text>
+    
+    <!-- Arrow 2 -->
+    <path d="M330,30 L380,30" stroke="url(#accent)" stroke-width="2" fill="none"/>
+    <polygon points="380,25 390,30 380,35" fill="#06b6d4"/>
+    
+    <!-- Output box -->
+    <rect x="400" y="0" width="140" height="60" rx="8" fill="#10b981" opacity="0.2" stroke="#10b981" stroke-width="2"/>
+    <text x="470" y="28" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,sans-serif" font-size="12" opacity="0.7">BEST MODEL</text>
+    <text x="470" y="45" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="11">Groq (free, fast)</text>
+  </g>
+  
+  <!-- Metrics row -->
+  <g transform="translate(80, 200)">
+    <!-- Metric 1 -->
+    <g transform="translate(0, 0)">
+      <text x="80" y="20" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="32" font-weight="700">100%</text>
+      <text x="80" y="45" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="13">Routing Accuracy</text>
+    </g>
+    <!-- Metric 2 -->
+    <g transform="translate(240, 0)">
+      <text x="80" y="20" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="32" font-weight="700">$0.33</text>
+      <text x="80" y="45" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="13">Savings per Query</text>
+    </g>
+    <!-- Metric 3 -->
+    <g transform="translate(480, 0)">
+      <text x="80" y="20" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="32" font-weight="700">100%</text>
+      <text x="80" y="45" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="13">Fault Pass Rate</text>
+    </g>
+    <!-- Metric 4 -->
+    <g transform="translate(720, 0)">
+      <text x="80" y="20" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="32" font-weight="700">47+</text>
+      <text x="80" y="45" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="13">Providers</text>
+    </g>
+  </g>
+  
+  <!-- Bottom tagline -->
+  <text x="400" y="285" text-anchor="middle" fill="#64748b" font-family="system-ui,sans-serif" font-size="12">npm install adaptive-memory-multi-model-router • npx a3m-router serve</text>
+</svg>

package/assets/logo-new.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="50" cy="50" r="48" fill="url(#bg)"/>
+  
+  <!-- A3M text -->
+  <text x="50" y="58" text-anchor="middle" fill="#fff" font-family="system-ui,-apple-system,sans-serif" font-size="36" font-weight="800">A3</text>
+  
+  <!-- Router indicator dots -->
+  <g transform="translate(50, 75)">
+    <circle cx="-12" cy="0" r="3" fill="rgba(255,255,255,0.6)"/>
+    <circle cx="0" cy="0" r="3" fill="rgba(255,255,255,0.8)"/>
+    <circle cx="12" cy="0" r="3" fill="#fff"/>
+  </g>
+</svg>

package/assets/social-preview-new.svg

@@ -0,0 +1,100 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0f172a"/>
+      <stop offset="50%" stop-color="#1e1b4b"/>
+      <stop offset="100%" stop-color="#312e81"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    <linearGradient id="barGrad" x1="0" y1="1" x2="0" y2="0">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#a78bfa"/>
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="8" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <rect width="1200" height="630" fill="url(#bg)"/>
+  
+  <!-- Subtle grid -->
+  <g stroke="rgba(255,255,255,0.03)" stroke-width="1">
+    <line x1="0" y1="157" x2="1200" y2="157"/>
+    <line x1="0" y1="315" x2="1200" y2="315"/>
+    <line x1="0" y1="473" x2="1200" y2="473"/>
+    <line x1="300" y1="0" x2="300" y2="630"/>
+    <line x1="600" y1="0" x2="600" y2="630"/>
+    <line x1="900" y1="0" x2="900" y2="630"/>
+  </g>
+  
+  <!-- Hero Text -->
+  <text x="600" y="100" text-anchor="middle" fill="#fff" font-family="system-ui,-apple-system,sans-serif" font-size="52" font-weight="800" filter="url(#glow)">A3M Router</text>
+  <text x="600" y="160" text-anchor="middle" fill="url(#accent)" font-family="system-ui,-apple-system,sans-serif" font-size="28" font-weight="600">One prompt in. The right model out.</text>
+  
+  <!-- Flow Diagram -->
+  <g transform="translate(200, 200)">
+    <!-- Input -->
+    <rect x="0" y="20" width="180" height="80" rx="12" fill="rgba(99,102,241,0.15)" stroke="#6366f1" stroke-width="2"/>
+    <text x="90" y="50" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="14">YOUR PROMPT</text>
+    <text x="90" y="80" text-anchor="middle" fill="#e2e8f0" font-family="system-ui,sans-serif" font-size="16">"Write Python sort"</text>
+    
+    <!-- Arrow 1 -->
+    <path d="M190,60 L280,60" stroke="url(#accent)" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <polygon points="280,52 295,60 280,68" fill="#06b6d4"/>
+    
+    <!-- A3M Router Box -->
+    <rect x="300" y="0" width="140" height="120" rx="12" fill="#6366f1" opacity="0.3" stroke="#6366f1" stroke-width="2"/>
+    <text x="370" y="45" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="24" font-weight="800">A3M</text>
+    <text x="370" y="75" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="16">Router</text>
+    <text x="370" y="105" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="13">12 signals</text>
+    
+    <!-- Arrow 2 -->
+    <path d="M450,60 L540,60" stroke="url(#accent)" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <polygon points="540,52 555,60 540,68" fill="#06b6d4"/>
+    
+    <!-- Output -->
+    <rect x="560" y="20" width="180" height="80" rx="12" fill="rgba(16,185,129,0.15)" stroke="#10b981" stroke-width="2"/>
+    <text x="650" y="50" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="14">BEST MODEL</text>
+    <text x="650" y="80" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="16">Groq (free, fast)</text>
+  </g>
+  
+  <!-- Metrics Row -->
+  <g transform="translate(100, 380)">
+    <!-- Metric 1 -->
+    <g transform="translate(0, 0)">
+      <text x="150" y="30" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="48" font-weight="800">100%</text>
+      <text x="150" y="65" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="16">Routing Accuracy</text>
+    </g>
+    <!-- Metric 2 -->
+    <g transform="translate(300, 0)">
+      <text x="150" y="30" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="48" font-weight="800">62%</text>
+      <text x="150" y="65" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="16">Cost Savings</text>
+    </g>
+    <!-- Metric 3 -->
+    <g transform="translate(600, 0)">
+      <text x="150" y="30" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="48" font-weight="800">100%</text>
+      <text x="150" y="65" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="16">Fault Pass Rate</text>
+    </g>
+    <!-- Metric 4 -->
+    <g transform="translate(900, 0)">
+      <text x="150" y="30" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="48" font-weight="800">47+</text>
+      <text x="150" y="65" text-anchor="middle" fill="#94a3b8" font-family="system-ui,sans-serif" font-size="16">Providers</text>
+    </g>
+  </g>
+  
+  <!-- Bottom CTA -->
+  <g transform="translate(0, 520)">
+    <rect x="350" y="10" width="500" height="60" rx="30" fill="url(#accent)"/>
+    <text x="600" y="48" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="22" font-weight="600">npm install adaptive-memory-multi-model-router</text>
+  </g>
+  
+  <!-- Footer note -->
+  <text x="600" y="615" text-anchor="middle" fill="#475569" font-family="system-ui,sans-serif" font-size="14">Open-source • Zero ML • 19.5KB • MIT License</text>
+</svg>