[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_157":158,"_159":160},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"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":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",63,"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","main.ts","latestPath","fileId","f712d404-5dc7-11f1-8f53-1607ee4eb77e","name","fileType","http","content","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst DEFAULT_PEOPLE = [\n \"Maya Chen\",\n \"Noah Patel\",\n \"Ava Rodriguez\",\n \"Liam Thompson\",\n \"Sofia Nguyen\",\n \"Ethan Brooks\",\n \"Isabella Martin\",\n \"Lucas Kim\",\n \"Amelia Carter\",\n \"Oliver Jensen\",\n];\n\nconst DEFAULT_LOCKOUT = 3;\n\nexport default async function (req: Request): Promise {\n try {\n await ensureDb();\n\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (req.method === \"GET\" && path === \"/\") return htmlResponse(renderAppHtml());\n if (req.method === \"GET\" && path === \"/admin\") return htmlResponse(await renderAdminHtml(url));\n if (req.method === \"GET\" && path === \"/api/state\") return Response.json(await getState());\n if (req.method === \"POST\" && path === \"/api/spin\") return Response.json(await spinHost());\n if (req.method === \"POST\" && path === \"/admin/settings\") return await updateSettings(req, url);\n if (req.method === \"POST\" && path === \"/admin/people\") return await updatePeople(req, url);\n if (req.method === \"POST\" && path === \"/admin/people/add\") return await addPerson(req);\n if (req.method === \"POST\" && path === \"/admin/people/presence\") return await updatePersonPresence(req, url);\n if (req.method === \"POST\" && path === \"/admin/people/remove\") return await removePerson(req);\n if (req.method === \"POST\" && path === \"/admin/history/clear\") return await clearHistory();\n\n return new Response(\"Not found\", { status: 404 });\n } catch (error) {\n console.error(error);\n return new Response(error instanceof Error ? error.message : \"Unknown error\", { status: 500 });\n }\n}\n\nasync function ensureDb() {\n await sqlite.batch([\n { sql: `CREATE TABLE IF NOT EXISTS settings (key TEXT PRIMARY KEY, value TEXT NOT NULL)` },\n { sql: `CREATE TABLE IF NOT EXISTS people (id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL UNIQUE, position INTEGER NOT NULL, active INTEGER NOT NULL DEFAULT 1)` },\n { sql: `CREATE TABLE IF NOT EXISTS spin_history (id INTEGER PRIMARY KEY AUTOINCREMENT, person_id INTEGER, person_name TEXT NOT NULL, selected_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP)` },\n { sql: `INSERT OR IGNORE INTO settings (key, value) VALUES (?, ?)`, args: [\"recentExclusionCount\", String(DEFAULT_LOCKOUT)] },\n ]);\n\n try {\n await sqlite.execute(`ALTER TABLE people ADD COLUMN present INTEGER NOT NULL DEFAULT 1`);\n } catch (error) {\n if (!(error instanceof Error) || !error.message.toLowerCase().includes(\"duplicate column\")) throw error;\n }\n\n const active = await sqlite.execute(`SELECT COUNT(*) AS count FROM people WHERE active = 1`);\n if (Number(active.rows[0]?.count ?? 0) === 0) {\n await replaceActivePeople(DEFAULT_PEOPLE);\n }\n}\n\nasync function getState() {\n const [people, recentExclusionCount] = await Promise.all([getActivePeople(), getRecentExclusionCount()]);\n return { people: people.map((person) => person.name), recentExclusionCount };\n}\n\nasync function getActivePeople(): Promise> {\n const result = await sqlite.execute(`SELECT id, name, position FROM people WHERE active = 1 AND present = 1 ORDER BY position ASC, id ASC`);\n return result.rows.map((row) => ({\n id: Number(row.id),\n name: String(row.name),\n position: Number(row.position),\n }));\n}\n\nasync function getRosterPeople(): Promise> {\n const result = await sqlite.execute(`SELECT id, name, position, present FROM people WHERE active = 1 ORDER BY position ASC, id ASC`);\n return result.rows.map((row) => ({\n id: Number(row.id),\n name: String(row.name),\n position: Number(row.position),\n present: Number(row.present ?? 1) === 1,\n }));\n}\n\nasync function getRecentExclusionCount(): Promise {\n const result = await sqlite.execute({ sql: `SELECT value FROM settings WHERE key = ?`, args: [\"recentExclusionCount\"] });\n return Math.max(0, Number(result.rows[0]?.value ?? DEFAULT_LOCKOUT) || 0);\n}\n\nasync function spinHost() {\n const people = await getActivePeople();\n if (people.length === 0) throw new Error(\"Mark at least one roster person as present before spinning.\");\n\n const recentExclusionCount = await getRecentExclusionCount();\n const recent = await sqlite.execute({\n sql: `SELECT person_name FROM spin_history ORDER BY id DESC LIMIT ?`,\n args: [recentExclusionCount],\n });\n const recentNames = new Set(recent.rows.map((row) => String(row.person_name)));\n const reducedPool = people.filter((person) => !recentNames.has(person.name));\n const pool = reducedPool.length > 0 ? reducedPool : people;\n const winner = pool[Math.floor(Math.random() * pool.length)];\n\n await sqlite.execute({\n sql: `INSERT INTO spin_history (person_id, person_name) VALUES (?, ?)`,\n args: [winner.id, winner.name],\n });\n\n return {\n people: people.map((person) => person.name),\n recentExclusionCount,\n winner: winner.name,\n };\n}\n\nasync function updateSettings(req: Request, url: URL) {\n const form = await parseForm(req);\n const submitted = url.searchParams.get(\"recentExclusionCount\") ?? req.headers.get(\"x-recent-exclusion-count\") ?? form.get(\"recentExclusionCount\");\n const value = submitted == null ? await getRecentExclusionCount() : Math.max(0, Number(submitted) || 0);\n await sqlite.execute({\n sql: `INSERT INTO settings (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value`,\n args: [\"recentExclusionCount\", String(value)],\n });\n return redirect(\"/admin?saved=settings\");\n}\n\nasync function updatePeople(req: Request, url: URL) {\n const form = await parseForm(req);\n const submitted = url.searchParams.get(\"people\") ?? req.headers.get(\"x-people\") ?? form.get(\"people\") ?? \"\";\n const people = normalizePeople(String(submitted));\n if (people.length === 0) {\n return htmlResponse(await renderAdminHtml(new URL(\"https://example.com/admin?error=people\")), 400);\n }\n await replaceActivePeople(people);\n return redirect(\"/admin?saved=people\");\n}\nasync function addPerson(req: Request) {\n const form = await parseForm(req);\n const name = normalizeName(String(form.get(\"name\") ?? \"\"));\n if (!name) return htmlResponse(await renderAdminHtml(new URL(\"https://example.com/admin?error=people\")), 400);\n const nextPosition = await sqlite.execute(`SELECT COALESCE(MAX(position), -1) + 1 AS position FROM people WHERE active = 1`);\n await sqlite.execute({\n sql: `INSERT INTO people (name, position, active, present) VALUES (?, ?, 1, 1) ON CONFLICT(name) DO UPDATE SET active = 1, present = 1, position = excluded.position`,\n args: [name, Number(nextPosition.rows[0]?.position ?? 0)],\n });\n return redirect(\"/admin?saved=people\");\n}\n\nasync function updatePersonPresence(req: Request, url: URL) {\n const form = await parseForm(req);\n const id = Number(url.searchParams.get(\"id\") ?? req.headers.get(\"x-person-id\") ?? form.get(\"id\") ?? 0);\n const presentValue = url.searchParams.get(\"present\") ?? req.headers.get(\"x-present\") ?? form.get(\"present\");\n const present = presentValue === \"1\" || presentValue === \"true\" || presentValue === \"on\";\n if (!Number.isFinite(id) || id <= 0) return Response.json({ ok: false, error: \"Invalid person id\" }, { status: 400 });\n const result = await sqlite.execute({\n sql: `UPDATE people SET present = ? WHERE id = ? AND active = 1`,\n args: [present ? 1 : 0, id],\n });\n if (Number(result.rowsAffected ?? 0) === 0) return Response.json({ ok: false, error: \"Person not found\" }, { status: 404 });\n return Response.json({ ok: true, id, present });\n}\n\nasync function removePerson(req: Request) {\n const form = await parseForm(req);\n const id = Number(form.get(\"id\") ?? 0);\n if (!Number.isFinite(id) || id <= 0) return redirect(\"/admin?error=people\");\n await sqlite.execute({ sql: `UPDATE people SET active = 0 WHERE id = ?`, args: [id] });\n return redirect(\"/admin?saved=people\");\n}\n\nasync function clearHistory() {\n await sqlite.execute(`DELETE FROM spin_history`);\n return redirect(\"/admin?saved=history\");\n}\n\n\n\nasync function parseForm(req: Request): Promise<{ get(name: string): FormDataEntryValue | string | null }> {\n try {\n const contentType = req.headers.get(\"content-type\") ?? \"\";\n if (contentType.includes(\"application/json\")) {\n const data = await req.json();\n return { get: (name: string) => data?.[name] == null ? null : String(data[name]) };\n }\n if (contentType.includes(\"application/x-www-form-urlencoded\")) {\n return new URLSearchParams(await req.text());\n }\n return await req.formData();\n } catch {\n return new URLSearchParams();\n }\n}\n\nfunction normalizeName(value: string): string {\n return value.trim().replace(/\\s+/g, \" \");\n}\n\nfunction normalizePeople(value: string): string[] {\n const seen = new Set();\n const people: string[] = [];\n for (const raw of value.split(/\\r?\\n|\\|/)) {\n const name = normalizeName(raw);\n const key = name.toLocaleLowerCase();\n if (name && !seen.has(key)) {\n seen.add(key);\n people.push(name);\n }\n }\n return people;\n}\n\nasync function replaceActivePeople(people: string[]) {\n await sqlite.batch([\n { sql: `UPDATE people SET active = 0` },\n ...people.map((name, index) => ({\n sql: `INSERT INTO people (name, position, active, present) VALUES (?, ?, 1, 1) ON CONFLICT(name) DO UPDATE SET position = excluded.position, active = 1`,\n args: [name, index],\n })),\n ]);\n}\n\nasync function renderAdminHtml(url: URL) {\n const people = await getRosterPeople();\n const recentExclusionCount = await getRecentExclusionCount();\n const history = await sqlite.execute(`SELECT person_name, selected_at FROM spin_history ORDER BY id DESC LIMIT 12`);\n const message = url.searchParams.get(\"saved\")\n ? `

Saved ${escapeHtml(url.searchParams.get(\"saved\")!)}.

`\n : url.searchParams.get(\"error\")\n ? `

Add at least one unique person.

`\n : \"\";\n\n return `\n\n\n \n \n Wheel of Standup Admin\n \n \n\n\n

\n \n

Wheel admin

\n ${message}\n

Lockout

\n \n

Roster

\n ${people.filter((person) => person.present).length} present / ${people.length} total\n

\n \n

\n ${people.map((person) => `

\n ${escapeHtml(person.name)}\n ${person.present ? \"Present\" : \"Away\"}\n \n

`).join(\"\") || \"

No people on the roster yet.

\"}\n

Recent history

\n \n

${escapeHtml(String(row.person_name))}${escapeHtml(String(row.selected_at))}
No spins yet.

\n \n\n`;\n}\n\nfunction renderAppHtml() {\n return `\n\n\n \n \n Wheel of Standup\n \n \n\n\n

\n \n

\n \n\n`;\n}\n\nfunction appCss() {\n return `@property --ray-angle{syntax:\"\";inherits:false;initial-value:8deg}@keyframes sweep-rays{to{--ray-angle:368deg}}:root{color:#fff8df;background:#16081d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(413px,550px);width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(255,232,134,.34),transparent 23%),radial-gradient(circle at 12% 18%,rgba(255,55,80,.48),transparent 28%),radial-gradient(circle at 86% 74%,rgba(0,176,216,.34),transparent 28%),linear-gradient(125deg,#3b0b21 0%,#8f1f24 38%,#ffb629 39%,#c61d39 68%,#240a2f 100%)}.app-shell:before,.app-shell:after{position:absolute;pointer-events:none;content:\"\"}.app-shell:before{inset:0;z-index:0;opacity:.48;background:repeating-conic-gradient(from var(--ray-angle) at var(--ray-x,38vw) var(--ray-y,50vh),rgba(255,255,255,.18) 0deg 5deg,transparent 5deg 15deg);mix-blend-mode:screen;animation:sweep-rays 10s linear infinite}.app-shell:after{inset:-18%;opacity:.32;background-image:linear-gradient(rgba(255,231,142,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,231,142,.12) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.wheel-stage,.control-panel{position:relative;z-index:1}.wheel-stage{display:grid;min-height:100vh;padding:clamp(26px,5vw,74px);place-items:center}.wheel-wrap{position:relative;width:min(74vmin,790px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 34px 54px rgba(11,4,20,.58)) drop-shadow(0 0 28px rgba(255,204,55,.42))}.marquee-ring{position:absolute;inset:-5.5%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,210,59,.38),transparent 63%),linear-gradient(135deg,#f32d3f,#ffcf35 34%,#00a6d6 66%,#5d24a4);box-shadow:inset 0 0 0 14px #1a1025,inset 0 0 0 24px rgba(255,255,255,.26),0 0 38px rgba(255,203,49,.54)}.marquee-bulb{--bulb-size:clamp(10px,1.55vw,17px);--bulb-radius:min(42vmin,435px);position:absolute;top:50%;left:50%;width:var(--bulb-size);height:var(--bulb-size);border:2px solid rgba(83,34,0,.6);border-radius:50%;background:#ffe998;box-shadow:0 0 10px rgba(255,231,130,.8),0 0 22px rgba(255,184,41,.6);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius)));animation:idle-bulb 1.85s linear infinite;animation-delay:var(--delay)}.app-shell.is-spinning .marquee-bulb{animation-name:spin-bulb;animation-duration:.44s}.app-shell.is-winner .marquee-bulb{animation-name:winner-bulb;animation-duration:.72s}canvas{position:relative;z-index:1;display:block;width:100%;height:100%}.pointer{position:absolute;z-index:4;top:-2px;left:50%;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:37px solid #16111f;transform:translateX(-50%);filter:drop-shadow(0 4px 0 #ffcf35) drop-shadow(0 8px 8px rgba(0,0,0,.45))}.hub{position:absolute;z-index:3;top:50%;left:50%;width:16%;aspect-ratio:1;border:12px solid #16111f;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc 0 22%,#ffe48a 23% 48%,#ff9e27 49% 100%);box-shadow:inset 0 0 0 9px #fff8df,0 0 0 7px #ffcf35,0 0 30px rgba(255,207,53,.66);transform:translate(-50%,-50%)}.control-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;min-height:100vh;padding:clamp(30px,5vw,56px);border-left:7px solid #ffcf35;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(135deg,rgba(255,42,69,.92),rgba(126,30,147,.92) 48%,rgba(20,11,38,.96));box-shadow:inset 10px 0 0 rgba(255,255,255,.14),-28px 0 62px rgba(16,7,23,.35)}.eyebrow{margin:0;color:#fff1a4;font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.28)}h1{max-width:8.6ch;margin:-10px 0 2px;color:#fff8df;font-size:clamp(3.1rem,6.2vw,4.9rem);line-height:.88;letter-spacing:0;text-shadow:0 5px 0 #3f112c,0 9px 0 #ffcf35,0 18px 28px rgba(0,0,0,.34)}.primary-button{position:relative;width:100%;min-height:58px;overflow:hidden;border:4px solid #fff8df;border-radius:8px;color:#201022;background:linear-gradient(180deg,#fff4a8,#ffb72f 48%,#ff682f 49%,#dc2340);box-shadow:0 10px 0 #7a122f,0 20px 28px rgba(17,7,24,.42),inset 0 2px 0 rgba(255,255,255,.78);cursor:pointer;font-weight:950;text-transform:uppercase}.primary-button:disabled{cursor:not-allowed;opacity:.82;transform:translateY(5px);box-shadow:0 5px 0 #7a122f,0 12px 22px rgba(17,7,24,.36),inset 0 2px 0 rgba(255,255,255,.68)}.result-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:144px;padding:24px;overflow:hidden;border:5px solid #ffcf35;border-radius:8px;background:linear-gradient(180deg,#2a1733,#100b18 58%,#07050d);box-shadow:0 12px 0 #ab1736,0 24px 36px rgba(18,7,26,.38),inset 0 0 0 4px #7a122f,inset 0 0 34px rgba(255,207,53,.18)}.scoreboard-canvas{position:absolute;inset:14px;z-index:0;display:block;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:4px;opacity:.82;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.result-box:after{position:absolute;inset:7px;border:2px solid rgba(255,244,168,.72);border-radius:4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 18px rgba(255,207,53,.22);content:\"\"}.result-box strong{position:relative;z-index:1;min-height:1.1em;color:#fff8df;font-size:clamp(2rem,4vw,3.35rem);line-height:1;overflow-wrap:anywhere;text-align:center;text-shadow:0 3px 0 #7a122f,0 0 14px rgba(255,207,53,.64),0 0 30px rgba(255,207,53,.38)}.app-shell.is-winner .result-box{animation:winner-card .82s ease-in-out 2}@keyframes idle-bulb{0%,100%{opacity:.42;background:#ffd85d;box-shadow:0 0 5px rgba(255,216,93,.4)}22%{opacity:1;background:#fff9c9;box-shadow:0 0 12px rgba(255,249,201,.96),0 0 28px rgba(255,196,39,.84)}}@keyframes spin-bulb{0%{opacity:1;background:#fff9c9;box-shadow:0 0 14px rgba(255,249,201,1),0 0 34px rgba(255,196,39,.94)}50%{opacity:.35;background:#00d6ff;box-shadow:0 0 18px rgba(0,214,255,.86)}100%{opacity:1;background:#ff4262;box-shadow:0 0 22px rgba(255,66,98,.92)}}@keyframes winner-bulb{0%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1)}50%{opacity:1;background:#fff9c9;box-shadow:0 0 18px rgba(255,249,201,1),0 0 46px rgba(255,207,53,1);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1.45)}}@keyframes winner-card{0%,100%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-4px);filter:brightness(1.28)}}@media (max-width:960px){.app-shell{grid-template-columns:1fr;overflow-x:hidden}.wheel-stage{min-height:auto;padding-bottom:18px}.wheel-wrap{width:min(86vw,620px)}.wheel-wrap:before{inset:-38%}.marquee-bulb{--bulb-radius:min(48vw,350px)}.control-panel{min-height:auto;border-top:7px solid #ffcf35;border-left:0}h1{max-width:none;font-size:clamp(2.75rem,13vw,4.7rem)}}@media (max-width:460px){.wheel-stage{padding:20px 14px 16px}.wheel-wrap{width:min(88vw,390px)}.wheel-wrap:before{inset:-34%}.control-panel{gap:20px;padding:28px 18px 34px}.pointer{border-right-width:11px;border-left-width:11px;border-top-width:27px}.primary-button{min-height:54px}.result-box{min-height:120px;padding:18px}.result-box strong{font-size:clamp(1.8rem,10vw,2.75rem)}}`;\n}\n\nfunction clientJs() {\n return `const TAU=Math.PI*2,POINTER_ANGLE=-Math.PI/2,SPIN_DURATION=2600,EXTRA_TURNS=6,BULB_COUNT=48;const appShell=document.querySelector('.app-shell'),wheelWrap=document.querySelector('.wheel-wrap'),canvas=document.querySelector('#wheel'),ctx=canvas.getContext('2d'),scoreCanvas=document.querySelector('#scoreboard'),scoreCtx=scoreCanvas.getContext('2d'),marqueeRing=document.querySelector('.marquee-ring'),spinButton=document.querySelector('#spinButton'),winnerEl=document.querySelector('#winner');let people=[],recentExclusionCount=3,currentRotation=0,isSpinning=false,resultStartedAt=0,scoreCols=0,scoreRows=0,scoreDots=[];const palette=['#f02f38','#ffc837','#00a6d6','#5b6fd8','#25c46f','#f05aa6','#ff7a2f','#008f8f','#8b5fd7','#2db981'];async function boot(){try{createMarqueeBulbs();requestAnimationFrame(scoreboardLoop);const state=await fetchJson('/api/state');people=state.people;recentExclusionCount=state.recentExclusionCount;drawWheel();updateRayCenter();requestAnimationFrame(updateRayCenter);spinButton.disabled=people.length===0;winnerEl.textContent=people.length?'No spin yet':'No one marked present'}catch(error){winnerEl.textContent='Could not load settings'}}function updateRayCenter(){const shellRect=appShell.getBoundingClientRect();const wheelRect=wheelWrap.getBoundingClientRect();appShell.style.setProperty('--ray-x',String(wheelRect.left+wheelRect.width/2-shellRect.left)+'px');appShell.style.setProperty('--ray-y',String(wheelRect.top+wheelRect.height/2-shellRect.top)+'px')}function createMarqueeBulbs(){marqueeRing.replaceChildren();for(let index=0;index1.05||sparkle>.86?.9:.16+.1*dot.seed}else if(winner){const dist=Math.hypot(dot.x-cx,dot.y-cy)/maxDist;const ring=Math.max(0,1-Math.abs(dist-wave)*7);const afterglow=Math.max(0,1-Math.abs(dist-wave*.72)*3.5)*.35;power=.18+Math.max(ring,afterglow)}const radius=Math.max(2,Math.min(width/scoreCols,height/scoreRows)*.18);scoreCtx.beginPath();scoreCtx.arc(dot.x,dot.y,radius,0,TAU);scoreCtx.fillStyle='rgba(255,207,53,'+Math.min(.95,power)+')';scoreCtx.shadowColor='rgba(255,198,48,'+Math.min(.8,power)+')';scoreCtx.shadowBlur=10*power;scoreCtx.fill()}scoreCtx.restore()}function drawWheel(rotation=currentRotation){if(!people.length)return;const{width,height}=canvas;const center=width/2;const radius=Math.min(width,height)*.42;const sliceAngle=TAU/people.length;ctx.clearRect(0,0,width,height);const rim=ctx.createRadialGradient(center,center,radius*.72,center,center,radius*1.12);rim.addColorStop(0,'#e31b3d');rim.addColorStop(.56,'#ffcf3a');rim.addColorStop(1,'#14101f');ctx.beginPath();ctx.arc(center,center,radius*1.11,0,TAU);ctx.fillStyle=rim;ctx.fill();ctx.save();ctx.translate(center,center);ctx.rotate(rotation);people.forEach((person,index)=>{const start=index*sliceAngle+POINTER_ANGLE;const end=start+sliceAngle;ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=palette[index%palette.length];ctx.fill();ctx.strokeStyle='rgba(255,255,255,.84)';ctx.lineWidth=6;ctx.stroke();const gloss=ctx.createRadialGradient(0,0,radius*.08,0,0,radius);gloss.addColorStop(0,'rgba(255,255,255,.26)');gloss.addColorStop(.62,'rgba(255,255,255,.04)');gloss.addColorStop(1,'rgba(16,12,28,.16)');ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=gloss;ctx.fill();ctx.save();const labelAngle=start+sliceAngle/2;const normalizedLabelAngle=normalizeRadians(labelAngle);const isLeftSide=normalizedLabelAngle>Math.PI/2&&normalizedLabelAngleappShell.classList.remove('is-winner'),2600)}requestAnimationFrame(frame)}spinButton.addEventListener('click',spin);addEventListener('resize',()=>{requestAnimationFrame(updateRayCenter);scoreCanvas.width=0;scoreCanvas.height=0});boot();`;\n}\n\nfunction adminJs() {\n return `document.querySelectorAll('.presence-checkbox').forEach((checkbox)=>{checkbox.addEventListener('change',async()=>{const row=checkbox.closest('.roster-row');const state=row?.querySelector('.presence-state');const previous=!checkbox.checked;checkbox.disabled=true;row?.classList.remove('save-error');row?.classList.add('is-saving');try{const response=await fetch('/admin/people/presence?id='+encodeURIComponent(checkbox.dataset.personId)+'&present='+String(checkbox.checked),{method:'POST'});if(!response.ok)throw new Error(await response.text());if(state)state.textContent=checkbox.checked?'Present':'Away'}catch(error){checkbox.checked=previous;row?.classList.add('save-error');if(state)state.textContent='Save failed'}finally{checkbox.disabled=false;row?.classList.remove('is-saving')}})})`;\n}\n\nfunction adminCss() {\n return `:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;color:#241425;background:#fff8e8}body{margin:0}main{width:min(900px,calc(100vw - 40px));margin:40px auto 80px}nav{margin-bottom:28px}a{color:#9d1739;font-weight:800}h1{font-size:48px;line-height:1;margin:0 0 28px}h2{margin:0}section{padding:24px;margin:18px 0;border:2px solid #f0cf67;border-radius:10px;background:#fffdf4;box-shadow:0 8px 0 #c22242}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading form{margin:0}label{display:grid;gap:8px;font-weight:800}input,textarea{width:100%;padding:12px;border:2px solid #e2bd50;border-radius:8px;font:inherit}textarea{resize:vertical}button{margin-top:14px;padding:12px 18px;border:0;border-radius:8px;background:linear-gradient(#fff2a8,#ffb92f 48%,#ee354b);font-weight:950;cursor:pointer}.section-heading button{margin-top:0}.secondary{background:#241425;color:#fff8e8}.notice{padding:12px 14px;border-radius:8px;background:#e9ffec;color:#116b28;font-weight:800}.error{padding:12px 14px;border-radius:8px;background:#ffe2e2;color:#a6112a;font-weight:800}ol{padding-left:22px}li{margin:8px 0}li span{display:inline-block;margin-left:10px;color:#76646f}.count-pill{padding:5px 10px;border-radius:999px;background:#241425;color:#fff8e8;font-size:13px;font-weight:900}.add-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.add-person button{height:49px;margin-top:0}.roster-list{display:grid;gap:10px}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:2px solid #efd778;border-radius:8px;background:#fffaf0}.roster-row.is-saving{opacity:.62}.roster-row.save-error{border-color:#d01f3f;background:#ffe8ec}.presence-toggle{display:flex;grid-template-columns:none;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px;font-weight:950}.presence-toggle input{width:24px;height:24px;accent-color:#0d8f4f}.presence-state{min-width:68px;font-size:13px;font-weight:950;color:#6d5363;text-transform:uppercase}.roster-row form{margin:0}.danger{padding:8px 12px;font-size:12px}.empty{margin:0;color:#76646f;font-weight:800}`;\n}\n\nfunction htmlResponse(html: string, status = 200) {\n return new Response(html, { status, headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n}\n\nfunction redirect(location: string) {\n return new Response(null, { status: 303, headers: { location } });\n}\n\nfunction escapeHtml(value: string) {\n return value.replace(/[&<>\"]/g, (char) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", \"\\\"\": \""\" }[char]!));\n}\n","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst DEFAULT_PEOPLE = [\n \"Maya Chen\",\n \"Noah Patel\",\n \"Ava Rodriguez\",\n \"Liam Thompson\",\n \"Sofia Nguyen\",\n \"Ethan Brooks\",\n \"Isabella Martin\",\n \"Lucas Kim\",\n \"Amelia Carter\",\n \"Oliver Jensen\",\n];\n\nconst DEFAULT_LOCKOUT = 3;\n\nexport default async function (req: Request): Promise {\n try {\n await ensureDb();\n\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (req.method === \"GET\" && path === \"/\") return htmlResponse(renderAppHtml());\n if (req.method === \"GET\" && path === \"/admin\") return htmlResponse(await renderAdminHtml(url));\n if (req.method === \"GET\" && path === \"/api/state\") return Response.json(await getState());\n if (req.method === \"POST\" && path === \"/api/spin\") return Response.json(await spinHost());\n if (req.method === \"POST\" && path === \"/admin/settings\") return await updateSettings(req, url);\n if (req.method === \"POST\" && path === \"/admin/people\") return await updatePeople(req, url);\n if (req.method === \"POST\" && path === \"/admin/people/add\") return await addPerson(req);\n if (req.method === \"POST\" && path === \"/admin/people/presence\") return await updatePersonPresence(req, url);\n if (req.method === \"POST\" && path === \"/admin/people/remove\") return await removePerson(req);\n if (req.method === \"POST\" && path === \"/admin/history/clear\") return await clearHistory();\n\n return new Response(\"Not found\", { status: 404 });\n } catch (error) {\n console.error(error);\n return new Response(error instanceof Error ? error.message : \"Unknown error\", { status: 500 });\n }\n}\n\nasync function ensureDb() {\n await sqlite.batch([\n { sql: `CREATE TABLE IF NOT EXISTS settings (key TEXT PRIMARY KEY, value TEXT NOT NULL)` },\n { sql: `CREATE TABLE IF NOT EXISTS people (id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL UNIQUE, position INTEGER NOT NULL, active INTEGER NOT NULL DEFAULT 1)` },\n { sql: `CREATE TABLE IF NOT EXISTS spin_history (id INTEGER PRIMARY KEY AUTOINCREMENT, person_id INTEGER, person_name TEXT NOT NULL, selected_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP)` },\n { sql: `INSERT OR IGNORE INTO settings (key, value) VALUES (?, ?)`, args: [\"recentExclusionCount\", String(DEFAULT_LOCKOUT)] },\n ]);\n\n try {\n await sqlite.execute(`ALTER TABLE people ADD COLUMN present INTEGER NOT NULL DEFAULT 1`);\n } catch (error) {\n if (!(error instanceof Error) || !error.message.toLowerCase().includes(\"duplicate column\")) throw error;\n }\n\n const active = await sqlite.execute(`SELECT COUNT(*) AS count FROM people WHERE active = 1`);\n if (Number(active.rows[0]?.count ?? 0) === 0) {\n await replaceActivePeople(DEFAULT_PEOPLE);\n }\n}\n\nasync function getState() {\n const [people, recentExclusionCount] = await Promise.all([getActivePeople(), getRecentExclusionCount()]);\n return { people: people.map((person) => person.name), recentExclusionCount };\n}\n\nasync function getActivePeople(): Promise> {\n const result = await sqlite.execute(`SELECT id, name, position FROM people WHERE active = 1 AND present = 1 ORDER BY position ASC, id ASC`);\n return result.rows.map((row) => ({\n id: Number(row.id),\n name: String(row.name),\n position: Number(row.position),\n }));\n}\n\nasync function getRosterPeople(): Promise> {\n const result = await sqlite.execute(`SELECT id, name, position, present FROM people WHERE active = 1 ORDER BY position ASC, id ASC`);\n return result.rows.map((row) => ({\n id: Number(row.id),\n name: String(row.name),\n position: Number(row.position),\n present: Number(row.present ?? 1) === 1,\n }));\n}\n\nasync function getRecentExclusionCount(): Promise {\n const result = await sqlite.execute({ sql: `SELECT value FROM settings WHERE key = ?`, args: [\"recentExclusionCount\"] });\n return Math.max(0, Number(result.rows[0]?.value ?? DEFAULT_LOCKOUT) || 0);\n}\n\nasync function spinHost() {\n const people = await getActivePeople();\n if (people.length === 0) throw new Error(\"Mark at least one roster person as present before spinning.\");\n\n const recentExclusionCount = await getRecentExclusionCount();\n const recent = await sqlite.execute({\n sql: `SELECT person_name FROM spin_history ORDER BY id DESC LIMIT ?`,\n args: [recentExclusionCount],\n });\n const recentNames = new Set(recent.rows.map((row) => String(row.person_name)));\n const reducedPool = people.filter((person) => !recentNames.has(person.name));\n const pool = reducedPool.length > 0 ? reducedPool : people;\n const winner = pool[Math.floor(Math.random() * pool.length)];\n\n await sqlite.execute({\n sql: `INSERT INTO spin_history (person_id, person_name) VALUES (?, ?)`,\n args: [winner.id, winner.name],\n });\n\n return {\n people: people.map((person) => person.name),\n recentExclusionCount,\n winner: winner.name,\n };\n}\n\nasync function updateSettings(req: Request, url: URL) {\n const form = await parseForm(req);\n const submitted = url.searchParams.get(\"recentExclusionCount\") ?? req.headers.get(\"x-recent-exclusion-count\") ?? form.get(\"recentExclusionCount\");\n const value = submitted == null ? await getRecentExclusionCount() : Math.max(0, Number(submitted) || 0);\n await sqlite.execute({\n sql: `INSERT INTO settings (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value`,\n args: [\"recentExclusionCount\", String(value)],\n });\n return redirect(\"/admin?saved=settings\");\n}\n\nasync function updatePeople(req: Request, url: URL) {\n const form = await parseForm(req);\n const submitted = url.searchParams.get(\"people\") ?? req.headers.get(\"x-people\") ?? form.get(\"people\") ?? \"\";\n const people = normalizePeople(String(submitted));\n if (people.length === 0) {\n return htmlResponse(await renderAdminHtml(new URL(\"https://example.com/admin?error=people\")), 400);\n }\n await replaceActivePeople(people);\n return redirect(\"/admin?saved=people\");\n}\nasync function addPerson(req: Request) {\n const form = await parseForm(req);\n const name = normalizeName(String(form.get(\"name\") ?? \"\"));\n if (!name) return htmlResponse(await renderAdminHtml(new URL(\"https://example.com/admin?error=people\")), 400);\n const nextPosition = await sqlite.execute(`SELECT COALESCE(MAX(position), -1) + 1 AS position FROM people WHERE active = 1`);\n await sqlite.execute({\n sql: `INSERT INTO people (name, position, active, present) VALUES (?, ?, 1, 1) ON CONFLICT(name) DO UPDATE SET active = 1, present = 1, position = excluded.position`,\n args: [name, Number(nextPosition.rows[0]?.position ?? 0)],\n });\n return redirect(\"/admin?saved=people\");\n}\n\nasync function updatePersonPresence(req: Request, url: URL) {\n const form = await parseForm(req);\n const id = Number(url.searchParams.get(\"id\") ?? req.headers.get(\"x-person-id\") ?? form.get(\"id\") ?? 0);\n const presentValue = url.searchParams.get(\"present\") ?? req.headers.get(\"x-present\") ?? form.get(\"present\");\n const present = presentValue === \"1\" || presentValue === \"true\" || presentValue === \"on\";\n if (!Number.isFinite(id) || id <= 0) return Response.json({ ok: false, error: \"Invalid person id\" }, { status: 400 });\n const result = await sqlite.execute({\n sql: `UPDATE people SET present = ? WHERE id = ? AND active = 1`,\n args: [present ? 1 : 0, id],\n });\n if (Number(result.rowsAffected ?? 0) === 0) return Response.json({ ok: false, error: \"Person not found\" }, { status: 404 });\n return Response.json({ ok: true, id, present });\n}\n\nasync function removePerson(req: Request) {\n const form = await parseForm(req);\n const id = Number(form.get(\"id\") ?? 0);\n if (!Number.isFinite(id) || id <= 0) return redirect(\"/admin?error=people\");\n await sqlite.execute({ sql: `UPDATE people SET active = 0 WHERE id = ?`, args: [id] });\n return redirect(\"/admin?saved=people\");\n}\n\nasync function clearHistory() {\n await sqlite.execute(`DELETE FROM spin_history`);\n return redirect(\"/admin?saved=history\");\n}\n\n\n\nasync function parseForm(req: Request): Promise<{ get(name: string): FormDataEntryValue | string | null }> {\n try {\n const contentType = req.headers.get(\"content-type\") ?? \"\";\n if (contentType.includes(\"application/json\")) {\n const data = await req.json();\n return { get: (name: string) => data?.[name] == null ? null : String(data[name]) };\n }\n if (contentType.includes(\"application/x-www-form-urlencoded\")) {\n return new URLSearchParams(await req.text());\n }\n return await req.formData();\n } catch {\n return new URLSearchParams();\n }\n}\n\nfunction normalizeName(value: string): string {\n return value.trim().replace(/\\s+/g, \" \");\n}\n\nfunction normalizePeople(value: string): string[] {\n const seen = new Set();\n const people: string[] = [];\n for (const raw of value.split(/\\r?\\n|\\|/)) {\n const name = normalizeName(raw);\n const key = name.toLocaleLowerCase();\n if (name && !seen.has(key)) {\n seen.add(key);\n people.push(name);\n }\n }\n return people;\n}\n\nasync function replaceActivePeople(people: string[]) {\n await sqlite.batch([\n { sql: `UPDATE people SET active = 0` },\n ...people.map((name, index) => ({\n sql: `INSERT INTO people (name, position, active, present) VALUES (?, ?, 1, 1) ON CONFLICT(name) DO UPDATE SET position = excluded.position, active = 1`,\n args: [name, index],\n })),\n ]);\n}\n\nasync function renderAdminHtml(url: URL) {\n const people = await getRosterPeople();\n const recentExclusionCount = await getRecentExclusionCount();\n const history = await sqlite.execute(`SELECT person_name, selected_at FROM spin_history ORDER BY id DESC LIMIT 12`);\n const message = url.searchParams.get(\"saved\")\n ? `

Saved ${escapeHtml(url.searchParams.get(\"saved\")!)}.

`\n : url.searchParams.get(\"error\")\n ? `

Add at least one unique person.

`\n : \"\";\n\n return `\n\n\n \n \n Wheel of Standup Admin\n \n \n\n\n

\n \n

Wheel admin

\n ${message}\n

Lockout

\n \n

Roster

\n ${people.filter((person) => person.present).length} present / ${people.length} total\n

\n \n

\n ${people.map((person) => `

\n ${escapeHtml(person.name)}\n ${person.present ? \"Present\" : \"Away\"}\n \n

`).join(\"\") || \"

No people on the roster yet.

\"}\n

Recent history

\n \n

${escapeHtml(String(row.person_name))}${escapeHtml(String(row.selected_at))}
No spins yet.

\n \n\n`;\n}\n\nfunction renderAppHtml() {\n return `\n\n\n \n \n Wheel of Standup\n \n \n\n\n

\n \n

\n \n\n`;\n}\n\nfunction appCss() {\n return `@property --ray-angle{syntax:\"\";inherits:false;initial-value:8deg}@keyframes sweep-rays{to{--ray-angle:368deg}}:root{color:#fff8df;background:#16081d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(413px,550px);width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(255,232,134,.34),transparent 23%),radial-gradient(circle at 12% 18%,rgba(255,55,80,.48),transparent 28%),radial-gradient(circle at 86% 74%,rgba(0,176,216,.34),transparent 28%),linear-gradient(125deg,#3b0b21 0%,#8f1f24 38%,#ffb629 39%,#c61d39 68%,#240a2f 100%)}.app-shell:before,.app-shell:after{position:absolute;pointer-events:none;content:\"\"}.app-shell:before{inset:0;z-index:0;opacity:.48;background:repeating-conic-gradient(from var(--ray-angle) at var(--ray-x,38vw) var(--ray-y,50vh),rgba(255,255,255,.18) 0deg 5deg,transparent 5deg 15deg);mix-blend-mode:screen;animation:sweep-rays 10s linear infinite;animation-play-state:paused}.app-shell.is-spinning:before{opacity:.76;animation-duration:1.6s;animation-play-state:running}.app-shell:after{inset:-18%;opacity:.32;background-image:linear-gradient(rgba(255,231,142,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,231,142,.12) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.wheel-stage,.control-panel{position:relative;z-index:1}.wheel-stage{display:grid;min-height:100vh;padding:clamp(26px,5vw,74px);place-items:center}.wheel-wrap{position:relative;width:min(74vmin,790px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 34px 54px rgba(11,4,20,.58)) drop-shadow(0 0 28px rgba(255,204,55,.42))}.marquee-ring{position:absolute;inset:-5.5%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,210,59,.38),transparent 63%),linear-gradient(135deg,#f32d3f,#ffcf35 34%,#00a6d6 66%,#5d24a4);box-shadow:inset 0 0 0 14px #1a1025,inset 0 0 0 24px rgba(255,255,255,.26),0 0 38px rgba(255,203,49,.54)}.marquee-bulb{--bulb-size:clamp(10px,1.55vw,17px);--bulb-radius:min(42vmin,435px);position:absolute;top:50%;left:50%;width:var(--bulb-size);height:var(--bulb-size);border:2px solid rgba(83,34,0,.6);border-radius:50%;background:#ffe998;box-shadow:0 0 10px rgba(255,231,130,.8),0 0 22px rgba(255,184,41,.6);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius)));animation:idle-bulb 1.85s linear infinite;animation-delay:var(--delay)}.app-shell.is-spinning .marquee-bulb{animation-name:spin-bulb;animation-duration:.44s}.app-shell.is-winner .marquee-bulb{animation-name:winner-bulb;animation-duration:.72s}canvas{position:relative;z-index:1;display:block;width:100%;height:100%}.pointer{position:absolute;z-index:4;top:-2px;left:50%;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:37px solid #16111f;transform:translateX(-50%);filter:drop-shadow(0 4px 0 #ffcf35) drop-shadow(0 8px 8px rgba(0,0,0,.45))}.hub{position:absolute;z-index:3;top:50%;left:50%;width:16%;aspect-ratio:1;border:12px solid #16111f;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc 0 22%,#ffe48a 23% 48%,#ff9e27 49% 100%);box-shadow:inset 0 0 0 9px #fff8df,0 0 0 7px #ffcf35,0 0 30px rgba(255,207,53,.66);transform:translate(-50%,-50%)}.control-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;min-height:100vh;padding:clamp(30px,5vw,56px);border-left:7px solid #ffcf35;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(135deg,rgba(255,42,69,.92),rgba(126,30,147,.92) 48%,rgba(20,11,38,.96));box-shadow:inset 10px 0 0 rgba(255,255,255,.14),-28px 0 62px rgba(16,7,23,.35)}.eyebrow{margin:0;color:#fff1a4;font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.28)}h1{max-width:8.6ch;margin:-10px 0 2px;color:#fff8df;font-size:clamp(3.1rem,6.2vw,4.9rem);line-height:.88;letter-spacing:0;text-shadow:0 5px 0 #3f112c,0 9px 0 #ffcf35,0 18px 28px rgba(0,0,0,.34)}.primary-button{position:relative;width:100%;min-height:58px;overflow:hidden;border:4px solid #fff8df;border-radius:8px;color:#201022;background:linear-gradient(180deg,#fff4a8,#ffb72f 48%,#ff682f 49%,#dc2340);box-shadow:0 10px 0 #7a122f,0 20px 28px rgba(17,7,24,.42),inset 0 2px 0 rgba(255,255,255,.78);cursor:pointer;font-weight:950;text-transform:uppercase}.primary-button:disabled{cursor:not-allowed;opacity:.82;transform:translateY(5px);box-shadow:0 5px 0 #7a122f,0 12px 22px rgba(17,7,24,.36),inset 0 2px 0 rgba(255,255,255,.68)}.result-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:144px;padding:24px;overflow:hidden;border:5px solid #ffcf35;border-radius:8px;background:linear-gradient(180deg,#2a1733,#100b18 58%,#07050d);box-shadow:0 12px 0 #ab1736,0 24px 36px rgba(18,7,26,.38),inset 0 0 0 4px #7a122f,inset 0 0 34px rgba(255,207,53,.18)}.scoreboard-canvas{position:absolute;inset:14px;z-index:0;display:block;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:4px;opacity:.82;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.result-box:after{position:absolute;inset:7px;border:2px solid rgba(255,244,168,.72);border-radius:4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 18px rgba(255,207,53,.22);content:\"\"}.result-box strong{position:relative;z-index:1;min-height:1.1em;color:#fff8df;font-size:clamp(2rem,4vw,3.35rem);line-height:1;overflow-wrap:anywhere;text-align:center;text-shadow:0 3px 0 #7a122f,0 0 14px rgba(255,207,53,.64),0 0 30px rgba(255,207,53,.38)}.app-shell.is-winner .result-box{animation:winner-card .82s ease-in-out 2}@keyframes idle-bulb{0%,100%{opacity:.42;background:#ffd85d;box-shadow:0 0 5px rgba(255,216,93,.4)}22%{opacity:1;background:#fff9c9;box-shadow:0 0 12px rgba(255,249,201,.96),0 0 28px rgba(255,196,39,.84)}}@keyframes spin-bulb{0%{opacity:1;background:#fff9c9;box-shadow:0 0 14px rgba(255,249,201,1),0 0 34px rgba(255,196,39,.94)}50%{opacity:.35;background:#00d6ff;box-shadow:0 0 18px rgba(0,214,255,.86)}100%{opacity:1;background:#ff4262;box-shadow:0 0 22px rgba(255,66,98,.92)}}@keyframes winner-bulb{0%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1)}50%{opacity:1;background:#fff9c9;box-shadow:0 0 18px rgba(255,249,201,1),0 0 46px rgba(255,207,53,1);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1.45)}}@keyframes winner-card{0%,100%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-4px);filter:brightness(1.28)}}@media (max-width:960px){.app-shell{grid-template-columns:1fr;overflow-x:hidden}.wheel-stage{min-height:auto;padding-bottom:18px}.wheel-wrap{width:min(86vw,620px)}.wheel-wrap:before{inset:-38%}.marquee-bulb{--bulb-radius:min(48vw,350px)}.control-panel{min-height:auto;border-top:7px solid #ffcf35;border-left:0}h1{max-width:none;font-size:clamp(2.75rem,13vw,4.7rem)}}@media (max-width:460px){.wheel-stage{padding:20px 14px 16px}.wheel-wrap{width:min(88vw,390px)}.wheel-wrap:before{inset:-34%}.control-panel{gap:20px;padding:28px 18px 34px}.pointer{border-right-width:11px;border-left-width:11px;border-top-width:27px}.primary-button{min-height:54px}.result-box{min-height:120px;padding:18px}.result-box strong{font-size:clamp(1.8rem,10vw,2.75rem)}}`;\n}\n\nfunction clientJs() {\n return `const TAU=Math.PI*2,POINTER_ANGLE=-Math.PI/2,SPIN_DURATION=2600,EXTRA_TURNS=6,BULB_COUNT=48;const appShell=document.querySelector('.app-shell'),wheelWrap=document.querySelector('.wheel-wrap'),canvas=document.querySelector('#wheel'),ctx=canvas.getContext('2d'),scoreCanvas=document.querySelector('#scoreboard'),scoreCtx=scoreCanvas.getContext('2d'),marqueeRing=document.querySelector('.marquee-ring'),spinButton=document.querySelector('#spinButton'),winnerEl=document.querySelector('#winner');let people=[],recentExclusionCount=3,currentRotation=0,isSpinning=false,resultStartedAt=0,scoreCols=0,scoreRows=0,scoreDots=[];const palette=['#f02f38','#ffc837','#00a6d6','#5b6fd8','#25c46f','#f05aa6','#ff7a2f','#008f8f','#8b5fd7','#2db981'];async function boot(){try{createMarqueeBulbs();requestAnimationFrame(scoreboardLoop);const state=await fetchJson('/api/state');people=state.people;recentExclusionCount=state.recentExclusionCount;drawWheel();updateRayCenter();requestAnimationFrame(updateRayCenter);spinButton.disabled=people.length===0;winnerEl.textContent=people.length?'No spin yet':'No one marked present'}catch(error){winnerEl.textContent='Could not load settings'}}function updateRayCenter(){const shellRect=appShell.getBoundingClientRect();const wheelRect=wheelWrap.getBoundingClientRect();appShell.style.setProperty('--ray-x',String(wheelRect.left+wheelRect.width/2-shellRect.left)+'px');appShell.style.setProperty('--ray-y',String(wheelRect.top+wheelRect.height/2-shellRect.top)+'px')}function createMarqueeBulbs(){marqueeRing.replaceChildren();for(let index=0;index1.05||sparkle>.86?.9:.16+.1*dot.seed}else if(winner){const dist=Math.hypot(dot.x-cx,dot.y-cy)/maxDist;const ring=Math.max(0,1-Math.abs(dist-wave)*7);const afterglow=Math.max(0,1-Math.abs(dist-wave*.72)*3.5)*.35;power=.18+Math.max(ring,afterglow)}const radius=Math.max(2,Math.min(width/scoreCols,height/scoreRows)*.18);scoreCtx.beginPath();scoreCtx.arc(dot.x,dot.y,radius,0,TAU);scoreCtx.fillStyle='rgba(255,207,53,'+Math.min(.95,power)+')';scoreCtx.shadowColor='rgba(255,198,48,'+Math.min(.8,power)+')';scoreCtx.shadowBlur=10*power;scoreCtx.fill()}scoreCtx.restore()}function drawWheel(rotation=currentRotation){if(!people.length)return;const{width,height}=canvas;const center=width/2;const radius=Math.min(width,height)*.42;const sliceAngle=TAU/people.length;ctx.clearRect(0,0,width,height);const rim=ctx.createRadialGradient(center,center,radius*.72,center,center,radius*1.12);rim.addColorStop(0,'#e31b3d');rim.addColorStop(.56,'#ffcf3a');rim.addColorStop(1,'#14101f');ctx.beginPath();ctx.arc(center,center,radius*1.11,0,TAU);ctx.fillStyle=rim;ctx.fill();ctx.save();ctx.translate(center,center);ctx.rotate(rotation);people.forEach((person,index)=>{const start=index*sliceAngle+POINTER_ANGLE;const end=start+sliceAngle;ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=palette[index%palette.length];ctx.fill();ctx.strokeStyle='rgba(255,255,255,.84)';ctx.lineWidth=6;ctx.stroke();const gloss=ctx.createRadialGradient(0,0,radius*.08,0,0,radius);gloss.addColorStop(0,'rgba(255,255,255,.26)');gloss.addColorStop(.62,'rgba(255,255,255,.04)');gloss.addColorStop(1,'rgba(16,12,28,.16)');ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=gloss;ctx.fill();ctx.save();const labelAngle=start+sliceAngle/2;const normalizedLabelAngle=normalizeRadians(labelAngle);const isLeftSide=normalizedLabelAngle>Math.PI/2&&normalizedLabelAngleappShell.classList.remove('is-winner'),2600)}requestAnimationFrame(frame)}spinButton.addEventListener('click',spin);addEventListener('resize',()=>{requestAnimationFrame(updateRayCenter);scoreCanvas.width=0;scoreCanvas.height=0});boot();`;\n}\n\nfunction adminJs() {\n return `document.querySelectorAll('.presence-checkbox').forEach((checkbox)=>{checkbox.addEventListener('change',async()=>{const row=checkbox.closest('.roster-row');const state=row?.querySelector('.presence-state');const previous=!checkbox.checked;checkbox.disabled=true;row?.classList.remove('save-error');row?.classList.add('is-saving');try{const response=await fetch('/admin/people/presence?id='+encodeURIComponent(checkbox.dataset.personId)+'&present='+String(checkbox.checked),{method:'POST'});if(!response.ok)throw new Error(await response.text());if(state)state.textContent=checkbox.checked?'Present':'Away'}catch(error){checkbox.checked=previous;row?.classList.add('save-error');if(state)state.textContent='Save failed'}finally{checkbox.disabled=false;row?.classList.remove('is-saving')}})})`;\n}\n\nfunction adminCss() {\n return `:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;color:#241425;background:#fff8e8}body{margin:0}main{width:min(900px,calc(100vw - 40px));margin:40px auto 80px}nav{margin-bottom:28px}a{color:#9d1739;font-weight:800}h1{font-size:48px;line-height:1;margin:0 0 28px}h2{margin:0}section{padding:24px;margin:18px 0;border:2px solid #f0cf67;border-radius:10px;background:#fffdf4;box-shadow:0 8px 0 #c22242}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading form{margin:0}label{display:grid;gap:8px;font-weight:800}input,textarea{width:100%;padding:12px;border:2px solid #e2bd50;border-radius:8px;font:inherit}textarea{resize:vertical}button{margin-top:14px;padding:12px 18px;border:0;border-radius:8px;background:linear-gradient(#fff2a8,#ffb92f 48%,#ee354b);font-weight:950;cursor:pointer}.section-heading button{margin-top:0}.secondary{background:#241425;color:#fff8e8}.notice{padding:12px 14px;border-radius:8px;background:#e9ffec;color:#116b28;font-weight:800}.error{padding:12px 14px;border-radius:8px;background:#ffe2e2;color:#a6112a;font-weight:800}ol{padding-left:22px}li{margin:8px 0}li span{display:inline-block;margin-left:10px;color:#76646f}.count-pill{padding:5px 10px;border-radius:999px;background:#241425;color:#fff8e8;font-size:13px;font-weight:900}.add-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.add-person button{height:49px;margin-top:0}.roster-list{display:grid;gap:10px}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:2px solid #efd778;border-radius:8px;background:#fffaf0}.roster-row.is-saving{opacity:.62}.roster-row.save-error{border-color:#d01f3f;background:#ffe8ec}.presence-toggle{display:flex;grid-template-columns:none;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px;font-weight:950}.presence-toggle input{width:24px;height:24px;accent-color:#0d8f4f}.presence-state{min-width:68px;font-size:13px;font-weight:950;color:#6d5363;text-transform:uppercase}.roster-row form{margin:0}.danger{padding:8px 12px;font-size:12px}.empty{margin:0;color:#76646f;font-weight:800}`;\n}\n\nfunction htmlResponse(html: string, status = 200) {\n return new Response(html, { status, headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n}\n\nfunction redirect(location: string) {\n return new Response(null, { status: 303, headers: { location } });\n}\n\nfunction escapeHtml(value: string) {\n return value.replace(/[&<>\"]/g, (char) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", \"\\\"\": \""\" }[char]!));\n}\n","createdAt",["D",1783025614867],"branchVersion","branchId","f70dec96-5dc7-11f1-8f53-1607ee4eb77e","id","f70d066e-5dc7-11f1-8f53-1607ee4eb77e","wheel-of-standup",["D",1780324884989],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","SQLite-backed standup host wheel.","imageUrl","35a0979d-a611-46c4-902a-11dbcdb2f551","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","c301b66c-8ae3-41fc-9a3d-f49ec90d432a","tursoName","f70d066e5dc711f18f531607ee4eb77e","tursoHostname","f70d066e5dc711f18f531607ee4eb77e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789492855745],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":14,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","brumm","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yWkQzRHNka3NaY2dKQ1FjcDJxWmJvUFRNNngifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":152,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":153,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":154,"_82":155,"_84":156,"_86":25},"tree",[147],"files",[147],"counts",{"_136":61,"_137":138,"_139":61,"_140":141,"_142":143},"contents",[128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":123,"_38":132,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_27":135},"299642b7-7d6d-4928-a09e-5b01ad34a788","parentId","latest",["D",1783025614867],62,"label",[28],"pulls","branches",1,"forks","envVars",{"_144":61,"_146":61},"connections",{"_144":61,"_145":61},"count","unfilledCount","emptyCount",{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":123,"_38":148,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_149":150,"_27":151},["D",1783025614867],"children",[],[28],["D",1780324884989],["D",1789492855745],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":14,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_80":-5,"_125":190,"_191":192,"_193":194,"_195":25,"_196":25,"_197":25,"_198":123,"_199":-5,"_200":-7,"_201":-7,"_202":61,"_203":25,"_204":25,"_205":-5,"_206":25,"_207":25,"_208":25,"_209":-5},"ENV",{"_161":162,"_163":164,"_165":87,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189},"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"]

Diff · v63