{title}

\n ← answer the survey\n

\n api.publicResults(slug, g)} canFacet={canFacet} />\n

\n );\n}\n",[],[18,105,352],"d1b2491c-5f24-4bc2-a468-a348072590c4","Respond.tsx","01a07e3e-21e5-7478-815b-ed15f1d9d580",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Answers, Survey } from \"../../shared/types.ts\";\nimport { api } from \"../lib/api.ts\";\nimport { QuestionInput } from \"../components/respond/QuestionInput.tsx\";\nimport { CommunityQuestions } from \"../components/proposals/CommunityQuestions.tsx\";\n\nexport function Respond({ slug }: { slug: string }) {\n const [survey, setSurvey] = useState(null);\n const [answers, setAnswers] = useState({});\n const [returning, setReturning] = useState(false);\n const [step, setStep] = useState(-1); // -1 = intro, n = question, len = done\n const [error, setError] = useState(null);\n const [saving, setSaving] = useState(false);\n const [completedQuestions, setCompletedQuestions] = useState(null);\n const pollRef = useRef(null);\n\n useEffect(() => {\n api.getSurvey(slug).then((d) => {\n setSurvey(d.survey);\n if (d.existing && Object.keys(d.existing).length) {\n setAnswers(d.existing);\n setReturning(true);\n }\n }).catch((e) => setError(e.message));\n // Poll for survey changes (admin may add questions or toggle results mid-talk)\n pollRef.current = setInterval(() => {\n api.getSurvey(slug).then((d) => setSurvey(d.survey)).catch(() => {});\n }, 8000) as unknown as number;\n return () => {\n if (pollRef.current) clearInterval(pollRef.current);\n };\n }, [slug]);\n\n // Save after each answer so partial progress counts and nothing is lost\n async function persist(next: Answers) {\n setSaving(true);\n try {\n await api.respond(slug, next);\n } catch (e: any) {\n setError(e.message);\n } finally {\n setSaving(false);\n }\n }\n\n if (error && !survey) return

🤷

{error}

;\n if (!survey) return

Loading…

;\n\n const qs = survey.questions;\n const total = qs.length;\n\n if (!survey.acceptingResponses && step < total) {\n return (\n \n

🚪

{survey.title}

This survey is closed to new responses.

\n {survey.resultsVisible && }\n \n \n );\n }\n\n if (step === -1) {\n return (\n \n

{survey.title}

\n {survey.description &&

{survey.description}

}\n

{total} question{total === 1 ? \"\" : \"s\"} · takes about {Math.max(1, Math.ceil(total / 3))} min

\n {returning && (\n

\n 👋 Welcome back — this device already answered. You can review and update your answers.\n

\n )}\n \n {total === 0 &&

The presenter hasn't added questions yet — hang tight, this page refreshes automatically.

}\n {survey.resultsVisible && }\n \n \n );\n }\n\n if (completedQuestions !== null || step >= total) {\n const addedQuestions = completedQuestions === null ? [] : qs.filter((q) => !completedQuestions.includes(q.id));\n return (\n \n

🎉

Thanks!

Your answers are in{saving ? \" (saving…)\" : \"\"}.

\n {error &&

{error}

}\n {addedQuestions.length > 0 && survey.acceptingResponses && (\n {\n setStep(qs.findIndex((q) => q.id === addedQuestions[0].id));\n setCompletedQuestions(null);\n }}\n className=\"mb-4 bg-indigo-50 text-indigo-700 rounded-xl px-4 py-3 font-semibold\"\n >\n {addedQuestions.length} new question{addedQuestions.length === 1 ? \"\" : \"s\"} added - answer now\n \n )}\n {survey.resultsVisible\n ? \n :

The presenter will reveal results shortly. Keep this tab open — the link will appear here.

}\n \n \n \n );\n }\n\n const q = qs[step];\n const v = answers[q.id];\n const answered = v !== undefined && v !== \"\" && !(Array.isArray(v) && v.length === 0);\n const canNext = answered || !q.required;\n\n function setAnswer(val: any) {\n const next = { ...answers };\n if (val === undefined) delete next[q.id];\n else next[q.id] = val;\n setAnswers(next);\n }\n\n function next() {\n persist(answers);\n if (step === total - 1) setCompletedQuestions(qs.map((q) => q.id));\n setStep(step + 1);\n }\n\n return (\n

\n Question {step + 1} of {total}\n {q.isDemographic && about you}\n

{q.prompt || \"…\"}

\n \n {error &&

{error}

}\n

\n \n \n {step === total - 1 ? \"Submit ✓\" : answered ? \"Next →\" : q.required ? \"Answer to continue\" : \"Skip →\"}\n \n

\n );\n}\n\nfunction Card({ children }: { children: any }) {\n return (\n

{children}

\n );\n}\n\nfunction ResultsLink({ slug, big }: { slug: string; big?: boolean }) {\n return (\n \n 📊 See live results\n \n );\n}\n",[],[18,105,359],"d878655f-410d-4327-911d-871c6e00578d","Present.tsx","01a07e3e-21e5-7478-815b-e8a83ac53a43",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\n\n/** Fullscreen \"join\" slide: big QR + URL. Put this on the projector. */\nexport function Present({ slug }: { slug: string }) {\n const [title, setTitle] = useState(\"\");\n const joinUrl = `${location.origin}/s/${slug}`;\n\n useEffect(() => {\n api.getSurvey(slug).then((d) => setTitle(d.survey.title)).catch(() => {});\n }, [slug]);\n\n return (\n

{title || \"Join the survey\"}

\n $\"QR$ \n

\n {joinUrl.replace(/^https?:\\/\\//, \"\")}\n

Scan or type the link · no login needed

\n );\n}\n",[],[18,105,366],"909fbefa-4603-4b0e-a6b3-19e3103eea58","Home.tsx","01a07e3e-21e5-7478-815b-e496847c7534",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport { navigate } from \"../components/App.tsx\";\n\nexport function Home() {\n const [title, setTitle] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(null);\n\n async function create(e: any) {\n e.preventDefault();\n setBusy(true);\n setError(null);\n try {\n const { adminKey } = await api.createSurvey(title.trim() || \"Untitled survey\");\n navigate(`/admin/${adminKey}?new=1`);\n } catch (err: any) {\n setError(err.message);\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

📊

Audience Survey

\n Poll the room during your talk. Show a QR code, collect answers with no login, and reveal live results —\n including ranked-choice runoffs and breakdowns by who's in the audience.\n

\n\n

\n );\n}\n",[],[18,105,373],"7a5a0adb-f96c-461e-bd6e-a71d5a0949a3","Admin.tsx","01a07e3e-21e5-7478-815b-e311f0449d8c",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Question, Survey } from \"../../shared/types.ts\";\nimport { api } from \"../lib/api.ts\";\nimport { newQuestion, QuestionEditor } from \"../components/builder/QuestionEditor.tsx\";\nimport { ResultsView } from \"../components/charts/ResultsView.tsx\";\nimport { ProposalReview } from \"../components/proposals/ProposalReview.tsx\";\n\ntype Tab = \"build\" | \"share\" | \"results\" | \"proposals\";\n\nexport function Admin({ adminKey }: { adminKey: string }) {\n const [survey, setSurvey] = useState(null);\n const [total, setTotal] = useState(0);\n const [error, setError] = useState(null);\n const [tab, setTab] = useState(location.search.includes(\"new=1\") ? \"share\" : \"build\");\n const [saving, setSaving] = useState<\"idle\" | \"saving\" | \"saved\">(\"idle\");\n const [copied, setCopied] = useState(false);\n const [approving, setApproving] = useState(false);\n const saveTimer = useRef(null);\n const savedQuestions = useRef([]);\n const pendingPatch = useRef>({});\n const inFlight = useRef | null>(null);\n\n useEffect(() => {\n api.admin.get(adminKey).then((d) => {\n savedQuestions.current = d.survey.questions;\n setSurvey(d.survey);\n setTotal(d.totalResponses);\n }).catch((e) =>\n setError(e.message)\n );\n return () => {\n if (saveTimer.current) clearTimeout(saveTimer.current);\n };\n }, [adminKey]);\n\n // Merge debounced fields and serialize writes before publishing an approved question.\n async function flush() {\n if (saveTimer.current) clearTimeout(saveTimer.current);\n if (inFlight.current) return await inFlight.current;\n const request = (async () => {\n while (Object.keys(pendingPatch.current).length) {\n const patch = pendingPatch.current;\n pendingPatch.current = {};\n try {\n const { survey: fresh } = await api.admin.patch(adminKey, {\n ...patch,\n ...(patch.questions ? { expectedQuestions: savedQuestions.current } : {}),\n });\n if (patch.questions || !pendingPatch.current.questions) savedQuestions.current = fresh.questions;\n setSurvey({ ...fresh, ...pendingPatch.current });\n } catch (error) {\n pendingPatch.current = { ...patch, ...pendingPatch.current };\n throw error;\n }\n }\n })();\n inFlight.current = request;\n try {\n await request;\n setSaving(\"saved\");\n setError(null);\n } finally {\n inFlight.current = null;\n }\n }\n\n function saveError(error: unknown) {\n setSaving(\"idle\");\n setError(error instanceof Error ? error.message : \"Could not save changes.\");\n }\n\n function edit(patch: Partial) {\n pendingPatch.current = { ...pendingPatch.current, ...patch };\n setSurvey((current) => current ? { ...current, ...patch } : current);\n setSaving(\"saving\");\n if (saveTimer.current) clearTimeout(saveTimer.current);\n saveTimer.current = setTimeout(() => {\n void flush().catch(saveError);\n }, 600) as unknown as number;\n }\n\n // Immediate save for toggles\n async function toggle(patch: Partial) {\n edit(patch);\n await flush().catch(saveError);\n }\n\n async function approve(proposalId: string, question: Question) {\n setApproving(true);\n try {\n try {\n await flush();\n } catch (error) {\n saveError(error);\n throw error;\n }\n const { survey: fresh } = await api.admin.approveProposal(adminKey, proposalId, question);\n savedQuestions.current = fresh.questions;\n setSurvey(fresh);\n } finally {\n setApproving(false);\n }\n }\n\n if (error && !survey) {\n return (\n

🔒

Invalid admin link

{error}

\n Create a new survey\n

\n );\n }\n if (!survey) return

