smoothie-code 1.1.0 → 1.2.0

package/install.sh

@@ -11,7 +11,7 @@ B='\033[1m'       # bold
 N='\033[0m'       # reset
 
 SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-TOTAL_STEPS=7
+TOTAL_STEPS=8
 STEP=0
 
 step() {
@@ -71,11 +71,13 @@ step "Detecting platform"
 HAS_CLAUDE=$(command -v claude &>/dev/null && echo "yes" || echo "no")
 HAS_CODEX=$(command -v codex &>/dev/null && echo "yes" || echo "no")
 HAS_GEMINI=$(command -v gemini &>/dev/null && echo "yes" || echo "no")
+HAS_CURSOR=$([ -d "$HOME/.cursor" ] && echo "yes" || echo "no")
 
 DETECTED=()
 [ "$HAS_CLAUDE" = "yes" ] && DETECTED+=("claude:Claude Code")
 [ "$HAS_CODEX"  = "yes" ] && DETECTED+=("codex:Codex CLI")
 [ "$HAS_GEMINI" = "yes" ] && DETECTED+=("gemini:Gemini CLI")
+[ "$HAS_CURSOR" = "yes" ] && DETECTED+=("cursor:Cursor")
 
 if [ ${#DETECTED[@]} -eq 0 ]; then
   echo -e "  ${Y}No AI CLI detected. Defaulting to Claude Code.${N}"
@@ -176,7 +178,37 @@ else
   echo -e "  ${D}Skipped — toggle in config.json anytime${N}"
 fi
 
-# ─── Step 7: Wire up ─────────────────────────────────────────────────
+# ─── Step 7: Leaderboard ─────────────────────────────────────────────
+step "Leaderboard"
+
+# Leaderboard opt-in
+echo ""
+echo -e "  ${B}Leaderboard${N} — your GitHub username and token usage"
+echo -e "  appear on the public Smoothie rankings."
+echo -e "  ${D}https://smoothiecode.com/leaderboard${N}"
+echo ""
+read -p "  Join the leaderboard? [Y/n]: " JOIN_LB
+if [[ ! "$JOIN_LB" =~ ^[Nn]$ ]]; then
+  LB_GITHUB=$(git config user.name 2>/dev/null || echo "")
+  if [ -z "$LB_GITHUB" ]; then
+    read -p "  GitHub username: " LB_GITHUB
+  else
+    read -p "  GitHub username [$LB_GITHUB]: " INPUT_LB
+    LB_GITHUB="${INPUT_LB:-$LB_GITHUB}"
+  fi
+  node -e "
+    const fs = require('fs');
+    const c = JSON.parse(fs.readFileSync('$SCRIPT_DIR/config.json','utf8'));
+    c.leaderboard = true;
+    c.github = '$LB_GITHUB';
+    fs.writeFileSync('$SCRIPT_DIR/config.json', JSON.stringify(c, null, 2));
+  "
+  echo -e "  ${G}✓${N} Joined as $LB_GITHUB"
+else
+  echo -e "  ${D}Skipped — join anytime: smoothie leaderboard join${N}"
+fi
+
+# ─── Step 8: Wire up ─────────────────────────────────────────────────
 step "Wiring up"
 
 if [ "$PLATFORM" = "claude" ]; then
@@ -354,6 +386,76 @@ Step 3 — Summarize findings with file:line references. Be direct.
 """
 TOML
   echo -e "  ${G}✓${N} Slash command /smoothie-pr (Gemini)"
+
+  # Register auto-blend hook for Gemini CLI
+  chmod +x "$SCRIPT_DIR/gemini-blend-hook.sh"
+  GEMINI_SETTINGS="$HOME/.gemini/settings.json"
+  GEMINI_EXISTING="{}"
+  [ -f "$GEMINI_SETTINGS" ] && GEMINI_EXISTING=$(cat "$GEMINI_SETTINGS")
+
+  node -e "
+    const fs = require('fs');
+    let s;
+    try { s = JSON.parse(\`$GEMINI_EXISTING\`); } catch(e) { s = {}; }
+    s.hooks = s.hooks || {};
+    s.hooks.BeforeTool = s.hooks.BeforeTool || [];
+    const exists = s.hooks.BeforeTool.some(h => h.matcher === 'exit_plan_mode');
+    if (!exists) {
+      s.hooks.BeforeTool.push({
+        matcher: 'exit_plan_mode',
+        hooks: [{
+          type: 'command',
+          command: 'bash $SCRIPT_DIR/gemini-blend-hook.sh',
+          timeout: 600
+        }]
+      });
+    }
+    fs.writeFileSync('$GEMINI_SETTINGS', JSON.stringify(s, null, 2));
+  "
+  echo -e "  ${G}✓${N} Auto-blend hook registered (BeforeTool/exit_plan_mode)"
+fi
+
+if [ "$PLATFORM" = "cursor" ]; then
+  # Register MCP server in Cursor
+  CURSOR_MCP="$HOME/.cursor/mcp.json"
+  CURSOR_EXISTING="{}"
+  [ -f "$CURSOR_MCP" ] && CURSOR_EXISTING=$(cat "$CURSOR_MCP")
+
+  node -e "
+    const fs = require('fs');
+    let s;
+    try { s = JSON.parse(\`$CURSOR_EXISTING\`); } catch(e) { s = {}; }
+    s.mcpServers = s.mcpServers || {};
+    s.mcpServers.smoothie = {
+      command: 'node',
+      args: ['$SCRIPT_DIR/dist/index.js'],
+      env: { SMOOTHIE_PLATFORM: 'cursor' }
+    };
+    fs.writeFileSync('$CURSOR_MCP', JSON.stringify(s, null, 2));
+  "
+  echo -e "  ${G}✓${N} Cursor MCP server registered"
+
+  # Create Cursor Rule for auto-blend (only if auto-blend is enabled)
+  if [[ "$AUTO_BLEND" =~ ^[Yy]$ ]]; then
+    mkdir -p "$HOME/.cursor/rules"
+    cat > "$HOME/.cursor/rules/smoothie.mdc" << 'CURSORRULE'
+---
+description: Smoothie multi-model review — runs before significant plans
+alwaysApply: true
+---
+
+Before proposing or implementing any plan that involves significant code changes,
+call the `smoothie_blend` MCP tool with a description of what you're about to do.
+
+Wait for results, then:
+1. Show a summary table: Model | Time | Tokens | Verdict | Key feedback
+2. Incorporate valid suggestions into your plan
+3. Proceed with implementation
+
+Skip the blend for trivial changes (typos, single-line fixes, config tweaks).
+CURSORRULE
+    echo -e "  ${G}✓${N} Cursor Rule created (auto-blend)"
+  fi
 fi
 
 # ─── Done ─────────────────────────────────────────────────────────────
@@ -365,11 +467,20 @@ console.log(['Codex', ...d.openrouter_models.map(m=>m.label)].join(' · '));
 echo ""
 echo -e "  ${D}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${N}"
 echo ""
-echo -e "  ${G}${B}Done!${N} Restart Claude Code, then:"
-echo ""
-echo -e "  ${C}/smoothie${N} ${D}<your problem>${N}    blend in Claude Code"
-if [[ "$AUTO_BLEND" =~ ^[Yy]$ ]]; then
-echo -e "  ${C}auto-blend${N}                  ${G}on${N} for all plans"
+if [ "$PLATFORM" = "cursor" ]; then
+  echo -e "  ${G}${B}Done!${N} Restart Cursor, then:"
+  echo ""
+  echo -e "  ${D}Ask Cursor to plan something — it calls smoothie_blend via MCP${N}"
+  if [[ "$AUTO_BLEND" =~ ^[Yy]$ ]]; then
+    echo -e "  ${C}auto-blend${N}                  ${G}on${N} (via Cursor Rule)"
+  fi
+else
+  echo -e "  ${G}${B}Done!${N} Restart Claude Code, then:"
+  echo ""
+  echo -e "  ${C}/smoothie${N} ${D}<your problem>${N}    blend in Claude Code"
+  if [[ "$AUTO_BLEND" =~ ^[Yy]$ ]]; then
+    echo -e "  ${C}auto-blend${N}                  ${G}on${N} for all plans"
+  fi
 fi
 echo -e "  ${C}smoothie models${N}             manage models"
 echo ""

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "smoothie-code",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
     "smoothie": "./bin/smoothie"
   },
+  "files": [
+    "dist/",
+    "bin/",
+    "install.sh",
+    "auto-blend-hook.sh",
+    "plan-hook.sh",
+    "pr-blend-hook.sh",
+    "config.json",
+    "README.md"
+  ],
   "scripts": {
     "build": "tsc",
     "start": "node dist/index.js"

package/pr-blend-hook.sh

@@ -67,6 +67,36 @@ Provide concise, actionable feedback."
 
 BLEND_RESULTS=$(echo "$REVIEW_PROMPT" | node "$SCRIPT_DIR/dist/blend-cli.js" 2>/dev/stderr)
 
+# Generate share link (metadata only, no raw content)
+SHARE_URL=""
+SHARE_PARAMS=$(echo "$BLEND_RESULTS" | node -e "
+  const fs=require('fs');
+  let d='';process.stdin.on('data',c=>d+=c);process.stdin.on('end',()=>{
+    try {
+      const r=JSON.parse(d);
+      const models=r.results.map(m=>m.model).join(',');
+      const times=r.results.map(m=>m.elapsed_s||0).join(',');
+      const tokens=r.results.map(m=>(m.tokens&&m.tokens.total)||0).join(',');
+      const responded=r.results.filter(m=>!m.response.startsWith('Error:')&&m.response!=='No response content'&&m.response!=='(empty response)').length;
+      let github='',judge='Claude Code';
+      try{const c=JSON.parse(fs.readFileSync('$SCRIPT_DIR/config.json','utf8'));github=c.github||'';const p=process.env.SMOOTHIE_PLATFORM||'claude';judge={claude:'Claude Code',gemini:'Gemini CLI',codex:'Codex CLI',cursor:'Cursor'}[p]||'Claude Code';}catch{}
+      let params='models='+encodeURIComponent(models)+'&times='+encodeURIComponent(times)+'&tokens='+encodeURIComponent(tokens)+'&type=pr&suggestions='+responded+'&judge='+encodeURIComponent(judge);
+      if(github)params+='&user='+encodeURIComponent(github);
+      console.log(params);
+    } catch { console.log(''); }
+  });
+" 2>/dev/null)
+
+if [ -n "$SHARE_PARAMS" ]; then
+  SHARE_URL=$(curl -s --max-time 5 --connect-timeout 3 -X POST "https://api.smoothiecode.com/api/share" \
+    -H "Content-Type: application/json" \
+    -d "{\"type\":\"report\",\"data\":\"$SHARE_PARAMS\"}" 2>/dev/null | node -e "
+      let d='';process.stdin.on('data',c=>d+=c);process.stdin.on('end',()=>{
+        try{console.log(JSON.parse(d).url)}catch{console.log('')}
+      });
+    " 2>/dev/null) || true
+fi
+
 if [ -z "$BLEND_RESULTS" ]; then
   echo '{"hookSpecificOutput":{"hookEventName":"PreToolUse","permissionDecision":"allow"}}'
   exit 0
@@ -79,12 +109,16 @@ $BLEND_RESULTS
 
 IMPORTANT — You must do TWO things:
 
-1. FIRST, show a brief Smoothie summary so the user knows the review ran:
+1. FIRST, show a Smoothie report table. Use elapsed_s and tokens from each result:
+
+🧃 Smoothie reviewed this PR (N models, Xs total):
 
-🧃 Smoothie reviewed this PR (N models):
-  ModelName — one-line key finding
-  ModelName — one-line key finding
-  (skip models that errored or returned empty)
+| Model | Time | Tokens | Finding |
+|-------|------|--------|---------|
+| ModelName | 3.1s | 1,847 | one-line key finding |
+(skip errored/empty models)
+$([ -n "$SHARE_URL" ] && echo "
+Share this report: $SHARE_URL")
 
 2. THEN address any valid issues — fix the code or note them in the PR description."
 

package/banner-v2.svg

@@ -1,307 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 440" fill="none">
-  <style>
-    /* === PERSISTENT: fade in once, stay forever === */
-    @keyframes shineOnce {
-      0% { opacity: 0; filter: blur(10px) brightness(2); }
-      40% { opacity: 1; filter: blur(3px) brightness(1.3); }
-      100% { opacity: 1; filter: blur(0) brightness(1); }
-    }
-    @keyframes fadeOnce {
-      from { opacity: 0; transform: translateY(8px); }
-      to { opacity: 1; transform: translateY(0); }
-    }
-    .persist-title { opacity: 0; animation: shineOnce 1.2s ease 0.1s forwards; }
-    .persist-sub   { opacity: 0; animation: fadeOnce 0.7s ease 0.4s forwards; }
-    .persist-term  { opacity: 0; animation: fadeOnce 0.5s ease 0.7s forwards; }
-    .persist-dollar{ opacity: 0; animation: fadeOnce 0.3s ease 1s forwards; }
-
-    /* === LOOPING: 14s cycle === */
-    /* fade=85-89%, pause=89-100%(1.54s)+0-1%(0.14s)=1.68s total dead */
-
-    @keyframes pathLoop {
-      0%, 14% { opacity: 0; }
-      17% { opacity: 1; }
-      85% { opacity: 1; }
-      89% { opacity: 0; }
-      100% { opacity: 0; }
-    }
-    @keyframes mA { 0%,22% { opacity:0; transform:translateY(8px); } 25% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes mB { 0%,24% { opacity:0; transform:translateY(8px); } 27% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes mC { 0%,26% { opacity:0; transform:translateY(8px); } 29% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes mD { 0%,28% { opacity:0; transform:translateY(8px); } 31% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-
-    @keyframes spin { to { transform: rotate(360deg); } }
-    @keyframes svA { 0%,22% { opacity:0; } 23% { opacity:1; } 36% { opacity:1; } 37% { opacity:0; } 100% { opacity:0; } }
-    @keyframes svB { 0%,24% { opacity:0; } 25% { opacity:1; } 39% { opacity:1; } 40% { opacity:0; } 100% { opacity:0; } }
-    @keyframes svC { 0%,26% { opacity:0; } 27% { opacity:1; } 42% { opacity:1; } 43% { opacity:0; } 100% { opacity:0; } }
-    @keyframes svD { 0%,28% { opacity:0; } 29% { opacity:1; } 45% { opacity:1; } 46% { opacity:0; } 100% { opacity:0; } }
-
-    @keyframes ckA { 0%,36% { opacity:0; transform:scale(0); } 38% { opacity:1; transform:scale(1.15); } 39% { transform:scale(1); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes ckB { 0%,39% { opacity:0; transform:scale(0); } 41% { opacity:1; transform:scale(1.15); } 42% { transform:scale(1); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes ckC { 0%,42% { opacity:0; transform:scale(0); } 44% { opacity:1; transform:scale(1.15); } 45% { transform:scale(1); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes ckD { 0%,45% { opacity:0; transform:scale(0); } 47% { opacity:1; transform:scale(1.15); } 48% { transform:scale(1); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-
-    @keyframes dA { 0%,36% { opacity:0; } 37% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes dB { 0%,39% { opacity:0; } 40% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes dC { 0%,42% { opacity:0; } 43% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes dD { 0%,45% { opacity:0; } 46% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-
-    /* Output: appear at 53%, hold until 85%, fade 89% → 4.5s visible */
-    @keyframes outShine {
-      0%, 53% { opacity:0; filter: blur(10px) brightness(2); }
-      57% { opacity:1; filter: blur(3px) brightness(1.3); }
-      59% { opacity:1; filter: blur(0) brightness(1); }
-      85% { opacity:1; }
-      89% { opacity:0; }
-      100% { opacity:0; }
-    }
-    @keyframes olA { 0%,57% { opacity:0; transform:translateY(8px); } 60% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes olB { 0%,59% { opacity:0; transform:translateY(8px); } 62% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes olC { 0%,61% { opacity:0; transform:translateY(8px); } 64% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
-    @keyframes labelFade {
-      0%,14% { opacity:0; } 17% { opacity:0.7; } 85% { opacity:0.7; } 89% { opacity:0; } 100% { opacity:0; }
-    }
-    @keyframes judgeLabelFade {
-      0%,50% { opacity:0; } 53% { opacity:0.7; } 85% { opacity:0.7; } 89% { opacity:0; } 100% { opacity:0; }
-    }
-    @keyframes gentleFloat {
-      0%, 100% { transform: translateY(0); }
-      50% { transform: translateY(-4px); }
-    }
-
-    /* Class assignments */
-    .paths { animation: pathLoop 14s ease infinite; }
-    .label-par { animation: labelFade 14s ease infinite; }
-    .label-judge { animation: judgeLabelFade 14s ease infinite; }
-    .mA { animation: mA 14s ease infinite; }
-    .mB { animation: mB 14s ease infinite; }
-    .mC { animation: mC 14s ease infinite; }
-    .mD { animation: mD 14s ease infinite; }
-    .spA { transform-origin: 448px 165px; animation: spin 0.7s linear infinite, svA 14s ease infinite; }
-    .spB { transform-origin: 448px 225px; animation: spin 0.7s linear infinite, svB 14s ease infinite; }
-    .spC { transform-origin: 448px 285px; animation: spin 0.7s linear infinite, svC 14s ease infinite; }
-    .spD { transform-origin: 448px 345px; animation: spin 0.7s linear infinite, svD 14s ease infinite; }
-    .ckA { transform-origin: 448px 165px; animation: ckA 14s ease infinite; }
-    .ckB { transform-origin: 448px 225px; animation: ckB 14s ease infinite; }
-    .ckC { transform-origin: 448px 285px; animation: ckC 14s ease infinite; }
-    .ckD { transform-origin: 448px 345px; animation: ckD 14s ease infinite; }
-    .dnA { animation: dA 14s ease infinite; }
-    .dnB { animation: dB 14s ease infinite; }
-    .dnC { animation: dC 14s ease infinite; }
-    .dnD { animation: dD 14s ease infinite; }
-    .output-card { animation: outShine 14s ease infinite; }
-    .output-float { animation: gentleFloat 3s ease-in-out infinite; }
-    .olA { animation: olA 14s ease infinite; }
-    .olB { animation: olB 14s ease infinite; }
-    .olC { animation: olC 14s ease infinite; }
-  </style>
-
-  <defs>
-    <linearGradient id="og" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0%" stop-color="#f78166" stop-opacity="0.2"/>
-      <stop offset="100%" stop-color="#f78166"/>
-    </linearGradient>
-    <filter id="sh" x="-8%" y="-8%" width="116%" height="120%">
-      <feDropShadow dx="0" dy="2" stdDeviation="8" flood-color="#000" flood-opacity="0.35"/>
-    </filter>
-
-    <!-- Typewriter clip: grows to reveal text, shrinks on loop reset -->
-    <clipPath id="type-clip">
-      <rect x="72" y="250" width="0" height="30">
-        <animate attributeName="width" values="0;0;80;80;0;0" keyTimes="0;0.01;0.10;0.82;0.85;1" dur="14s" repeatCount="indefinite"/>
-      </rect>
-    </clipPath>
-  </defs>
-
-  <!-- ======= BACKGROUND (always visible) ======= -->
-  <rect width="1200" height="440" fill="#0d1117"/>
-  <pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse">
-    <circle cx="12" cy="12" r="0.5" fill="#f0f6fc" opacity="0.06"/>
-  </pattern>
-  <rect width="1200" height="440" fill="url(#dots)"/>
-  <line x1="100" y1="105" x2="1100" y2="105" stroke="#21262d" stroke-width="0.5"/>
-  <line x1="100" y1="418" x2="1100" y2="418" stroke="#21262d" stroke-width="0.5"/>
-
-  <!-- ======= PERSISTENT: Title + logo (fade in once, stay) ======= -->
-  <g class="persist-title">
-    <!-- Smoothie cup icon -->
-    <g transform="translate(480, 24)" fill="none" stroke="#f0f6fc" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-      <!-- Cup body (trapezoid) -->
-      <path d="M 4 14 L 7 34 L 25 34 L 28 14"/>
-      <!-- Lid -->
-      <path d="M 1 11 L 31 11 C 31 11 31 14 16 14 C 1 14 1 11 1 11"/>
-      <!-- Dome top -->
-      <path d="M 5 11 C 5 5 11 1 16 1 C 21 1 27 5 27 11"/>
-      <!-- Straw -->
-      <line x1="20" y1="1" x2="27" y2="-8"/>
-      <line x1="27" y1="-8" x2="30" y2="-8"/>
-      <!-- Drip details -->
-      <path d="M 9 14 C 9 17 12 17 12 14" opacity="0.5"/>
-      <path d="M 18 14 C 18 17 21 17 21 14" opacity="0.5"/>
-    </g>
-    <text x="620" y="55" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="40" font-weight="700" fill="#f0f6fc" letter-spacing="-0.5">Smoothie</text>
-  </g>
-  <text class="persist-sub" x="600" y="85" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="14" fill="#7d8590" letter-spacing="0.5">multi-model review for Claude Code</text>
-
-  <!-- ======= PERSISTENT: Terminal box (fade in once, stay) ======= -->
-  <g class="persist-term">
-    <rect x="42" y="225" width="195" height="65" rx="10" fill="#161b22" stroke="#30363d" stroke-width="1" filter="url(#sh)"/>
-    <circle cx="60" cy="240" r="4" fill="#f85149" fill-opacity="0.7"/>
-    <circle cx="73" cy="240" r="4" fill="#d29922" fill-opacity="0.7"/>
-    <circle cx="86" cy="240" r="4" fill="#3fb950" fill-opacity="0.7"/>
-  </g>
-  <g class="persist-dollar">
-    <text x="58" y="272" font-family="'SF Mono', 'Fira Code', monospace" font-size="13" fill="#7d8590">$</text>
-  </g>
-
-  <!-- ======= LOOPING: Typewriter "/smoothie" ======= -->
-  <g clip-path="url(#type-clip)">
-    <text x="72" y="272" font-family="'SF Mono', 'Fira Code', monospace" font-size="13" fill="#f0f6fc">/smoothie</text>
-  </g>
-
-  <!-- Cursor: follows typing, blinks after -->
-  <rect y="260" width="7" height="14" rx="1" fill="#f78166">
-    <animate attributeName="x" values="72;72;148;148;148;148;72;72" keyTimes="0;0.01;0.10;0.11;0.13;0.82;0.85;1" dur="14s" repeatCount="indefinite"/>
-    <animate attributeName="opacity" values="0;1;1;0;1;0;1;1;0;0" keyTimes="0;0.01;0.10;0.105;0.11;0.115;0.13;0.82;0.85;1" dur="14s" repeatCount="indefinite"/>
-  </rect>
-
-  <!-- ======= LOOPING: Branching paths ======= -->
-  <g class="paths" stroke="#30363d" stroke-width="1.5" fill="none" stroke-dasharray="4 4">
-    <path d="M 250 258 L 320 258 L 320 165 L 430 165"/>
-    <path d="M 250 258 L 320 258 L 320 225 L 430 225"/>
-    <path d="M 250 258 L 320 258 L 320 285 L 430 285"/>
-    <path d="M 250 258 L 320 258 L 320 345 L 430 345"/>
-    <path d="M 680 165 L 790 165 L 790 258 L 860 258"/>
-    <path d="M 680 225 L 790 225 L 790 258 L 860 258"/>
-    <path d="M 680 285 L 790 285 L 790 258 L 860 258"/>
-    <path d="M 680 345 L 790 345 L 790 258 L 860 258"/>
-  </g>
-  <g class="paths">
-    <rect x="318" y="256" width="4" height="4" rx="1" fill="#484f58"/>
-    <rect x="788" y="256" width="4" height="4" rx="1" fill="#484f58"/>
-  </g>
-  <text class="label-par" x="285" y="240" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="10" fill="#f78166">parallel query</text>
-  <text class="label-judge" x="825" y="240" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="10" fill="#3fb950">Claude judges</text>
-
-  <!-- ======= LOOPING: Orange data packets (after typing, 14-19%) ======= -->
-  <circle r="3.5" fill="#f78166" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.14;0.145;0.23;0.24;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;1;1" keyTimes="0;0.14;0.24;1" calcMode="linear" path="M 250 258 L 320 258 L 320 165 L 430 165"/>
-  </circle>
-  <circle r="3.5" fill="#f78166" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.14;0.145;0.23;0.24;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;1;1" keyTimes="0;0.14;0.24;1" calcMode="linear" path="M 250 258 L 320 258 L 320 225 L 430 225"/>
-  </circle>
-  <circle r="3.5" fill="#f78166" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.14;0.145;0.23;0.24;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;1;1" keyTimes="0;0.14;0.24;1" calcMode="linear" path="M 250 258 L 320 258 L 320 285 L 430 285"/>
-  </circle>
-  <circle r="3.5" fill="#f78166" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.14;0.145;0.23;0.24;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;1;1" keyTimes="0;0.14;0.24;1" calcMode="linear" path="M 250 258 L 320 258 L 320 345 L 430 345"/>
-  </circle>
-
-  <!-- ======= LOOPING: Model cards ======= -->
-
-  <!-- Opus -->
-  <g class="mA">
-    <rect x="430" y="143" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
-    <text x="472" y="170" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">Opus 4.6</text>
-    <rect x="440" y="178" width="230" height="3" rx="1.5" fill="#21262d"/>
-  </g>
-  <g class="spA"><circle cx="448" cy="165" r="5" fill="none" stroke="#f78166" stroke-width="1.5" stroke-dasharray="20 12" stroke-linecap="round"/></g>
-  <g class="ckA">
-    <circle cx="448" cy="165" r="6" fill="#3fb950" fill-opacity="0.15"/>
-    <path d="M 443 165 L 446.5 168.5 L 453 162" stroke="#3fb950" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <text class="dnA" x="670" y="170" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">2.1s</text>
-
-  <!-- GPT Codex -->
-  <g class="mB">
-    <rect x="430" y="203" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
-    <text x="472" y="230" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">GPT 5.4 Codex</text>
-    <rect x="440" y="238" width="230" height="3" rx="1.5" fill="#21262d"/>
-  </g>
-  <g class="spB"><circle cx="448" cy="225" r="5" fill="none" stroke="#f78166" stroke-width="1.5" stroke-dasharray="20 12" stroke-linecap="round"/></g>
-  <g class="ckB">
-    <circle cx="448" cy="225" r="6" fill="#3fb950" fill-opacity="0.15"/>
-    <path d="M 443 225 L 446.5 228.5 L 453 222" stroke="#3fb950" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <text class="dnB" x="670" y="230" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">3.8s</text>
-
-  <!-- Gemini -->
-  <g class="mC">
-    <rect x="430" y="263" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
-    <text x="472" y="290" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">Gemini 3.1 Pro</text>
-    <rect x="440" y="298" width="230" height="3" rx="1.5" fill="#21262d"/>
-  </g>
-  <g class="spC"><circle cx="448" cy="285" r="5" fill="none" stroke="#f78166" stroke-width="1.5" stroke-dasharray="20 12" stroke-linecap="round"/></g>
-  <g class="ckC">
-    <circle cx="448" cy="285" r="6" fill="#3fb950" fill-opacity="0.15"/>
-    <path d="M 443 285 L 446.5 288.5 L 453 282" stroke="#3fb950" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <text class="dnC" x="670" y="290" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">4.2s</text>
-
-  <!-- Grok -->
-  <g class="mD">
-    <rect x="430" y="323" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
-    <text x="472" y="350" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">Grok 4.20</text>
-    <rect x="440" y="358" width="230" height="3" rx="1.5" fill="#21262d"/>
-  </g>
-  <g class="spD"><circle cx="448" cy="345" r="5" fill="none" stroke="#f78166" stroke-width="1.5" stroke-dasharray="20 12" stroke-linecap="round"/></g>
-  <g class="ckD">
-    <circle cx="448" cy="345" r="6" fill="#3fb950" fill-opacity="0.15"/>
-    <path d="M 443 345 L 446.5 348.5 L 453 342" stroke="#3fb950" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <text class="dnD" x="670" y="350" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">5.1s</text>
-
-  <!-- Per-model progress bars -->
-  <rect x="440" y="178" width="0" height="3" rx="1.5" fill="url(#og)">
-    <animate attributeName="width" values="0;0;230;230;0;0" keyTimes="0;0.23;0.36;0.37;0.38;1" dur="14s" repeatCount="indefinite"/>
-  </rect>
-  <rect x="440" y="238" width="0" height="3" rx="1.5" fill="url(#og)">
-    <animate attributeName="width" values="0;0;230;230;0;0" keyTimes="0;0.25;0.39;0.40;0.41;1" dur="14s" repeatCount="indefinite"/>
-  </rect>
-  <rect x="440" y="298" width="0" height="3" rx="1.5" fill="url(#og)">
-    <animate attributeName="width" values="0;0;230;230;0;0" keyTimes="0;0.27;0.42;0.43;0.44;1" dur="14s" repeatCount="indefinite"/>
-  </rect>
-  <rect x="440" y="358" width="0" height="3" rx="1.5" fill="url(#og)">
-    <animate attributeName="width" values="0;0;230;230;0;0" keyTimes="0;0.29;0.45;0.46;0.47;1" dur="14s" repeatCount="indefinite"/>
-  </rect>
-
-  <!-- ======= LOOPING: Green dots (staggered return, collect at junction) ======= -->
-  <!-- Opus: leaves at 38%, arrives junction at 42%, holds, goes to output at 51% -->
-  <circle r="3.5" fill="#3fb950" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.38;0.385;0.52;0.53;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;0.6;0.6;1;1" keyTimes="0;0.38;0.42;0.48;0.53;1" calcMode="linear" path="M 680 165 L 790 165 L 790 258 L 860 258"/>
-  </circle>
-  <!-- GPT: leaves at 41%, arrives junction at 44%, holds, goes to output at 51% -->
-  <circle r="3.5" fill="#3fb950" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.41;0.415;0.52;0.53;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;0.6;0.6;1;1" keyTimes="0;0.41;0.44;0.48;0.53;1" calcMode="linear" path="M 680 225 L 790 225 L 790 258 L 860 258"/>
-  </circle>
-  <!-- Gemini: leaves at 44%, arrives junction at 47%, holds, goes to output at 51% -->
-  <circle r="3.5" fill="#3fb950" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.44;0.445;0.52;0.53;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;0.6;0.6;1;1" keyTimes="0;0.44;0.47;0.49;0.53;1" calcMode="linear" path="M 680 285 L 790 285 L 790 258 L 860 258"/>
-  </circle>
-  <!-- Grok: leaves at 47%, arrives junction at 49%, holds briefly, goes to output at 51% -->
-  <circle r="3.5" fill="#3fb950" opacity="0">
-    <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.47;0.475;0.52;0.53;1" dur="14s" repeatCount="indefinite"/>
-    <animateMotion dur="14s" repeatCount="indefinite" keyPoints="0;0;0.6;0.6;1;1" keyTimes="0;0.47;0.49;0.50;0.53;1" calcMode="linear" path="M 680 345 L 790 345 L 790 258 L 860 258"/>
-  </circle>
-
-  <!-- ======= LOOPING: Output card ======= -->
-  <g class="output-card">
-    <g class="output-float">
-      <rect x="870" y="210" width="210" height="100" rx="10" fill="#161b22" stroke="#3fb950" stroke-opacity="0.3" stroke-width="1" filter="url(#sh)"/>
-      <text x="975" y="236" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="10" font-weight="600" fill="#3fb950" letter-spacing="2.5" opacity="0.8">OUTPUT</text>
-      <line x1="893" y1="246" x2="1057" y2="246" stroke="#21262d" stroke-width="1"/>
-    </g>
-  </g>
-  <g class="output-float">
-    <g class="olA"><text x="893" y="266" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" fill="#8b949e">Judged by Claude</text></g>
-    <g class="olB"><text x="893" y="284" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12" fill="#8b949e">Conflicts resolved</text></g>
-    <g class="olC"><text x="893" y="302" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="12.5" fill="#3fb950" font-weight="600">One clean answer</text></g>
-  </g>
-</svg>