smoothie-code 1.0.0

package/README.md

@@ -0,0 +1,82 @@
+# Smoothie
+
+<p align="center">
+  <img src="banner-v2.svg" alt="Smoothie — multi-model review for Claude Code" width="100%">
+</p>
+
+Multi-model review plugin for Claude Code. Sends your problem or plan to multiple AI models simultaneously, then Claude judges all responses and serves you one blended result.
+
+**Two model tracks:**
+- **Codex** — Codex CLI, authenticated via ChatGPT account OAuth
+- **OpenRouter** — single API key, models selected at install time from a live ranked list
+
+## Install
+
+```bash
+git clone https://github.com/hotairbag/smoothie && cd smoothie && bash install.sh
+```
+
+The installer walks you through everything: dependencies, Codex auth, OpenRouter key, and model selection.
+
+Restart Claude Code after install.
+
+## Usage
+
+### Slash command
+```
+/smoothie <your problem or question>
+```
+
+### Auto-blend (plans)
+When enabled, every plan is automatically reviewed by all models before you see it. Claude revises the plan with their feedback, then presents the improved version for approval. Zero effort.
+
+Enable during install, or toggle anytime in `config.json`:
+```json
+{ "auto_blend": true }
+```
+
+Adds 30-90s to plan approval while models respond.
+
+### Manage models
+```bash
+smoothie models              # re-pick from top models
+smoothie models add openai/gpt-5.4
+smoothie models remove openai/gpt-5.4
+smoothie models list
+```
+No restart needed — config is read fresh on each blend.
+
+## How it works
+
+```
+Claude Code
+    |
+    |-- /smoothie <context>           <- manual slash command
+    |-- PreToolUse hook               <- auto-blend on ExitPlanMode
+    \-- MCP Server
+            \-- smoothie_blend(prompt)
+                    |-- Queries all models in parallel
+                    |-- Streams live progress to terminal
+                    \-- Returns all responses to Claude
+```
+
+**Auto-blend flow:**
+```
+Claude presents plan → ExitPlanMode hook fires → Smoothie blend runs
+→ Results injected as context → Claude revises plan → You approve
+```
+
+Claude acts as judge. Raw model outputs are never shown. Claude absorbs everything and hands you one result.
+
+## File overview
+
+| File | Purpose |
+|---|---|
+| `src/index.ts` | MCP server exposing `smoothie_blend` tool |
+| `src/blend-cli.ts` | Standalone blend runner (used by hooks) |
+| `src/select-models.ts` | Interactive model picker (OpenRouter API) |
+| `auto-blend-hook.sh` | PreToolUse hook — auto-blends plans |
+| `plan-hook.sh` | Stop hook — plan mode hint (fallback) |
+| `install.sh` | One-command installer |
+| `config.json` | Model selection + auto_blend flag |
+| `.env` | API keys (gitignored) |

package/auto-blend-hook.sh

@@ -0,0 +1,94 @@
+#!/bin/bash
+#
+# auto-blend-hook.sh — PreToolUse hook for ExitPlanMode
+#
+# Intercepts plan approval, runs Smoothie blend on the plan,
+# and injects results back so Claude revises before you see it.
+#
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+# Read hook input from stdin
+INPUT=$(cat)
+
+# Check if auto-blend is enabled in config
+if [ -f "$SCRIPT_DIR/config.json" ]; then
+  AUTO_ENABLED=$(node -e "
+    try {
+      const c = JSON.parse(require('fs').readFileSync('$SCRIPT_DIR/config.json','utf8'));
+      console.log(c.auto_blend === true ? 'true' : 'false');
+    } catch(e) { console.log('false'); }
+  " 2>/dev/null)
+
+  if [ "$AUTO_ENABLED" != "true" ]; then
+    # Auto-blend disabled — allow ExitPlanMode without intervention
+    echo '{"hookSpecificOutput":{"hookEventName":"PreToolUse","permissionDecision":"allow"}}'
+    exit 0
+  fi
+fi
+
+# Extract transcript path
+TRANSCRIPT_PATH=$(echo "$INPUT" | python3 -c "
+import sys, json
+try:
+  d = json.load(sys.stdin)
+  print(d.get('transcript_path', ''))
+except:
+  print('')
+" 2>/dev/null)
+
+if [ -z "$TRANSCRIPT_PATH" ] || [ ! -f "$TRANSCRIPT_PATH" ]; then
+  echo '{"hookSpecificOutput":{"hookEventName":"PreToolUse","permissionDecision":"allow"}}'
+  exit 0
+fi
+
+# Extract the plan from the last ~4000 chars of the transcript
+PLAN_CONTEXT=$(tail -c 4000 "$TRANSCRIPT_PATH" 2>/dev/null)
+
+if [ -z "$PLAN_CONTEXT" ]; then
+  echo '{"hookSpecificOutput":{"hookEventName":"PreToolUse","permissionDecision":"allow"}}'
+  exit 0
+fi
+
+# Build the review prompt
+REVIEW_PROMPT="You are reviewing a plan that Claude Code generated. Analyze it for:
+- Missing steps or edge cases
+- Better approaches or optimizations
+- Potential bugs or issues
+- Security concerns
+
+Here is the plan context (from the conversation transcript):
+
+$PLAN_CONTEXT
+
+Provide concise, actionable feedback. Focus only on things that should change."
+
+# Run the blend (progress shows on stderr, results on stdout)
+BLEND_RESULTS=$(echo "$REVIEW_PROMPT" | node "$SCRIPT_DIR/dist/blend-cli.js" 2>/dev/stderr)
+
+if [ -z "$BLEND_RESULTS" ]; then
+  echo '{"hookSpecificOutput":{"hookEventName":"PreToolUse","permissionDecision":"allow"}}'
+  exit 0
+fi
+
+# Build the additionalContext string
+CONTEXT="🧃 Smoothie auto-blend results — multiple models reviewed this plan:
+
+$BLEND_RESULTS
+
+Revise the plan above based on this feedback. Incorporate valid suggestions, discard irrelevant ones. Present the improved plan to the user."
+
+# Return: allow ExitPlanMode but inject blend results
+node -e "
+  const ctx = $(echo "$CONTEXT" | python3 -c "import sys,json; print(json.dumps(sys.stdin.read()))" 2>/dev/null);
+  console.log(JSON.stringify({
+    hookSpecificOutput: {
+      hookEventName: 'PreToolUse',
+      permissionDecision: 'allow',
+      permissionDecisionReason: 'Smoothie auto-blend completed',
+      additionalContext: ctx
+    }
+  }));
+"
+
+exit 0

package/banner-v2.svg

@@ -0,0 +1,307 @@
+<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>

package/bin/smoothie

@@ -0,0 +1,67 @@
+#!/bin/bash
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+CONFIG="$SCRIPT_DIR/config.json"
+
+case "$1" in
+  models)
+    shift
+    node "$SCRIPT_DIR/dist/select-models.js" "$@"
+    ;;
+  blend)
+    shift
+    node "$SCRIPT_DIR/dist/blend-cli.js" "$@"
+    ;;
+  auto)
+    case "$2" in
+      on)
+        node -e "
+          const fs = require('fs');
+          const c = JSON.parse(fs.readFileSync('$CONFIG','utf8'));
+          c.auto_blend = true;
+          fs.writeFileSync('$CONFIG', JSON.stringify(c, null, 2));
+        "
+        echo "  ✓ Auto-blend enabled"
+        ;;
+      off)
+        node -e "
+          const fs = require('fs');
+          const c = JSON.parse(fs.readFileSync('$CONFIG','utf8'));
+          c.auto_blend = false;
+          fs.writeFileSync('$CONFIG', JSON.stringify(c, null, 2));
+        "
+        echo "  ✓ Auto-blend disabled"
+        ;;
+      *)
+        ENABLED=$(node -e "
+          try {
+            const c = JSON.parse(require('fs').readFileSync('$CONFIG','utf8'));
+            console.log(c.auto_blend ? 'on' : 'off');
+          } catch(e) { console.log('off'); }
+        ")
+        echo "  Auto-blend is $ENABLED"
+        echo "  Usage: smoothie auto on|off"
+        ;;
+    esac
+    ;;
+  help|--help|-h|"")
+    echo ""
+    echo "  🧃 Smoothie — multi-model review for Claude Code"
+    echo ""
+    echo "  smoothie models              Pick models interactively"
+    echo "  smoothie models list         Show current models"
+    echo "  smoothie models add <id>     Add by OpenRouter model ID"
+    echo "  smoothie models remove <id>  Remove a model"
+    echo ""
+    echo "  smoothie auto                Show auto-blend status"
+    echo "  smoothie auto on             Enable auto-blend for plans"
+    echo "  smoothie auto off            Disable auto-blend"
+    echo ""
+    echo "  smoothie blend \"<prompt>\"         Run a blend from terminal"
+    echo "  smoothie blend --deep \"<prompt>\"  Deep blend with full context"
+    echo ""
+    ;;
+  *)
+    echo "  Unknown command: $1"
+    echo "  Run 'smoothie help' for usage"
+    ;;
+esac

package/config.json

@@ -0,0 +1,17 @@
+{
+  "openrouter_models": [
+    {
+      "id": "google/gemma-4-26b-a4b-it",
+      "label": "Google: Gemma 4 26B A4B "
+    },
+    {
+      "id": "qwen/qwen3.6-plus:free",
+      "label": "Qwen: Qwen3.6 Plus (free)"
+    },
+    {
+      "id": "z-ai/glm-5v-turbo",
+      "label": "Z.ai: GLM 5V Turbo"
+    }
+  ],
+  "auto_blend": true
+}

package/dist/blend-cli.d.ts

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+/**
+ * blend-cli.ts — Standalone blend runner for hooks.
+ *
+ * Usage:
+ *   node dist/blend-cli.js "Review this plan: ..."
+ *   echo "plan text" | node dist/blend-cli.js
+ *
+ * Queries Codex + OpenRouter models in parallel, prints JSON results to stdout.
+ * Progress goes to stderr so it doesn't interfere with hook JSON output.
+ */
+export {};