Loading…

;\n\n const adminUrl = `${location.origin}/admin/${adminKey}`;\n const joinUrl = `${location.origin}/s/${survey.slug}`;\n const resultsUrl = `${location.origin}/s/${survey.slug}/results`;\n const presentUrl = `${location.origin}/s/${survey.slug}/present`;\n\n const copy = (t: string) => {\n navigator.clipboard.writeText(t);\n setCopied(true);\n setTimeout(() => setCopied(false), 1200);\n };\n\n const questions = survey.questions;\n const setQuestions = (qs: Question[]) => edit({ questions: qs });\n\n return (\n

\n {error && (\n

{error} Your unsaved edits are still shown.

\n \n \n

\n )}\n {/* Header */}\n

\n edit({ title: e.target.value })}\n className=\"flex-1 text-3xl font-extrabold bg-transparent border-b-2 border-transparent focus:border-indigo-400 focus:outline-none\"\n />\n \n {saving === \"saving\" ? \"saving…\" : saving === \"saved\" ? \"saved ✓\" : \"\"}\n \n

\n\n {location.search.includes(\"new=1\") && (\n

\n 🔑 Bookmark this page! This secret admin link is the only way back to your survey:\n

\n {adminUrl}\n \n

\n )}\n\n {/* Live controls */}\n

\n toggle({ acceptingResponses: v })}\n label=\"Accepting responses\"\n />\n toggle({ resultsVisible: v })} label=\"Show results to audience\" />\n toggle({ audienceFacets: v })}\n label=\"Audience can group results\"\n />\n

\n {total} responses\n

\n\n {/* Tabs */}\n

\n {([\"build\", \"proposals\", \"share\", \"results\"] as Tab[]).map((t) => (\n setTab(t)}\n className={`px-4 py-2 font-medium capitalize -mb-px border-b-2 ${\n tab === t ? \"border-indigo-600 text-indigo-700\" : \"border-transparent text-gray-500 hover:text-gray-800\"\n }`}\n >\n {t === \"build\" ? \"✏️ Build\" : t === \"share\" ? \"📱 Share\" : t === \"proposals\" ? \"Proposals\" : \"📊 Results\"}\n \n ))}\n

\n\n {tab === \"build\" && (\n

\n edit({ description: e.target.value })}\n placeholder=\"Optional intro shown to respondents…\"\n className=\"w-full bg-white rounded-xl shadow p-3 text-sm resize-none\"\n rows={2}\n />\n

\n 💡 Mark questions like “What's your profession?” as Demographic to\n group every other answer by them on the results screen.\n

\n {questions.map((q, i) => (\n setQuestions(questions.map((x) => x.id === q.id ? nq : x))}\n onDelete={() => setQuestions(questions.filter((x) => x.id !== q.id))}\n onMove={(dir) => {\n const j = i + dir;\n if (j < 0 || j >= questions.length) return;\n const arr = [...questions];\n [arr[i], arr[j]] = [arr[j], arr[i]];\n setQuestions(arr);\n }}\n />\n ))}\n

\n \n \n \n \n \n \n

\n \n

\n )}\n\n {tab === \"share\" && (\n

\n $\"QR\"$ \n

{joinUrl.replace(/^https?:\\/\\//, \"\")}

\n \n 🖥 Open fullscreen join slide\n \n

\n \n \n \n

\n ⬇ Export responses as CSV\n {\n if (confirm(\"Delete ALL responses? This cannot be undone.\")) {\n await api.admin.clearResponses(adminKey);\n setTotal(0);\n }\n }}\n className=\"block text-red-600 hover:underline\"\n >\n 🧹 Clear all responses\n \n {\n if (confirm(\"Delete this survey and all its responses?\")) {\n await api.admin.deleteSurvey(adminKey);\n location.href = \"/\";\n }\n }}\n className=\"block text-red-600 hover:underline\"\n >\n 🗑 Delete survey\n \n

\n )}\n\n {tab === \"results\" && (\n api.admin.results(adminKey, groupBy, true)}\n canFacet\n onTotal={setTotal}\n projectorUrl={resultsUrl}\n />\n )}\n {tab === \"proposals\" && }\n

\n );\n}\n\nfunction Switch({ on, onChange, label }: { on: boolean; onChange: (v: boolean) => void; label: string }) {\n return (\n \n );\n}\n\nfunction LinkRow({ label, url, onCopy, danger }: { label: string; url: string; onCopy: (s: string) => void; danger?: boolean }) {\n return (\n

{label}

\n {url}\n \n

\n );\n}\n",[],[18,105,380],["D",1788824396262],[268,269,270,271,272],[18,105],"59aeb8c4-eb94-4ae4-8b2f-5fd2425902b1","useProposals.ts","da8acbc0-ab15-11f1-8612-1607ee4eb77e",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { ProposalsPayload } from \"../../shared/types.ts\";\n\nexport function useProposals(\n fetcher: (signal: AbortSignal) => Promise,\n) {\n const [data, setData] = useState(null);\n const [error, setError] = useState(null);\n const controller = useRef(null);\n const active = useRef(false);\n\n const refresh = useCallback(async () => {\n if (!active.current) return;\n controller.current?.abort();\n const request = new AbortController();\n controller.current = request;\n try {\n const next = await fetcher(request.signal);\n if (!request.signal.aborted) {\n setData(next);\n setError(null);\n }\n } catch (error) {\n if (!request.signal.aborted) {\n setError(\n error instanceof Error ? error.message : \"Could not load proposals.\",\n );\n }\n } finally {\n if (controller.current === request) controller.current = null;\n }\n }, [fetcher]);\n\n useEffect(() => {\n active.current = true;\n setData(null);\n void refresh();\n const timer = setInterval(() => {\n if (!controller.current && document.visibilityState === \"visible\") {\n void refresh();\n }\n }, 5000);\n return () => {\n clearInterval(timer);\n active.current = false;\n controller.current?.abort();\n };\n }, [refresh]);\n\n return { data, error, refresh };\n}\n",[],[18,112,390],"a157235c-70f8-4ecc-b4ce-e418d1921679","api.ts","01a07e3e-21e5-7478-815b-dabd0a19c983",["D",1788825191362],"import type { Answers, ProposalsPayload, Question, QuestionDraft, ResultsPayload, Survey } from \"../../shared/types.ts\";\n\nexport class ApiError extends Error {\n constructor(message: string, public status: number) {\n super(message);\n }\n}\n\nasync function j(res: Response): Promise {\n const data = await res.json().catch(() => ({}));\n if (!res.ok) throw new ApiError((data as any).error ?? `HTTP ${res.status}`, res.status);\n return data as T;\n}\n\nexport const api = {\n createSurvey: (title: string) =>\n fetch(\"/api/surveys\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ title }),\n }).then((r) => j<{ slug: string; adminKey: string }>(r)),\n\n getSurvey: (slug: string) =>\n fetch(`/api/s/${slug}`, { credentials: \"same-origin\" }).then((r) =>\n j<{ survey: Survey; existing: Answers | null }>(r)\n ),\n\n respond: (slug: string, answers: Answers) =>\n fetch(`/api/s/${slug}/respond`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ answers }),\n }).then((r) => j<{ ok: true }>(r)),\n\n publicResults: (slug: string, groupBy: string | null) =>\n fetch(`/api/s/${slug}/results${groupBy ? `?groupBy=${groupBy}` : \"\"}`).then((r) => j(r)),\n\n proposals: (slug: string, signal?: AbortSignal) =>\n fetch(`/api/s/${slug}/proposals`, { credentials: \"same-origin\", signal }).then((r) => j(r)),\n propose: (slug: string, question: QuestionDraft) =>\n fetch(`/api/s/${slug}/proposals`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ question }),\n }).then((r) => j<{ ok: true }>(r)),\n vote: (slug: string, proposalId: string, voted: boolean) =>\n fetch(`/api/s/${slug}/proposals/${proposalId}/vote`, {\n method: \"PUT\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ voted }),\n }).then((r) => j<{ ok: true }>(r)),\n\n admin: {\n get: (key: string) => fetch(`/api/admin/${key}`).then((r) => j<{ survey: Survey; totalResponses: number }>(r)),\n patch: (key: string, patch: Partial & { expectedQuestions?: Question[] }) =>\n fetch(`/api/admin/${key}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(patch),\n }).then((r) => j<{ survey: Survey }>(r)),\n proposals: (key: string, signal?: AbortSignal) =>\n fetch(`/api/admin/${key}/proposals`, { signal }).then((r) => j(r)),\n approveProposal: (key: string, proposalId: string, question: Question) =>\n fetch(`/api/admin/${key}/proposals/${proposalId}/approve`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ question }),\n }).then((r) => j<{ survey: Survey }>(r)),\n results: (key: string, groupBy: string | null, includeHidden = true) =>\n fetch(\n `/api/admin/${key}/results?includeHidden=${includeHidden ? 1 : 0}${groupBy ? `&groupBy=${groupBy}` : \"\"}`,\n ).then((r) => j(r)),\n clearResponses: (key: string) =>\n fetch(`/api/admin/${key}/responses`, { method: \"DELETE\" }).then((r) => j<{ ok: true }>(r)),\n deleteSurvey: (key: string) => fetch(`/api/admin/${key}`, { method: \"DELETE\" }).then((r) => j<{ ok: true }>(r)),\n },\n};\n\nexport function uid(): string {\n return Math.random().toString(36).slice(2, 8);\n}\n",[],[18,112,397],["D",1788824396262],[265,266],[18,112],"34ab94f3-205d-428e-a711-b76e992adda3","App.tsx","01a07e3e-21e5-7478-815b-d14cfad909c8",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Home } from \"../pages/Home.tsx\";\nimport { Admin } from \"../pages/Admin.tsx\";\nimport { Respond } from \"../pages/Respond.tsx\";\nimport { Results } from \"../pages/Results.tsx\";\nimport { Present } from \"../pages/Present.tsx\";\n\nfunction usePath() {\n const [path, setPath] = useState(location.pathname);\n useEffect(() => {\n const onPop = () => setPath(location.pathname);\n addEventListener(\"popstate\", onPop);\n return () => removeEventListener(\"popstate\", onPop);\n }, []);\n return path;\n}\n\nexport function navigate(to: string) {\n history.pushState({}, \"\", to);\n dispatchEvent(new PopStateEvent(\"popstate\"));\n}\n\nexport function App() {\n const path = usePath();\n const parts = path.split(\"/\").filter(Boolean);\n\n let page: any = ;\n if (parts[0] === \"admin\" && parts[1]) page = ;\n else if (parts[0] === \"s\" && parts[1]) {\n if (parts[2] === \"results\") page = ;\n else if (parts[2] === \"present\") page = ;\n else page = ;\n }\n\n return (\n

{page}

\n \n

\n );\n}\n",[],[18,117,407],"528cbbc5-8ba9-41dc-b08e-61aafbbeab4f","QuestionInput.tsx","01a07e3e-21e5-7478-815b-c91d262d6e5f","01a07e3e-21e5-7478-815b-cc25a4942f2f",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { AnswerValue, Question } from \"../../../shared/types.ts\";\n\ninterface Props {\n q: Question;\n value: AnswerValue | undefined;\n onChange: (v: AnswerValue | undefined) => void;\n}\n\nconst choiceCls = (on: boolean) =>\n `w-full text-left px-5 py-4 rounded-xl border-2 text-lg transition active:scale-[0.98] ${\n on ? \"border-indigo-600 bg-indigo-50 font-semibold\" : \"border-gray-200 bg-white hover:border-indigo-300\"\n }`;\n\nexport function QuestionInput({ q, value, onChange }: Props) {\n switch (q.type) {\n case \"single_choice\":\n return (\n

\n {q.options.map((o) => (\n \n ))}\n

\n );\n\n case \"multi_choice\": {\n const sel = Array.isArray(value) ? value : [];\n return (\n

\n {q.options.map((o) => {\n const on = sel.includes(o.id);\n return (\n onChange(on ? sel.filter((x) => x !== o.id) : [...sel, o.id])}\n className={choiceCls(on)}\n >\n {on ? \"☑\" : \"☐\"}\n {o.label}\n \n );\n })}\n

\n );\n }\n\n case \"scale\": {\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n const nums = Array.from({ length: max - min + 1 }, (_, i) => min + i);\n const wide = nums.length > 7;\n return (\n

\n {nums.map((n) => (\n onChange(n)}\n className={`aspect-square rounded-xl border-2 text-xl font-bold transition ${\n value === n ? \"border-indigo-600 bg-indigo-600 text-white scale-105\" : \"border-gray-200 bg-white hover:border-indigo-300\"\n }`}\n >\n {n}\n \n ))}\n

\n );\n }\n\n case \"free_text\":\n return (\n onChange(e.target.value || undefined)}\n rows={4}\n placeholder=\"Type your answer…\"\n className=\"w-full border-2 border-gray-200 focus:border-indigo-400 focus:outline-none rounded-xl p-4 text-lg\"\n />\n );\n\n case \"word_cloud\":\n return (\n onChange(e.target.value || undefined)}\n maxLength={40}\n placeholder=\"One word or short phrase\"\n className=\"w-full border-2 border-gray-200 focus:border-indigo-400 focus:outline-none rounded-xl p-4 text-2xl text-center\"\n />\n );\n\n case \"emoji_reaction\":\n return (\n

\n {q.options.map((o) => (\n onChange(o.id)}\n className={`aspect-square rounded-2xl border-2 text-5xl transition ${\n value === o.id ? \"border-indigo-600 bg-indigo-50 scale-110\" : \"border-gray-200 bg-white hover:scale-105\"\n }`}\n >\n {o.label}\n \n ))}\n

\n );\n\n case \"ranked_choice\":\n return ;\n }\n}\n\n/** Tap-to-rank + arrows (works well on phones; HTML5 drag is flaky on touch). */\nfunction RankedInput({ q, value, onChange }: { q: Question; value: string[]; onChange: (v: string[]) => void }) {\n const ranked = value.filter((id) => q.options.some((o) => o.id === id));\n const unranked = q.options.filter((o) => !ranked.includes(o.id));\n const label = (id: string) => q.options.find((o) => o.id === id)?.label ?? id;\n const [drag, setDrag] = useState(null);\n\n const move = (i: number, j: number) => {\n if (j < 0 || j >= ranked.length) return;\n const arr = [...ranked];\n [arr[i], arr[j]] = [arr[j], arr[i]];\n onChange(arr);\n };\n\n return (\n

Your ranking (1 = favorite)

\n {ranked.length === 0 && (\n

\n Tap options below to rank them\n

\n )}\n

\n {ranked.map((id, i) => (\n setDrag(i)}\n onDragOver={(e: any) => e.preventDefault()}\n onDrop={() => {\n if (drag !== null && drag !== i) {\n const arr = [...ranked];\n const [m] = arr.splice(drag, 1);\n arr.splice(i, 0, m);\n onChange(arr);\n }\n setDrag(null);\n }}\n className=\"flex items-center gap-3 bg-indigo-50 border-2 border-indigo-300 rounded-xl px-3 py-3\"\n >\n \n {i + 1}\n \n {label(id)}\n \n \n \n

\n ))}\n

\n {unranked.length > 0 && (\n

Not yet ranked

\n {unranked.map((o) => (\n onChange([...ranked, o.id])}\n className=\"w-full text-left px-4 py-3 rounded-xl border-2 border-gray-200 bg-white hover:border-indigo-300\"\n >\n +\n {o.label}\n \n ))}\n

\n )}\n

\n );\n}\n",[],[18,117,421,414],"respond","49eee0e9-3f64-4cac-b85b-588ce5a40c31",["D",1788824396262],[262],[18,117,421],"f64baac3-6204-4a20-afd8-f02e15dd40b2","ProposalReview.tsx","da7706b2-ab15-11f1-894c-1607ee4eb77e","da56dbbc-ab15-11f1-90b2-1607ee4eb77e",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Question, QuestionProposal } from \"../../../shared/types.ts\";\nimport {\n normalizeApprovedQuestion,\n questionFromDraft,\n} from \"../../../shared/questions.ts\";\nimport { api } from \"../../lib/api.ts\";\nimport { useProposals } from \"../../lib/useProposals.ts\";\nimport { QuestionEditor } from \"../builder/QuestionEditor.tsx\";\nimport { ProposalCard } from \"./ProposalCard.tsx\";\n\ninterface Props {\n adminKey: string;\n onApprove: (proposalId: string, question: Question) => Promise;\n}\n\nexport function ProposalReview({ adminKey, onApprove }: Props) {\n const fetcher = useCallback(\n (signal: AbortSignal) => api.admin.proposals(adminKey, signal),\n [adminKey],\n );\n const { data, error: loadError, refresh } = useProposals(fetcher);\n const [selected, setSelected] = useState<\n { id: string; question: Question } | null\n >(null);\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(null);\n const [message, setMessage] = useState(null);\n const stillPending = selected &&\n data?.proposals.some((p) => p.id === selected.id);\n\n function review(proposal: QuestionProposal) {\n setSelected({\n id: proposal.id,\n question: questionFromDraft(proposal.draft),\n });\n setError(null);\n setMessage(null);\n }\n\n async function approve() {\n if (!selected) return;\n setError(null);\n setBusy(true);\n try {\n await onApprove(\n selected.id,\n normalizeApprovedQuestion(selected.question),\n );\n setSelected(null);\n setMessage(\"Approved and added to the end of the survey.\");\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error\n ? error.message\n : \"Could not approve this question.\",\n );\n await refresh();\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

Participant proposals

\n Most-upvoted first. Review and edit a draft before adding it to the\n live survey.\n

\n {(error || loadError) && (\n

{error || loadError}

\n {loadError && (\n void refresh()}\n className=\"underline\"\n >\n Retry loading\n \n )}\n

\n )}\n {message && (\n

{message}

\n )}\n {selected && (\n

Review draft

\n setSelected({ ...selected, question })}\n />\n

\n {!stillPending && (\n

\n This proposal is no longer pending.\n

\n )}\n

\n \n {busy ? \"Approving...\" : \"Approve and add question\"}\n \n setSelected(null)}\n disabled={busy}\n className=\"text-gray-600\"\n >\n Cancel review\n \n

\n )}\n {!data && !loadError && (\n

Loading proposals...

\n )}\n {data?.proposals.length === 0 && (\n

\n No pending proposals. Participants can suggest questions from the\n survey intro or completion screen.\n

\n )}\n {data?.proposals.map((proposal) => (\n \n \n review(proposal)}\n className=\"ml-auto text-indigo-700 underline text-sm\"\n >\n Review\n \n \n ))}\n

\n );\n}\n",[],[18,117,434,427],"proposals","12aafc9d-085d-4ee1-b88b-0ee1d259ae0d","ProposalCard.tsx","dab88434-ab15-11f1-b1c0-1607ee4eb77e",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport type { QuestionProposal } from \"../../../shared/types.ts\";\nimport { QUESTION_TYPE_LABELS } from \"../../../shared/types.ts\";\n\nexport function ProposalCard(\n { proposal, children }: { proposal: QuestionProposal; children: ReactNode },\n) {\n return (\n

\n {QUESTION_TYPE_LABELS[proposal.draft.type]}\n

\n {proposal.draft.prompt}\n

\n {proposal.draft.options.length > 0 && (\n

{option.label}

\n )}\n {proposal.draft.type === \"scale\" && (\n

\n Scale: {proposal.draft.scaleMin} to {proposal.draft.scaleMax}\n

\n )}\n

\n \n {proposal.voteCount} upvote{proposal.voteCount === 1 ? \"\" : \"s\"}\n \n {children}\n

\n );\n}\n",[],[18,117,434,436],"48c29833-d8ae-4302-a590-daa832292ba9","CommunityQuestions.tsx","daa40c16-ab15-11f1-9b8d-1607ee4eb77e",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useState } from \"https://esm.sh/react@18.2.0\";\nimport { newQuestion, normalizeDraft } from \"../../../shared/questions.ts\";\nimport type { QuestionProposal } from \"../../../shared/types.ts\";\nimport { api } from \"../../lib/api.ts\";\nimport { useProposals } from \"../../lib/useProposals.ts\";\nimport { QuestionEditor } from \"../builder/QuestionEditor.tsx\";\nimport { ProposalCard } from \"./ProposalCard.tsx\";\n\nexport function CommunityQuestions(\n { slug, acceptingResponses }: { slug: string; acceptingResponses: boolean },\n) {\n const fetcher = useCallback(\n (signal: AbortSignal) => api.proposals(slug, signal),\n [slug],\n );\n const { data, error: loadError, refresh } = useProposals(fetcher);\n const [composing, setComposing] = useState(false);\n const [draft, setDraft] = useState(() => newQuestion());\n const [busy, setBusy] = useState(null);\n const [error, setError] = useState(null);\n const [message, setMessage] = useState(null);\n const open = acceptingResponses && (data?.acceptingResponses ?? false);\n\n async function submit() {\n setError(null);\n setMessage(null);\n setBusy(\"submit\");\n try {\n await api.propose(slug, normalizeDraft(draft));\n setDraft(newQuestion());\n setComposing(false);\n setMessage(\n \"Question proposed! Others can upvote it while the presenter reviews it.\",\n );\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error\n ? error.message\n : \"Could not propose this question.\",\n );\n } finally {\n setBusy(null);\n }\n }\n\n async function vote(proposal: QuestionProposal) {\n setError(null);\n setBusy(proposal.id);\n try {\n await api.vote(slug, proposal.id, !proposal.voted);\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error ? error.message : \"Could not update your vote.\",\n );\n await refresh();\n } finally {\n setBusy(null);\n }\n }\n\n return (\n

Community questions

\n Suggest what the room should answer next. Upvote ideas you like; the\n presenter edits and approves them.\n

\n One upvote per question on this device. Tap again to remove it.\n

\n {!open && data && (\n

\n Proposals and voting are closed.\n

\n )}\n {message && (\n

{message}

\n )}\n {(error || loadError) && (\n

{error || loadError}

\n {loadError && (\n void refresh()}\n className=\"underline mt-1\"\n >\n Retry loading\n \n )}\n

\n )}\n {composing\n ? (\n

\n \n

\n \n {busy === \"submit\" ? \"Submitting...\" : \"Propose question\"}\n \n setComposing(false)}\n disabled={busy !== null}\n className=\"text-gray-600\"\n >\n Cancel\n \n

\n )\n : (\n {\n setComposing(true);\n setMessage(null);\n }}\n disabled={!open || busy !== null}\n className=\"mt-4 border border-indigo-300 text-indigo-700 rounded-lg px-4 py-2 disabled:opacity-40\"\n >\n + Suggest a question\n \n )}\n {!data && !loadError && (\n

\n Loading community questions...\n

\n )}\n {data?.proposals.length === 0 && (\n

No pending proposals yet.

\n )}\n

\n {data?.proposals.map((proposal) => (\n \n \n vote(proposal)}\n className={`ml-auto rounded-lg px-3 py-1.5 text-sm disabled:opacity-40 ${\n proposal.voted\n ? \"bg-indigo-600 text-white\"\n : \"bg-indigo-50 text-indigo-700\"\n }`}\n >\n {busy === proposal.id\n ? \"Saving...\"\n : proposal.voted\n ? \"Upvoted\"\n : \"Upvote\"}\n \n \n ))}\n

\n );\n}\n",[],[18,117,434,443],"054e27c2-94c5-4a08-bc45-8de7532e0c7f",["D",1788824577084],[258,259,260],[18,117,434],"3b84e793-ccf2-48cb-8556-a4e79a0e4430","ResultsView.tsx","01a07e3e-21e5-7478-815b-c23652561d6b","01a07e3e-21e5-7478-815b-c5c790f32d13",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FacetGroup, Question, ResultsPayload } from \"../../../shared/types.ts\";\nimport { ChoiceChart, Counter, PALETTE, RankedChart, ScaleChart, TextList, WordCloudChart } from \"./Charts.tsx\";\n\ninterface Props {\n fetcher: (groupBy: string | null) => Promise;\n canFacet: boolean;\n onTotal?: (n: number) => void;\n projectorUrl?: string;\n pollMs?: number;\n}\n\nexport function ResultsView({ fetcher, canFacet, onTotal, projectorUrl, pollMs = 3000 }: Props) {\n const [data, setData] = useState(null);\n const [groupBy, setGroupBy] = useState(null);\n const [filter, setFilter] = useState(null); // facet group key to isolate\n const [error, setError] = useState(null);\n const [focus, setFocus] = useState(null); // question id for \"one at a time\" mode\n const [pulse, setPulse] = useState(false);\n const lastTotal = useRef(0);\n\n useEffect(() => {\n let alive = true;\n const load = () =>\n fetcher(groupBy).then((d) => {\n if (!alive) return;\n setData(d);\n setError(null);\n if (d.totalResponses !== lastTotal.current) {\n lastTotal.current = d.totalResponses;\n setPulse(true);\n setTimeout(() => setPulse(false), 700);\n onTotal?.(d.totalResponses);\n }\n }).catch((e) => alive && setError(e.message));\n load();\n const t = setInterval(load, pollMs);\n return () => {\n alive = false;\n clearInterval(t);\n };\n }, [groupBy, pollMs]);\n\n if (error) {\n return (\n

⏳

{error}

This page keeps checking — results appear as soon as the presenter reveals them.

\n );\n }\n if (!data) return

Loading…

;\n\n const { survey } = data;\n const demographics = survey.questions.filter((q) => q.isDemographic);\n const facetQ = groupBy ? survey.questions.find((q) => q.id === groupBy) : null;\n let groups: FacetGroup[] = data.groups;\n if (filter && groupBy) groups = groups.filter((g) => g.key === filter);\n const shownQuestions = survey.questions.filter((q) => (q.id !== groupBy) && (!focus || q.id === focus));\n const hasHiddenNote = survey.questions.some((q) => q.hidden);\n\n return (\n

\n {/* Toolbar */}\n

\n responses\n

\n\n {canFacet && demographics.length > 0 && (\n <>\n \n 🔍 Group by\n (setGroupBy(e.target.value || null), setFilter(null))}\n className=\"border rounded-lg px-2 py-1 text-sm bg-gray-50\"\n >\n \n {demographics.map((q) => )}\n \n \n {facetQ && (\n

\n \n {data.groups.map((g, i) => (\n setFilter(filter === g.key ? null : g.key)}\n className={`px-2 py-1 rounded-full border ${filter === g.key ? \"text-white\" : \"bg-white\"}`}\n style={filter === g.key ? { background: PALETTE[i % PALETTE.length], borderColor: PALETTE[i % PALETTE.length] } : { borderColor: PALETTE[i % PALETTE.length], color: PALETTE[i % PALETTE.length] }}\n >\n {g.label} ({g.responseCount})\n \n ))}\n

\n )}\n \n )}\n\n

\n \n {projectorUrl && 🖥 projector view}\n

