{title}

\n \n ← answer the survey\n \n

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

\n );\n}\n",[],[173,341,333],"pages","94413a18-dccc-4c48-b858-506326ebd3d6","Respond.tsx","f4ce52e4-a8eb-11f1-b453-1607ee4eb77e",82,["D",1788844045447],"/** @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 { reconcileQuestionStep } from \"../lib/respondFlow.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(\n null,\n );\n const pollRef = useRef(null);\n const surveyRef = useRef(null);\n const releasedQuestionIds = useRef>(new Set());\n\n useEffect(() => {\n api.getSurvey(slug).then((d) => {\n surveyRef.current = d.survey;\n releasedQuestionIds.current = new Set(\n d.survey.questions.map((question) => question.id),\n );\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) => {\n const previous = surveyRef.current;\n if (previous) {\n setStep((currentStep) =>\n reconcileQuestionStep(\n previous.questions,\n d.survey.questions,\n currentStep,\n )\n );\n }\n const nextIds = new Set(\n d.survey.questions.map((question) => question.id),\n );\n const newlyReleased = d.survey.questions.filter((question) =>\n !releasedQuestionIds.current.has(question.id)\n );\n if (d.existing && newlyReleased.length) {\n setAnswers((current) => {\n const next = { ...current };\n for (const question of newlyReleased) {\n if (\n next[question.id] === undefined &&\n d.existing?.[question.id] !== undefined\n ) {\n next[question.id] = d.existing[question.id];\n }\n }\n return next;\n });\n }\n releasedQuestionIds.current = nextIds;\n surveyRef.current = d.survey;\n setSurvey(d.survey);\n }).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) {\n return (\n \n

🤷

{error}

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

Loading…

;\n }\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 && (\n

\n {survey.description}\n

\n )}\n

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

\n {returning && (\n

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

\n )}\n setStep(0)}\n className=\"w-full bg-indigo-600 hover:bg-indigo-700 disabled:opacity-40 text-white font-semibold py-4 rounded-xl text-lg\"\n >\n {returning ? \"Review my answers\" : \"Start →\"}\n \n {total === 0 && (\n

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

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

🎉

Thanks!

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

\n {error && (\n

{error}

\n )}\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}{\" \"}\n new question{addedQuestions.length === 1 ? \"\" : \"s\"}{\" \"}\n added - answer now\n \n )}\n {survey.resultsVisible\n ? \n : (\n

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

\n )}\n {\n setStep(0);\n setCompletedQuestions(null);\n }}\n className=\"mt-6 text-sm text-indigo-600 underline\"\n >\n Edit my answers\n \n \n \n );\n }\n\n const q = qs[step];\n const v = answers[q.id];\n const answered = v !== undefined && v !== \"\" &&\n !(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 \n

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

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

\n \n {error &&

{error}

}\n

\n setStep(step - 1)}\n className=\"px-5 py-3 rounded-xl border-2 border-gray-200 text-gray-600\"\n >\n ←\n \n \n {step === total - 1\n ? \"Submit ✓\"\n : answered\n ? \"Next →\"\n : q.required\n ? \"Answer to continue\"\n : \"Skip →\"}\n \n

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

\n {children}\n

\n );\n}\n\nfunction ResultsLink({ slug, big }: { slug: string; big?: boolean }) {\n return (\n \n 📊 See live results\n \n );\n}\n",[],[173,341,343],"0b276859-0317-427d-bf5b-fc0c3473b6d1","Present.tsx","a9854a5e-a8eb-11f1-948a-1607ee4eb77e",89,["D",1788844045790],"/** @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

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

\n \n

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

\n Scan or type the link · no login needed\n

\n );\n}\n",[],[173,341,351],"b4904336-5a10-4f8a-90d7-c9995fb858f7","Home.tsx","a5a4e0b6-a8eb-11f1-84e1-1607ee4eb77e",81,["D",1788844045307],"/** @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(\n title.trim() || \"Untitled survey\",\n );\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

📊

\n Audience Survey\n

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

\n\n \n \n Survey title\n \n setTitle(e.target.value)}\n placeholder=\"e.g. Who's in the room today?\"\n className=\"w-full border border-gray-300 rounded-lg px-4 py-3 text-lg focus:outline-none focus:ring-2 focus:ring-indigo-400\"\n maxLength={120}\n />\n \n {busy ? \"Creating…\" : \"Create survey →\"}\n \n {error &&

{error}

}\n

\n You'll get a secret admin link. Keep it — it's the only way to edit\n your survey and see results.\n

\n \n\n

📱

QR code join\n

🗳️

Ranked choice & more\n

🔍

Facet by demographics\n

\n );\n}\n",[],[173,341,359],"543352d4-ce57-4de1-8d24-a291078b35ff","Admin.tsx","d4283474-a8eb-11f1-93d7-1607ee4eb77e",107,["D",1788845258380],5,"/** @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 {\n mergePublishedQuestion,\n mergePublishedQuestionStates,\n questionsEqual,\n} from \"../lib/questionDraft.ts\";\nimport {\n newQuestion,\n QuestionEditor,\n} 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(\n location.search.includes(\"new=1\") ? \"share\" : \"build\",\n );\n const [saving, setSaving] = useState<\"idle\" | \"saving\" | \"saved\">(\"idle\");\n const [savedQuestions, setSavedQuestions] = useState([]);\n const [draftQuestions, setDraftQuestions] = useState([]);\n const [questionSaveStatus, setQuestionSaveStatus] = useState<\n \"idle\" | \"saving\" | \"saved\"\n >(\"idle\");\n const [questionError, setQuestionError] = useState(null);\n const [copied, setCopied] = useState(false);\n const [approving, setApproving] = useState(false);\n const [releasingQuestionId, setReleasingQuestionId] = useState(\n null,\n );\n const saveTimer = useRef(null);\n const pendingPatch = useRef>({});\n const inFlight = useRef | null>(null);\n const questionsDirty = !questionsEqual(draftQuestions, savedQuestions);\n\n useEffect(() => {\n api.admin.get(adminKey).then((d) => {\n setSavedQuestions(d.survey.questions);\n setDraftQuestions(d.survey.questions);\n setSurvey(d.survey);\n setTotal(d.totalResponses);\n }).catch((e) => setError(e.message));\n return () => {\n if (saveTimer.current) clearTimeout(saveTimer.current);\n };\n }, [adminKey]);\n\n useEffect(() => {\n if (!questionsDirty) return;\n const warn = (event: BeforeUnloadEvent) => {\n event.preventDefault();\n event.returnValue = \"\";\n };\n window.addEventListener(\"beforeunload\", warn);\n return () => window.removeEventListener(\"beforeunload\", warn);\n }, [questionsDirty]);\n\n // Merge debounced metadata fields and serialize writes.\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, patch);\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(\n error instanceof Error ? error.message : \"Could not save changes.\",\n );\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 function editQuestions(questions: Question[]) {\n setDraftQuestions(questions);\n setQuestionSaveStatus(\"idle\");\n }\n\n async function saveQuestions() {\n if (!questionsDirty || questionSaveStatus === \"saving\") return;\n setQuestionSaveStatus(\"saving\");\n setQuestionError(null);\n try {\n await flush();\n } catch (error) {\n saveError(error);\n setQuestionSaveStatus(\"idle\");\n return;\n }\n try {\n const { survey: fresh } = await api.admin.patch(adminKey, {\n questions: draftQuestions,\n expectedQuestions: savedQuestions,\n });\n setSavedQuestions(fresh.questions);\n setDraftQuestions(fresh.questions);\n setSurvey(fresh);\n setQuestionSaveStatus(\"saved\");\n } catch (error) {\n setQuestionSaveStatus(\"idle\");\n setQuestionError(\n error instanceof Error ? error.message : \"Could not save questions.\",\n );\n }\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, approvedQuestion } = await api.admin\n .approveProposal(adminKey, proposalId, question);\n setSavedQuestions(\n questionsDirty\n ? mergePublishedQuestion(savedQuestions, approvedQuestion)\n : fresh.questions,\n );\n setDraftQuestions(\n questionsDirty\n ? mergePublishedQuestion(draftQuestions, approvedQuestion)\n : fresh.questions,\n );\n setQuestionSaveStatus(questionsDirty ? \"idle\" : \"saved\");\n setQuestionError(null);\n setSurvey(fresh);\n } finally {\n setApproving(false);\n }\n }\n\n async function setQuestionReleased(questionId: string, released: boolean) {\n setReleasingQuestionId(questionId);\n setQuestionError(null);\n try {\n await flush();\n const previousPublished = savedQuestions;\n const { survey: fresh } = await api.admin.setQuestionReleased(\n adminKey,\n questionId,\n released,\n );\n setSavedQuestions(fresh.questions);\n setDraftQuestions((draft) =>\n mergePublishedQuestionStates(draft, previousPublished, fresh.questions)\n );\n setSurvey(fresh);\n } catch (error) {\n setQuestionError(\n error instanceof Error\n ? error.message\n : \"Could not update question release.\",\n );\n } finally {\n setReleasingQuestionId(null);\n }\n }\n\n if (error && !survey) {\n return (\n

🔒

Invalid admin link

{error}

\n \n Create a new survey\n \n

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

Loading…

;\n }\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 = draftQuestions;\n const setQuestions = editQuestions;\n\n return (\n \n {error && (\n \n

{error} Your unsaved edits are still shown.

\n void flush().catch(saveError)}\n className=\"underline\"\n >\n Retry save\n \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\"\n ? \"saving…\"\n : saving === \"saved\"\n ? \"saved ✓\"\n : \"\"}\n \n

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

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

\n \n {adminUrl}\n \n copy(adminUrl)}\n className=\"bg-amber-500 text-white px-3 rounded text-xs\"\n >\n {copied ? \"Copied!\" : \"Copy\"}\n \n

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

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

\n {total}\n {\" \"}\n 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\n ? \"border-indigo-600 text-indigo-700\"\n : \"border-transparent text-gray-500 hover:text-gray-800\"\n }`}\n >\n {t === \"build\"\n ? \"✏️ Build\"\n : t === \"share\"\n ? \"📱 Share\"\n : t === \"proposals\"\n ? \"Proposals\"\n : \"📊 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{\" \"}\n Demographic\n {\" \"}\n to group every other answer by them on the results screen.\n

\n \n {questionsDirty\n ? \"Unsaved question changes\"\n : \"Questions are saved\"}\n

\n Saving puts new questions on deck. Release each saved question\n when the audience should receive it.\n

\n void saveQuestions()}\n disabled={!questionsDirty || questionSaveStatus === \"saving\"}\n className=\"bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-300 text-white font-semibold px-5 py-2.5 rounded-lg\"\n >\n {questionSaveStatus === \"saving\"\n ? \"Saving...\"\n : questionsDirty\n ? \"Save questions\"\n : questionSaveStatus === \"saved\"\n ? \"Questions saved ✓\"\n : \"Save questions\"}\n \n

\n {questionError && (\n \n

\n {questionError} Your unsaved question changes are still shown.\n

\n void saveQuestions()}\n className=\"underline\"\n >\n Retry save\n \n location.reload()}\n className=\"underline\"\n >\n Reload saved version (discard local edits)\n \n

\n )}\n {questions.map((q, i) => (\n \n question.id === q.id\n )}\n releasing={releasingQuestionId === q.id}\n onReleaseChange={(released) =>\n void setQuestionReleased(q.id, released)}\n onChange={(nq) =>\n setQuestions(questions.map((x) => x.id === q.id ? nq : x))}\n onDelete={() =>\n 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 setQuestions([...questions, newQuestion(\"single_choice\")])}\n className=\"btn-add\"\n >\n + Multiple choice\n \n setQuestions([...questions, newQuestion(\"scale\")])}\n className=\"btn-add\"\n >\n + Scale\n \n \n setQuestions([...questions, newQuestion(\"ranked_choice\")])}\n className=\"btn-add\"\n >\n + Ranked choice\n \n \n setQuestions([...questions, newQuestion(\"word_cloud\")])}\n className=\"btn-add\"\n >\n + Word cloud\n \n \n setQuestions([...questions, newQuestion(\"free_text\")])}\n className=\"btn-add\"\n >\n + Free text\n \n \n setQuestions([...questions, newQuestion(\"emoji_reaction\")])}\n className=\"btn-add\"\n >\n + Emoji\n \n \n setQuestions([...questions, newQuestion(\"matrix_2x2\")])}\n className=\"btn-add\"\n >\n + 2×2 matrix\n \n

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

\n \n

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

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

\n \n \n \n

\n \n ⬇ Export responses as CSV\n \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 );\n}\n\nfunction Switch(\n { on, onChange, label }: {\n on: boolean;\n onChange: (v: boolean) => void;\n label: string;\n },\n) {\n return (\n onChange(!on)}\n className=\"flex items-center gap-2 text-sm\"\n >\n \n \n \n {label}\n \n );\n}\n\nfunction LinkRow(\n { label, url, onCopy, danger }: {\n label: string;\n url: string;\n onCopy: (s: string) => void;\n danger?: boolean;\n },\n) {\n return (\n \n

{label}

\n {url}\n onCopy(url)}\n className=\"text-indigo-600 text-xs hover:underline shrink-0\"\n >\n copy\n \n

\n \n );\n}\n",[],[173,341,367],"00291563-742e-4986-a0ea-1b2874d5da8d",15,["D",1788586547484],[218,219,220,221,222],[173,341],"a5245a13-815e-45e0-9efe-319132cd0000","useProposals.ts","23a92292-ab17-11f1-9453-1607ee4eb77e","3089d5a2-79da-4c59-a9d9-c6c1f536a0f2",30,["D",1788825129588],"/** @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",[],[173,389,381],"lib","78dd4eb5-dc63-45c2-857f-689804100aa6","respondFlow.ts","04986c64-ab21-11f1-9567-1607ee4eb77e",79,["D",1788844044826],"import type { Question } from \"../../shared/types.ts\";\n\nexport function reconcileQuestionStep(\n previousQuestions: Question[],\n nextQuestions: Question[],\n step: number,\n): number {\n if (step < 0) return step;\n if (step >= previousQuestions.length) return nextQuestions.length;\n const activeQuestionId = previousQuestions[step]?.id;\n const nextStep = nextQuestions.findIndex((question) =>\n question.id === activeQuestionId\n );\n return nextStep >= 0 ? nextStep : nextQuestions.length;\n}\n",[],[173,389,391],"732811b0-06c1-4706-b133-c308beda1b2d","questionDraft.ts","0d935758-ab1b-11f1-92be-1607ee4eb77e",77,["D",1788844044694],"import type { Question } from \"../../shared/types.ts\";\n\nexport function questionsEqual(left: Question[], right: Question[]): boolean {\n return JSON.stringify(left) === JSON.stringify(right);\n}\n\nexport function mergePublishedQuestion(\n draft: Question[],\n publishedQuestion: Question,\n): Question[] {\n return draft.some((question) => question.id === publishedQuestion.id)\n ? draft\n : [...draft, publishedQuestion];\n}\n\nexport function mergePublishedQuestionStates(\n draft: Question[],\n previousPublished: Question[],\n freshPublished: Question[],\n): Question[] {\n const previousIds = new Set(previousPublished.map((question) => question.id));\n const freshById = new Map(\n freshPublished.map((question) => [question.id, question]),\n );\n const merged = draft.map((question) => {\n const fresh = freshById.get(question.id);\n return fresh ? { ...question, released: fresh.released } : question;\n });\n for (const question of freshPublished) {\n if (\n !previousIds.has(question.id) &&\n !merged.some((draftQuestion) => draftQuestion.id === question.id)\n ) {\n merged.push(question);\n }\n }\n return merged;\n}\n",[],[173,389,399],"3902e2ba-5f2e-436b-a1f8-efde92797273","matrixResults.ts","de23b310-ab50-11f1-80b9-1607ee4eb77e",149,["D",1788849921454],"import type { MatrixAnswer } from \"../../shared/types.ts\";\n\nexport interface MatrixDensity {\n counts: number[];\n max: number;\n bins: number;\n}\n\nexport function matrixDensity(\n points: MatrixAnswer[],\n bins = 12,\n): MatrixDensity {\n const counts = Array.from({ length: bins * bins }, () => 0);\n for (const point of points) {\n const column = Math.min(bins - 1, Math.floor(point.x * bins));\n const row = Math.min(bins - 1, Math.floor(point.y * bins));\n counts[row * bins + column]++;\n }\n return { counts, max: Math.max(1, ...counts), bins };\n}\n\nexport function matrixScatterOffsets(\n points: MatrixAnswer[],\n): { x: number; y: number }[] {\n const seen = new Map();\n return points.map((point) => {\n const key = `${point.x.toFixed(3)},${point.y.toFixed(3)}`;\n const index = seen.get(key) ?? 0;\n seen.set(key, index + 1);\n if (index === 0) return { x: 0, y: 0 };\n const ring = Math.ceil(index / 8);\n const angle = ((index - 1) % 8) * Math.PI / 4;\n return {\n x: Math.round(Math.cos(angle) * ring * 4),\n y: Math.round(Math.sin(angle) * ring * 4),\n };\n });\n}\n",[],[173,389,407],"d6761408-4aa0-4323-b5c8-79f279a7198a","api.ts","9bc18824-a8eb-11f1-9c5a-1607ee4eb77e",78,["D",1788844045136],4,"import type {\n Answers,\n ProposalsPayload,\n Question,\n QuestionDraft,\n ResultsPayload,\n Survey,\n} 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) {\n throw new ApiError((data as any).error ?? `HTTP ${res.status}`, res.status);\n }\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(\n (r) => j(r),\n ),\n\n proposals: (slug: string, signal?: AbortSignal) =>\n fetch(`/api/s/${slug}/proposals`, { credentials: \"same-origin\", signal })\n .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) =>\n fetch(`/api/admin/${key}`).then((r) =>\n j<{ survey: Survey; totalResponses: number }>(r)\n ),\n patch: (\n key: string,\n patch: Partial & { expectedQuestions?: Question[] },\n ) =>\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 setQuestionReleased: (key: string, questionId: string, released: boolean) =>\n fetch(`/api/admin/${key}/questions/${questionId}/release`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ released }),\n }).then((r) => j<{ survey: Survey }>(r)),\n proposals: (key: string, signal?: AbortSignal) =>\n fetch(`/api/admin/${key}/proposals`, { signal }).then((r) =>\n j(r)\n ),\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; approvedQuestion: Question }>(r)),\n results: (key: string, groupBy: string | null, includeHidden = true) =>\n fetch(\n `/api/admin/${key}/results?includeHidden=${includeHidden ? 1 : 0}${\n groupBy ? `&groupBy=${groupBy}` : \"\"\n }`,\n ).then((r) => j(r)),\n clearResponses: (key: string) =>\n fetch(`/api/admin/${key}/responses`, { method: \"DELETE\" }).then((r) =>\n j<{ ok: true }>(r)\n ),\n deleteSurvey: (key: string) =>\n fetch(`/api/admin/${key}`, { method: \"DELETE\" }).then((r) =>\n j<{ ok: true }>(r)\n ),\n },\n};\n\nexport function uid(): string {\n return Math.random().toString(36).slice(2, 8);\n}\n",[],[173,389,415],"25a862b2-724f-4bea-9732-f38f45870347",12,["D",1788586530896],[212,213,214,215,216],[173,389],"63280434-6a09-4b36-8a00-ea7e8deb1fc1","MatrixCellReferences.tsx","e92bc1d4-ab47-11f1-baa4-1607ee4eb77e","01a0700e-6ffa-7369-be27-f793e05c4b8c",142,["D",1788849922050],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type {\n KeyboardEvent,\n MouseEvent,\n PointerEvent,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { MatrixReference, MatrixSize } from \"../../shared/types.ts\";\nimport {\n clampMatrixReferencePosition,\n MATRIX_REFERENCE_POSITION_MAX,\n MATRIX_REFERENCE_POSITION_MIN,\n matrixReferenceDefaultPositions,\n} from \"../../shared/questions.ts\";\n\nconst MARKER_COLORS = [\n \"#dc2626\",\n \"#2563eb\",\n \"#16a34a\",\n \"#9333ea\",\n \"#ea580c\",\n \"#0891b2\",\n \"#c026d3\",\n \"#4f46e5\",\n \"#65a30d\",\n \"#be123c\",\n] as const;\n\nconst MARKER_SHAPES = [\n \"circle\",\n \"square\",\n \"diamond\",\n \"triangle-up\",\n \"triangle-down\",\n \"hexagon\",\n \"star\",\n \"plus\",\n \"cross\",\n \"capsule\",\n] as const;\n\nexport interface MatrixReferenceMarkerStyle {\n color: string;\n shape: typeof MARKER_SHAPES[number];\n key: string;\n}\n\nexport function matrixReferenceMarkerStyle(\n index: number,\n): MatrixReferenceMarkerStyle {\n const normalized = Math.max(0, Math.floor(index));\n const shapeIndex = normalized % MARKER_SHAPES.length;\n const colorIndex = (normalized * 3 + Math.floor(normalized / 10)) %\n MARKER_COLORS.length;\n return {\n color: MARKER_COLORS[colorIndex],\n shape: MARKER_SHAPES[shapeIndex],\n key: `${MARKER_SHAPES[shapeIndex]}-${MARKER_COLORS[colorIndex]}`,\n };\n}\n\nexport function MatrixReferenceMarker(\n { index, className = \"h-4 w-4\" }: {\n index: number;\n className?: string;\n },\n) {\n const marker = matrixReferenceMarkerStyle(index);\n return (\n \n \n \n \n );\n}\n\nfunction MarkerShape({ marker }: { marker: MatrixReferenceMarkerStyle }) {\n const common = {\n fill: marker.color,\n stroke: \"#111827\",\n strokeWidth: 1.25,\n strokeLinejoin: \"round\" as const,\n };\n switch (marker.shape) {\n case \"circle\":\n return ;\n case \"square\":\n return ;\n case \"diamond\":\n return ;\n case \"triangle-up\":\n return ;\n case \"triangle-down\":\n return ;\n case \"hexagon\":\n return ;\n case \"star\":\n return (\n \n );\n case \"plus\":\n return (\n \n );\n case \"cross\":\n return (\n \n );\n case \"capsule\":\n return ;\n }\n}\n\nexport function MatrixCellMarkers(\n { references, cellReferences, size, className = \"\" }: {\n references: MatrixReference[];\n cellReferences: MatrixReference[];\n size: MatrixSize;\n className?: string;\n },\n) {\n const referenceIndexes = new Map(\n references.map((reference, index) => [reference.id, index]),\n );\n const visibleReferences = cellReferences.filter((reference) =>\n reference.label.trim()\n );\n const limit = matrixCellMarkerLimit(size);\n const hiddenCount = Math.max(0, visibleReferences.length - limit);\n if (visibleReferences.length === 0) return null;\n\n const markerSize = \"h-5 w-5 sm:h-6 sm:w-6\";\n\n return (\n \n {visibleReferences.slice(0, limit).map((reference) => (\n \n ))}\n {hiddenCount > 0 && (\n \n +{hiddenCount}\n \n )}\n \n );\n}\n\nexport function MatrixCellAnnotations(\n {\n references,\n cellReferences,\n size: _size,\n editable = false,\n onPositionChange,\n className = \"\",\n }: {\n references: MatrixReference[];\n cellReferences: MatrixReference[];\n size: MatrixSize;\n editable?: boolean;\n onPositionChange?: (\n id: string,\n target: MatrixReferencePositionTarget,\n x: number,\n y: number,\n ) => void;\n className?: string;\n },\n) {\n const referenceIndexes = new Map(\n references.map((reference, index) => [reference.id, index]),\n );\n const visibleReferences = cellReferences.filter((reference) =>\n reference.label.trim()\n );\n if (visibleReferences.length === 0) return null;\n\n return (\n \n {visibleReferences.map((reference, indexInCell) => (\n \n ))}\n \n );\n}\n\nexport type MatrixReferencePositionTarget = \"symbol\" | \"label\";\n\nfunction MatrixReferenceAnnotation(\n {\n reference,\n index,\n indexInCell,\n editable,\n onPositionChange,\n }: {\n reference: MatrixReference;\n index: number;\n indexInCell: number;\n editable: boolean;\n onPositionChange?: (\n id: string,\n target: MatrixReferencePositionTarget,\n x: number,\n y: number,\n ) => void;\n },\n) {\n const fallback = matrixReferenceDefaultPositions(indexInCell);\n const symbolX = reference.symbolX ?? fallback.symbolX;\n const symbolY = reference.symbolY ?? fallback.symbolY;\n const labelX = reference.labelX ?? fallback.labelX;\n const labelY = reference.labelY ?? fallback.labelY;\n const labelRef = useRef(null);\n const [labelBounds, setLabelBounds] = useState({\n cellWidth: 0,\n cellHeight: 0,\n labelWidth: 0,\n labelHeight: 0,\n });\n\n useEffect(() => {\n const label = labelRef.current;\n const cell = label?.parentElement;\n if (!label || !cell) return;\n const measure = () => {\n const cellRect = cell.getBoundingClientRect();\n const labelRect = label.getBoundingClientRect();\n setLabelBounds({\n cellWidth: cellRect.width,\n cellHeight: cellRect.height,\n labelWidth: labelRect.width,\n labelHeight: labelRect.height,\n });\n };\n measure();\n const observer = typeof ResizeObserver === \"undefined\"\n ? null\n : new ResizeObserver(measure);\n observer?.observe(cell);\n observer?.observe(label);\n return () => observer?.disconnect();\n }, [reference.label]);\n\n const visibleLabelPosition = clampMatrixLabelPosition(\n labelX,\n labelY,\n labelBounds,\n );\n const connector = matrixReferenceConnectorPoints(\n symbolX,\n symbolY,\n visibleLabelPosition.x,\n visibleLabelPosition.y,\n );\n const commonTitle = \"drag or use arrow keys to reposition\";\n\n return (\n <>\n \n \n \n {editable\n ? (\n <>\n \n \n \n {\n labelRef.current = element;\n }}\n title={`Comparison label for ${reference.label} — ${commonTitle}`}\n aria-label={`Position comparison label for ${reference.label}`}\n className=\"pointer-events-auto absolute max-w-[88%] touch-none select-none rounded-md border border-gray-300 bg-white/95 px-1.5 py-1 text-center text-[10px] font-semibold leading-tight text-gray-900 shadow-sm cursor-move break-words sm:text-xs focus:outline-none focus:ring-2 focus:ring-indigo-600\"\n style={matrixReferencePositionStyle(\n visibleLabelPosition.x,\n visibleLabelPosition.y,\n )}\n {...positionControlProps(\n reference.id,\n \"label\",\n visibleLabelPosition.x,\n visibleLabelPosition.y,\n onPositionChange,\n )}\n >\n {reference.label}\n \n \n )\n : (\n <>\n \n \n \n {\n labelRef.current = element;\n }}\n title={reference.label}\n className=\"absolute max-w-[88%] rounded-md border border-gray-300 bg-white/95 px-1.5 py-1 text-center text-[10px] font-semibold leading-tight text-gray-900 shadow-sm break-words sm:text-xs\"\n style={matrixReferencePositionStyle(\n visibleLabelPosition.x,\n visibleLabelPosition.y,\n )}\n >\n {reference.label}\n \n \n )}\n \n );\n}\n\nfunction positionControlProps(\n id: string,\n target: MatrixReferencePositionTarget,\n x: number,\n y: number,\n onPositionChange?: (\n id: string,\n target: MatrixReferencePositionTarget,\n x: number,\n y: number,\n ) => void,\n) {\n return {\n onClick: (event: MouseEvent) => event.stopPropagation(),\n onPointerDown: (event: PointerEvent) => {\n event.stopPropagation();\n event.currentTarget.setPointerCapture(event.pointerId);\n },\n onPointerMove: (event: PointerEvent) => {\n if (\n !onPositionChange ||\n !event.currentTarget.hasPointerCapture(event.pointerId)\n ) {\n return;\n }\n const cell = event.currentTarget.parentElement;\n if (!cell) return;\n const cellBounds = cell.getBoundingClientRect();\n if (!cellBounds.width || !cellBounds.height) return;\n const nextX = (event.clientX - cellBounds.left) / cellBounds.width;\n const nextY = (event.clientY - cellBounds.top) / cellBounds.height;\n const next = target === \"label\"\n ? clampMatrixLabelPosition(nextX, nextY, {\n cellWidth: cellBounds.width,\n cellHeight: cellBounds.height,\n labelWidth: event.currentTarget.offsetWidth,\n labelHeight: event.currentTarget.offsetHeight,\n })\n : {\n x: clampMatrixReferencePosition(nextX),\n y: clampMatrixReferencePosition(nextY),\n };\n onPositionChange(id, target, next.x, next.y);\n },\n onPointerUp: releasePointer,\n onPointerCancel: releasePointer,\n onKeyDown: (event: KeyboardEvent) => {\n if (!onPositionChange) return;\n const step = event.shiftKey ? 0.1 : 0.025;\n const offsets: Record = {\n ArrowLeft: [-step, 0],\n ArrowRight: [step, 0],\n ArrowUp: [0, -step],\n ArrowDown: [0, step],\n };\n const offset = offsets[event.key];\n if (!offset) return;\n event.preventDefault();\n event.stopPropagation();\n const cell = event.currentTarget.parentElement;\n const cellBounds = cell?.getBoundingClientRect();\n const next = target === \"label\" && cellBounds\n ? clampMatrixLabelPosition(x + offset[0], y + offset[1], {\n cellWidth: cellBounds.width,\n cellHeight: cellBounds.height,\n labelWidth: event.currentTarget.offsetWidth,\n labelHeight: event.currentTarget.offsetHeight,\n })\n : {\n x: clampMatrixReferencePosition(x + offset[0]),\n y: clampMatrixReferencePosition(y + offset[1]),\n };\n onPositionChange(id, target, next.x, next.y);\n },\n };\n}\n\nfunction releasePointer(event: PointerEvent) {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n}\n\ninterface MatrixElementBounds {\n cellWidth: number;\n cellHeight: number;\n labelWidth: number;\n labelHeight: number;\n}\n\nexport function clampMatrixLabelPosition(\n x: number,\n y: number,\n bounds: MatrixElementBounds,\n): { x: number; y: number } {\n return {\n x: clampPositionForExtent(\n x,\n bounds.labelWidth,\n bounds.cellWidth,\n ),\n y: clampPositionForExtent(\n y,\n bounds.labelHeight,\n bounds.cellHeight,\n ),\n };\n}\n\nfunction clampPositionForExtent(\n value: number,\n elementSize: number,\n containerSize: number,\n): number {\n if (elementSize <= 0 || containerSize <= 0) {\n return clampMatrixReferencePosition(value);\n }\n const padding = 4 / containerSize;\n const extent = elementSize / containerSize / 2 + padding;\n const min = Math.max(\n MATRIX_REFERENCE_POSITION_MIN,\n Math.min(0.5, extent),\n );\n const max = Math.min(\n MATRIX_REFERENCE_POSITION_MAX,\n Math.max(0.5, 1 - extent),\n );\n return roundPosition(Math.min(max, Math.max(min, value)));\n}\n\nfunction roundPosition(value: number): number {\n return Math.round(value * 1000) / 1000;\n}\n\nexport function matrixReferenceConnectorPoints(\n symbolX: number,\n symbolY: number,\n labelX: number,\n labelY: number,\n): { x1: string; y1: string; x2: string; y2: string } {\n return {\n x1: `${clampMatrixReferencePosition(symbolX) * 100}%`,\n y1: `${clampMatrixReferencePosition(symbolY) * 100}%`,\n x2: `${clampMatrixReferencePosition(labelX) * 100}%`,\n y2: `${clampMatrixReferencePosition(labelY) * 100}%`,\n };\n}\n\nexport function matrixReferencePositionStyle(\n x: number,\n y: number,\n): { left: string; top: string; transform: string } {\n return {\n left: `${clampMatrixReferencePosition(x) * 100}%`,\n top: `${clampMatrixReferencePosition(y) * 100}%`,\n transform: \"translate(-50%, -50%)\",\n };\n}\n\nexport function matrixAnnotationSizeClasses(\n _size: MatrixSize,\n): { annotation: string; marker: string } {\n return {\n annotation:\n \"max-w-[88%] rounded-md px-1.5 py-1 text-[10px] leading-tight sm:text-xs\",\n marker: \"h-5 w-5\",\n };\n}\n\nexport function MatrixReferenceLegend(\n { references, size, className = \"\" }: {\n references: MatrixReference[];\n size: MatrixSize;\n className?: string;\n },\n) {\n const visibleReferences = references.filter((reference) =>\n reference.label.trim()\n );\n if (visibleReferences.length === 0) return null;\n\n return (\n \n

\n Comparison points\n

\n {visibleReferences.map((reference) => {\n const index = references.findIndex((item) =>\n item.id === reference.id\n );\n return (\n \n \n \n {reference.label}\n \n \n

\n );\n })}\n \n \n );\n}\n\nexport function MatrixReferenceMinimap(\n { reference, size, color }: {\n reference: Pick;\n size: MatrixSize;\n color: string;\n },\n) {\n return (\n \n {matrixReferenceMinimapCells(reference, size).map((selected, index) => (\n \n ))}\n \n );\n}\n\nexport function matrixReferenceMinimapCells(\n reference: Pick,\n size: MatrixSize,\n): boolean[] {\n return Array.from(\n { length: size * size },\n (_, index) =>\n Math.floor(index / size) === reference.row &&\n index % size === reference.column,\n );\n}\n\nexport function matrixReferencePositionText(\n reference: Pick,\n size: MatrixSize,\n): string {\n return `Column ${reference.column + 1} of ${size}, row ${\n reference.row + 1\n } of ${size} from top`;\n}\n\nexport function matrixReferenceText(\n references: Pick[],\n): string {\n return references\n .map((reference) => reference.label.trim())\n .filter(Boolean)\n .join(\" · \");\n}\n\nexport function matrixCellMarkerLimit(_size: MatrixSize): number {\n return 8;\n}\n",[],[173,437,429],"components","4a547495-fa09-49f9-8cc1-94e2f8ddcc42","App.tsx","01a0700e-6ffa-7369-be27-f884ad5fd6df",87,["D",1788844047005],"/** @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",[],[173,437,439],"19694d18-355c-4105-af2a-fd9b5390e29f","QuestionInput.tsx","e59ecac4-a8eb-11f1-84e1-1607ee4eb77e","81ce50f0-68c5-40f5-85c0-81fba0b66c12",106,["D",1788845258499],"/** @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\";\nimport { MatrixInput } from \"./MatrixInput.tsx\";\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\n ? \"border-indigo-600 bg-indigo-50 font-semibold\"\n : \"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 onChange(o.id)}\n className={choiceCls(value === o.id)}\n >\n {o.label}\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 \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\n ? \"border-indigo-600 bg-indigo-600 text-white scale-105\"\n : \"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\n ? \"border-indigo-600 bg-indigo-50 scale-110\"\n : \"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 case \"matrix_2x2\":\n return ;\n }\n}\n\n/** Tap-to-rank + arrows (works well on phones; HTML5 drag is flaky on touch). */\nfunction RankedInput(\n { q, value, onChange }: {\n q: Question;\n value: string[];\n onChange: (v: string[]) => void;\n },\n) {\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

\n Your ranking (1 = favorite)\n

\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 move(i, i - 1)}\n className=\"text-gray-500 px-1 disabled:opacity-20\"\n disabled={i === 0}\n >\n ▲\n \n move(i, i + 1)}\n className=\"text-gray-500 px-1 disabled:opacity-20\"\n disabled={i === ranked.length - 1}\n >\n ▼\n \n onChange(ranked.filter((x) => x !== id))}\n className=\"text-gray-400 hover:text-red-500 px-1\"\n >\n ×\n \n

