\n ${logoMarkup(m, false)}\n \n ${m.id}\n ${m.house}${ready(i) ? \" · ready\" : \"\"}\n \n ${state.scores[i]?.toFixed(1) ?? \"–\"}\n

\n `;\n }).join(\"\");\n hydrateLogos(els.lineup);\n}\n\nfunction render() {\n const m = model();\n if (!m) return;\n\n const allPrepped = state.prepared.length > 0 && state.prepared.every((p) => !!p);\n\n // Pre-show curtain: don't reveal the first act until host manually brings them up.\n if (!state.revealed) {\n els.stage.style.setProperty(\"--active\", \"var(--gold)\");\n els.logoOrb.innerHTML = \"\";\n els.currentName.textContent = \"\";\n els.currentMeta.textContent = \"\";\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n\n els.prepareBtn.hidden = false;\n els.prepareBtn.disabled = state.preparing || allPrepped;\n els.revealBtn.hidden = !allPrepped;\n els.revealBtn.textContent = state.index === 0 ? \"Bring up first act\" : \"Bring up next act\";\n els.playBtn.hidden = true;\n els.submitBtn.hidden = true;\n\n els.status.textContent = state.preparing\n ? \"Hang tight — prepping all ten acts.\"\n : allPrepped\n ? state.index === 0\n ? \"Show is ready. Bring up the first act when you are.\"\n : `Ready for act ${state.index + 1} of ${MODELS.length} when you are.`\n : \"Hit Prepare show to begin.\";\n\n renderLineup();\n drawIdle();\n return;\n }\n\n // Showtime.\n els.stage.style.setProperty(\"--active\", m.color);\n els.logoOrb.innerHTML = logoMarkup(m, true);\n hydrateLogos(els.logoOrb);\n els.currentName.textContent = m.id;\n els.currentMeta.textContent = m.house;\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n\n els.prepareBtn.hidden = true;\n els.revealBtn.hidden = true;\n els.playBtn.hidden = false;\n els.submitBtn.hidden = false;\n els.playBtn.disabled = !ready() || state.playing;\n els.submitBtn.disabled = !ready() || state.playing;\n\n els.status.textContent = ready() ? `Joke ready for ${m.id}` : \"Prepare the show, then press play.\";\n renderLineup();\n drawIdle();\n}\n\nfunction drawIdle() {\n if (!MODELS.length) return;\n const ctx = els.wave.getContext(\"2d\")!;\n const w = els.wave.width;\n const h = els.wave.height;\n const c = model().color;\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = \"rgba(0,0,0,.14)\";\n ctx.fillRect(0, 0, w, h);\n for (let x = 0; x < w; x += 13) {\n const y = h / 2 + Math.sin(x / 42 + performance.now() / 900) * 12;\n const bar = 7 + Math.abs(Math.sin(x / 69 + state.index)) * 25;\n ctx.fillStyle = c;\n ctx.globalAlpha = 0.32 + (x % 39) / 100;\n ctx.fillRect(x, y - bar / 2, 6, bar);\n }\n ctx.globalAlpha = 1;\n}\n\nfunction animateWave() {\n const ctx = els.wave.getContext(\"2d\")!;\n const w = els.wave.width;\n const h = els.wave.height;\n const c = model().color;\n function frame() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = \"rgba(0,0,0,.16)\";\n ctx.fillRect(0, 0, w, h);\n if (analyser && dataArray) {\n analyser.getByteFrequencyData(dataArray);\n const step = Math.max(1, Math.floor(dataArray.length / 74));\n for (let i = 0; i < 74; i++) {\n const v = dataArray[i * step] / 255;\n const bar = Math.max(5, v * h * 0.9);\n const x = i * (w / 74) + 2;\n ctx.fillStyle = c;\n ctx.globalAlpha = 0.35 + v * 0.65;\n ctx.fillRect(x, (h - bar) / 2, Math.max(4, w / 100), bar);\n }\n } else {\n drawIdle();\n }\n ctx.globalAlpha = 1;\n if (state.playing) requestAnimationFrame(frame);\n }\n frame();\n}\n\nasync function prepareOne(i: number) {\n const m = MODELS[i];\n els.status.textContent = `Preparing act ${i + 1} of ${MODELS.length}…`;\n renderLineup();\n const jokeRes = await fetch(\"/api/joke\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ modelId: m.id, testMode: !els.liveToggle.checked }),\n });\n const jokeData = await jokeRes.json();\n if (!jokeRes.ok) throw new Error(jokeData.error || \"joke failed\");\n\n let audioUrl: string | null = null;\n let audioMode = \"elevenlabs\";\n try {\n const audioRes = await fetch(\"/api/audio\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ modelId: m.id, text: jokeData.joke }),\n });\n if (!audioRes.ok) throw new Error(\"audio fallback\");\n audioUrl = URL.createObjectURL(await audioRes.blob());\n } catch {\n audioMode = \"browser\";\n }\n state.prepared[i] = { joke: jokeData.joke, audioUrl, audioMode, mode: jokeData.mode };\n}\n\nasync function prepareShow() {\n state.preparing = true;\n els.prepareBtn.disabled = true;\n try {\n for (let i = 0; i < MODELS.length; i++) {\n if (!state.prepared[i]) {\n await prepareOne(i);\n render();\n }\n }\n els.status.textContent = \"Show is ready. Bring up the first act when you are.\";\n toast(\"Show prepared. Reveal when ready.\");\n } catch (e) {\n els.status.textContent = \"Prep stopped: \" + (e as Error).message;\n toast(\"Prep stopped. You can retry.\");\n } finally {\n state.preparing = false;\n render();\n }\n}\n\nasync function play() {\n if (!ready()) return;\n const item = state.prepared[state.index]!;\n if (currentAudio) {\n currentAudio.pause();\n currentAudio = null;\n }\n state.playing = true;\n render();\n animateWave();\n if (item.audioUrl) {\n currentAudio = new Audio(item.audioUrl);\n try {\n audioCtx = audioCtx || new AudioContext();\n analyser = audioCtx.createAnalyser();\n analyser.fftSize = 256;\n dataArray = new Uint8Array(analyser.frequencyBinCount);\n sourceNode = audioCtx.createMediaElementSource(currentAudio);\n sourceNode.connect(analyser);\n analyser.connect(audioCtx.destination);\n } catch {}\n currentAudio.onended = () => {\n state.playing = false;\n render();\n };\n await currentAudio.play();\n } else {\n const utter = new SpeechSynthesisUtterance(item.joke);\n utter.rate = 0.95 + (state.index % 4) * 0.04;\n utter.pitch = 0.78 + (state.index % 5) * 0.09;\n utter.onend = () => {\n state.playing = false;\n render();\n };\n speechSynthesis.cancel();\n speechSynthesis.speak(utter);\n }\n}\n\nfunction submitScore() {\n state.scores[state.index] = Number(els.score.value);\n speechSynthesis.cancel();\n if (currentAudio) currentAudio.pause();\n state.playing = false;\n if (state.index === MODELS.length - 1) return showResults();\n state.index++;\n state.revealed = false;\n els.score.value = \"5.0\";\n render();\n}\n\nfunction showResults() {\n const ranked = MODELS\n .map((m, i) => ({ ...m, score: state.scores[i] ?? 0 }))\n .sort((a, b) => b.score - a.score);\n els.ranking.innerHTML = ranked.map((m, i) => `\n

\n #${i + 1}\n ${m.id}${m.house}\n ${m.score.toFixed(1)}\n

\n `).join(\"\");\n els.results.classList.add(\"show\");\n}\n\nasync function init() {\n const res = await fetch(\"/api/lineup\");\n const data = await res.json() as { prompt: string; models: Model[] };\n MODELS = data.models;\n PROMPT = data.prompt;\n state.scores = Array(MODELS.length).fill(null);\n state.prepared = Array(MODELS.length).fill(null);\n els.prompt.textContent = `\"${PROMPT}\"`;\n els.liveToggle.checked = new URL(location.href).searchParams.get(\"live\") === \"1\";\n\n els.prepareBtn.addEventListener(\"click\", prepareShow);\n els.revealBtn.addEventListener(\"click\", () => {\n state.revealed = true;\n render();\n });\n els.playBtn.addEventListener(\"click\", play);\n els.submitBtn.addEventListener(\"click\", submitScore);\n els.score.addEventListener(\"input\", () => {\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n });\n els.resetBtn.addEventListener(\"click\", () => {\n state.index = 0;\n state.scores.fill(null);\n state.prepared.forEach((p) => p?.audioUrl && URL.revokeObjectURL(p.audioUrl));\n state.prepared = Array(MODELS.length).fill(null);\n state.revealed = false;\n els.results.classList.remove(\"show\");\n els.score.value = \"5.0\";\n render();\n });\n setInterval(() => {\n if (!state.playing) drawIdle();\n }, 140);\n render();\n}\n\ninit();\n",[],[72,113],"dae2fd50-5a1f-11f1-a81f-ee650bb23af1","index.html","019e6baa-fded-755b-bced-1674ea5ad0c3",["D",1779922828699],"\n\n\n \n \n Last Model Standing — OpenRouter OpenMic\n \n \n\n\n

Last Model Standing

OpenRouter OpenMic

Hosted by $\"Val$

Prepare the show, then press play.

\n \n \n \n live jokes\n

\n 😐\n \n 🤣\n

5.0/10

\n \n

Final Ranking

\n \n

\n view source\n \n\n\n",[],[72,120],"dad739de-5a1f-11f1-a81f-ee650bb23af1",["D",1779922828699],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","OpenRouter OpenMic joke battle.","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_182":178},"org",{"_11":12,"_175":176,"_177":178,"_136":137,"_179":180,"_181":56},"branch",{"_17":45,"_13":16,"_36":43,"_165":126,"_166":-5,"_167":-5,"_168":169,"_170":171,"_172":144,"_173":14,"_174":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","private","forkedProjectId","66bf5728-59e0-11f1-994c-ee650bb23af1","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789549199&sig=ba6cb56be519e398fb1aaf2bfc5a08e515fd30b1ec6971317843b793c46a262f","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":126,"_13":14,"_48":243,"_128":-5,"_129":56,"_130":131,"_132":131,"_133":134,"_135":-5,"_136":137,"_138":40,"_139":47,"_140":-5,"_141":-5,"_142":50,"_143":144,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":150,"_151":150,"_152":153,"_154":153,"_155":153,"_156":150,"_157":150,"_158":244,"_160":245,"_162":246,"_164":56},[219,223,225,226],"files",[219,220,221,222,223,224,225,226],"counts",{"_209":50,"_210":45,"_211":50,"_31":212,"_213":214},[201,202,203,204],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":71,"_13":72,"_39":73,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":74,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_18":208},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":68,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_18":207},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":62,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_18":206},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":205},[38],[60],[66],[72],"pulls","branches","forks",{"_215":217,"_218":217},"connections",{"_215":50,"_216":50},"count","unfilledCount",2,"emptyCount",{"_36":71,"_13":72,"_39":73,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":99,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_81":241,"_18":242},{"_36":119,"_13":120,"_39":121,"_41":73,"_42":43,"_44":45,"_46":47,"_48":122,"_17":50,"_51":24,"_53":123,"_55":56,"_57":-5,"_81":239,"_18":240},{"_36":112,"_13":113,"_39":114,"_41":73,"_42":43,"_44":45,"_46":47,"_48":115,"_17":50,"_51":95,"_53":116,"_55":56,"_57":-5,"_81":237,"_18":238},{"_36":105,"_13":106,"_39":107,"_41":73,"_42":43,"_44":45,"_46":47,"_48":108,"_17":50,"_51":24,"_53":109,"_55":56,"_57":-5,"_81":235,"_18":236},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_81":233,"_18":234},{"_36":91,"_13":92,"_39":93,"_41":67,"_42":43,"_44":45,"_46":47,"_48":94,"_17":50,"_51":95,"_53":96,"_55":56,"_57":-5,"_81":231,"_18":232},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":24,"_53":63,"_55":56,"_57":-5,"_81":229,"_18":230},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":80,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_81":227,"_18":228},[],[38],[],[60],[],[66,92],[224],[66],[],[72,106],[],[72,113],[],[72,120],[220,221,222],[72],["D",1779922828699],{"_11":12,"_182":178},{"_11":12,"_175":176,"_177":178,"_136":137,"_179":180,"_181":56},{"_17":45,"_13":16,"_36":43,"_165":126,"_166":-5,"_167":-5,"_168":169,"_170":171,"_172":144,"_173":14,"_174":12},"ctx",{"_158":-5,"_198":280,"_281":282,"_283":284,"_285":56,"_286":56,"_287":56,"_288":47,"_289":-5,"_290":-7,"_291":-7,"_292":50,"_293":56,"_294":56,"_295":-5,"_296":56,"_297":56,"_298":56,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":16,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code