smoothie-code 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +39 -57
  2. package/auto-blend-hook.sh +41 -6
  3. package/bin/smoothie +211 -0
  4. package/config.json +3 -1
  5. package/dist/blend-cli.js +63 -10
  6. package/dist/index.js +59 -10
  7. package/dist/select-models.js +2 -0
  8. package/install.sh +118 -7
  9. package/package.json +11 -1
  10. package/pr-blend-hook.sh +39 -5
  11. package/banner-v2.svg +0 -307
  12. package/docs/banner.svg +0 -307
  13. package/docs/favicon.png +0 -0
  14. package/docs/favicon.svg +0 -17
  15. package/docs/index.html +0 -319
  16. package/icon.png +0 -0
  17. package/icon.svg +0 -17
  18. package/src/blend-cli.ts +0 -219
  19. package/src/index.ts +0 -367
  20. package/src/select-models.ts +0 -318
  21. package/tsconfig.json +0 -14
package/docs/banner.svg DELETED
@@ -1,307 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 440" fill="none">
2
- <style>
3
- /* === PERSISTENT: fade in once, stay forever === */
4
- @keyframes shineOnce {
5
- 0% { opacity: 0; filter: blur(10px) brightness(2); }
6
- 40% { opacity: 1; filter: blur(3px) brightness(1.3); }
7
- 100% { opacity: 1; filter: blur(0) brightness(1); }
8
- }
9
- @keyframes fadeOnce {
10
- from { opacity: 0; transform: translateY(8px); }
11
- to { opacity: 1; transform: translateY(0); }
12
- }
13
- .persist-title { opacity: 0; animation: shineOnce 1.2s ease 0.1s forwards; }
14
- .persist-sub { opacity: 0; animation: fadeOnce 0.7s ease 0.4s forwards; }
15
- .persist-term { opacity: 0; animation: fadeOnce 0.5s ease 0.7s forwards; }
16
- .persist-dollar{ opacity: 0; animation: fadeOnce 0.3s ease 1s forwards; }
17
-
18
- /* === LOOPING: 14s cycle === */
19
- /* fade=85-89%, pause=89-100%(1.54s)+0-1%(0.14s)=1.68s total dead */
20
-
21
- @keyframes pathLoop {
22
- 0%, 14% { opacity: 0; }
23
- 17% { opacity: 1; }
24
- 85% { opacity: 1; }
25
- 89% { opacity: 0; }
26
- 100% { opacity: 0; }
27
- }
28
- @keyframes mA { 0%,22% { opacity:0; transform:translateY(8px); } 25% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
29
- @keyframes mB { 0%,24% { opacity:0; transform:translateY(8px); } 27% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
30
- @keyframes mC { 0%,26% { opacity:0; transform:translateY(8px); } 29% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
31
- @keyframes mD { 0%,28% { opacity:0; transform:translateY(8px); } 31% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
32
-
33
- @keyframes spin { to { transform: rotate(360deg); } }
34
- @keyframes svA { 0%,22% { opacity:0; } 23% { opacity:1; } 36% { opacity:1; } 37% { opacity:0; } 100% { opacity:0; } }
35
- @keyframes svB { 0%,24% { opacity:0; } 25% { opacity:1; } 39% { opacity:1; } 40% { opacity:0; } 100% { opacity:0; } }
36
- @keyframes svC { 0%,26% { opacity:0; } 27% { opacity:1; } 42% { opacity:1; } 43% { opacity:0; } 100% { opacity:0; } }
37
- @keyframes svD { 0%,28% { opacity:0; } 29% { opacity:1; } 45% { opacity:1; } 46% { opacity:0; } 100% { opacity:0; } }
38
-
39
- @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; } }
40
- @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; } }
41
- @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; } }
42
- @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; } }
43
-
44
- @keyframes dA { 0%,36% { opacity:0; } 37% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
45
- @keyframes dB { 0%,39% { opacity:0; } 40% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
46
- @keyframes dC { 0%,42% { opacity:0; } 43% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
47
- @keyframes dD { 0%,45% { opacity:0; } 46% { opacity:1; } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
48
-
49
- /* Output: appear at 53%, hold until 85%, fade 89% → 4.5s visible */
50
- @keyframes outShine {
51
- 0%, 53% { opacity:0; filter: blur(10px) brightness(2); }
52
- 57% { opacity:1; filter: blur(3px) brightness(1.3); }
53
- 59% { opacity:1; filter: blur(0) brightness(1); }
54
- 85% { opacity:1; }
55
- 89% { opacity:0; }
56
- 100% { opacity:0; }
57
- }
58
- @keyframes olA { 0%,57% { opacity:0; transform:translateY(8px); } 60% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
59
- @keyframes olB { 0%,59% { opacity:0; transform:translateY(8px); } 62% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
60
- @keyframes olC { 0%,61% { opacity:0; transform:translateY(8px); } 64% { opacity:1; transform:translateY(0); } 85% { opacity:1; } 89% { opacity:0; } 100% { opacity:0; } }
61
- @keyframes labelFade {
62
- 0%,14% { opacity:0; } 17% { opacity:0.7; } 85% { opacity:0.7; } 89% { opacity:0; } 100% { opacity:0; }
63
- }
64
- @keyframes judgeLabelFade {
65
- 0%,50% { opacity:0; } 53% { opacity:0.7; } 85% { opacity:0.7; } 89% { opacity:0; } 100% { opacity:0; }
66
- }
67
- @keyframes gentleFloat {
68
- 0%, 100% { transform: translateY(0); }
69
- 50% { transform: translateY(-4px); }
70
- }
71
-
72
- /* Class assignments */
73
- .paths { animation: pathLoop 14s ease infinite; }
74
- .label-par { animation: labelFade 14s ease infinite; }
75
- .label-judge { animation: judgeLabelFade 14s ease infinite; }
76
- .mA { animation: mA 14s ease infinite; }
77
- .mB { animation: mB 14s ease infinite; }
78
- .mC { animation: mC 14s ease infinite; }
79
- .mD { animation: mD 14s ease infinite; }
80
- .spA { transform-origin: 448px 165px; animation: spin 0.7s linear infinite, svA 14s ease infinite; }
81
- .spB { transform-origin: 448px 225px; animation: spin 0.7s linear infinite, svB 14s ease infinite; }
82
- .spC { transform-origin: 448px 285px; animation: spin 0.7s linear infinite, svC 14s ease infinite; }
83
- .spD { transform-origin: 448px 345px; animation: spin 0.7s linear infinite, svD 14s ease infinite; }
84
- .ckA { transform-origin: 448px 165px; animation: ckA 14s ease infinite; }
85
- .ckB { transform-origin: 448px 225px; animation: ckB 14s ease infinite; }
86
- .ckC { transform-origin: 448px 285px; animation: ckC 14s ease infinite; }
87
- .ckD { transform-origin: 448px 345px; animation: ckD 14s ease infinite; }
88
- .dnA { animation: dA 14s ease infinite; }
89
- .dnB { animation: dB 14s ease infinite; }
90
- .dnC { animation: dC 14s ease infinite; }
91
- .dnD { animation: dD 14s ease infinite; }
92
- .output-card { animation: outShine 14s ease infinite; }
93
- .output-float { animation: gentleFloat 3s ease-in-out infinite; }
94
- .olA { animation: olA 14s ease infinite; }
95
- .olB { animation: olB 14s ease infinite; }
96
- .olC { animation: olC 14s ease infinite; }
97
- </style>
98
-
99
- <defs>
100
- <linearGradient id="og" x1="0" y1="0" x2="1" y2="0">
101
- <stop offset="0%" stop-color="#f78166" stop-opacity="0.2"/>
102
- <stop offset="100%" stop-color="#f78166"/>
103
- </linearGradient>
104
- <filter id="sh" x="-8%" y="-8%" width="116%" height="120%">
105
- <feDropShadow dx="0" dy="2" stdDeviation="8" flood-color="#000" flood-opacity="0.35"/>
106
- </filter>
107
-
108
- <!-- Typewriter clip: grows to reveal text, shrinks on loop reset -->
109
- <clipPath id="type-clip">
110
- <rect x="72" y="250" width="0" height="30">
111
- <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"/>
112
- </rect>
113
- </clipPath>
114
- </defs>
115
-
116
- <!-- ======= BACKGROUND (always visible) ======= -->
117
- <rect width="1200" height="440" fill="#0d1117"/>
118
- <pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse">
119
- <circle cx="12" cy="12" r="0.5" fill="#f0f6fc" opacity="0.06"/>
120
- </pattern>
121
- <rect width="1200" height="440" fill="url(#dots)"/>
122
- <line x1="100" y1="105" x2="1100" y2="105" stroke="#21262d" stroke-width="0.5"/>
123
- <line x1="100" y1="418" x2="1100" y2="418" stroke="#21262d" stroke-width="0.5"/>
124
-
125
- <!-- ======= PERSISTENT: Title + logo (fade in once, stay) ======= -->
126
- <g class="persist-title">
127
- <!-- Smoothie cup icon -->
128
- <g transform="translate(480, 24)" fill="none" stroke="#f0f6fc" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
129
- <!-- Cup body (trapezoid) -->
130
- <path d="M 4 14 L 7 34 L 25 34 L 28 14"/>
131
- <!-- Lid -->
132
- <path d="M 1 11 L 31 11 C 31 11 31 14 16 14 C 1 14 1 11 1 11"/>
133
- <!-- Dome top -->
134
- <path d="M 5 11 C 5 5 11 1 16 1 C 21 1 27 5 27 11"/>
135
- <!-- Straw -->
136
- <line x1="20" y1="1" x2="27" y2="-8"/>
137
- <line x1="27" y1="-8" x2="30" y2="-8"/>
138
- <!-- Drip details -->
139
- <path d="M 9 14 C 9 17 12 17 12 14" opacity="0.5"/>
140
- <path d="M 18 14 C 18 17 21 17 21 14" opacity="0.5"/>
141
- </g>
142
- <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>
143
- </g>
144
- <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>
145
-
146
- <!-- ======= PERSISTENT: Terminal box (fade in once, stay) ======= -->
147
- <g class="persist-term">
148
- <rect x="42" y="225" width="195" height="65" rx="10" fill="#161b22" stroke="#30363d" stroke-width="1" filter="url(#sh)"/>
149
- <circle cx="60" cy="240" r="4" fill="#f85149" fill-opacity="0.7"/>
150
- <circle cx="73" cy="240" r="4" fill="#d29922" fill-opacity="0.7"/>
151
- <circle cx="86" cy="240" r="4" fill="#3fb950" fill-opacity="0.7"/>
152
- </g>
153
- <g class="persist-dollar">
154
- <text x="58" y="272" font-family="'SF Mono', 'Fira Code', monospace" font-size="13" fill="#7d8590">$</text>
155
- </g>
156
-
157
- <!-- ======= LOOPING: Typewriter "/smoothie" ======= -->
158
- <g clip-path="url(#type-clip)">
159
- <text x="72" y="272" font-family="'SF Mono', 'Fira Code', monospace" font-size="13" fill="#f0f6fc">/smoothie</text>
160
- </g>
161
-
162
- <!-- Cursor: follows typing, blinks after -->
163
- <rect y="260" width="7" height="14" rx="1" fill="#f78166">
164
- <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"/>
165
- <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"/>
166
- </rect>
167
-
168
- <!-- ======= LOOPING: Branching paths ======= -->
169
- <g class="paths" stroke="#30363d" stroke-width="1.5" fill="none" stroke-dasharray="4 4">
170
- <path d="M 250 258 L 320 258 L 320 165 L 430 165"/>
171
- <path d="M 250 258 L 320 258 L 320 225 L 430 225"/>
172
- <path d="M 250 258 L 320 258 L 320 285 L 430 285"/>
173
- <path d="M 250 258 L 320 258 L 320 345 L 430 345"/>
174
- <path d="M 680 165 L 790 165 L 790 258 L 860 258"/>
175
- <path d="M 680 225 L 790 225 L 790 258 L 860 258"/>
176
- <path d="M 680 285 L 790 285 L 790 258 L 860 258"/>
177
- <path d="M 680 345 L 790 345 L 790 258 L 860 258"/>
178
- </g>
179
- <g class="paths">
180
- <rect x="318" y="256" width="4" height="4" rx="1" fill="#484f58"/>
181
- <rect x="788" y="256" width="4" height="4" rx="1" fill="#484f58"/>
182
- </g>
183
- <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>
184
- <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>
185
-
186
- <!-- ======= LOOPING: Orange data packets (after typing, 14-19%) ======= -->
187
- <circle r="3.5" fill="#f78166" opacity="0">
188
- <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"/>
189
- <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"/>
190
- </circle>
191
- <circle r="3.5" fill="#f78166" opacity="0">
192
- <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"/>
193
- <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"/>
194
- </circle>
195
- <circle r="3.5" fill="#f78166" opacity="0">
196
- <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"/>
197
- <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"/>
198
- </circle>
199
- <circle r="3.5" fill="#f78166" opacity="0">
200
- <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"/>
201
- <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"/>
202
- </circle>
203
-
204
- <!-- ======= LOOPING: Model cards ======= -->
205
-
206
- <!-- Opus -->
207
- <g class="mA">
208
- <rect x="430" y="143" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
209
- <text x="472" y="170" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">Opus 4.6</text>
210
- <rect x="440" y="178" width="230" height="3" rx="1.5" fill="#21262d"/>
211
- </g>
212
- <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>
213
- <g class="ckA">
214
- <circle cx="448" cy="165" r="6" fill="#3fb950" fill-opacity="0.15"/>
215
- <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"/>
216
- </g>
217
- <text class="dnA" x="670" y="170" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">2.1s</text>
218
-
219
- <!-- GPT Codex -->
220
- <g class="mB">
221
- <rect x="430" y="203" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
222
- <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>
223
- <rect x="440" y="238" width="230" height="3" rx="1.5" fill="#21262d"/>
224
- </g>
225
- <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>
226
- <g class="ckB">
227
- <circle cx="448" cy="225" r="6" fill="#3fb950" fill-opacity="0.15"/>
228
- <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"/>
229
- </g>
230
- <text class="dnB" x="670" y="230" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">3.8s</text>
231
-
232
- <!-- Gemini -->
233
- <g class="mC">
234
- <rect x="430" y="263" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
235
- <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>
236
- <rect x="440" y="298" width="230" height="3" rx="1.5" fill="#21262d"/>
237
- </g>
238
- <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>
239
- <g class="ckC">
240
- <circle cx="448" cy="285" r="6" fill="#3fb950" fill-opacity="0.15"/>
241
- <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"/>
242
- </g>
243
- <text class="dnC" x="670" y="290" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">4.2s</text>
244
-
245
- <!-- Grok -->
246
- <g class="mD">
247
- <rect x="430" y="323" width="250" height="44" rx="8" fill="#161b22" stroke="#30363d" stroke-width="1"/>
248
- <text x="472" y="350" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13.5" fill="#f0f6fc">Grok 4.20</text>
249
- <rect x="440" y="358" width="230" height="3" rx="1.5" fill="#21262d"/>
250
- </g>
251
- <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>
252
- <g class="ckD">
253
- <circle cx="448" cy="345" r="6" fill="#3fb950" fill-opacity="0.15"/>
254
- <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"/>
255
- </g>
256
- <text class="dnD" x="670" y="350" text-anchor="end" font-family="'SF Mono', monospace" font-size="10" fill="#3fb950">5.1s</text>
257
-
258
- <!-- Per-model progress bars -->
259
- <rect x="440" y="178" width="0" height="3" rx="1.5" fill="url(#og)">
260
- <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"/>
261
- </rect>
262
- <rect x="440" y="238" width="0" height="3" rx="1.5" fill="url(#og)">
263
- <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"/>
264
- </rect>
265
- <rect x="440" y="298" width="0" height="3" rx="1.5" fill="url(#og)">
266
- <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"/>
267
- </rect>
268
- <rect x="440" y="358" width="0" height="3" rx="1.5" fill="url(#og)">
269
- <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"/>
270
- </rect>
271
-
272
- <!-- ======= LOOPING: Green dots (staggered return, collect at junction) ======= -->
273
- <!-- Opus: leaves at 38%, arrives junction at 42%, holds, goes to output at 51% -->
274
- <circle r="3.5" fill="#3fb950" opacity="0">
275
- <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"/>
276
- <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"/>
277
- </circle>
278
- <!-- GPT: leaves at 41%, arrives junction at 44%, holds, goes to output at 51% -->
279
- <circle r="3.5" fill="#3fb950" opacity="0">
280
- <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"/>
281
- <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"/>
282
- </circle>
283
- <!-- Gemini: leaves at 44%, arrives junction at 47%, holds, goes to output at 51% -->
284
- <circle r="3.5" fill="#3fb950" opacity="0">
285
- <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"/>
286
- <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"/>
287
- </circle>
288
- <!-- Grok: leaves at 47%, arrives junction at 49%, holds briefly, goes to output at 51% -->
289
- <circle r="3.5" fill="#3fb950" opacity="0">
290
- <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"/>
291
- <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"/>
292
- </circle>
293
-
294
- <!-- ======= LOOPING: Output card ======= -->
295
- <g class="output-card">
296
- <g class="output-float">
297
- <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)"/>
298
- <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>
299
- <line x1="893" y1="246" x2="1057" y2="246" stroke="#21262d" stroke-width="1"/>
300
- </g>
301
- </g>
302
- <g class="output-float">
303
- <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>
304
- <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>
305
- <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>
306
- </g>
307
- </svg>
package/docs/favicon.png DELETED
Binary file
package/docs/favicon.svg DELETED
@@ -1,17 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
2
- <rect width="64" height="64" rx="14" fill="#0d1117"/>
3
- <g transform="translate(12, 10)" stroke="#f0f6fc" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none">
4
- <!-- Straw (inside viewBox now) -->
5
- <line x1="24" y1="8" x2="32" y2="2"/>
6
- <line x1="32" y1="2" x2="36" y2="2"/>
7
- <!-- Dome -->
8
- <path d="M 8 20 C 8 12 14 6 20 6 C 26 6 32 12 32 20"/>
9
- <!-- Lid -->
10
- <path d="M 2 20 L 38 20 C 38 20 38 24 20 24 C 2 24 2 20 2 20"/>
11
- <!-- Cup body -->
12
- <path d="M 6 24 L 10 46 L 30 46 L 34 24"/>
13
- <!-- Drips -->
14
- <path d="M 13 24 C 13 28 17 28 17 24" opacity="0.4" stroke-width="1.8"/>
15
- <path d="M 23 24 C 23 28 27 28 27 24" opacity="0.4" stroke-width="1.8"/>
16
- </g>
17
- </svg>
package/docs/index.html DELETED
@@ -1,319 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Smoothie — Multi-model review for Claude Code</title>
7
- <link rel="icon" type="image/png" href="favicon.png">
8
- <link rel="icon" type="image/svg+xml" href="favicon.svg">
9
- <meta name="description" content="Query multiple AI models in parallel, get one blended answer. Plugin for Claude Code, Codex CLI, and Gemini CLI.">
10
- <meta property="og:title" content="Smoothie">
11
- <meta property="og:description" content="Multi-model review for Claude Code, Codex CLI, and Gemini CLI">
12
- <meta property="og:image" content="https://hotairbag.github.io/smoothie/banner.svg">
13
- <style>
14
- * { margin: 0; padding: 0; box-sizing: border-box; }
15
-
16
- body {
17
- background: #0d1117;
18
- color: #f0f6fc;
19
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
20
- min-height: 100vh;
21
- }
22
-
23
- .page {
24
- max-width: 880px;
25
- margin: 0 auto;
26
- padding: 0 24px;
27
- }
28
-
29
- /* Nav */
30
- nav {
31
- display: flex;
32
- justify-content: flex-end;
33
- padding: 20px 0;
34
- gap: 12px;
35
- }
36
- .gh-star {
37
- display: inline-flex;
38
- align-items: center;
39
- gap: 6px;
40
- background: #21262d;
41
- border: 1px solid #30363d;
42
- border-radius: 6px;
43
- padding: 6px 14px;
44
- color: #f0f6fc;
45
- font-size: 13px;
46
- font-weight: 500;
47
- text-decoration: none;
48
- transition: border-color 0.2s, background 0.2s;
49
- }
50
- .gh-star:hover { background: #30363d; border-color: #484f58; }
51
- .gh-star svg { width: 16px; height: 16px; fill: #e3b341; }
52
-
53
- /* Banner */
54
- .banner {
55
- margin: 24px 0 0;
56
- border-radius: 16px;
57
- border: 1px solid #21262d;
58
- overflow: hidden;
59
- background: #0d1117;
60
- }
61
- .banner img { width: 100%; display: block; }
62
-
63
- /* Hero */
64
- .hero {
65
- text-align: center;
66
- padding: 56px 0 40px;
67
- }
68
- .hero p {
69
- font-size: 18px;
70
- font-weight: 400;
71
- color: #8b949e;
72
- line-height: 1.7;
73
- max-width: 560px;
74
- margin: 0 auto;
75
- }
76
-
77
- /* Install */
78
- .install {
79
- text-align: center;
80
- margin-bottom: 56px;
81
- }
82
- .install-box {
83
- display: inline-flex;
84
- align-items: center;
85
- gap: 12px;
86
- background: #161b22;
87
- border: 1px solid #30363d;
88
- border-radius: 12px;
89
- padding: 18px 28px;
90
- cursor: pointer;
91
- transition: border-color 0.2s, box-shadow 0.2s;
92
- position: relative;
93
- }
94
- .install-box:hover {
95
- border-color: #f78166;
96
- box-shadow: 0 0 20px rgba(247, 129, 102, 0.08);
97
- }
98
- .install-cmd {
99
- font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
100
- font-size: 16px;
101
- color: #f0f6fc;
102
- }
103
- .install-cmd .kw { color: #f78166; }
104
- .install-copy {
105
- background: #21262d;
106
- border: 1px solid #30363d;
107
- border-radius: 6px;
108
- padding: 4px 10px;
109
- font-size: 11px;
110
- color: #8b949e;
111
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
112
- transition: color 0.2s, background 0.2s;
113
- }
114
- .install-box:hover .install-copy { color: #f0f6fc; background: #30363d; }
115
- .install-box.copied .install-copy { color: #3fb950; }
116
- .install-alt {
117
- margin-top: 12px;
118
- font-size: 12px;
119
- color: #484f58;
120
- }
121
- .install-alt a { color: #8b949e; text-decoration: none; }
122
- .install-alt a:hover { color: #f0f6fc; }
123
-
124
- /* Divider */
125
- .divider {
126
- height: 1px;
127
- background: #21262d;
128
- margin: 0 0 56px;
129
- }
130
-
131
- /* Features */
132
- .features {
133
- display: grid;
134
- grid-template-columns: repeat(3, 1fr);
135
- gap: 16px;
136
- margin-bottom: 56px;
137
- }
138
- @media (max-width: 640px) {
139
- .features { grid-template-columns: 1fr; }
140
- }
141
- .feature {
142
- background: #161b22;
143
- border: 1px solid #21262d;
144
- border-radius: 12px;
145
- padding: 28px 24px;
146
- transition: border-color 0.2s;
147
- }
148
- .feature:hover { border-color: #30363d; }
149
- .feature h3 {
150
- font-size: 15px;
151
- font-weight: 600;
152
- margin-bottom: 10px;
153
- font-family: 'SF Mono', 'Fira Code', monospace;
154
- }
155
- .feature p {
156
- font-size: 13px;
157
- color: #8b949e;
158
- line-height: 1.6;
159
- }
160
- .accent { color: #f78166; }
161
- .green { color: #3fb950; }
162
-
163
- /* Usage */
164
- .usage {
165
- margin-bottom: 64px;
166
- }
167
- .usage h2 {
168
- font-size: 13px;
169
- font-weight: 600;
170
- color: #8b949e;
171
- letter-spacing: 1.5px;
172
- text-transform: uppercase;
173
- margin-bottom: 20px;
174
- }
175
- .usage-grid {
176
- display: grid;
177
- grid-template-columns: 1fr 1fr;
178
- gap: 10px;
179
- }
180
- @media (max-width: 640px) {
181
- .usage-grid { grid-template-columns: 1fr; }
182
- }
183
- .usage-item {
184
- background: #161b22;
185
- border: 1px solid #21262d;
186
- border-radius: 8px;
187
- padding: 16px 20px;
188
- display: flex;
189
- justify-content: space-between;
190
- align-items: center;
191
- }
192
- .usage-item code {
193
- font-family: 'SF Mono', 'Fira Code', monospace;
194
- font-size: 13px;
195
- color: #f0f6fc;
196
- }
197
- .usage-item .desc {
198
- font-size: 12px;
199
- color: #484f58;
200
- }
201
-
202
- /* Footer */
203
- footer {
204
- padding: 40px 0;
205
- text-align: center;
206
- border-top: 1px solid #21262d;
207
- }
208
- footer {
209
- display: flex;
210
- justify-content: center;
211
- gap: 24px;
212
- }
213
- footer a {
214
- display: inline-flex;
215
- align-items: center;
216
- gap: 6px;
217
- color: #484f58;
218
- text-decoration: none;
219
- font-size: 13px;
220
- transition: color 0.2s;
221
- }
222
- footer a:hover { color: #8b949e; }
223
- footer svg { width: 18px; height: 18px; fill: currentColor; }
224
- </style>
225
- </head>
226
- <body>
227
- <div class="page">
228
- <nav>
229
- <a class="gh-star" href="https://github.com/hotairbag/smoothie">
230
- <svg viewBox="0 0 16 16"><path d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z"/></svg>
231
- Star on GitHub
232
- </a>
233
- </nav>
234
-
235
- <div class="banner">
236
- <img src="banner.svg" alt="Smoothie">
237
- </div>
238
-
239
- <div class="hero">
240
- <p>Query multiple AI models in parallel. Get one blended answer. Works with Claude Code, Codex CLI, and Gemini CLI.</p>
241
- </div>
242
-
243
- <div class="install">
244
- <div class="install-box" onclick="copyInstall(this)">
245
- <span class="install-cmd"><span class="kw">npx</span> smoothie-code</span>
246
- <span class="install-copy">copy</span>
247
- </div>
248
- <div class="install-alt">
249
- or <a href="https://github.com/hotairbag/smoothie">clone from GitHub</a>
250
- </div>
251
- </div>
252
-
253
- <div class="divider"></div>
254
-
255
- <div class="features">
256
- <div class="feature">
257
- <h3><span class="accent">/smoothie</span></h3>
258
- <p>Slash command sends your problem to all models. The host AI judges responses and gives you one clean answer.</p>
259
- </div>
260
- <div class="feature">
261
- <h3><span class="green">auto-blend</span></h3>
262
- <p>Plans and PRs automatically reviewed by multiple models before you approve. Zero typing required.</p>
263
- </div>
264
- <div class="feature">
265
- <h3>--deep</h3>
266
- <p>Full context mode. Sends project files, git diff, and docs to all reviewers. Shows cost estimate first.</p>
267
- </div>
268
- </div>
269
-
270
- <div class="usage">
271
- <h2>Commands</h2>
272
- <div class="usage-grid">
273
- <div class="usage-item">
274
- <code>/smoothie <span class="accent">fix the auth bug</span></code>
275
- <span class="desc">blend</span>
276
- </div>
277
- <div class="usage-item">
278
- <code>/smoothie-pr</code>
279
- <span class="desc">review PR</span>
280
- </div>
281
- <div class="usage-item">
282
- <code>smoothie models</code>
283
- <span class="desc">pick models</span>
284
- </div>
285
- <div class="usage-item">
286
- <code>smoothie auto <span class="green">on</span></code>
287
- <span class="desc">auto-blend</span>
288
- </div>
289
- </div>
290
- </div>
291
- </div>
292
-
293
- <footer>
294
- <a href="https://github.com/hotairbag/smoothie">
295
- <svg viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
296
- GitHub
297
- </a>
298
- <a href="https://openrouter.ai/apps?url=https%3A%2F%2Fhotairbag.github.io%2Fsmoothie">
299
- <svg viewBox="0 0 16 16"><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 11-.001 11.001A5.5 5.5 0 018 2.5zm0 2a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 4.5zm0 6a.75.75 0 100 1.5.75.75 0 000-1.5z"/></svg>
300
- OpenRouter Usage
301
- </a>
302
- <a href="https://www.npmjs.com/package/smoothie-code">
303
- npm
304
- </a>
305
- </footer>
306
-
307
- <script>
308
- function copyInstall(el) {
309
- navigator.clipboard.writeText('npx smoothie-code');
310
- el.classList.add('copied');
311
- el.querySelector('.install-copy').textContent = 'copied!';
312
- setTimeout(() => {
313
- el.classList.remove('copied');
314
- el.querySelector('.install-copy').textContent = 'copy';
315
- }, 2000);
316
- }
317
- </script>
318
- </body>
319
- </html>
package/icon.png DELETED
Binary file