\n ))}\n

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

\n Not yet ranked\n

\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",[],[173,437,455,447],"respond","2d20f5ea-308a-46e5-8ce8-e6ddf3f55b62","MatrixInput.tsx","0145575a-ab46-11f1-afc4-1607ee4eb77e",143,["D",1788849922301],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { KeyboardEvent, PointerEvent } from \"https://esm.sh/react@18.2.0\";\nimport type { MatrixAnswer, Question } from \"../../../shared/types.ts\";\nimport {\n clampMatrixAnswerPosition,\n matrixCellKey,\n normalizeMatrixAnswer,\n} from \"../../../shared/questions.ts\";\nimport {\n MatrixCellAnnotations,\n MatrixReferenceLegend,\n} from \"../MatrixCellReferences.tsx\";\n\ninterface Props {\n q: Question;\n value: unknown;\n onChange: (value: MatrixAnswer) => void;\n}\n\ninterface MatrixBounds {\n left: number;\n top: number;\n width: number;\n height: number;\n}\n\nexport function matrixPositionFromClientPoint(\n clientX: number,\n clientY: number,\n bounds: MatrixBounds,\n): MatrixAnswer {\n if (!bounds.width || !bounds.height) return { x: 0.5, y: 0.5 };\n return {\n x: clampMatrixAnswerPosition((clientX - bounds.left) / bounds.width),\n y: clampMatrixAnswerPosition((clientY - bounds.top) / bounds.height),\n };\n}\n\nexport function moveMatrixPosition(\n current: MatrixAnswer | undefined,\n key: string,\n largeStep = false,\n): MatrixAnswer | null {\n const step = largeStep ? 0.1 : 0.025;\n const offsets: Record = {\n ArrowLeft: [-step, 0],\n ArrowRight: [step, 0],\n ArrowUp: [0, -step],\n ArrowDown: [0, step],\n };\n const offset = offsets[key];\n if (!offset) return null;\n const origin = current ?? { x: 0.5, y: 0.5 };\n return {\n x: clampMatrixAnswerPosition(origin.x + offset[0]),\n y: clampMatrixAnswerPosition(origin.y + offset[1]),\n };\n}\n\nexport function MatrixInput({ q, value, onChange }: Props) {\n const size = q.matrixSize ?? 2;\n const labels = q.matrixAxisLabels ?? {\n left: \"Left\",\n right: \"Right\",\n bottom: \"Bottom\",\n top: \"Top\",\n };\n const references = q.matrixReferences ?? [];\n const subjectLabel = q.matrixSubjectLabel?.trim() || \"Item\";\n const selected = normalizeMatrixAnswer(value, size) ?? undefined;\n\n function updateFromPointer(event: PointerEvent) {\n const bounds = event.currentTarget.getBoundingClientRect();\n onChange(\n matrixPositionFromClientPoint(event.clientX, event.clientY, bounds),\n );\n }\n\n function keyDown(event: KeyboardEvent) {\n const next = moveMatrixPosition(selected, event.key, event.shiftKey);\n if (!next) return;\n event.preventDefault();\n onChange(next);\n }\n\n const markerPosition = selected ?? { x: 0.5, y: 0.5 };\n\n return (\n

