{title}

\n ← answer the survey\n

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

\n );\n}\n",[],[18,105,359],"95451a0b-4613-4f3d-ba81-c5230ce3c9f5","Respond.tsx","01a07eb4-dd73-7315-964a-8b9d5270d8f8",["D",1788832177531],"/** @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(null);\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(d.survey.questions.map((question) => question.id));\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) => reconcileQuestionStep(previous.questions, d.survey.questions, currentStep));\n }\n const nextIds = new Set(d.survey.questions.map((question) => question.id));\n const newlyReleased = d.survey.questions.filter((question) => !releasedQuestionIds.current.has(question.id));\n if (d.existing && newlyReleased.length) {\n setAnswers((current) => {\n const next = { ...current };\n for (const question of newlyReleased) {\n if (next[question.id] === undefined && d.existing?.[question.id] !== undefined) {\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) return

🤷

{error}

;\n if (!survey) return

Loading…

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

🚪

{survey.title}

This survey is closed to new responses.

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

{survey.title}

\n {survey.description &&

{survey.description}

}\n

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

\n {returning && (\n

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

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

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

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

🎉

Thanks!

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

\n {error &&

{error}

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

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

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

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

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

\n \n {error &&

{error}

}\n

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

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

{children}

\n );\n}\n\nfunction ResultsLink({ slug, big }: { slug: string; big?: boolean }) {\n return (\n \n 📊 See live results\n \n );\n}\n",[],[18,105,366],"c5d4613b-579f-4808-af07-97dba159b242","Present.tsx","01a07eb4-dd73-7315-964a-848cc674bb2e",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\n\n/** Fullscreen \"join\" slide: big QR + URL. Put this on the projector. */\nexport function Present({ slug }: { slug: string }) {\n const [title, setTitle] = useState(\"\");\n const joinUrl = `${location.origin}/s/${slug}`;\n\n useEffect(() => {\n api.getSurvey(slug).then((d) => setTitle(d.survey.title)).catch(() => {});\n }, [slug]);\n\n return (\n

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

\n $\"QR$ \n

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

Scan or type the link · no login needed

\n );\n}\n",[],[18,105,373],"994f1464-eb12-4b73-99e9-6de2fc15a879","Home.tsx","01a07eb4-dd73-7315-964a-8315df946b21",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport { navigate } from \"../components/App.tsx\";\n\nexport function Home() {\n const [title, setTitle] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(null);\n\n async function create(e: any) {\n e.preventDefault();\n setBusy(true);\n setError(null);\n try {\n const { adminKey } = await api.createSurvey(title.trim() || \"Untitled survey\");\n navigate(`/admin/${adminKey}?new=1`);\n } catch (err: any) {\n setError(err.message);\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

📊

Audience Survey

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

\n\n

