Round 1 — Create gathering + attach default constitution template

Template picker hangs on “Loading templates…” forever

Where. components/events/gathering-form-dialog.tsx, the useEffect at ~line 151 that loads interview templates when showTemplatePicker becomes true.

Repro. Open Events → Create an Event → + Add Template while signed in. The modal opens; the template list stays on Loading templates… indefinitely.

What’s actually happening. A patched window.fetch logged zero outbound requests after the click, yet the effect clearly ran (it flipped templatesLoading to true, which is visible in the UI). The effect declares [showTemplatePicker, allTemplates.length, templatesLoading] as its dependency array. Calling setTemplatesLoading(true) inside the effect re-renders the component, which re-runs the effect and invokes its cleanup (cancelled = true) on the previous run. The inner async IIFE then reaches:

} finally {
  if (!cancelled) setTemplatesLoading(false);
}

… which is a no-op because cancelled === true. React StrictMode’s double-invoke makes this deterministic, not a flake. There is a second guard at the top of the effect (if (allTemplates.length > 0 || templatesLoading) return;) that short-circuits every subsequent open, so the picker is permanently useless for the rest of the session.

Backend is not at fault. Querying the indexer directly from the browser returned the curated template instantly:

curl -s 'https://simocracy-indexer-production.up.railway.app/graphql' \
  -H 'Content-Type: application/json' \
  -d '{"query":"query FetchRecords($collection:String!,$first:Int,$after:String){records(collection:$collection,first:$first,after:$after){edges{node{uri cid did rkey collection value}}pageInfo{hasNextPage endCursor}}}",
      "variables":{"collection":"org.simocracy.interviewTemplate","first":10}}' | jq '.data.records.edges[0].node.value.name'
# "Default Constitution"

Suggested fix. Drop templatesLoading from the dependency array (and ideally also allTemplates.length) — both are written by the effect itself. A useRef-backed “didLoad” flag works too. Minimally:

useEffect(() => {
  if (!showTemplatePicker) return;
  if (allTemplatesRef.current.length > 0) return;
  let cancelled = false;
  (async () => { /* … */ })();
  return () => { cancelled = true; };
}, [showTemplatePicker]);