\n Drag {subjectLabel}{\" \"}\n into position, or tap anywhere in the grid. Use arrow keys for precise\n adjustments.\n

\n {labels.top}\n

\n {\n event.currentTarget.setPointerCapture(event.pointerId);\n updateFromPointer(event);\n }}\n onPointerMove={(event) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n updateFromPointer(event);\n }\n }}\n onPointerUp={(event) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n onPointerCancel={(event) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n >\n {Array.from({ length: size * size }, (_, index) => {\n const row = Math.floor(index / size);\n const column = index % size;\n const cellReferences = references.filter((reference) =>\n reference.row === row && reference.column === column\n );\n const middleTop = row === size / 2;\n const middleLeft = column === size / 2;\n return (\n \n {cellReferences.length > 0 && (\n \n )}\n

\n );\n })}\n event.currentTarget.focus()}\n aria-label={`${subjectLabel} placement${\n selected\n ? ` at ${\n Math.round(selected.x * 100)\n } percent from the left and ${\n Math.round(selected.y * 100)\n } percent from the top`\n : \", not yet placed\"\n }. Drag, tap the grid, or use arrow keys to position it.`}\n className={`absolute z-30 flex max-w-[44%] -translate-x-1/2 -translate-y-1/2 items-center gap-1.5 rounded-full border-2 px-2.5 py-1.5 text-xs font-bold shadow-lg touch-none focus:outline-none focus:ring-4 focus:ring-indigo-200 sm:text-sm ${\n selected\n ? \"border-indigo-900 bg-indigo-600 text-white cursor-move\"\n : \"border-dashed border-indigo-500 bg-white text-indigo-700 cursor-grab\"\n }`}\n style={{\n left: `${markerPosition.x * 100}%`,\n top: `${markerPosition.y * 100}%`,\n }}\n >\n \n {subjectLabel}\n \n

\n {labels.left}\n {labels.bottom}\n {labels.right}\n

\n \n \n\n {selected\n ? (\n \n {subjectLabel} is {Math.round(selected.x * 100)}% from the left and\n {\" \"}\n {Math.round(selected.y * 100)}% from the top.\n

\n )\n : (\n \n Move the symbol to record your answer.\n

\n )}\n \n );\n}\n",[],[173,437,455,457],"0e2821ac-138d-49c8-bba2-dedf77690d33",19,["D",1788586654798],[207,208],[173,437,455],"bb4178e4-cd21-499b-8b34-f215a683375e","ProposalReview.tsx","247972b2-ab17-11f1-878b-1607ee4eb77e","236c948a-ab17-11f1-a333-1607ee4eb77e",45,["D",1788825129589],"/** @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",[],[173,437,478,470],"proposals","a6ebd9f9-8309-4f92-ae3a-baf32f0a7c7e","ProposalCard.tsx","23cace56-ab17-11f1-800f-1607ee4eb77e",144,["D",1788849922315],"/** @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 {proposal.draft.type === \"matrix_2x2\" && (\n

\n 2×2 matrix · place{\" \"}\n {proposal.draft.matrixSubjectLabel} ·{\" \"}\n {proposal.draft.matrixReferences?.length ?? 0} comparison point\n {(proposal.draft.matrixReferences?.length ?? 0) === 1 ? \"\" : \"s\"}\n

\n {proposal.draft.matrixAxisLabels && (\n

\n {proposal.draft.matrixAxisLabels.left} ↔{\" \"}\n {proposal.draft.matrixAxisLabels.right} ·{\" \"}\n {proposal.draft.matrixAxisLabels.bottom} ↕{\" \"}\n {proposal.draft.matrixAxisLabels.top}\n

\n )}\n

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

\n );\n}\n",[],[173,437,478,480],"aa6ca615-a157-46bc-8c6b-aaa1f77ee4e6","CommunityQuestions.tsx","23c34622-ab17-11f1-b888-1607ee4eb77e",32,["D",1788825129689],"/** @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",[],[173,437,478,488],"a60353a1-dcc9-4cce-83de-13fc9a2515f0",25,["D",1788825129197],[203,204,205],[173,437,478],"10bc1939-e026-4b14-89e0-5fee52c3a366","UpSetChart.tsx","0a64f286-ab42-11f1-a6a3-1607ee4eb77e","699da256-cb32-4b3b-8ca7-91299f1d3f3b",97,["D",1788844316915],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type {\n FacetGroup,\n Question,\n QuestionAggregate,\n} from \"../../../shared/types.ts\";\nimport { PALETTE } from \"./Charts.tsx\";\n\nconst BAR_HEIGHT = 112;\nconst COLUMN_WIDTH = 52;\nconst LABEL_WIDTH = 210;\nconst ROW_HEIGHT = 34;\n\nfunction aggregate(group: FacetGroup, questionId: string) {\n return group.aggregates.find((item) => item.questionId === questionId);\n}\n\nfunction combinationLabel(q: Question, optionIds: string[]) {\n if (optionIds.length === 0) return \"None selected\";\n const selected = new Set(optionIds);\n return q.options.filter((option) => selected.has(option.id)).map((option) =>\n option.label\n ).join(\" + \");\n}\n\nexport function UpSetChart(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\n const faceted = groups.length > 1;\n return (\n \n {groups.map((group, index) => (\n \n ))}\n \n );\n}\n\nfunction UpSetPanel({\n q,\n aggregate,\n color,\n groupLabel,\n}: {\n q: Question;\n aggregate?: QuestionAggregate;\n color: string;\n groupLabel?: string;\n}) {\n const intersections = aggregate?.intersections ?? [];\n const counts = aggregate?.counts ?? {};\n const maxIntersection = Math.max(\n 1,\n ...intersections.map((item) => item.count),\n );\n const maxSet = Math.max(\n 1,\n ...q.options.map((option) => counts[option.id] ?? 0),\n );\n const matrixHeight = q.options.length * ROW_HEIGHT;\n\n if (intersections.length === 0) {\n return (\n \n {groupLabel && (\n

\n {groupLabel} · 0 answers\n

\n )}\n

\n No selections yet.\n

\n \n );\n }\n\n return (\n \n {groupLabel && (\n

\n {groupLabel} · {aggregate?.responseCount ?? 0} answers\n

\n )}\n \n \n \n \n Set size\n \n {q.options.map((option) => {\n const count = counts[option.id] ?? 0;\n return (\n \n \n {option.label}\n \n \n \n \n \n {count}\n \n \n );\n })}\n \n\n

\n {intersections.map((intersection) => {\n const selected = new Set(intersection.optionIds);\n const selectedIndexes = q.options\n .map((option, index) => selected.has(option.id) ? index : -1)\n .filter((index) => index >= 0);\n const first = selectedIndexes[0];\n const last = selectedIndexes[selectedIndexes.length - 1];\n const label = combinationLabel(q, intersection.optionIds);\n const key = intersection.optionIds.length\n ? intersection.optionIds.join(\"\\u001f\")\n : \"__none__\";\n\n return (\n \n \n \n {intersection.count}\n \n \n

\n \n {selectedIndexes.length > 1 && (\n \n )}\n {q.options.map((option, rowIndex) => {\n const active = selected.has(option.id);\n return (\n \n );\n })}\n \n

\n {intersection.optionIds.length === 0 ? \"none\" : \"\"}\n

\n \n );\n })}\n \n \n \n \n );\n}\n",[],[173,437,509,501],"charts","c1e7ad0b-d62c-459d-bed8-0f00c207dd24","ResultsView.tsx","31c40978-a8ec-11f1-84e1-1607ee4eb77e",109,["D",1788845258794],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type {\n FacetGroup,\n Question,\n ResultsPayload,\n} from \"../../../shared/types.ts\";\nimport {\n ChoiceChart,\n Counter,\n PALETTE,\n RankedChart,\n ScaleChart,\n TextList,\n WordCloudChart,\n} from \"./Charts.tsx\";\nimport { MatrixHeatmap } from \"./MatrixHeatmap.tsx\";\nimport { UpSetChart } from \"./UpSetChart.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(\n { fetcher, canFacet, onTotal, projectorUrl, pollMs = 3000 }: Props,\n) {\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}

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

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

Loading…

;\n }\n\n const { survey } = data;\n const demographics = survey.questions.filter((q) => q.isDemographic);\n const facetQ = groupBy\n ? survey.questions.find((q) => q.id === groupBy)\n : 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) =>\n (q.id !== groupBy) && (!focus || q.id === focus)\n );\n const hasHiddenNote = survey.questions.some((q) => q.hidden);\n\n return (\n

\n {/* Toolbar */}\n

