[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","client.js","latestPath","fileId","33ae5f24-7569-11f1-9e3b-1607ee4eb77e","name","fileType","script","content","const KEY = \"spotthemodel_v1\";\nconst app = document.getElementById(\"app\");\n\nlet rounds = [];\nlet order = [];\nlet idx = 0;\nlet answered = false;\nlet items = [];\nlet headerEl = null;\nconst score = load();\n\nfunction fresh() { return { correct: 0, total: 0, streak: 0, best: 0 }; }\nfunction load() {\n try { return JSON.parse(localStorage.getItem(KEY)) || fresh(); }\n catch (e) { return fresh(); }\n}\nfunction save() { localStorage.setItem(KEY, JSON.stringify(score)); }\n\nfunction h(tag, attrs, ...kids) {\n const e = document.createElement(tag);\n const a = attrs || {};\n for (const k in a) {\n if (k === \"class\") e.className = a[k];\n else if (k === \"onclick\") e.onclick = a[k];\n else e.setAttribute(k, a[k]);\n }\n for (const kid of kids) if (kid != null) e.append(kid);\n return e;\n}\n\nfunction shuffle(a) {\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n const t = a[i]; a[i] = a[j]; a[j] = t;\n }\n return a;\n}\n\nfunction header() {\n const acc = score.total ? Math.round((score.correct / score.total) * 100) : 0;\n return h(\"div\", { class: \"flex items-center justify-between text-sm text-neutral-400 mb-6\" },\n h(\"span\", {}, \"Streak \" + score.streak + \" · Best \" + score.best),\n h(\"span\", {}, score.total ? (score.correct + \"/\" + score.total + \" · \" + acc + \"%\") : \"no guesses yet\"),\n h(\"button\", { class: \"text-neutral-500 hover:text-neutral-200 underline\", onclick: share }, \"share\"),\n );\n}\n\nfunction render() {\n answered = false;\n const r = rounds[order[idx]];\n const opusLeft = Math.random() < 0.5;\n items = [\n { text: opusLeft ? r.opus : r.sonnet, isOpus: opusLeft },\n { text: opusLeft ? r.sonnet : r.opus, isOpus: !opusLeft },\n ];\n\n const cards = h(\"div\", { class: \"grid gap-3\" });\n const result = h(\"div\", { class: \"mt-5 min-h-[4rem]\" });\n\n for (const it of items) {\n it.btn = h(\"button\", {\n class: \"w-full text-left p-4 rounded-xl border border-neutral-700 bg-neutral-900 hover:border-neutral-400 transition leading-relaxed\",\n onclick: (function (item) { return function () { if (!answered) { answered = true; reveal(item.isOpus, result); } }; })(it),\n }, it.text);\n it.label = h(\"div\", { class: \"mt-2 mb-1 text-xs font-semibold tracking-wider h-4\" }, \"\");\n cards.append(h(\"div\", {}, it.btn, it.label));\n }\n\n headerEl = header();\n app.replaceChildren(h(\"div\", {},\n headerEl,\n h(\"div\", { class: \"text-center text-xs uppercase tracking-widest text-neutral-500 mb-2\" }, \"Which one is Claude Opus?\"),\n h(\"div\", { class: \"text-neutral-300 mb-5 text-center leading-relaxed\" }, r.prompt),\n cards,\n result,\n ));\n}\n\nfunction reveal(correct, result) {\n score.total++;\n if (correct) { score.correct++; score.streak++; if (score.streak > score.best) score.best = score.streak; }\n else score.streak = 0;\n save();\n\n for (const it of items) {\n it.btn.disabled = true;\n it.btn.classList.add(it.isOpus ? \"border-emerald-500\" : \"border-neutral-800\");\n it.label.textContent = it.isOpus ? \"OPUS\" : \"SONNET\";\n it.label.classList.add(it.isOpus ? \"text-emerald-400\" : \"text-neutral-500\");\n }\n\n result.replaceChildren(\n h(\"div\", { class: (correct ? \"text-emerald-400\" : \"text-rose-400\") + \" font-medium\" },\n correct ? \"Correct — you spotted Opus.\" : \"Nope — that one was Sonnet.\"),\n h(\"button\", {\n class: \"mt-3 w-full p-3 rounded-xl bg-neutral-100 text-neutral-900 font-medium hover:bg-white\",\n onclick: next,\n }, \"Next →\"),\n );\n\n const nh = header();\n if (headerEl) headerEl.replaceWith(nh);\n headerEl = nh;\n}\n\nfunction next() {\n idx++;\n if (idx >= order.length) { shuffle(order); idx = 0; }\n render();\n}\n\nfunction share() {\n const acc = score.total ? Math.round((score.correct / score.total) * 100) : 0;\n const text = \"I can tell Claude Opus from Sonnet \" + acc + \"% of the time (\" + score.correct + \"/\" + score.total + \"). Can you? \" + location.origin;\n if (navigator.share) { navigator.share({ text: text }).catch(function () { copy(text); }); }\n else copy(text);\n}\nfunction copy(text) {\n if (navigator.clipboard) navigator.clipboard.writeText(text);\n}\n\nasync function init() {\n try {\n const res = await fetch(\"/rounds.json\");\n rounds = await res.json();\n } catch (e) {\n app.textContent = \"Failed to load rounds.\";\n return;\n }\n order = shuffle(rounds.map(function (_, i) { return i; }));\n render();\n}\n\ninit();\n","const KEY = \"spotthemodel_v1\";\nconst app = document.getElementById(\"app\");\n\nlet rounds = [];\nlet order = [];\nlet idx = 0;\nlet answered = false;\nlet items = [];\nlet headerEl = null;\nconst score = load();\n\nfunction fresh() { return { correct: 0, total: 0, streak: 0, best: 0 }; }\nfunction load() {\n try { return JSON.parse(localStorage.getItem(KEY)) || fresh(); }\n catch (e) { return fresh(); }\n}\nfunction save() { localStorage.setItem(KEY, JSON.stringify(score)); }\n\nfunction h(tag, attrs, ...kids) {\n const e = document.createElement(tag);\n const a = attrs || {};\n for (const k in a) {\n if (k === \"class\") e.className = a[k];\n else if (k === \"onclick\") e.onclick = a[k];\n else e.setAttribute(k, a[k]);\n }\n for (const kid of kids) if (kid != null) e.append(kid);\n return e;\n}\n\nfunction shuffle(a) {\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n const t = a[i]; a[i] = a[j]; a[j] = t;\n }\n return a;\n}\n\nfunction header() {\n const acc = score.total ? Math.round((score.correct / score.total) * 100) : 0;\n return h(\"div\", { class: \"flex items-center justify-between text-sm text-neutral-400 mb-6\" },\n h(\"span\", {}, \"Streak \" + score.streak + \" · Best \" + score.best),\n h(\"span\", {}, score.total ? (score.correct + \"/\" + score.total + \" · \" + acc + \"%\") : \"no guesses yet\"),\n h(\"button\", { class: \"text-neutral-500 hover:text-neutral-200 underline\", onclick: share }, \"share\"),\n );\n}\n\nfunction render() {\n answered = false;\n const r = rounds[order[idx]];\n const opusLeft = Math.random() < 0.5;\n items = [\n { text: opusLeft ? r.opus : r.sonnet, isOpus: opusLeft },\n { text: opusLeft ? r.sonnet : r.opus, isOpus: !opusLeft },\n ];\n\n const cards = h(\"div\", { class: \"grid gap-3\" });\n const result = h(\"div\", { class: \"mt-5 min-h-[4rem]\" });\n\n for (const it of items) {\n it.btn = h(\"button\", {\n class: \"w-full text-left p-4 rounded-xl border border-neutral-700 bg-neutral-900 hover:border-neutral-400 transition leading-relaxed\",\n onclick: (function (item) { return function () { if (!answered) { answered = true; reveal(item.isOpus, result); } }; })(it),\n }, it.text);\n it.label = h(\"div\", { class: \"mt-2 mb-1 text-xs font-semibold tracking-wider h-4\" }, \"\");\n cards.append(h(\"div\", {}, it.btn, it.label));\n }\n\n headerEl = header();\n app.replaceChildren(h(\"div\", {},\n headerEl,\n h(\"div\", { class: \"text-center text-xs uppercase tracking-widest text-neutral-500 mb-2\" }, \"Which one is Claude Opus?\"),\n h(\"div\", { class: \"text-neutral-300 mb-5 text-center leading-relaxed\" }, r.prompt),\n cards,\n result,\n ));\n}\n\nfunction reveal(correct, result) {\n score.total++;\n if (correct) { score.correct++; score.streak++; if (score.streak > score.best) score.best = score.streak; }\n else score.streak = 0;\n save();\n\n for (const it of items) {\n it.btn.disabled = true;\n it.btn.classList.add(it.isOpus ? \"border-emerald-500\" : \"border-neutral-800\");\n it.label.textContent = it.isOpus ? \"OPUS\" : \"SONNET\";\n it.label.classList.add(it.isOpus ? \"text-emerald-400\" : \"text-neutral-500\");\n }\n\n result.replaceChildren(\n h(\"div\", { class: (correct ? \"text-emerald-400\" : \"text-rose-400\") + \" font-medium\" },\n correct ? \"Correct — you spotted Opus.\" : \"Nope — that one was Sonnet.\"),\n h(\"button\", {\n class: \"mt-3 w-full p-3 rounded-xl bg-neutral-100 text-neutral-900 font-medium hover:bg-white\",\n onclick: next,\n }, \"Next →\"),\n );\n\n const nh = header();\n if (headerEl) headerEl.replaceWith(nh);\n headerEl = nh;\n}\n\nfunction next() {\n const prev = order[idx];\n idx++;\n if (idx >= order.length) {\n shuffle(order);\n // don't let a prompt repeat back-to-back across the reshuffle\n if (order.length > 1 && order[0] === prev) {\n const t = order[0]; order[0] = order[1]; order[1] = t;\n }\n idx = 0;\n }\n render();\n}\n\nfunction share() {\n const acc = score.total ? Math.round((score.correct / score.total) * 100) : 0;\n const text = \"I can tell Claude Opus from Sonnet \" + acc + \"% of the time (\" + score.correct + \"/\" + score.total + \"). Can you? \" + location.origin;\n if (navigator.share) { navigator.share({ text: text }).catch(function () { copy(text); }); }\n else copy(text);\n}\nfunction copy(text) {\n if (navigator.clipboard) navigator.clipboard.writeText(text);\n}\n\nasync function init() {\n try {\n const res = await fetch(\"/rounds.json\");\n rounds = await res.json();\n } catch (e) {\n app.textContent = \"Failed to load rounds.\";\n return;\n }\n order = shuffle(rounds.map(function (_, i) { return i; }));\n render();\n}\n\ninit();\n","createdAt",["D",1782930389202],"branchVersion","branchId","1e57fb20-e4d7-411b-b1a5-76234368b359","id","fad2079d-72b8-497e-801c-1e60e7a1490c","spotthemodel",["D",1782922786222],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Blind taste test: can you tell Opus from a cheaper model?","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","acdefd64-7568-11f1-aea0-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":173,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":174,"_81":175,"_83":176,"_85":25},"tree",[160,161,162],"files",[160,161,162],"counts",{"_150":63,"_151":143,"_152":63,"_153":154,"_155":156},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":147,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":59,"_38":148,"_13":143,"_33":34,"_35":37,"_24":25,"_137":-5,"_27":149},{"_43":139,"_32":140,"_30":57,"_132":-5,"_41":42,"_40":141,"_134":59,"_38":142,"_13":143,"_33":144,"_35":145,"_24":25,"_137":45,"_27":146},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":59,"_38":135,"_13":63,"_33":34,"_35":136,"_24":25,"_137":-5,"_27":138},"66f069b4-13d9-42e3-b847-f2e0c29d1488","rounds.ts","2aa65256-7569-11f1-997a-1607ee4eb77e","parentId",2,"latest",["D",1782922997255],"export type Round = { prompt: string; opus: string; sonnet: string };\n\n// Pre-generated Opus-vs-Sonnet pairs (same short prompt to both models).\n// The live app never calls a model — it just serves these.\nexport const rounds: Round[] = [\n {\n prompt: `Describe the feeling of nostalgia to someone who has never felt it.`,\n opus: `Nostalgia is a warm ache for a time now gone. You remember something ordinary from your past, and it suddenly glows, sweeter than it ever was. You miss it and enjoy missing it, all at once.`,\n sonnet: `Nostalgia is a warm ache — happiness and loss tangled together. A memory (a song, a smell, a place) suddenly feels present, and you miss it even while smiling, aware time moved on without asking. Bittersweet, tender, a little homesick for a moment you can't return to.`,\n },\n {\n prompt: `Write the saddest story you can in exactly six words.`,\n opus: `Her small shoes, still by the door.`,\n sonnet: `Loved fully once. Then, forever silence.`,\n },\n {\n prompt: `Describe the color red to someone blind since birth.`,\n opus: `Red is warmth on your skin from a fire or sun. It's the loud, urgent feeling of an alarm, the sting of a shout. It races your pulse, signals danger and passion, ripe and demanding attention like heat pressing close.`,\n sonnet: `Red is warm, bold, and demanding of attention — the color of urgency and passion. Think of the intensity of blood pumping fast, or the sharp jolt when you touch something hot: red carries that same charged, alarming energy, just through your eyes instead of touch.`,\n },\n {\n prompt: `In one sentence, give the best piece of life advice you know.`,\n opus: `Live intensely on what you can control, and hold loosely what you can't.`,\n sonnet: `Do the thing today that you're tempted to put off until you have more time, because you never will.`,\n },\n {\n prompt: `Write a one-sentence horror story.`,\n opus: `The last human on Earth sat alone in a room, and then there was a knock at the door.`,\n sonnet: `The last flicker of Wi-Fi died just as she read \"someone is in the house with you\" — and the cursor kept blinking anyway.`,\n },\n {\n prompt: `Describe the smell of rain to someone who has never experienced it.`,\n opus: `Petrichor: earth's breath after a dry spell. Imagine dust suddenly turned sweet and green, mixed with a clean mineral sharpness, like cool stone and crushed leaves waking up all at once.`,\n sonnet: `Petrichor: an earthy, mineral scent like wet stone and fresh dust, faintly sweet, cool and green — as if the ground itself exhaled after being touched by water.`,\n },\n {\n prompt: `Write the opening sentence of a novel that makes the reader unable to stop.`,\n opus: `The wound would not close, and that was the second most interesting thing about it.`,\n sonnet: `The killer had left one clue, and it was my name.`,\n },\n {\n prompt: `In one sentence, comfort someone whose pet just died.`,\n opus: `I'm so sorry for your loss; the love you shared was real and it mattered, and it's okay to grieve something that meant so much.`,\n sonnet: `I'm so sorry for the loss of your beloved companion — the love and bond you shared was real, and grieving this deeply is a testament to that.`,\n },\n];\n","label",[130],"778d9f13-7fb2-4fd2-afa1-2f4e4c33a950","main.tsx",4,["D",1782923039811],1,"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { rounds } from \"./rounds.ts\";\n\nconst app = new Hono();\n\napp.get(\"/rounds.json\", (c) => c.json(rounds));\n\napp.get(\"/client.js\", () => serveFile(\"/client.js\", import.meta.url));\n\nfunction Page() {\n return (\n \n \n \n \n Spot the Model — Opus vs Sonnet\n \n \n \n