\n );\n}\n",[],[18,105,380],"73b47914-a1e1-4802-99c0-0a49254aa26b","Admin.tsx","01a07eb4-dd73-7315-964a-7fd0e48fbe31",9,["D",1788832426420],"/** @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 { mergePublishedQuestion, mergePublishedQuestionStates, questionsEqual } from \"../lib/questionDraft.ts\";\nimport { newQuestion, QuestionEditor } from \"../components/builder/QuestionEditor.tsx\";\nimport { ResultsView } from \"../components/charts/ResultsView.tsx\";\nimport { ProposalReview } from \"../components/proposals/ProposalReview.tsx\";\n\ntype Tab = \"build\" | \"share\" | \"results\" | \"proposals\";\n\nexport function Admin({ adminKey }: { adminKey: string }) {\n const [survey, setSurvey] = useState(null);\n const [total, setTotal] = useState(0);\n const [error, setError] = useState(null);\n const [tab, setTab] = useState(location.search.includes(\"new=1\") ? \"share\" : \"build\");\n const [saving, setSaving] = useState<\"idle\" | \"saving\" | \"saved\">(\"idle\");\n const [savedQuestions, setSavedQuestions] = useState([]);\n const [draftQuestions, setDraftQuestions] = useState([]);\n const [questionSaveStatus, setQuestionSaveStatus] = useState<\"idle\" | \"saving\" | \"saved\">(\"idle\");\n const [questionError, setQuestionError] = useState(null);\n const [copied, setCopied] = useState(false);\n const [approving, setApproving] = useState(false);\n const [releasingQuestionId, setReleasingQuestionId] = useState(null);\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) =>\n setError(e.message)\n );\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(error instanceof Error ? error.message : \"Could not save changes.\");\n }\n\n function edit(patch: Partial) {\n pendingPatch.current = { ...pendingPatch.current, ...patch };\n setSurvey((current) => current ? { ...current, ...patch } : current);\n setSaving(\"saving\");\n if (saveTimer.current) clearTimeout(saveTimer.current);\n saveTimer.current = setTimeout(() => {\n void flush().catch(saveError);\n }, 600) as unknown as number;\n }\n\n // Immediate save for toggles\n async function toggle(patch: Partial) {\n edit(patch);\n await flush().catch(saveError);\n }\n\n 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(error instanceof Error ? error.message : \"Could not save questions.\");\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.approveProposal(adminKey, proposalId, question);\n setSavedQuestions(questionsDirty ? mergePublishedQuestion(savedQuestions, approvedQuestion) : fresh.questions);\n setDraftQuestions(questionsDirty ? mergePublishedQuestion(draftQuestions, approvedQuestion) : fresh.questions);\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(adminKey, questionId, released);\n setSavedQuestions(fresh.questions);\n setDraftQuestions((draft) => mergePublishedQuestionStates(draft, previousPublished, fresh.questions));\n setSurvey(fresh);\n } catch (error) {\n setQuestionError(error instanceof Error ? error.message : \"Could not update question release.\");\n } finally {\n setReleasingQuestionId(null);\n }\n }\n\n if (error && !survey) {\n return (\n

🔒

Invalid admin link

{error}

\n Create a new survey\n

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

Loading…

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

{error} Your unsaved edits are still shown.

\n \n \n

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

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

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

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

\n {adminUrl}\n \n

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

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

\n {total} responses\n

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

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

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

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

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

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

\n Saving puts new questions on deck. Release each saved question 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

{questionError} Your unsaved question changes are still shown.

\n \n \n

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

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

\n \n

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

\n $\"QR\"$ \n

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

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

\n \n \n \n

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

\n )}\n\n {tab === \"results\" && (\n api.admin.results(adminKey, groupBy, true)}\n canFacet\n onTotal={setTotal}\n projectorUrl={resultsUrl}\n />\n )}\n {tab === \"proposals\" && }\n \n );\n}\n\nfunction Switch({ on, onChange, label }: { on: boolean; onChange: (v: boolean) => void; label: string }) {\n return (\n \n );\n}\n\nfunction LinkRow({ label, url, onCopy, danger }: { label: string; url: string; onCopy: (s: string) => void; danger?: boolean }) {\n return (\n

{label}

\n {url}\n \n

\n );\n}\n",[],[18,105,387],["D",1788832177531],[273,274,275,276,277],[18,105],"8d483e79-cf92-4ac2-a8f9-fe238555137a","useProposals.ts","01a07eb4-dd73-7315-964a-77702bd2f162",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { ProposalsPayload } from \"../../shared/types.ts\";\n\nexport function useProposals(\n fetcher: (signal: AbortSignal) => Promise,\n) {\n const [data, setData] = useState(null);\n const [error, setError] = useState(null);\n const controller = useRef(null);\n const active = useRef(false);\n\n const refresh = useCallback(async () => {\n if (!active.current) return;\n controller.current?.abort();\n const request = new AbortController();\n controller.current = request;\n try {\n const next = await fetcher(request.signal);\n if (!request.signal.aborted) {\n setData(next);\n setError(null);\n }\n } catch (error) {\n if (!request.signal.aborted) {\n setError(\n error instanceof Error ? error.message : \"Could not load proposals.\",\n );\n }\n } finally {\n if (controller.current === request) controller.current = null;\n }\n }, [fetcher]);\n\n useEffect(() => {\n active.current = true;\n setData(null);\n void refresh();\n const timer = setInterval(() => {\n if (!controller.current && document.visibilityState === \"visible\") {\n void refresh();\n }\n }, 5000);\n return () => {\n clearInterval(timer);\n active.current = false;\n controller.current?.abort();\n };\n }, [refresh]);\n\n return { data, error, refresh };\n}\n",[],[18,112,398],"173d0c66-12d9-481b-ac3a-6f3d37bfb05b","respondFlow.ts","01a07eb4-dd73-7315-964a-716ac1dbd083",["D",1788832177531],"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) => question.id === activeQuestionId);\n return nextStep >= 0 ? nextStep : nextQuestions.length;\n}\n",[],[18,112,405],"619ff34e-68aa-4769-b85f-07dfd1bba10b","questionDraft.ts","01a07eb4-dd73-7315-964a-6c97a07d2579",["D",1788832177531],"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(freshPublished.map((question) => [question.id, question]));\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 (!previousIds.has(question.id) && !merged.some((draftQuestion) => draftQuestion.id === question.id)) {\n merged.push(question);\n }\n }\n return merged;\n}\n",[],[18,112,412],"6d70bce2-5c09-4658-ae4c-9e10ee76b94e","api.ts","01a07eb4-dd73-7315-964a-6b2cab9b4bc6",["D",1788832177531],"import type { Answers, ProposalsPayload, Question, QuestionDraft, ResultsPayload, Survey } from \"../../shared/types.ts\";\n\nexport class ApiError extends Error {\n constructor(message: string, public status: number) {\n super(message);\n }\n}\n\nasync function j(res: Response): Promise {\n const data = await res.json().catch(() => ({}));\n if (!res.ok) throw new ApiError((data as any).error ?? `HTTP ${res.status}`, res.status);\n return data as T;\n}\n\nexport const api = {\n createSurvey: (title: string) =>\n fetch(\"/api/surveys\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ title }),\n }).then((r) => j<{ slug: string; adminKey: string }>(r)),\n\n getSurvey: (slug: string) =>\n fetch(`/api/s/${slug}`, { credentials: \"same-origin\" }).then((r) =>\n j<{ survey: Survey; existing: Answers | null }>(r)\n ),\n\n respond: (slug: string, answers: Answers) =>\n fetch(`/api/s/${slug}/respond`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ answers }),\n }).then((r) => j<{ ok: true }>(r)),\n\n publicResults: (slug: string, groupBy: string | null) =>\n fetch(`/api/s/${slug}/results${groupBy ? `?groupBy=${groupBy}` : \"\"}`).then((r) => j(r)),\n\n proposals: (slug: string, signal?: AbortSignal) =>\n fetch(`/api/s/${slug}/proposals`, { credentials: \"same-origin\", signal }).then((r) => j(r)),\n propose: (slug: string, question: QuestionDraft) =>\n fetch(`/api/s/${slug}/proposals`, {\n method: \"POST\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ question }),\n }).then((r) => j<{ ok: true }>(r)),\n vote: (slug: string, proposalId: string, voted: boolean) =>\n fetch(`/api/s/${slug}/proposals/${proposalId}/vote`, {\n method: \"PUT\",\n credentials: \"same-origin\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ voted }),\n }).then((r) => j<{ ok: true }>(r)),\n\n admin: {\n get: (key: string) => fetch(`/api/admin/${key}`).then((r) => j<{ survey: Survey; totalResponses: number }>(r)),\n patch: (key: string, patch: Partial & { expectedQuestions?: Question[] }) =>\n fetch(`/api/admin/${key}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(patch),\n }).then((r) => j<{ survey: Survey }>(r)),\n 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) => j(r)),\n approveProposal: (key: string, proposalId: string, question: Question) =>\n fetch(`/api/admin/${key}/proposals/${proposalId}/approve`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ question }),\n }).then((r) => j<{ survey: Survey; approvedQuestion: Question }>(r)),\n results: (key: string, groupBy: string | null, includeHidden = true) =>\n fetch(\n `/api/admin/${key}/results?includeHidden=${includeHidden ? 1 : 0}${groupBy ? `&groupBy=${groupBy}` : \"\"}`,\n ).then((r) => j(r)),\n clearResponses: (key: string) =>\n fetch(`/api/admin/${key}/responses`, { method: \"DELETE\" }).then((r) => j<{ ok: true }>(r)),\n deleteSurvey: (key: string) => fetch(`/api/admin/${key}`, { method: \"DELETE\" }).then((r) => j<{ ok: true }>(r)),\n },\n};\n\nexport function uid(): string {\n return Math.random().toString(36).slice(2, 8);\n}\n",[],[18,112,419],["D",1788832177531],[268,269,270,271],[18,112],"2aad8cd4-b65d-444a-918a-5eb81d5f0b6c","App.tsx","01a07eb4-dd73-7315-964a-629fa2f0d08c",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Home } from \"../pages/Home.tsx\";\nimport { Admin } from \"../pages/Admin.tsx\";\nimport { Respond } from \"../pages/Respond.tsx\";\nimport { Results } from \"../pages/Results.tsx\";\nimport { Present } from \"../pages/Present.tsx\";\n\nfunction usePath() {\n const [path, setPath] = useState(location.pathname);\n useEffect(() => {\n const onPop = () => setPath(location.pathname);\n addEventListener(\"popstate\", onPop);\n return () => removeEventListener(\"popstate\", onPop);\n }, []);\n return path;\n}\n\nexport function navigate(to: string) {\n history.pushState({}, \"\", to);\n dispatchEvent(new PopStateEvent(\"popstate\"));\n}\n\nexport function App() {\n const path = usePath();\n const parts = path.split(\"/\").filter(Boolean);\n\n let page: any = ;\n if (parts[0] === \"admin\" && parts[1]) page = ;\n else if (parts[0] === \"s\" && parts[1]) {\n if (parts[2] === \"results\") page = ;\n else if (parts[2] === \"present\") page = ;\n else page = ;\n }\n\n return (\n

{page}

\n \n

\n );\n}\n",[],[18,117,429],"0c2c999b-0a24-4cf0-93bd-a9f2975c212d","QuestionInput.tsx","01a07eb4-dd73-7315-964a-5b2c720f3d38","01a07eb4-dd73-7315-964a-5c2971a43c1f",["D",1788840747861],"/** @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 ? \"border-indigo-600 bg-indigo-50 font-semibold\" : \"border-gray-200 bg-white hover:border-indigo-300\"\n }`;\n\nexport function QuestionInput({ q, value, onChange }: Props) {\n switch (q.type) {\n case \"single_choice\":\n return (\n

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

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

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

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

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

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

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

\n );\n\n case \"ranked_choice\":\n return ;\n\n 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({ q, value, onChange }: { q: Question; value: string[]; onChange: (v: string[]) => void }) {\n const ranked = value.filter((id) => q.options.some((o) => o.id === id));\n const unranked = q.options.filter((o) => !ranked.includes(o.id));\n const label = (id: string) => q.options.find((o) => o.id === id)?.label ?? id;\n const [drag, setDrag] = useState(null);\n\n const move = (i: number, j: number) => {\n if (j < 0 || j >= ranked.length) return;\n const arr = [...ranked];\n [arr[i], arr[j]] = [arr[j], arr[i]];\n onChange(arr);\n };\n\n return (\n

Your ranking (1 = favorite)

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

\n Tap options below to rank them\n

\n )}\n

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

\n ))}\n

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

Not yet ranked

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

\n )}\n

\n );\n}\n",[],[18,117,443,436],"respond","db9b54b3-8144-44d2-954b-8212e805e404","MatrixInput.tsx","b09edd62-ab27-11f1-9b73-1607ee4eb77e",["D",1788832238013],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { MatrixAnswer, Question } from \"../../../shared/types.ts\";\nimport { isMatrixAnswer, matrixCellKey } from \"../../../shared/questions.ts\";\n\ninterface Props {\n q: Question;\n value: unknown;\n onChange: (value: MatrixAnswer) => void;\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 selected = isMatrixAnswer(value, size) ? value : undefined;\n\n return (\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 on = selected?.row === row && selected.column === column;\n const middleTop = row === size / 2;\n const middleLeft = column === size / 2;\n const referenceText = cellReferences.map((reference) =>\n reference.label\n ).join(\", \");\n return (\n onChange({ row, column })}\n aria-pressed={on}\n aria-label={`Column ${column + 1} of ${size}, row ${\n row + 1\n } of ${size} from top${\n referenceText ? `. Reference items: ${referenceText}` : \"\"\n }`}\n className={`relative min-w-0 border-gray-200 p-1 text-left transition active:scale-95 ${\n on\n ? \"z-10 bg-indigo-600 text-white ring-2 ring-inset ring-indigo-900\"\n : \"hover:bg-indigo-50\"\n } ${middleTop ? \"border-t-2 border-t-gray-500\" : \"border-t\"} ${\n middleLeft ? \"border-l-2 border-l-gray-500\" : \"border-l\"\n }`}\n >\n {cellReferences.length > 0 && (\n \n {cellReferences[0].label}\n {cellReferences.length > 1\n ? ` +${cellReferences.length - 1}`\n : \"\"}\n \n )}\n {on && (\n \n ✓\n \n )}\n \n );\n })}\n

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

\n\n {selected && (\n \n Selected column {selected.column + 1} of {size}, row{\" \"}\n {selected.row + 1} of {size} from top.\n

\n )}\n\n {references.length > 0 && (\n

\n Reference positions\n

\n {references.map((reference) => (\n

\n \n C{reference.column + 1}/R{reference.row + 1}\n \n {reference.label}\n

\n ))}\n

\n )}\n \n );\n}\n",[],[18,117,443,445],"2d5ce66a-d844-4962-8b92-0eafae8a3aa1",["D",1788832177531],[264,265],[18,117,443],"7dabc557-0746-45e0-90e8-0944c5c733d6","ProposalReview.tsx","01a07eb4-dd73-7315-964a-51c2e0df612c","01a07eb4-dd73-7315-964a-5731b1e3c60e",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Question, QuestionProposal } from \"../../../shared/types.ts\";\nimport {\n normalizeApprovedQuestion,\n questionFromDraft,\n} from \"../../../shared/questions.ts\";\nimport { api } from \"../../lib/api.ts\";\nimport { useProposals } from \"../../lib/useProposals.ts\";\nimport { QuestionEditor } from \"../builder/QuestionEditor.tsx\";\nimport { ProposalCard } from \"./ProposalCard.tsx\";\n\ninterface Props {\n adminKey: string;\n onApprove: (proposalId: string, question: Question) => Promise;\n}\n\nexport function ProposalReview({ adminKey, onApprove }: Props) {\n const fetcher = useCallback(\n (signal: AbortSignal) => api.admin.proposals(adminKey, signal),\n [adminKey],\n );\n const { data, error: loadError, refresh } = useProposals(fetcher);\n const [selected, setSelected] = useState<\n { id: string; question: Question } | null\n >(null);\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(null);\n const [message, setMessage] = useState(null);\n const stillPending = selected &&\n data?.proposals.some((p) => p.id === selected.id);\n\n function review(proposal: QuestionProposal) {\n setSelected({\n id: proposal.id,\n question: questionFromDraft(proposal.draft),\n });\n setError(null);\n setMessage(null);\n }\n\n async function approve() {\n if (!selected) return;\n setError(null);\n setBusy(true);\n try {\n await onApprove(\n selected.id,\n normalizeApprovedQuestion(selected.question),\n );\n setSelected(null);\n setMessage(\"Approved and added to the end of the survey.\");\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error\n ? error.message\n : \"Could not approve this question.\",\n );\n await refresh();\n } finally {\n setBusy(false);\n }\n }\n\n return (\n

Participant proposals

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

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

{error || loadError}

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

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

{message}

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

Review draft

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

\n {!stillPending && (\n

\n This proposal is no longer pending.\n

\n )}\n

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

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

Loading proposals...

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

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

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

\n );\n}\n",[],[18,117,463,456],"proposals","99849d85-fe66-47ee-b533-55803fa759ff","ProposalCard.tsx","01a07eb4-dd73-7315-964a-4f58cd1fc66f",13,["D",1788832449671],"/** @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 Matrix: {proposal.draft.matrixSize ?? 2}×{proposal.draft.matrixSize ?? 2}, {proposal.draft.matrixReferences?.length ?? 0} reference item{proposal.draft.matrixReferences?.length === 1 ? \"\" : \"s\"}\n

\n )}\n

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

\n );\n}\n",[],[18,117,463,465],"800b412c-cc2c-41f6-a20d-92b9d76520df","CommunityQuestions.tsx","01a07eb4-dd73-7315-964a-4bdb83ba63ac",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useState } from \"https://esm.sh/react@18.2.0\";\nimport { newQuestion, normalizeDraft } from \"../../../shared/questions.ts\";\nimport type { QuestionProposal } from \"../../../shared/types.ts\";\nimport { api } from \"../../lib/api.ts\";\nimport { useProposals } from \"../../lib/useProposals.ts\";\nimport { QuestionEditor } from \"../builder/QuestionEditor.tsx\";\nimport { ProposalCard } from \"./ProposalCard.tsx\";\n\nexport function CommunityQuestions(\n { slug, acceptingResponses }: { slug: string; acceptingResponses: boolean },\n) {\n const fetcher = useCallback(\n (signal: AbortSignal) => api.proposals(slug, signal),\n [slug],\n );\n const { data, error: loadError, refresh } = useProposals(fetcher);\n const [composing, setComposing] = useState(false);\n const [draft, setDraft] = useState(() => newQuestion());\n const [busy, setBusy] = useState(null);\n const [error, setError] = useState(null);\n const [message, setMessage] = useState(null);\n const open = acceptingResponses && (data?.acceptingResponses ?? false);\n\n async function submit() {\n setError(null);\n setMessage(null);\n setBusy(\"submit\");\n try {\n await api.propose(slug, normalizeDraft(draft));\n setDraft(newQuestion());\n setComposing(false);\n setMessage(\n \"Question proposed! Others can upvote it while the presenter reviews it.\",\n );\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error\n ? error.message\n : \"Could not propose this question.\",\n );\n } finally {\n setBusy(null);\n }\n }\n\n async function vote(proposal: QuestionProposal) {\n setError(null);\n setBusy(proposal.id);\n try {\n await api.vote(slug, proposal.id, !proposal.voted);\n await refresh();\n } catch (error) {\n setError(\n error instanceof Error ? error.message : \"Could not update your vote.\",\n );\n await refresh();\n } finally {\n setBusy(null);\n }\n }\n\n return (\n

Community questions

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

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

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

\n Proposals and voting are closed.\n

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

{message}

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

{error || loadError}

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

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

\n \n

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

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

\n Loading community questions...\n

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

No pending proposals yet.

\n )}\n

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

\n );\n}\n",[],[18,117,463,473],"eb87e20d-0e38-441c-888e-14e2cb24fe6a",["D",1788832177531],[260,261,262],[18,117,463],"cf76d374-6f14-4748-b290-a31b58067364","ResultsView.tsx","01a07eb4-dd73-7315-964a-42f4040da649","01a07eb4-dd73-7315-964a-441a4cdda1b1",19,["D",1788832509300],"/** @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\";\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 \"multi_choice\":\n case \"emoji_reaction\":\n return ;\n case \"scale\":\n return ;\n case \"ranked_choice\":\n return ;\n case \"word_cloud\":\n return ;\n case \"free_text\":\n return ;\n case \"matrix_2x2\":\n return ;\n }\n}\n",[],[18,117,492,484],"charts","03bf9652-ef87-45dd-930a-2de11fcad9b4","MatrixHeatmap.tsx","b098dc14-ab27-11f1-8553-1607ee4eb77e",2,["D",1788832237998],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { FacetGroup, Question } from \"../../../shared/types.ts\";\nimport { matrixCellKey } from \"../../../shared/questions.ts\";\nimport { PALETTE } from \"./Charts.tsx\";\n\nexport function MatrixHeatmap(\n { q, groups }: { q: Question; groups: FacetGroup[] },\n) {\n const faceted = groups.length > 1;\n return (\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\nfunction GroupHeatmap(\n { q, group, color }: { q: Question; group: FacetGroup; color: string },\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 aggregate = group.aggregates.find((item) => item.questionId === q.id);\n const counts = aggregate?.matrixCounts ?? {};\n const responseCount = aggregate?.responseCount ?? 0;\n const max = Math.max(1, ...Object.values(counts));\n\n return (\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 key = matrixCellKey(row, column);\n const count = counts[key] ?? 0;\n const percent = responseCount\n ? Math.round((count / responseCount) * 100)\n : 0;\n const intensity = count / max;\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

\n \n {count}\n \n \n {percent}%\n \n

\n {cellReferences.length > 0 && (\n \n {cellReferences[0].label}\n {cellReferences.length > 1\n ? ` +${cellReferences.length - 1}`\n : \"\"}\n \n )}\n

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

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

\n {responseCount === 0 && (\n

\n No placements yet.\n

\n )}\n {references.length > 0 && (\n

\n {references.map((reference) => (\n \n C{reference.column + 1}/R{reference.row + 1}:\n {\" \"}\n {reference.label}\n \n ))}\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",[],[18,117,492,494],"6c333c9e-f9ea-4c5a-b418-6a3a00b64b79","Charts.tsx","01a07eb4-dd73-7315-964a-3fb0ba9ffd9a",["D",1788832177531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n Bar,\n BarChart,\n Cell,\n LabelList,\n Legend,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { FacetGroup, Question, QuestionAggregate } from \"../../../shared/types.ts\";\n\nexport const PALETTE = [\"#6366f1\", \"#f59e0b\", \"#10b981\", \"#ef4444\", \"#3b82f6\", \"#ec4899\", \"#14b8a6\", \"#8b5cf6\", \"#f97316\", \"#84cc16\"];\n\nconst optLabel = (q: Question, id: string) => q.options.find((o) => o.id === id)?.label ?? id;\n\n/* ---------------- Choice / emoji: bars, grouped by facet when present ---------------- */\nexport function ChoiceChart({ q, groups }: { q: Question; groups: FacetGroup[] }) {\n const faceted = groups.length > 1;\n const data = q.options.map((o) => {\n const row: Record = { name: o.label };\n for (const g of groups) row[g.label] = agg(g, q.id)?.counts?.[o.id] ?? 0;\n return row;\n });\n const height = Math.max(160, q.options.length * (faceted ? 28 * groups.length + 16 : 44));\n\n if (q.type === \"emoji_reaction\" && !faceted) return ;\n\n return (\n \n \n \n \n \n {faceted && }\n {groups.map((g, i) => (\n \n {!faceted && data.map((_, j) => )}\n \n \n ))}\n \n \n );\n}\n\nfunction EmojiBubbles({ q, agg }: { q: Question; agg?: QuestionAggregate }) {\n const counts = agg?.counts ?? {};\n const max = Math.max(1, ...Object.values(counts));\n return (\n

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

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

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

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

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

\n {faceted &&

{g.label}

}\n

avg of {a?.responseCount ?? 0}

\n );\n })}\n

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

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

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

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

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