\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 \n \n {facetQ && (\n

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

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

\n setFocus(e.target.value || null)}\n className=\"border rounded-lg px-2 py-1 text-sm bg-gray-50 max-w-[220px]\"\n >\n \n {survey.questions.filter((q) => q.id !== groupBy).map((q, i) => (\n \n ))}\n \n {projectorUrl && (\n \n 🖥 projector view\n \n )}\n

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

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

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

No questions to show.

\n )}\n\n

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

\n {hasHiddenNote && canFacet && (\n

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

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

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

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

\n \n {q.hidden && \"🙈 \"}\n {q.isDemographic && \"👥 \"}\n {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 \"emoji_reaction\":\n return ;\n case \"multi_choice\":\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 case \"matrix_2x2\":\n return ;\n }\n}\n\nfunction MultiChoiceChart(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\n const [mode, setMode] = useState<\"intersections\" | \"totals\">(\"intersections\");\n return (\n

\n \n setMode(\"intersections\")}\n className={`px-2.5 py-1 rounded-full border ${\n mode === \"intersections\"\n ? \"bg-indigo-600 text-white border-indigo-600\"\n : \"bg-white\"\n }`}\n >\n Intersections\n \n setMode(\"totals\")}\n className={`px-2.5 py-1 rounded-full border ${\n mode === \"totals\"\n ? \"bg-indigo-600 text-white border-indigo-600\"\n : \"bg-white\"\n }`}\n >\n Option totals\n \n

\n {mode === \"intersections\"\n ? \n : }\n \n );\n}\n",[],[173,437,509,511],"848308b4-c163-43aa-b965-c29c2984bc3d","MatrixHeatmap.tsx","0129920e-ab46-11f1-b0f4-1607ee4eb77e",145,["D",1788849922505],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FacetGroup, Question } from \"../../../shared/types.ts\";\nimport { matrixCellKey } from \"../../../shared/questions.ts\";\nimport {\n MatrixCellAnnotations,\n MatrixReferenceLegend,\n} from \"../MatrixCellReferences.tsx\";\nimport { PALETTE } from \"./Charts.tsx\";\nimport {\n matrixDensity,\n matrixScatterOffsets,\n} from \"../../lib/matrixResults.ts\";\n\nexport function MatrixHeatmap(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\n const [mode, setMode] = useState<\"scatter\" | \"density\">(\"scatter\");\n const faceted = groups.length > 1;\n return (\n

\n \n setMode(\"scatter\")}\n className={`rounded-full border px-2.5 py-1 ${\n mode === \"scatter\"\n ? \"border-indigo-600 bg-indigo-600 text-white\"\n : \"bg-white\"\n }`}\n >\n Placements\n \n setMode(\"density\")}\n className={`rounded-full border px-2.5 py-1 ${\n mode === \"density\"\n ? \"border-indigo-600 bg-indigo-600 text-white\"\n : \"bg-white\"\n }`}\n >\n Density\n \n

\n {groups.map((group, index) => (\n \n {faceted && (\n \n {group.label} · {group.responseCount} respondents\n

\n )}\n \n \n ))}\n \n \n );\n}\n\nfunction GroupMatrix(\n {\n q,\n group,\n color,\n mode,\n }: {\n q: Question;\n group: FacetGroup;\n color: string;\n mode: \"scatter\" | \"density\";\n },\n) {\n const size = q.matrixSize ?? 2;\n const labels = q.matrixAxisLabels ?? {\n left: \"Left\",\n right: \"Right\",\n bottom: \"Bottom\",\n top: \"Top\",\n };\n const references = q.matrixReferences ?? [];\n const subjectLabel = q.matrixSubjectLabel?.trim() || \"Item\";\n const aggregate = group.aggregates.find((item) => item.questionId === q.id);\n const points = aggregate?.matrixPoints ?? [];\n const density = matrixDensity(points);\n const offsets = matrixScatterOffsets(points);\n\n return (\n

\n \n {mode === \"scatter\"\n ? `Each dot is a ${subjectLabel} placement`\n : `${subjectLabel} placement density`}\n \n \n {points.length} placement{points.length === 1 ? \"\" : \"s\"}\n \n

\n {labels.top}\n

\n \n {Array.from({ length: size * size }, (_, index) => {\n const row = Math.floor(index / size);\n const column = index % size;\n const cellReferences = references.filter((reference) =>\n reference.row === row && reference.column === column\n );\n const middleTop = row === size / 2;\n const middleLeft = column === size / 2;\n return (\n \n {cellReferences.length > 0 && (\n \n )}\n

\n );\n })}\n

\n {mode === \"density\" && (\n \n {density.counts.map((count, index) => (\n \n ))}\n \n )}\n {mode === \"scatter\" && (\n

\n {points.map((point, index) => (\n \n ))}\n

\n )}\n \n

\n {labels.left}\n {labels.bottom}\n {labels.right}\n

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

\n No placements yet.\n

\n )}\n {references.length > 0 && (\n \n )}\n \n );\n}\n\nfunction colorWithAlpha(hex: string, alpha: number): string {\n const value = hex.replace(\"#\", \"\");\n const red = Number.parseInt(value.slice(0, 2), 16);\n const green = Number.parseInt(value.slice(2, 4), 16);\n const blue = Number.parseInt(value.slice(4, 6), 16);\n return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n}\n",[],[173,437,509,519],"a7c5e783-caa3-4cb5-afc5-f806888b6799","Charts.tsx","19d16c20-a8ec-11f1-baf8-1607ee4eb77e",88,["D",1788844047120],"/** @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 {\n FacetGroup,\n Question,\n QuestionAggregate,\n} from \"../../../shared/types.ts\";\n\nexport const PALETTE = [\n \"#6366f1\",\n \"#f59e0b\",\n \"#10b981\",\n \"#ef4444\",\n \"#3b82f6\",\n \"#ec4899\",\n \"#14b8a6\",\n \"#8b5cf6\",\n \"#f97316\",\n \"#84cc16\",\n];\n\nconst optLabel = (q: Question, id: string) =>\n q.options.find((o) => o.id === id)?.label ?? id;\n\n/* ---------------- Choice / emoji: bars, grouped by facet when present ---------------- */\nexport function ChoiceChart(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\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(\n 160,\n q.options.length * (faceted ? 28 * groups.length + 16 : 44),\n );\n\n if (q.type === \"emoji_reaction\" && !faceted) {\n return ;\n }\n\n return (\n \n \n \n \n \n {faceted && }\n {groups.map((g, i) => (\n \n {!faceted &&\n data.map((_, j) => (\n \n ))}\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 \n {o.label}\n \n {n}\n

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

\n )}\n

\n \n

\n avg of {a?.responseCount ?? 0}\n

\n );\n })}\n

\n \n \n \n \n \n {faceted && }\n {groups.map((g, i) => (\n \n {!faceted &&\n data.map((_, j) => (\n \n ))}\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(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\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 \n \n {g.label} · {a?.responseCount ?? 0} ballots\n

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

\n \n \n );\n })}\n \n );\n }\n return ;\n}\n\nfunction IRVRounds(\n { q, agg, compact }: {\n q: Question;\n agg?: QuestionAggregate;\n compact?: boolean;\n },\n) {\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), [\n rounds.length,\n ]);\n\n if (!rounds.length) {\n return (\n

No ballots yet.

\n );\n }\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\"\n ? round.tallies\n : mode === \"borda\"\n ? agg!.borda!\n : agg!.firstChoice!;\n const max = Math.max(1, ...Object.values(source));\n const ordered = [...q.options].sort((a, b) =>\n (source[b.id] ?? -1) - (source[a.id] ?? -1)\n );\n const eliminatedSoFar = new Set(\n rounds.slice(0, ri).map((r) => r.eliminated).filter(Boolean),\n );\n\n return (\n

\n {!compact && (\n

\n {([\"irv\", \"borda\", \"first\"] as const).map((m) => (\n setMode(m)}\n className={`px-2.5 py-1 rounded-full border ${\n mode === m\n ? \"bg-indigo-600 text-white border-indigo-600\"\n : \"bg-white\"\n }`}\n >\n {m === \"irv\"\n ? \"Instant runoff\"\n : m === \"borda\"\n ? \"Borda points\"\n : \"First choices\"}\n \n ))}\n {mode === \"irv\" && rounds.length > 1 && (\n

\n setRi(Math.max(0, ri - 1))}\n className=\"px-2 py-1 border rounded bg-white\"\n >\n ◀\n \n \n Round {round.round}/{rounds.length}\n \n setRi(Math.min(rounds.length - 1, ri + 1))}\n className=\"px-2 py-1 border rounded bg-white\"\n >\n ▶\n \n {\n setRi(0);\n let i = 0;\n const t = setInterval(() => {\n i++;\n setRi(i);\n if (i >= rounds.length - 1) clearInterval(t);\n }, 1200);\n }}\n className=\"px-2 py-1 border rounded bg-white\"\n >\n ▶▶ replay\n \n

\n )}\n

\n {ordered.map((o, i) => {\n const v = source[o.id];\n const out = mode === \"irv\" &&\n (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 \n {isWinner && \"🏆 \"}\n {out && \"✗ \"}\n {o.label}\n {justEliminated && (\n \n eliminated this round\n \n )}\n \n \n {out ? \"—\" : v}\n {mode === \"irv\" && !out && total\n ? ` (${Math.round(((v ?? 0) / total) * 100)}%)`\n : \"\"}\n \n

\n \n \n

\n );\n })}\n \n {mode === \"irv\" && !compact && (\n

\n {round.winner\n ? `${\n optLabel(q, round.winner)\n } wins with a majority of ${total} active ballots.`\n : `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(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\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 && (\n \n {g.label}\n

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

\n Nothing yet…\n

\n )}\n

\n {shuffleStable(words).map((w, j) => (\n \n {w.text}\n \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 && (\n \n {g.label} ({texts.length})\n

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

\n Nothing yet…\n

\n )}\n

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

\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(\n { value, decimals = 0 }: { value: number; decimals?: number },\n) {\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",[],[173,437,509,527],"18d2ad00-b767-4302-877b-2524de2622a5",21,["D",1788586742388],[198,199,200,201],[173,437,509],"3d7d5620-cd17-4ed0-a125-67017dceb8c8","QuestionEditor.tsx","b930c2e4-a8eb-11f1-9c5a-1607ee4eb77e","fb4b21fd-62b6-47e8-a684-ed7d4e28a44e",110,["D",1788845258711],"/** @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\";\nimport { MatrixEditor } from \"./MatrixEditor.tsx\";\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 published?: boolean;\n releasing?: boolean;\n onReleaseChange?: (released: boolean) => void;\n}\n\nconst Toggle = ({ label, checked, onChange, hint }: any) => (\n \n onChange(e.target.checked)}\n className=\"w-4 h-4\"\n />\n {label}\n \n);\n\nexport function QuestionEditor({\n q,\n index = 0,\n total = 1,\n onChange,\n onMove,\n onDelete,\n participant = false,\n published = false,\n releasing = false,\n onReleaseChange,\n}: Props) {\n const set = (patch: Partial) => onChange({ ...q, ...patch });\n\n function changeType(type: QuestionType) {\n const fresh = newQuestion(type);\n const nextCanFacet = type === \"single_choice\" || type === \"multi_choice\" ||\n type === \"scale\" || type === \"emoji_reaction\";\n onChange({\n ...fresh,\n id: q.id,\n prompt: q.prompt,\n isDemographic: nextCanFacet && q.isDemographic,\n required: q.required,\n released: q.released,\n hidden: q.hidden,\n options:\n hasOptions(type) && hasOptions(q.type) && q.type !== \"emoji_reaction\" &&\n type !== \"emoji_reaction\"\n ? q.options\n : fresh.options,\n });\n }\n\n const canFacet = q.type === \"single_choice\" || q.type === \"multi_choice\" ||\n q.type === \"scale\" ||\n q.type === \"emoji_reaction\";\n\n return (\n \n

\n {onMove && (\n

\n onMove(-1)}\n disabled={index === 0}\n className=\"hover:text-gray-700 disabled:opacity-20\"\n >\n ▲\n \n {index + 1}\n onMove(1)}\n disabled={index === total - 1}\n className=\"hover:text-gray-700 disabled:opacity-20\"\n >\n ▼\n \n

\n )}\n

\n {!participant && (\n

\n \n {published\n ? (q.released ? \"Released\" : \"On deck\")\n : \"On deck after save\"}\n \n {published && onReleaseChange && (\n onReleaseChange(!q.released)}\n className={`rounded-lg px-3 py-1 font-semibold disabled:opacity-50 ${\n q.released\n ? \"border border-amber-300 text-amber-700 hover:bg-amber-50\"\n : \"bg-emerald-600 text-white hover:bg-emerald-700\"\n }`}\n >\n {releasing\n ? \"Updating...\"\n : q.released\n ? \"Move on deck\"\n : \"Release to audience\"}\n \n )}\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 ))}\n \n {!participant && (\n

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

\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 \n {q.type === \"ranked_choice\" ? \"≡\" : i + 1}\n \n \n set({\n options: q.options.map((x) =>\n x.id === o.id ? { ...x, label: e.target.value } : x\n ),\n })}\n placeholder={q.type === \"emoji_reaction\"\n ? \"emoji\"\n : `Option ${i + 1}`}\n className=\"flex-1 border rounded-lg px-3 py-1.5 text-sm\"\n />\n \n set({\n options: q.options.filter((x) =>\n x.id !== o.id\n ),\n })}\n className=\"text-gray-400 hover:text-red-500\"\n >\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 \n Min{\" \"}\n \n set({ scaleMin: Number(e.target.value) })}\n className=\"w-16 border rounded px-2 py-1 ml-1\"\n />\n \n \n Max{\" \"}\n \n set({ scaleMax: Number(e.target.value) })}\n className=\"w-16 border rounded px-2 py-1 ml-1\"\n />\n \n \n (e.g. 1–5, 1–10, or 0–10 for NPS)\n \n

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

\n \n );\n}\n",[],[173,437,548,540],"builder","6ea2d8a2-96c8-4ee9-be77-df5d4031a66a","MatrixEditor.tsx","0113a124-ab46-11f1-9898-1607ee4eb77e",147,["D",1788849922542],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Question } from \"../../../shared/types.ts\";\nimport {\n matrixCellKey,\n matrixReferenceDefaultPositions,\n QUESTION_LIMITS,\n} from \"../../../shared/questions.ts\";\nimport { uid } from \"../../lib/api.ts\";\nimport {\n MatrixCellAnnotations,\n MatrixReferenceLegend,\n type MatrixReferencePositionTarget,\n matrixReferenceText,\n} from \"../MatrixCellReferences.tsx\";\n\ninterface Props {\n q: Question;\n onChange: (q: Question) => void;\n}\n\nexport function MatrixEditor({ q, onChange }: Props) {\n const size = q.matrixSize ?? 2;\n const labels = q.matrixAxisLabels ?? {\n left: \"Left\",\n right: \"Right\",\n bottom: \"Bottom\",\n top: \"Top\",\n };\n const references = q.matrixReferences ?? [];\n const [selectedKey, setSelectedKey] = useState(matrixCellKey(0, 0));\n const [selectedRow, selectedColumn] = selectedKey.split(\",\").map(Number);\n const selectedReferences = references.filter((reference) =>\n reference.row === selectedRow && reference.column === selectedColumn\n );\n\n const set = (patch: Partial) => onChange({ ...q, ...patch });\n\n function changeReferencePosition(\n id: string,\n target: MatrixReferencePositionTarget,\n x: number,\n y: number,\n ) {\n set({\n matrixReferences: references.map((reference) =>\n reference.id === id\n ? {\n ...reference,\n ...(target === \"symbol\"\n ? { symbolX: x, symbolY: y }\n : { labelX: x, labelY: y }),\n }\n : reference\n ),\n });\n }\n\n return (\n

\n 2×2 grid\n \n continuous respondent placement\n \n

\n\n \n Symbol label\n \n set({ matrixSubjectLabel: event.target.value })}\n placeholder=\"Item respondents will place\"\n className=\"mt-1 w-full rounded-lg border bg-white px-3 py-2 text-sm text-gray-800\"\n />\n \n Shown directly on the symbol respondents drag into the grid.\n \n \n\n

\n {([\"left\", \"right\", \"bottom\", \"top\"] as const).map((key) => (\n \n {key} endpoint\n \n set({\n matrixAxisLabels: { ...labels, [key]: event.target.value },\n })}\n className=\"mt-1 w-full rounded-lg border bg-white px-3 py-2 text-sm text-gray-800\"\n />\n \n ))}\n

\n\n

\n Select a cell, then add optional comparison points that respondents\n should see there. Drag the symbol and its label separately, or focus\n either one and use the arrow keys, to position them within the cell.\n

\n {labels.top || \"Top\"}\n

\n \n {Array.from({ length: size * size }, (_, index) => {\n const row = Math.floor(index / size);\n const column = index % size;\n const key = matrixCellKey(row, column);\n const cellReferences = references.filter((reference) =>\n reference.row === row && reference.column === column\n );\n const selected = key === selectedKey;\n const middleTop = row === size / 2;\n const middleLeft = column === size / 2;\n const referenceText = matrixReferenceText(cellReferences);\n return (\n \n setSelectedKey(key)}\n aria-label={`Edit comparison points in column ${\n column + 1\n }, row ${row + 1} from top${\n referenceText ? `. Reference items: ${referenceText}` : \"\"\n }`}\n title={referenceText || undefined}\n className={`absolute inset-0 text-left ${\n selected\n ? \"bg-indigo-100 ring-2 ring-inset ring-indigo-600\"\n : \"hover:bg-indigo-50\"\n }`}\n />\n {cellReferences.length > 0 && (\n <>\n \n {cellReferences.length}\n \n \n \n )}\n

\n );\n })}\n

\n {labels.left || \"Left\"}\n {labels.bottom || \"Bottom\"}\n {labels.right || \"Right\"}\n

\n \n

\n \n\n

\n Comparison points in column {selectedColumn + 1}, row{\" \"}\n {selectedRow + 1} from top\n

\n = QUESTION_LIMITS.matrixReferences}\n onClick={() => {\n const position = matrixReferenceDefaultPositions(\n selectedReferences.length,\n );\n set({\n matrixReferences: [\n ...references,\n {\n id: uid(),\n row: selectedRow,\n column: selectedColumn,\n label: \"\",\n ...position,\n },\n ],\n });\n }}\n className=\"text-sm text-indigo-600 hover:underline disabled:opacity-40\"\n >\n + add comparison point\n \n

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

\n No comparison points in this cell.\n

\n )}\n

\n {selectedReferences.map((reference, index) => (\n

\n \n set({\n matrixReferences: references.map((item) =>\n item.id === reference.id\n ? { ...item, label: event.target.value }\n : item\n ),\n })}\n className=\"min-w-0 flex-1 rounded-lg border px-3 py-2 text-sm\"\n />\n \n set({\n matrixReferences: references.filter((item) =>\n item.id !== reference.id\n ),\n })}\n className=\"text-gray-400 hover:text-red-500\"\n >\n ×\n \n

\n ))}\n

\n \n );\n}\n",[],[173,437,548,550],"bd2ce833-6dce-4b6a-a06b-f8fb4ccda2c9",17,["D",1788586580272],[195,196],[173,437,548],"dbeab215-b8e9-4512-be32-80f61b00ade3",["D",1788586389500],[194,197,202,206,209,210],[173,437],"0f6bbd75-0daf-4112-b29a-623560ed0730",["D",1788586389500],[193,211,217,223,224,225],[173],"ebc91960-909a-4908-9018-8634da6d7e25","surveys.ts","65dd734e-a8eb-11f1-83ff-1607ee4eb77e","a73fa0d1-3dea-4570-b0fc-54f92da89dd6",138,["D",1788849921413],"import type { Answers, Question, Survey } from \"../shared/types.ts\";\nimport {\n canonicalizeChoiceSelection,\n normalizeMatrixAnswer,\n normalizeStoredQuestions,\n QUESTION_LIMITS,\n} from \"../shared/questions.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: normalizeStoredQuestions(\n JSON.parse(String(r.questions_json ?? \"[]\")),\n ),\n };\n}\n\nexport function publicSurvey(survey: Survey): Survey {\n return {\n ...survey,\n questions: survey.questions\n .filter((question) => question.released)\n .map((question, position) => ({ ...question, position })),\n };\n}\n\nexport function filterAnswers(\n answers: Answers | null,\n questions: Question[],\n): Answers | null {\n if (!answers) return null;\n const visible = new Set(questions.map((question) => question.id));\n return Object.fromEntries(\n Object.entries(answers).filter(([questionId]) => visible.has(questionId)),\n );\n}\n\nexport function mergeReleasedAnswers(\n existing: Answers | null,\n releasedQuestions: Question[],\n incoming: Answers,\n): Answers {\n const merged = { ...(existing ?? {}) };\n for (const question of releasedQuestions) delete merged[question.id];\n return { ...merged, ...incoming };\n}\n\nexport async function createSurvey(\n title: string,\n): 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:\n `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({\n sql: `SELECT * FROM surveys WHERE slug = ?`,\n args: [slug],\n });\n return r.rows[0] ? rowToSurvey(r.rows[0] as Record) : null;\n}\n\nexport async function getSurveyByAdminKey(\n adminKey: string,\n): Promise {\n await ensureSchema();\n const hash = await sha256(adminKey);\n const r = await sqlite.execute({\n sql: `SELECT * FROM surveys WHERE admin_key_hash = ?`,\n args: [hash],\n });\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(\n id: string,\n patch: SurveyPatch,\n): Promise {\n await ensureSchema();\n const sets: string[] = [];\n const args: (string | number)[] = [];\n let expectedPersistedQuestions: string | undefined;\n if (patch.title !== undefined) sets.push(\"title = ?\"), args.push(patch.title);\n if (patch.description !== undefined) {\n sets.push(\"description = ?\"), args.push(patch.description);\n }\n if (patch.resultsVisible !== undefined) {\n sets.push(\"results_visible = ?\"), args.push(patch.resultsVisible ? 1 : 0);\n }\n if (patch.acceptingResponses !== undefined) {\n sets.push(\"accepting_responses = ?\"),\n args.push(patch.acceptingResponses ? 1 : 0);\n }\n if (patch.audienceFacets !== undefined) {\n sets.push(\"audience_facets = ?\"), args.push(patch.audienceFacets ? 1 : 0);\n }\n if (patch.questions !== undefined) {\n if (\n !Array.isArray(patch.questions) || !Array.isArray(patch.expectedQuestions)\n ) {\n throw new RequestError(\n \"Reload the builder before saving questions.\",\n 409,\n );\n }\n for (const question of patch.questions) {\n if (question.type !== \"matrix_2x2\") continue;\n if (question.matrixSize !== 2) {\n throw new RequestError(\n \"Only 2x2 matrix questions are supported.\",\n 400,\n );\n }\n if (\n typeof question.matrixSubjectLabel !== \"string\" ||\n !question.matrixSubjectLabel.trim() ||\n question.matrixSubjectLabel.trim().length >\n QUESTION_LIMITS.matrixSubjectLabel\n ) {\n throw new RequestError(\n `Matrix subject label must contain 1-${QUESTION_LIMITS.matrixSubjectLabel} characters.`,\n 400,\n );\n }\n }\n const currentResult = await sqlite.execute({\n sql: `SELECT questions_json FROM surveys WHERE id = ?`,\n args: [id],\n });\n const currentJson = currentResult.rows[0]?.questions_json;\n if (currentJson === undefined) {\n throw new RequestError(\"Survey not found.\", 404);\n }\n const currentQuestions = normalizeStoredQuestions(\n JSON.parse(String(currentJson)),\n );\n if (\n JSON.stringify(currentQuestions) !==\n JSON.stringify(patch.expectedQuestions)\n ) {\n throw new RequestError(\n \"Questions changed in another tab. Reload before saving.\",\n 409,\n );\n }\n expectedPersistedQuestions = String(currentJson);\n const qs = patch.questions.map((q, i) => ({\n ...q,\n position: i,\n released: q.released === true,\n ...(q.type === \"matrix_2x2\"\n ? { matrixSubjectLabel: q.matrixSubjectLabel!.trim() }\n : {}),\n }));\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\n ? \" AND json(questions_json) = json(?)\"\n : \"\";\n if (expectedPersistedQuestions !== undefined) {\n args.push(expectedPersistedQuestions);\n }\n const result = await sqlite.execute({\n sql: `UPDATE surveys SET ${\n sets.join(\", \")\n } WHERE id = ?${condition} RETURNING *`,\n args,\n });\n if (!result.rowsAffected) {\n throw new RequestError(\n \"Questions changed in another tab. Reload before saving.\",\n 409,\n );\n }\n return rowToSurvey(result.rows[0] as Record);\n}\n\nexport async function setQuestionReleased(\n surveyId: string,\n questionId: string,\n released: boolean,\n): Promise {\n await ensureSchema();\n const currentResult = await sqlite.execute({\n sql: `SELECT * FROM surveys WHERE id = ?`,\n args: [surveyId],\n });\n if (!currentResult.rows[0]) throw new RequestError(\"Survey not found.\", 404);\n const currentRow = currentResult.rows[0] as Record;\n const current = rowToSurvey(currentRow);\n if (!current.questions.some((question) => question.id === questionId)) {\n throw new RequestError(\"Question not found.\", 404);\n }\n const questions = current.questions.map((question) =>\n question.id === questionId ? { ...question, released } : question\n );\n const result = await sqlite.execute({\n sql:\n `UPDATE surveys SET questions_json = ? WHERE id = ? AND json(questions_json) = json(?) RETURNING *`,\n args: [\n JSON.stringify(questions),\n surveyId,\n String(currentRow.questions_json),\n ],\n });\n if (!result.rowsAffected) {\n throw new RequestError(\n \"Questions changed in another tab. Retry the release action.\",\n 409,\n );\n }\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 {\n sql:\n `DELETE FROM proposal_votes WHERE proposal_id IN (SELECT id FROM question_proposals WHERE survey_id = ?)`,\n args: [id],\n },\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({\n sql: `DELETE FROM responses WHERE survey_id = ?`,\n args: [surveyId],\n });\n}\n\nexport async function upsertResponse(\n surveyId: string,\n sid: string,\n answers: Answers,\n): 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(\n surveyId: string,\n sid: string,\n): 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 {\n const selected = canonicalizeChoiceSelection(q.options, v);\n if (selected) out[q.id] = selected;\n }\n break;\n case \"ranked_choice\":\n if (Array.isArray(v)) {\n const seen = new Set();\n out[q.id] = v.filter((x) =>\n typeof x === \"string\" && optIds.has(x) && !seen.has(x) &&\n seen.add(x)\n );\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) {\n out[q.id] = Math.round(n);\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 case \"matrix_2x2\": {\n const size = q.matrixSize ?? 2;\n const answer = normalizeMatrixAnswer(v, size);\n if (answer) out[q.id] = answer;\n break;\n }\n }\n }\n return out;\n}\n",[],[579,571],"backend","f2cee3c0-1463-4756-afc4-40ab1dfc6f70","proposals.ts","24599d2a-ab17-11f1-aa53-1607ee4eb77e",50,["D",1788826810406],"import type { Question, 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 return question;\n}\n",[],[579,581],"7c9fe967-698d-484a-ac92-d4cd3bbcfc20","proposal-sql.ts","23b1a836-ab17-11f1-9aa3-1607ee4eb77e",31,["D",1788825129328],"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",[],[579,589],"74b5e606-6005-44c6-a640-073f7cea2d84","errors.ts","2383e00e-ab17-11f1-8a0b-1607ee4eb77e",26,["D",1788825129312],"export class RequestError extends Error {\n constructor(message: string, public status: 400 | 403 | 404 | 409) {\n super(message);\n }\n}\n",[],[579,597],"2f7ed9ba-045f-49e7-b7ce-1e13877dcc84","db.ts","557aae40-a8eb-11f1-ad92-1607ee4eb77e",73,["D",1788844044137],"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(\n \"SHA-256\",\n new TextEncoder().encode(input),\n );\n return Array.from(new Uint8Array(buf)).map((b) =>\n b.toString(16).padStart(2, \"0\")\n ).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",[],[579,605],"e694b9d2-763a-458c-8d06-ddb9987b8267","aggregate.ts","74966aa8-a8eb-11f1-948a-1607ee4eb77e",146,["D",1788849921426],"import type {\n Answers,\n FacetGroup,\n IRVRound,\n MatrixAnswer,\n Question,\n QuestionAggregate,\n Survey,\n} from \"../shared/types.ts\";\nimport {\n canonicalizeChoiceSelection,\n matrixAnswerCell,\n matrixCellKey,\n normalizeMatrixAnswer,\n} from \"../shared/questions.ts\";\n\n/** Instant-runoff voting: returns each round's tallies until a majority winner emerges. */\nexport function instantRunoff(\n ballots: string[][],\n optionIds: string[],\n): 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({\n round,\n tallies,\n eliminated,\n winner: remaining.size === 1 ? [...remaining][0] : null,\n });\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\"\n .split(\" \"),\n);\n\nexport function aggregateQuestion(\n q: Question,\n responses: Answers[],\n): QuestionAggregate {\n const vals = responses.map((r) => r[q.id]).filter((v) =>\n v !== undefined && v !== null && v !== \"\"\n );\n const agg: QuestionAggregate = {\n questionId: q.id,\n type: q.type,\n responseCount: vals.length,\n };\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) {\n if (typeof v === \"string\" && v in counts) counts[v]++;\n }\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 const combinations = new Map<\n string,\n { optionIds: string[]; count: number }\n >();\n let responseCount = 0;\n for (const v of vals) {\n const optionIds = canonicalizeChoiceSelection(q.options, v);\n if (!optionIds) continue;\n responseCount++;\n for (const id of optionIds) counts[id]++;\n const key = JSON.stringify(optionIds);\n const combination = combinations.get(key);\n if (combination) combination.count++;\n else combinations.set(key, { optionIds, count: 1 });\n }\n const optionIndex = new Map(\n q.options.map((option, index) => [option.id, index]),\n );\n const compareOptionIds = (a: string[], b: string[]) => {\n if (a.length === 0 || b.length === 0) {\n return a.length === b.length ? 0 : a.length === 0 ? 1 : -1;\n }\n for (let i = 0; i < Math.min(a.length, b.length); i++) {\n const difference = optionIndex.get(a[i])! - optionIndex.get(b[i])!;\n if (difference) return difference;\n }\n return a.length - b.length;\n };\n agg.counts = counts;\n agg.intersections = [...combinations.values()].sort((a, b) =>\n b.count - a.count || compareOptionIds(a.optionIds, b.optionIds)\n );\n agg.responseCount = responseCount;\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(\n -200,\n ).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 case \"matrix_2x2\": {\n const size = q.matrixSize ?? 2;\n const counts: Record = {};\n for (let row = 0; row < size; row++) {\n for (let column = 0; column < size; column++) {\n counts[matrixCellKey(row, column)] = 0;\n }\n }\n let validCount = 0;\n const points: MatrixAnswer[] = [];\n for (const value of vals) {\n const answer = normalizeMatrixAnswer(value, size);\n if (!answer) continue;\n const cell = matrixAnswerCell(answer, size);\n counts[matrixCellKey(cell.row, cell.column)]++;\n points.push(answer);\n validCount++;\n }\n agg.responseCount = validCount;\n agg.matrixCounts = counts;\n agg.matrixPoints = points;\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\n ? survey.questions.find((q) => q.id === groupBy && q.isDemographic)\n : 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++) {\n buckets.set(String(i), []), labels.set(String(i), String(i));\n }\n } else {\n for (const o of facetQ.options) {\n buckets.set(o.id, []), labels.set(o.id, o.label);\n }\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) {\n if (buckets.has(x)) buckets.get(x)!.push(r), placed = true;\n }\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) =>\n aggregateQuestion(q, rs)\n ),\n });\n }\n return groups;\n}\n",[],[579,613],"96062b4f-f92b-4507-8af4-a9d865f43436",["D",1788586412989],[186,187,188,189,190,191],[579],["D",1788585574393],["D",1789542098478],{"_11":12,"_143":73},{"_11":12,"_139":-5,"_72":73,"_30":71,"_140":141,"_142":24},{"_40":130,"_13":16,"_34":37,"_131":91,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_55":-5,"_162":662,"_663":664,"_665":666,"_667":24,"_668":24,"_669":24,"_670":104,"_671":-5,"_672":-7,"_673":-7,"_674":26,"_675":24,"_676":24,"_677":-5,"_678":24,"_679":24,"_680":24,"_681":-5},"ENV",{"_633":634,"_635":636,"_637":16,"_638":639,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651,"_652":653,"_654":655,"_656":657,"_658":659,"_660":661},"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 · root.tsx