\n\n {facetQ && !filter && (\n

\n Grouped by {facetQ.prompt}: {data.groups.map((g) => `${g.label} (${g.responseCount})`).join(\" · \")}\n

\n )}\n\n {shownQuestions.length === 0 &&

No questions to show.

}\n\n

\n {shownQuestions.map((q, i) => (\n \n ))}\n

\n {hasHiddenNote && canFacet &&

Questions marked 🙈 are hidden from the audience's results view.

}\n

\n );\n}\n\nfunction QuestionCard({ q, index, groups, big }: { q: Question; index: number; groups: FacetGroup[]; big: boolean }) {\n const n = groups.reduce((s, g) => s + (g.aggregates.find((a) => a.questionId === q.id)?.responseCount ?? 0), 0);\n return (\n

\n Q{index + 1}\n

{q.prompt || \"(untitled)\"}

\n \n {q.hidden && \"🙈 \"}{q.isDemographic && \"👥 \"}{n} answer{n === 1 ? \"\" : \"s\"}\n \n

\n \n

\n );\n}\n\nfunction Chart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n switch (q.type) {\n case \"single_choice\":\n case \"multi_choice\":\n case \"emoji_reaction\":\n return ;\n case \"scale\":\n return ;\n case \"ranked_choice\":\n return ;\n case \"word_cloud\":\n return ;\n case \"free_text\":\n return ;\n }\n}\n",[],[18,117,461,454],"charts","2df5f0e7-38fd-42ff-82e4-97cb76743c6e","Charts.tsx","01a07e3e-21e5-7478-815b-bc4d10d6b7df",["D",1788824396262],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n Bar,\n BarChart,\n Cell,\n LabelList,\n Legend,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { FacetGroup, Question, QuestionAggregate } from \"../../../shared/types.ts\";\n\nexport const PALETTE = [\"#6366f1\", \"#f59e0b\", \"#10b981\", \"#ef4444\", \"#3b82f6\", \"#ec4899\", \"#14b8a6\", \"#8b5cf6\", \"#f97316\", \"#84cc16\"];\n\nconst optLabel = (q: Question, id: string) => q.options.find((o) => o.id === id)?.label ?? id;\n\n/* ---------------- Choice / emoji: bars, grouped by facet when present ---------------- */\nexport function ChoiceChart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n const faceted = groups.length > 1;\n const data = q.options.map((o) => {\n const row: Record = { name: o.label };\n for (const g of groups) row[g.label] = agg(g, q.id)?.counts?.[o.id] ?? 0;\n return row;\n });\n const height = Math.max(160, q.options.length * (faceted ? 28 * groups.length + 16 : 44));\n\n if (q.type === \"emoji_reaction\" && !faceted) return ;\n\n return (\n \n \n \n \n \n {faceted && }\n {groups.map((g, i) => (\n \n {!faceted && data.map((_, j) => )}\n \n \n ))}\n \n \n );\n}\n\nfunction EmojiBubbles({ q, agg }: { q: Question; agg?: QuestionAggregate }) {\n const counts = agg?.counts ?? {};\n const max = Math.max(1, ...Object.values(counts));\n return (\n

\n {q.options.map((o, i) => {\n const n = counts[o.id] ?? 0;\n const size = 40 + (n / max) * 80;\n return (\n

\n {o.label}\n {n}\n

\n );\n })}\n \n

\n );\n}\n\n/* ---------------- Scale: histogram (+ per-group overlay) & mean ---------------- */\nexport function ScaleChart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n const data = [];\n for (let i = min; i <= max; i++) {\n const row: Record = { name: String(i) };\n for (const g of groups) row[g.label] = agg(g, q.id)?.distribution?.[String(i)] ?? 0;\n data.push(row);\n }\n const faceted = groups.length > 1;\n return (\n

\n {groups.map((g, i) => {\n const a = agg(g, q.id);\n return (\n

\n {faceted &&

{g.label}

}\n

avg of {a?.responseCount ?? 0}

\n );\n })}\n

\n \n \n \n \n \n {faceted && }\n {groups.map((g, i) => (\n \n {!faceted && data.map((_, j) => )}\n \n \n ))}\n \n \n

\n );\n}\n\nfunction heat(t: number) {\n // red → amber → green\n const stops = [[239, 68, 68], [245, 158, 11], [16, 185, 129]];\n const seg = t < 0.5 ? 0 : 1, u = t < 0.5 ? t * 2 : (t - 0.5) * 2;\n const [a, b] = [stops[seg], stops[seg + 1]];\n return `rgb(${a.map((c, i) => Math.round(c + (b[i] - c) * u)).join(\",\")})`;\n}\n\n/* ---------------- Ranked choice: instant-runoff animation ---------------- */\nexport function RankedChart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n if (groups.length > 1) {\n // Faceted: winner per group + Borda bars per group\n return (\n

\n {groups.map((g, i) => {\n const a = agg(g, q.id);\n const rounds = a?.irv ?? [];\n const winner = rounds[rounds.length - 1]?.winner;\n return (\n

{g.label} · {a?.responseCount ?? 0} ballots

{winner ? `🏆 ${optLabel(q, winner)}` : \"—\"}

\n \n

\n );\n })}\n

\n );\n }\n return ;\n}\n\nfunction IRVRounds({ q, agg, compact }: { q: Question; agg?: QuestionAggregate; compact?: boolean }) {\n const rounds = agg?.irv ?? [];\n const [ri, setRi] = useState(0);\n const [mode, setMode] = useState<\"irv\" | \"borda\" | \"first\">(\"irv\");\n useEffect(() => setRi(rounds.length ? rounds.length - 1 : 0), [rounds.length]);\n\n if (!rounds.length) return

No ballots yet.

;\n const round = rounds[Math.min(ri, rounds.length - 1)];\n const total = Object.values(round.tallies).reduce((a, b) => a + b, 0);\n const source = mode === \"irv\" ? round.tallies : mode === \"borda\" ? agg!.borda! : agg!.firstChoice!;\n const max = Math.max(1, ...Object.values(source));\n const ordered = [...q.options].sort((a, b) => (source[b.id] ?? -1) - (source[a.id] ?? -1));\n const eliminatedSoFar = new Set(rounds.slice(0, ri).map((r) => r.eliminated).filter(Boolean));\n\n return (\n

\n {!compact && (\n

\n {([\"irv\", \"borda\", \"first\"] as const).map((m) => (\n \n ))}\n {mode === \"irv\" && rounds.length > 1 && (\n

\n \n Round {round.round}/{rounds.length}\n \n \n

\n )}\n

\n {ordered.map((o, i) => {\n const v = source[o.id];\n const out = mode === \"irv\" && (v === undefined || eliminatedSoFar.has(o.id));\n const isWinner = mode === \"irv\" && round.winner === o.id;\n const justEliminated = mode === \"irv\" && round.eliminated === o.id;\n const pct = out ? 0 : ((v ?? 0) / max) * 100;\n return (\n

\n \n {isWinner && \"🏆 \"}{out && \"✗ \"}{o.label}\n {justEliminated && eliminated this round}\n \n \n {out ? \"—\" : v}{mode === \"irv\" && !out && total ? ` (${Math.round(((v ?? 0) / total) * 100)}%)` : \"\"}\n \n

\n );\n })}\n

\n {mode === \"irv\" && !compact && (\n

\n {round.winner ? `${optLabel(q, round.winner)} wins with a majority of ${total} active ballots.` : `No majority yet — the lowest option is eliminated and its ballots transfer to their next choice.`}\n

\n )}\n

\n );\n}\n\n/* ---------------- Word cloud ---------------- */\nexport function WordCloudChart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n const faceted = groups.length > 1;\n return (\n

\n {groups.map((g, i) => {\n const words = agg(g, q.id)?.words ?? [];\n const max = Math.max(1, ...words.map((w) => w.value));\n return (\n

\n {faceted &&

{g.label}

}\n {words.length === 0 &&

Nothing yet…

}\n

\n {shuffleStable(words).map((w, j) => (\n \n {w.text}\n \n ))}\n

\n );\n })}\n

\n );\n}\n\n/* ---------------- Free text ---------------- */\nexport function TextList({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n const faceted = groups.length > 1;\n return (\n

\n {groups.map((g, i) => {\n const texts = agg(g, q.id)?.texts ?? [];\n return (\n

\n {faceted &&

{g.label} ({texts.length})

}\n {texts.length === 0 &&

Nothing yet…

}\n

\n {texts.map((t, j) => (\n

\n {t}\n

\n ))}\n

\n );\n })}\n

\n );\n}\n\n/* ---------------- helpers ---------------- */\nfunction agg(g: FacetGroup | undefined, qid: string) {\n return g?.aggregates.find((a) => a.questionId === qid);\n}\nfunction hash(s: string) {\n let h = 0;\n for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) | 0;\n return Math.abs(h);\n}\nfunction shuffleStable(arr: T[]) {\n return [...arr].sort((a, b) => hash(a.text) - hash(b.text));\n}\n\n/** Animated number that eases toward its target. */\nexport function Counter({ value, decimals = 0 }: { value: number; decimals?: number }) {\n const [v, setV] = useState(value);\n useEffect(() => {\n const start = v, end = value, t0 = performance.now();\n let raf = 0;\n const tick = (t: number) => {\n const p = Math.min(1, (t - t0) / 600);\n setV(start + (end - start) * (1 - Math.pow(1 - p, 3)));\n if (p < 1) raf = requestAnimationFrame(tick);\n };\n raf = requestAnimationFrame(tick);\n return () => cancelAnimationFrame(raf);\n }, [value]);\n return <>{v.toFixed(decimals)};\n}\n",[],[18,117,461,463],"f998db5a-9ead-4436-ad45-f675a4160a60",["D",1788824396262],[255,256],[18,117,461],"678c0c52-61fa-438c-b233-6e3812f6d046","QuestionEditor.tsx","01a07e3e-21e5-7478-815b-b5fb0297e1c9","01a07e3e-21e5-7478-815b-bad158831c4f",["D",1788825191362],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { hasOptions, QUESTION_TYPE_LABELS } from \"../../../shared/types.ts\";\nimport type { Question, QuestionType } from \"../../../shared/types.ts\";\nimport { uid } from \"../../lib/api.ts\";\nimport { newQuestion, QUESTION_LIMITS } from \"../../../shared/questions.ts\";\n\nexport { newQuestion } from \"../../../shared/questions.ts\";\n\ninterface Props {\n q: Question;\n index?: number;\n total?: number;\n onChange: (q: Question) => void;\n onMove?: (dir: -1 | 1) => void;\n onDelete?: () => void;\n participant?: boolean;\n}\n\nconst Toggle = ({ label, checked, onChange, hint }: any) => (\n \n onChange(e.target.checked)} className=\"w-4 h-4\" />\n {label}\n \n);\n\nexport function QuestionEditor({ q, index = 0, total = 1, onChange, onMove, onDelete, participant = false }: Props) {\n const set = (patch: Partial) => onChange({ ...q, ...patch });\n\n function changeType(type: QuestionType) {\n const fresh = newQuestion(type);\n onChange({ ...fresh, id: q.id, prompt: q.prompt, isDemographic: q.isDemographic, required: q.required, hidden: q.hidden,\n options: hasOptions(type) && hasOptions(q.type) && q.type !== \"emoji_reaction\" && type !== \"emoji_reaction\"\n ? q.options\n : fresh.options });\n }\n\n const canFacet = q.type === \"single_choice\" || q.type === \"multi_choice\" || q.type === \"scale\" ||\n q.type === \"emoji_reaction\";\n\n return (\n

\n {onMove &&

\n \n {index + 1}\n \n

}\n

\n changeType(e.target.value)}\n className=\"border rounded-lg px-2 py-1.5 text-sm bg-gray-50\"\n >\n {Object.entries(QUESTION_TYPE_LABELS).map(([k, v]) => )}\n \n {!participant &&

\n set({ required: v })} />\n {canFacet && (\n set({ isDemographic: v })}\n />\n )}\n set({ hidden: v })} />\n {onDelete && }\n

}\n

\n\n set({ prompt: e.target.value })}\n placeholder=\"Question prompt…\"\n className=\"w-full border-b-2 border-gray-200 focus:border-indigo-400 focus:outline-none py-1 text-lg font-medium\"\n />\n\n {hasOptions(q.type) && (\n

\n {q.options.map((o, i) => (\n

\n {q.type === \"ranked_choice\" ? \"≡\" : i + 1}\n \n set({ options: q.options.map((x) => x.id === o.id ? { ...x, label: e.target.value } : x) })}\n placeholder={q.type === \"emoji_reaction\" ? \"emoji\" : `Option ${i + 1}`}\n className=\"flex-1 border rounded-lg px-3 py-1.5 text-sm\"\n />\n set({ options: q.options.filter((x) => x.id !== o.id) })}\n className=\"text-gray-400 hover:text-red-500\"\n >\n ×\n \n

\n ))}\n set({ options: [...q.options, { id: uid(), label: \"\" }] })}\n disabled={q.options.length >= QUESTION_LIMITS.options}\n className=\"text-sm text-indigo-600 hover:underline ml-7\"\n >\n + add option\n \n

\n )}\n\n {q.type === \"scale\" && (\n

\n Min set({ scaleMin: Number(e.target.value) })} className=\"w-16 border rounded px-2 py-1 ml-1\" />\n Max set({ scaleMax: Number(e.target.value) })} className=\"w-16 border rounded px-2 py-1 ml-1\" />\n (e.g. 1–5, 1–10, or 0–10 for NPS)\n

\n )}\n

\n );\n}\n",[],[18,117,481,474],"builder","26857b2f-c45e-4be1-b897-7d291798ebfe",["D",1788824396262],[253],[18,117,481],["D",1788824396262],[252,254,257,261,263],[18,117],["D",1788824396262],[251,264,267,273,274,275],[18],"e197aa2b-d8ac-4362-8358-ead8bab1db4f","surveys.ts","01a07e3e-21e5-7478-815b-ac7f87c57d62","01a07e3e-21e5-7478-815b-b37b6728091c",["D",1788825191362],"import type { Answers, Question, Survey } from \"../shared/types.ts\";\nimport { ensureSchema, randomId, sha256, sqlite } from \"./db.ts\";\nimport { RequestError } from \"./errors.ts\";\n\nfunction rowToSurvey(r: Record): Survey {\n return {\n id: String(r.id),\n slug: String(r.slug),\n title: String(r.title),\n description: String(r.description ?? \"\"),\n resultsVisible: Number(r.results_visible) === 1,\n acceptingResponses: Number(r.accepting_responses) === 1,\n audienceFacets: Number(r.audience_facets) === 1,\n createdAt: String(r.created_at),\n questions: JSON.parse(String(r.questions_json ?? \"[]\")),\n };\n}\n\nexport async function createSurvey(title: string): Promise<{ survey: Survey; adminKey: string }> {\n await ensureSchema();\n const id = randomId(12);\n const slug = randomId(6);\n const adminKey = randomId(28);\n const hash = await sha256(adminKey);\n await sqlite.execute({\n sql: `INSERT INTO surveys (id, slug, admin_key_hash, title) VALUES (?, ?, ?, ?)`,\n args: [id, slug, hash, title || \"Untitled survey\"],\n });\n const survey = await getSurveyBySlug(slug);\n return { survey: survey!, adminKey };\n}\n\nexport async function getSurveyBySlug(slug: string): Promise {\n await ensureSchema();\n const r = await sqlite.execute({ sql: `SELECT * FROM surveys WHERE slug = ?`, args: [slug] });\n return r.rows[0] ? rowToSurvey(r.rows[0] as Record) : null;\n}\n\nexport async function getSurveyByAdminKey(adminKey: string): Promise {\n await ensureSchema();\n const hash = await sha256(adminKey);\n const r = await sqlite.execute({ sql: `SELECT * FROM surveys WHERE admin_key_hash = ?`, args: [hash] });\n return r.rows[0] ? rowToSurvey(r.rows[0] as Record) : null;\n}\n\nexport interface SurveyPatch {\n title?: string;\n description?: string;\n resultsVisible?: boolean;\n acceptingResponses?: boolean;\n audienceFacets?: boolean;\n questions?: Question[];\n expectedQuestions?: Question[];\n}\n\nexport async function updateSurvey(id: string, patch: SurveyPatch): Promise {\n await ensureSchema();\n const sets: string[] = [];\n const args: (string | number)[] = [];\n if (patch.title !== undefined) sets.push(\"title = ?\"), args.push(patch.title);\n if (patch.description !== undefined) sets.push(\"description = ?\"), args.push(patch.description);\n if (patch.resultsVisible !== undefined) sets.push(\"results_visible = ?\"), args.push(patch.resultsVisible ? 1 : 0);\n if (patch.acceptingResponses !== undefined) {\n sets.push(\"accepting_responses = ?\"), args.push(patch.acceptingResponses ? 1 : 0);\n }\n if (patch.audienceFacets !== undefined) sets.push(\"audience_facets = ?\"), args.push(patch.audienceFacets ? 1 : 0);\n if (patch.questions !== undefined) {\n if (!Array.isArray(patch.questions) || !Array.isArray(patch.expectedQuestions)) {\n throw new RequestError(\"Reload the builder before saving questions.\", 409);\n }\n const qs = patch.questions.map((q, i) => ({ ...q, position: i }));\n sets.push(\"questions_json = ?\"), args.push(JSON.stringify(qs));\n }\n if (!sets.length) return;\n args.push(id);\n // Compare the last saved snapshot so an older builder cannot erase an approval.\n const condition = patch.questions !== undefined ? \" AND json(questions_json) = json(?)\" : \"\";\n if (patch.questions !== undefined) args.push(JSON.stringify(patch.expectedQuestions));\n const result = await sqlite.execute({ sql: `UPDATE surveys SET ${sets.join(\", \")} WHERE id = ?${condition} RETURNING *`, args });\n if (!result.rowsAffected) throw new RequestError(\"Questions changed in another tab. Reload before saving.\", 409);\n return rowToSurvey(result.rows[0] as Record);\n}\n\nexport async function deleteSurvey(id: string): Promise {\n await ensureSchema();\n await sqlite.batch([\n { sql: `DELETE FROM proposal_votes WHERE proposal_id IN (SELECT id FROM question_proposals WHERE survey_id = ?)`, args: [id] },\n { sql: `DELETE FROM question_proposals WHERE survey_id = ?`, args: [id] },\n { sql: `DELETE FROM responses WHERE survey_id = ?`, args: [id] },\n { sql: `DELETE FROM surveys WHERE id = ?`, args: [id] },\n ]);\n}\n\nexport async function clearResponses(surveyId: string): Promise {\n await ensureSchema();\n await sqlite.execute({ sql: `DELETE FROM responses WHERE survey_id = ?`, args: [surveyId] });\n}\n\nexport async function upsertResponse(surveyId: string, sid: string, answers: Answers): Promise {\n await ensureSchema();\n await sqlite.execute({\n sql: `INSERT INTO responses (survey_id, sid, answers_json) VALUES (?, ?, ?)\n ON CONFLICT(survey_id, sid) DO UPDATE SET answers_json = excluded.answers_json, updated_at = datetime('now')`,\n args: [surveyId, sid, JSON.stringify(answers)],\n });\n}\n\nexport async function getResponse(surveyId: string, sid: string): Promise {\n await ensureSchema();\n const r = await sqlite.execute({\n sql: `SELECT answers_json FROM responses WHERE survey_id = ? AND sid = ?`,\n args: [surveyId, sid],\n });\n return r.rows[0] ? JSON.parse(String(r.rows[0].answers_json)) : null;\n}\n\nexport async function getAllResponses(surveyId: string): Promise {\n await ensureSchema();\n const r = await sqlite.execute({\n sql: `SELECT answers_json FROM responses WHERE survey_id = ? ORDER BY id`,\n args: [surveyId],\n });\n return r.rows.map((row) => JSON.parse(String(row.answers_json)));\n}\n\n/** Validate & normalize incoming answers against the survey's questions. Drops unknown keys. */\nexport function sanitizeAnswers(survey: Survey, raw: unknown): Answers {\n const out: Answers = {};\n if (!raw || typeof raw !== \"object\") return out;\n const input = raw as Record;\n for (const q of survey.questions) {\n const v = input[q.id];\n if (v === undefined || v === null || v === \"\") continue;\n const optIds = new Set(q.options.map((o) => o.id));\n switch (q.type) {\n case \"single_choice\":\n case \"emoji_reaction\":\n if (typeof v === \"string\" && optIds.has(v)) out[q.id] = v;\n break;\n case \"multi_choice\":\n if (Array.isArray(v)) out[q.id] = v.filter((x) => typeof x === \"string\" && optIds.has(x));\n break;\n case \"ranked_choice\":\n if (Array.isArray(v)) {\n const seen = new Set();\n out[q.id] = v.filter((x) => typeof x === \"string\" && optIds.has(x) && !seen.has(x) && seen.add(x));\n }\n break;\n case \"scale\": {\n const n = Number(v);\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n if (Number.isFinite(n) && n >= min && n <= max) out[q.id] = Math.round(n);\n break;\n }\n case \"free_text\":\n if (typeof v === \"string\") out[q.id] = v.slice(0, 2000);\n break;\n case \"word_cloud\":\n if (typeof v === \"string\") out[q.id] = v.trim().slice(0, 40);\n break;\n }\n }\n return out;\n}\n",[],[500,493],"backend","e0b05420-6c21-48c4-b6ff-96f48a787e12","proposals.ts","dac2b1de-ab15-11f1-922c-1607ee4eb77e",["D",1788825191362],"import type { QuestionProposal } from \"../shared/types.ts\";\nimport {\n normalizeApprovedQuestion,\n normalizeDraft,\n} from \"../shared/questions.ts\";\nimport { ensureSchema, randomId, sqlite } from \"./db.ts\";\nimport { RequestError } from \"./errors.ts\";\nimport {\n approvalStatements,\n createProposalStatement,\n listProposalsStatement,\n voteStatement,\n} from \"./proposal-sql.ts\";\n\nexport async function listProposals(\n surveyId: string,\n sid = \"\",\n): Promise {\n await ensureSchema();\n const result = await sqlite.execute(listProposalsStatement(surveyId, sid));\n return result.rows.map((row) => ({\n id: String(row.id),\n draft: JSON.parse(String(row.draft_json)),\n status: \"pending\",\n createdAt: String(row.created_at),\n voteCount: Number(row.vote_count),\n voted: Number(row.voted) === 1,\n }));\n}\n\nexport async function createProposal(\n surveyId: string,\n sid: string,\n raw: unknown,\n): Promise {\n const draft = normalizeDraft(raw);\n await ensureSchema();\n const result = await sqlite.execute(\n createProposalStatement(surveyId, sid, randomId(24), draft),\n );\n if (!result.rows.length) {\n throw new RequestError(\"This survey is closed.\", 403);\n }\n}\n\nexport async function setProposalVote(\n surveyId: string,\n proposalId: string,\n sid: string,\n voted: boolean,\n): Promise {\n await ensureSchema();\n const result = await sqlite.execute(\n voteStatement(surveyId, proposalId, sid, voted),\n );\n if (!result.rows.length) {\n throw new RequestError(\n \"Voting is unavailable. The survey may be closed or this proposal already approved.\",\n 409,\n );\n }\n}\n\nexport async function approveProposal(\n surveyId: string,\n proposalId: string,\n raw: unknown,\n): Promise {\n const question = normalizeApprovedQuestion(raw);\n await ensureSchema();\n const [claim] = await sqlite.batch(\n approvalStatements(surveyId, proposalId, question),\n \"write\",\n );\n if (!claim.rows.length) {\n throw new RequestError(\n \"This proposal is no longer pending. Refresh the queue.\",\n 409,\n );\n }\n}\n",[],[500,502],"9d545294-8f5f-4169-9728-31388d409c9c","proposal-sql.ts","db85f040-ab15-11f1-b125-1607ee4eb77e",["D",1788825191362],"import type { Question, QuestionDraft } from \"../shared/types.ts\";\n\nexport const proposalSchema = [\n `CREATE TABLE IF NOT EXISTS question_proposals (\n id TEXT PRIMARY KEY,\n survey_id TEXT NOT NULL,\n proposer_sid TEXT NOT NULL,\n draft_json TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'pending' CHECK (status IN ('pending', 'approved')),\n approved_question_id TEXT UNIQUE,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n approved_at TEXT\n )`,\n `CREATE INDEX IF NOT EXISTS idx_proposals_survey ON question_proposals(survey_id, status, created_at)`,\n `CREATE TABLE IF NOT EXISTS proposal_votes (\n proposal_id TEXT NOT NULL,\n sid TEXT NOT NULL,\n active INTEGER NOT NULL DEFAULT 1 CHECK (active IN (0, 1)),\n PRIMARY KEY (proposal_id, sid)\n )`,\n];\n\nexport function listProposalsStatement(surveyId: string, sid: string) {\n return {\n sql: `SELECT p.id, p.draft_json, p.status, p.created_at,\n COALESCE(SUM(v.active), 0) AS vote_count,\n COALESCE(MAX(CASE WHEN v.sid = ? THEN v.active ELSE 0 END), 0) AS voted\n FROM question_proposals p LEFT JOIN proposal_votes v ON v.proposal_id = p.id\n WHERE p.survey_id = ? AND p.status = 'pending'\n GROUP BY p.id ORDER BY vote_count DESC, p.created_at ASC, p.id ASC`,\n args: [sid, surveyId],\n };\n}\n\nexport function createProposalStatement(\n surveyId: string,\n sid: string,\n id: string,\n draft: QuestionDraft,\n) {\n return {\n sql:\n `INSERT INTO question_proposals (id, survey_id, proposer_sid, draft_json)\n SELECT ?, id, ?, ? FROM surveys WHERE id = ? AND accepting_responses = 1\n RETURNING id`,\n args: [id, sid, JSON.stringify(draft), surveyId],\n };\n}\n\n/** Setting the desired state, rather than blindly toggling, makes retries safe. */\nexport function voteStatement(\n surveyId: string,\n proposalId: string,\n sid: string,\n voted: boolean,\n) {\n return {\n sql: `INSERT INTO proposal_votes (proposal_id, sid, active)\n SELECT p.id, ?, ? FROM question_proposals p JOIN surveys s ON s.id = p.survey_id\n WHERE p.id = ? AND p.survey_id = ? AND p.status = 'pending' AND s.accepting_responses = 1\n ON CONFLICT(proposal_id, sid) DO UPDATE SET active = excluded.active\n RETURNING active`,\n args: [sid, voted ? 1 : 0, proposalId, surveyId],\n };\n}\n\n/** Claim once, then append only for that claim, in the same write transaction. */\nexport function approvalStatements(\n surveyId: string,\n proposalId: string,\n question: Question,\n) {\n return [\n {\n sql:\n `UPDATE question_proposals SET status = 'approved', approved_question_id = ?, approved_at = datetime('now')\n WHERE id = ? AND survey_id = ? AND status = 'pending'\n AND EXISTS (SELECT 1 FROM surveys WHERE id = ?)\n RETURNING id`,\n args: [question.id, proposalId, surveyId, surveyId],\n },\n {\n sql: `UPDATE surveys\n SET questions_json = json_insert(questions_json, '$[#]',\n json_set(json(?), '$.position', json_array_length(questions_json)))\n WHERE id = ? AND EXISTS (\n SELECT 1 FROM question_proposals\n WHERE id = ? AND survey_id = ? AND approved_question_id = ?\n )`,\n args: [\n JSON.stringify(question),\n surveyId,\n proposalId,\n surveyId,\n question.id,\n ],\n },\n ];\n}\n",[],[500,509],"e12bffbe-72e6-4d85-a4e2-5f9afb946b0d","errors.ts","dad756ac-ab15-11f1-bca3-1607ee4eb77e",["D",1788825191362],"export class RequestError extends Error {\n constructor(message: string, public status: 400 | 403 | 404 | 409) {\n super(message);\n }\n}\n",[],[500,516],"e82cb876-5f08-4d02-a811-91e445df6d42","db.ts","01a07e3e-21e5-7478-815b-aae84932f8c3",["D",1788825191362],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { proposalSchema } from \"./proposal-sql.ts\";\n\nexport { sqlite };\n\nlet ready: Promise | null = null;\n\nexport function ensureSchema() {\n if (!ready) {\n ready = (async () => {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS surveys (\n id TEXT PRIMARY KEY,\n slug TEXT UNIQUE NOT NULL,\n admin_key_hash TEXT NOT NULL,\n title TEXT NOT NULL,\n description TEXT NOT NULL DEFAULT '',\n results_visible INTEGER NOT NULL DEFAULT 0,\n accepting_responses INTEGER NOT NULL DEFAULT 1,\n audience_facets INTEGER NOT NULL DEFAULT 0,\n questions_json TEXT NOT NULL DEFAULT '[]',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS responses (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n survey_id TEXT NOT NULL,\n sid TEXT NOT NULL,\n answers_json TEXT NOT NULL DEFAULT '{}',\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n updated_at TEXT NOT NULL DEFAULT (datetime('now')),\n UNIQUE (survey_id, sid)\n )`,\n `CREATE INDEX IF NOT EXISTS idx_responses_survey ON responses(survey_id)`,\n ...proposalSchema,\n ]);\n })();\n }\n return ready;\n}\n\nexport async function sha256(input: string): Promise {\n const buf = await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(input));\n return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nconst ALPHABET = \"abcdefghijkmnpqrstuvwxyz23456789\"; // no ambiguous chars\nexport function randomId(len: number): string {\n const bytes = crypto.getRandomValues(new Uint8Array(len));\n let out = \"\";\n for (const b of bytes) out += ALPHABET[b % ALPHABET.length];\n return out;\n}\n",[],[500,523],"40fc7743-085d-4a56-bdf9-7294c2cb9804","aggregate.ts","01a07e3e-21e5-7478-815b-a43afb7009d4",["D",1788824396262],"import type { Answers, FacetGroup, IRVRound, Question, QuestionAggregate, Survey } from \"../shared/types.ts\";\n\n/** Instant-runoff voting: returns each round's tallies until a majority winner emerges. */\nexport function instantRunoff(ballots: string[][], optionIds: string[]): IRVRound[] {\n const rounds: IRVRound[] = [];\n let remaining = new Set(optionIds);\n const valid = ballots.filter((b) => b.length > 0);\n if (valid.length === 0) return rounds;\n\n for (let round = 1; round <= optionIds.length; round++) {\n const tallies: Record = {};\n for (const id of remaining) tallies[id] = 0;\n let active = 0;\n for (const b of valid) {\n const top = b.find((id) => remaining.has(id));\n if (top) {\n tallies[top]++;\n active++;\n }\n }\n if (active === 0) break;\n const sorted = [...remaining].sort((a, b) => tallies[b] - tallies[a]);\n const leader = sorted[0];\n if (tallies[leader] * 2 > active || remaining.size <= 1) {\n rounds.push({ round, tallies, eliminated: null, winner: leader });\n break;\n }\n // Eliminate the lowest (ties: eliminate the one appearing later in option order)\n const minVal = Math.min(...[...remaining].map((id) => tallies[id]));\n const losers = [...remaining].filter((id) => tallies[id] === minVal);\n const eliminated = losers[losers.length - 1];\n remaining.delete(eliminated);\n rounds.push({ round, tallies, eliminated, winner: remaining.size === 1 ? [...remaining][0] : null });\n if (remaining.size === 1) break;\n }\n return rounds;\n}\n\nconst STOP = new Set(\n \"the a an and or but of to in on for with is are was were be it this that i you we they my our your\".split(\" \"),\n);\n\nexport function aggregateQuestion(q: Question, responses: Answers[]): QuestionAggregate {\n const vals = responses.map((r) => r[q.id]).filter((v) => v !== undefined && v !== null && v !== \"\");\n const agg: QuestionAggregate = { questionId: q.id, type: q.type, responseCount: vals.length };\n\n switch (q.type) {\n case \"single_choice\":\n case \"emoji_reaction\": {\n const counts: Record = {};\n for (const o of q.options) counts[o.id] = 0;\n for (const v of vals) if (typeof v === \"string\" && v in counts) counts[v]++;\n agg.counts = counts;\n break;\n }\n case \"multi_choice\": {\n const counts: Record = {};\n for (const o of q.options) counts[o.id] = 0;\n for (const v of vals) if (Array.isArray(v)) for (const x of v) if (x in counts) counts[x]++;\n agg.counts = counts;\n break;\n }\n case \"scale\": {\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n const dist: Record = {};\n for (let i = min; i <= max; i++) dist[String(i)] = 0;\n let sum = 0, n = 0;\n for (const v of vals) {\n const num = Number(v);\n if (Number.isFinite(num)) {\n dist[String(num)] = (dist[String(num)] ?? 0) + 1;\n sum += num;\n n++;\n }\n }\n agg.distribution = dist;\n agg.mean = n ? Math.round((sum / n) * 100) / 100 : null;\n break;\n }\n case \"free_text\": {\n agg.texts = vals.filter((v): v is string => typeof v === \"string\").slice(-200).reverse();\n break;\n }\n case \"word_cloud\": {\n const freq = new Map();\n const display = new Map();\n for (const v of vals) {\n if (typeof v !== \"string\") continue;\n const key = v.trim().toLowerCase();\n if (!key || STOP.has(key)) continue;\n freq.set(key, (freq.get(key) ?? 0) + 1);\n if (!display.has(key)) display.set(key, v.trim());\n }\n agg.words = [...freq.entries()]\n .map(([k, value]) => ({ text: display.get(k)!, value }))\n .sort((a, b) => b.value - a.value)\n .slice(0, 80);\n break;\n }\n case \"ranked_choice\": {\n const ballots = vals.filter((v): v is string[] => Array.isArray(v));\n const ids = q.options.map((o) => o.id);\n agg.irv = instantRunoff(ballots, ids);\n const borda: Record = {};\n const first: Record = {};\n for (const id of ids) borda[id] = 0, first[id] = 0;\n const n = ids.length;\n for (const b of ballots) {\n b.forEach((id, i) => {\n if (id in borda) borda[id] += n - i;\n });\n if (b[0] && b[0] in first) first[b[0]]++;\n }\n agg.borda = borda;\n agg.firstChoice = first;\n break;\n }\n }\n return agg;\n}\n\n/** Build faceted results. groupBy is a demographic question id (or null for a single \"all\" group). */\nexport function buildResults(\n survey: Survey,\n responses: Answers[],\n groupBy: string | null,\n visibleQuestions: Question[],\n): FacetGroup[] {\n const facetQ = groupBy ? survey.questions.find((q) => q.id === groupBy && q.isDemographic) : undefined;\n if (!facetQ) {\n return [{\n key: \"__all__\",\n label: \"Everyone\",\n responseCount: responses.length,\n aggregates: visibleQuestions.map((q) => aggregateQuestion(q, responses)),\n }];\n }\n\n // Bucket respondents. Multi-choice facets put a respondent in every group they chose.\n const buckets = new Map();\n const labels = new Map();\n if (facetQ.type === \"scale\") {\n const min = facetQ.scaleMin ?? 1, max = facetQ.scaleMax ?? 5;\n for (let i = min; i <= max; i++) buckets.set(String(i), []), labels.set(String(i), String(i));\n } else {\n for (const o of facetQ.options) buckets.set(o.id, []), labels.set(o.id, o.label);\n }\n buckets.set(\"__none__\", []);\n labels.set(\"__none__\", \"No answer\");\n\n for (const r of responses) {\n const v = r[facetQ.id];\n if (v === undefined || v === null || v === \"\") {\n buckets.get(\"__none__\")!.push(r);\n } else if (Array.isArray(v)) {\n let placed = false;\n for (const x of v) if (buckets.has(x)) buckets.get(x)!.push(r), placed = true;\n if (!placed) buckets.get(\"__none__\")!.push(r);\n } else {\n const k = String(v);\n (buckets.get(k) ?? buckets.get(\"__none__\")!).push(r);\n }\n }\n\n const groups: FacetGroup[] = [];\n for (const [key, rs] of buckets) {\n if (key === \"__none__\" && rs.length === 0) continue;\n groups.push({\n key,\n label: labels.get(key) ?? key,\n responseCount: rs.length,\n aggregates: visibleQuestions.filter((q) => q.id !== facetQ.id).map((q) => aggregateQuestion(q, rs)),\n });\n }\n return groups;\n}\n",[],[500,530],"60e8275d-bbb5-4c68-b128-b0460165d068",["D",1788824396262],[244,245,246,247,248,249],[500],["D",1788585574393],["D",1789542098478],{"_11":12,"_171":87},{"_11":12,"_167":-5,"_86":87,"_31":85,"_168":169,"_170":30},{"_39":157,"_13":16,"_33":36,"_158":120,"_159":75,"_160":161,"_162":124,"_163":120,"_164":42,"_165":14,"_166":12},"ctx",{"_54":-5,"_191":578,"_579":580,"_581":582,"_583":30,"_584":30,"_585":30,"_586":24,"_587":-5,"_588":-7,"_589":-7,"_590":26,"_591":30,"_592":30,"_593":-5,"_594":30,"_595":30,"_596":30,"_597":-5},"ENV",{"_549":550,"_551":552,"_553":76,"_554":555,"_556":557,"_558":559,"_560":561,"_562":563,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577},"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"]

History · frontend