Spot the Model

\n Two answers to the same prompt — one from Claude Opus, one from Claude Sonnet.\n Can you tell which is which?\n

\n \n

\n \n \n \n );\n}\n\napp.get(\"/\", (c) => c.html(\"\" + String()));\n\nexport default app.fetch;\n",[140],"bf7e91ae-802f-41b6-8cab-8d1f686a20da",["D",1782930389202],[28],"pulls","branches","forks","envVars",{"_157":63,"_159":63},"connections",{"_157":63,"_158":63},"count","unfilledCount","emptyCount",{"_43":147,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":59,"_38":170,"_13":143,"_33":34,"_35":37,"_24":25,"_137":-5,"_164":171,"_27":172},{"_43":139,"_32":140,"_30":57,"_132":-5,"_41":42,"_40":141,"_134":59,"_38":167,"_13":143,"_33":144,"_35":145,"_24":25,"_137":45,"_164":168,"_27":169},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":59,"_38":163,"_13":63,"_33":34,"_35":136,"_24":25,"_137":-5,"_164":165,"_27":166},["D",1782922997255],"children",[],[130],["D",1782923039811],[],[140],["D",1782930389202],[],[28],["D",1782922786222],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_79":-5,"_123":210,"_211":212,"_213":214,"_215":25,"_216":25,"_217":25,"_218":59,"_219":-5,"_220":-7,"_221":-7,"_222":63,"_223":25,"_224":25,"_225":-5,"_226":25,"_227":25,"_228":25,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":86,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]

Diff · v5