\n \n

\n );\n })}\n

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

No ballots yet.

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

\n {!compact && (\n

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

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

\n )}\n

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

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

\n );\n })}\n

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

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

\n )}\n

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

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

\n {faceted &&

{g.label}

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

Nothing yet…

}\n

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

\n );\n })}\n

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

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

\n {faceted &&

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

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

Nothing yet…

}\n

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

\n {t}\n

\n ))}\n

\n );\n })}\n

\n );\n}\n\n/* ---------------- helpers ---------------- */\nfunction agg(g: FacetGroup | undefined, qid: string) {\n return g?.aggregates.find((a) => a.questionId === qid);\n}\nfunction hash(s: string) {\n let h = 0;\n for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) | 0;\n return Math.abs(h);\n}\nfunction shuffleStable(arr: T[]) {\n return [...arr].sort((a, b) => hash(a.text) - hash(b.text));\n}\n\n/** Animated number that eases toward its target. */\nexport function Counter({ value, decimals = 0 }: { value: number; decimals?: number }) {\n const [v, setV] = useState(value);\n useEffect(() => {\n const start = v, end = value, t0 = performance.now();\n let raf = 0;\n const tick = (t: number) => {\n const p = Math.min(1, (t - t0) / 600);\n setV(start + (end - start) * (1 - Math.pow(1 - p, 3)));\n if (p < 1) raf = requestAnimationFrame(tick);\n };\n raf = requestAnimationFrame(tick);\n return () => cancelAnimationFrame(raf);\n }, [value]);\n return <>{v.toFixed(decimals)};\n}\n",[],[18,117,492,502],"553961e4-1a33-4968-ba3a-3529f61b2372",["D",1788832177531],[256,257,258],[18,117,492],"66fa4fb6-00ab-4049-98e5-f76b951243e4","QuestionEditor.tsx","01a07eb4-dd73-7315-964a-35257d6ea444","01a07eb4-dd73-7315-964a-39a87eb595b3",7,["D",1788832288660],"/** @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)} className=\"w-4 h-4\" />\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({ ...fresh, id: q.id, prompt: q.prompt, isDemographic: nextCanFacet && q.isDemographic, required: q.required, released: q.released, hidden: q.hidden,\n options: hasOptions(type) && hasOptions(q.type) && q.type !== \"emoji_reaction\" && type !== \"emoji_reaction\"\n ? q.options\n : fresh.options });\n }\n\n const canFacet = q.type === \"single_choice\" || q.type === \"multi_choice\" || q.type === \"scale\" ||\n q.type === \"emoji_reaction\";\n\n return (\n

\n {onMove &&

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

}\n

\n {!participant && (\n

\n \n {published ? (q.released ? \"Released\" : \"On deck\") : \"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 ? \"Updating...\" : q.released ? \"Move on deck\" : \"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 {!participant &&

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

}\n

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

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

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

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

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

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

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

\n );\n}\n",[],[18,117,521,513],"builder","5a9e5b62-4c59-4084-8232-cc7933334e1d","MatrixEditor.tsx","b0aae670-ab27-11f1-acfc-1607ee4eb77e",4,["D",1788832238106],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { MatrixSize, Question } from \"../../../shared/types.ts\";\nimport {\n MATRIX_SIZES,\n matrixCellKey,\n QUESTION_LIMITS,\n referencesWithinSize,\n} from \"../../../shared/questions.ts\";\nimport { uid } from \"../../lib/api.ts\";\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 changeSize(nextSize: MatrixSize) {\n const nextReferences = referencesWithinSize(references, nextSize);\n const row = Math.min(selectedRow, nextSize - 1);\n const column = Math.min(selectedColumn, nextSize - 1);\n setSelectedKey(matrixCellKey(row, column));\n set({ matrixSize: nextSize, matrixReferences: nextReferences });\n }\n\n return (\n

\n \n Grid\n \n changeSize(Number(event.target.value) as MatrixSize)}\n className=\"ml-2 rounded-lg border bg-white px-2 py-1.5\"\n >\n {MATRIX_SIZES.map((matrixSize) => (\n \n ))}\n \n \n \n {size === 6\n ? \"Four 3×3 quadrants · 36 selectable cells\"\n : `${size * size} selectable cells`}\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 comparison items that respondents should see\n there.\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 return (\n setSelectedKey(key)}\n aria-label={`Edit references in column ${column + 1}, row ${\n row + 1\n } from top`}\n className={`relative min-w-0 border-gray-200 p-1 text-left text-[10px] leading-tight ${\n selected\n ? \"z-10 bg-indigo-100 ring-2 ring-inset ring-indigo-600\"\n : \"hover:bg-indigo-50\"\n } ${\n middleTop ? \"border-t-2 border-t-gray-500\" : \"border-t\"\n } ${\n middleLeft ? \"border-l-2 border-l-gray-500\" : \"border-l\"\n }`}\n >\n {cellReferences.length > 0 && (\n <>\n \n {cellReferences.length}\n \n \n {cellReferences[0].label}\n \n \n )}\n \n );\n })}\n

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

\n\n

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

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

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

\n No comparison items 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",[],[18,117,521,523],"4fc65ad2-de9c-4555-9f22-fa299041783a",["D",1788832177531],[253,254],[18,117,521],["D",1788832177531],[252,255,259,263,266],[18,117],["D",1788832177531],[251,267,272,278,279,280],[18],"2c23eab5-3763-4dbb-a7d8-cfb972a02a7d","surveys.ts","01a07eb4-dd73-7315-964a-2c428eeebda7","01a07eb4-dd73-7315-964a-3297add20253",16,["D",1788832508125],"import type { Answers, Question, Survey } from \"../shared/types.ts\";\nimport {\n isMatrixAnswer,\n normalizeStoredQuestions,\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 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 }));\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 if (Array.isArray(v)) {\n out[q.id] = v.filter((x) => typeof x === \"string\" && optIds.has(x));\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 if (isMatrixAnswer(v, size)) {\n out[q.id] = { row: v.row, column: v.column };\n }\n break;\n }\n }\n }\n return out;\n}\n",[],[549,541],"backend","7db8ec42-19b1-4108-854d-f579814a00a8","proposals.ts","01a07eb4-dd73-7315-964a-2a89b765d32d",["D",1788832177531],"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",[],[549,551],"fdfd006a-b9cc-4cd1-970b-389e03fe5696","proposal-sql.ts","01a07eb4-dd73-7315-964a-24b8b9c92428",["D",1788832177531],"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",[],[549,558],"12dd86ad-747a-4f3e-a9d1-447cee781f58","errors.ts","01a07eb4-dd73-7315-964a-202efc38fb1e",["D",1788832177531],"export class RequestError extends Error {\n constructor(message: string, public status: 400 | 403 | 404 | 409) {\n super(message);\n }\n}\n",[],[549,565],"dfb9c6e1-d7af-4ade-95e3-18f8f0728a4f","db.ts","01a07eb4-dd73-7315-964a-1f58a395058f",["D",1788832177531],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { proposalSchema } from \"./proposal-sql.ts\";\n\nexport { sqlite };\n\nlet ready: Promise | null = null;\n\nexport function ensureSchema() {\n if (!ready) {\n ready = (async () => {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS surveys (\n id TEXT PRIMARY KEY,\n slug TEXT UNIQUE NOT NULL,\n admin_key_hash TEXT NOT NULL,\n title TEXT NOT NULL,\n description TEXT NOT NULL DEFAULT '',\n results_visible INTEGER NOT NULL DEFAULT 0,\n accepting_responses INTEGER NOT NULL DEFAULT 1,\n audience_facets INTEGER NOT NULL DEFAULT 0,\n questions_json TEXT NOT NULL DEFAULT '[]',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS responses (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n survey_id TEXT NOT NULL,\n sid TEXT NOT NULL,\n answers_json TEXT NOT NULL DEFAULT '{}',\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n updated_at TEXT NOT NULL DEFAULT (datetime('now')),\n UNIQUE (survey_id, sid)\n )`,\n `CREATE INDEX IF NOT EXISTS idx_responses_survey ON responses(survey_id)`,\n ...proposalSchema,\n ]);\n })();\n }\n return ready;\n}\n\nexport async function sha256(input: string): Promise {\n const buf = await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(input));\n return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nconst ALPHABET = \"abcdefghijkmnpqrstuvwxyz23456789\"; // no ambiguous chars\nexport function randomId(len: number): string {\n const bytes = crypto.getRandomValues(new Uint8Array(len));\n let out = \"\";\n for (const b of bytes) out += ALPHABET[b % ALPHABET.length];\n return out;\n}\n",[],[549,572],"98fe3043-a3ef-4da7-9cbb-84ee36f78334","aggregate.ts","01a07eb4-dd73-7315-964a-18285de8f5f7",17,["D",1788832508296],"import type {\n Answers,\n FacetGroup,\n IRVRound,\n Question,\n QuestionAggregate,\n Survey,\n} from \"../shared/types.ts\";\nimport { isMatrixAnswer, matrixCellKey } 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 for (const v of vals) {\n if (Array.isArray(v)) {\n for (const x of v) {\n if (x in counts) counts[x]++;\n }\n }\n }\n agg.counts = counts;\n break;\n }\n case \"scale\": {\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n const dist: Record = {};\n for (let i = min; i <= max; i++) dist[String(i)] = 0;\n let sum = 0, n = 0;\n for (const v of vals) {\n const num = Number(v);\n if (Number.isFinite(num)) {\n dist[String(num)] = (dist[String(num)] ?? 0) + 1;\n sum += num;\n n++;\n }\n }\n agg.distribution = dist;\n agg.mean = n ? Math.round((sum / n) * 100) / 100 : null;\n break;\n }\n case \"free_text\": {\n agg.texts = vals.filter((v): v is string => typeof v === \"string\").slice(\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 for (const value of vals) {\n if (!isMatrixAnswer(value, size)) continue;\n counts[matrixCellKey(value.row, value.column)]++;\n validCount++;\n }\n agg.responseCount = validCount;\n agg.matrixCounts = counts;\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",[],[549,579],"804da573-e9e4-4758-8107-843ee16e3683",["D",1788832177531],[244,245,246,247,248,249],[549],["D",1788585574393],["D",1789542098478],{"_11":12,"_171":87},{"_11":12,"_167":-5,"_86":87,"_31":85,"_168":169,"_170":30},{"_39":157,"_13":16,"_33":36,"_158":120,"_159":75,"_160":161,"_162":124,"_163":120,"_164":42,"_165":14,"_166":12},"ctx",{"_54":-5,"_191":628,"_629":630,"_631":632,"_633":30,"_634":30,"_635":30,"_636":24,"_637":-5,"_638":-7,"_639":-7,"_640":26,"_641":30,"_642":30,"_643":-5,"_644":30,"_645":30,"_646":30,"_647":-5},"ENV",{"_599":600,"_601":602,"_603":76,"_604":605,"_606":607,"_608":609,"_610":611,"_612":613,"_614":615,"_616":617,"_618":619,"_620":621,"_622":623,"_624":625,"_626":627},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend