@ai-matrx/records-ui 0.106.0 → 0.107.0

package/dist/index.cjs

@@ -6186,7 +6186,8 @@ function formatControl(args) {
         {
           id,
           type: def.editor,
-          ...ownDetails && def.editor !== "url" ? { autoComplete: def.editor === "email" ? "email" : "tel" } : {},
+          inputMode: def.editor,
+          ...ownDetails ? { autoComplete: def.editor } : {},
           value: text2,
           disabled,
           onChange: (e) => commit(e.target.value)
@@ -6677,7 +6678,7 @@ function isPersonsName(field2) {
   const words2 = `${field2.key} ${field2.label ?? ""}`.toLowerCase();
   return /(^|[\s_])(full[\s_]?)?name(\s|$)/.test(words2) && !/(therapist|doctor|physician|company|business|pet|room)/.test(words2);
 }
-function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm }) {
+function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen }) {
   const host = useRecordsUi();
   const kind = editorKindFor(field2);
   const inputId = id ?? `field-${field2.key}`;
@@ -6741,7 +6742,8 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
         {
           id: inputId,
           type: kind === "email" ? "email" : kind === "phone" ? "tel" : "url",
-          ...ownDetails && kind !== "url" ? { autoComplete: kind === "email" ? "email" : "tel" } : {},
+          inputMode: kind === "email" ? "email" : kind === "phone" ? "tel" : "url",
+          ...ownDetails ? { autoComplete: kind === "email" ? "email" : kind === "phone" ? "tel" : "url" } : {},
           value: value === null || value === void 0 ? "" : String(value),
           disabled,
           onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
@@ -6751,7 +6753,7 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckboxControl, { field: field2, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm });
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm, onChosen });
     case "member":
       return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, initialSearch });
     case "entity_reference":
@@ -6933,7 +6935,7 @@ function inTheStoresOrder(options) {
   const made = (o) => String(o.created_at ?? "");
   return [...options].sort((a, b) => position(a) - position(b) || made(a).localeCompare(made(b)));
 }
-function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm }) {
+function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm, onChosen }) {
   const client = (0, import_react38.useOptionalRecordsClient)();
   const [options, setOptions] = (0, import_react37.useState)(null);
   const [refusal4, setRefusal] = (0, import_react37.useState)(null);
@@ -6952,7 +6954,7 @@ function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen,
   }, [client, field2.id, reread]);
   const handed = publicChoicesOf(field2);
   if (!client && handed.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChoiceAnswer, { field: field2, choices: handed, value, onChange, disabled, id });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChoiceAnswer, { field: field2, choices: handed, value, onChange, disabled, id, onChosen });
   }
   if (!client) {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
@@ -6982,6 +6984,7 @@ function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen,
         onChange,
         disabled,
         id,
+        onChosen,
         isChosen: (choice, v) => {
           const option = options.find((o) => (0, import_records15.optionKey)(o) === choice.key);
           return option ? (0, import_records15.isTheChosen)(option, v) : false;
@@ -7252,20 +7255,24 @@ function ChoiceAnswer({
   onChange,
   disabled,
   id,
-  isChosen
+  isChosen,
+  onChosen
 }) {
   const [search, setSearch] = (0, import_react37.useState)("");
   const held = field2.multi ? (0, import_records15.choiceValuesOf)(value) : value === null || value === void 0 || value === "" ? [] : [value];
   const on = (choice) => held.some((v) => isChosen ? isChosen(choice, v) : String(v) === choice.key || String(v) === choice.label);
   const press = (choice) => {
     if (!field2.multi) {
-      onChange(on(choice) ? null : choice.key);
+      const picking = !on(choice);
+      onChange(picking ? choice.key : null);
+      if (picking) onChosen?.();
       return;
     }
     const keys = choices.filter((c) => c.key === choice.key ? !on(c) : on(c)).map((c) => c.key);
     onChange(keys.length === 0 ? null : keys);
   };
   const lettered = choices.length <= CHOICE_LETTERS.length;
+  const tabStop = choices.find((c) => on(c))?.key ?? choices[0]?.key;
   const option = (choice) => {
     const chosen = on(choice);
     const letter = lettered ? CHOICE_LETTERS[choices.indexOf(choice)] : null;
@@ -7277,6 +7284,7 @@ function ChoiceAnswer({
         "aria-checked": chosen,
         "aria-label": choice.label,
         disabled,
+        tabIndex: field2.multi || choice.key === tabStop ? 0 : -1,
         onClick: () => press(choice),
         "data-records-choice-answer": choice.key,
         className: (0, import_design_system20.cn)(
@@ -7303,8 +7311,25 @@ function ChoiceAnswer({
     );
   };
   const onKeyDown = (event) => {
-    if (!lettered || disabled || event.metaKey || event.ctrlKey || event.altKey) return;
+    if (disabled || event.metaKey || event.ctrlKey || event.altKey) return;
     if (event.target.tagName === "INPUT") return;
+    const arrow = { ArrowDown: 1, ArrowRight: 1, ArrowUp: -1, ArrowLeft: -1 }[event.key];
+    if (arrow) {
+      const buttons = Array.from(
+        event.currentTarget.querySelectorAll("[data-records-choice-answer]")
+      );
+      const here = buttons.indexOf(event.target);
+      if (buttons.length === 0) return;
+      event.preventDefault();
+      const next = buttons[(Math.max(here, 0) + arrow + buttons.length) % buttons.length];
+      next.focus();
+      if (!field2.multi) {
+        const choice = choices.find((c) => c.key === next.dataset["recordsChoiceAnswer"]);
+        if (choice && !on(choice)) onChange(choice.key);
+      }
+      return;
+    }
+    if (!lettered) return;
     const at = CHOICE_LETTERS.indexOf(event.key.toUpperCase());
     if (event.key.length !== 1 || at < 0 || at >= choices.length) return;
     event.preventDefault();
@@ -10340,7 +10365,7 @@ function ChoiceValue({ field: field2, value, onChange }) {
     {
       triggerSize: "compact",
       triggerLabel: `Choice for ${field2.label || field2.key}`,
-      triggerText: value || "Choose",
+      triggerText: choices.find((c) => c.key === value || c.label === value)?.label ?? (value || "Choose"),
       open,
       onOpenChange: (next) => {
         setOpen(next);
@@ -10352,7 +10377,7 @@ function ChoiceValue({ field: field2, value, onChange }) {
         id: c.key,
         label: c.label,
         chip: choiceChipLookOf(field2, c.key, c.label).className,
-        picked: c.label === value,
+        picked: c.label === value || c.key === value,
         attrs: { "data-pick-value": c.label }
       })),
       onPick: (key) => {
@@ -10461,6 +10486,15 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         attrs: { "data-condition": "field" }
       }
     ),
+    onField && !fields.some((f) => f.id === onField) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      "span",
+      {
+        className: "rounded bg-destructive px-1.5 py-0.5 text-[11px] font-medium text-destructive-foreground",
+        title: "This condition names a question that is no longer on the form.",
+        "data-records-condition-missing": "",
+        children: "Missing question"
+      }
+    ) : null,
     onField ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         PickOne,
@@ -37920,9 +37954,41 @@ function formPresentation(spec) {
     welcome: welcomeDocument(spec.welcome ?? null),
     endings: (spec.endings ?? []).map(endingDocument),
     hidden_fields: spec.hiddenFields ?? [],
-    theme: themeDocument(spec.theme ?? null)
+    theme: themeDocument(spec.theme ?? null),
+    ...typeof spec.showOwnerHeader === "boolean" ? { show_owner_header: spec.showOwnerHeader } : {},
+    ...typeof spec.autoAdvance === "boolean" ? { auto_advance: spec.autoAdvance } : {},
+    ...spec.notify && (spec.notify.webhookUrl || spec.notify.webhookAutomationId) ? { notify: strip({ webhook_url: text(spec.notify.webhookUrl), webhook_automation_id: text(spec.notify.webhookAutomationId) }) } : {}
   };
 }
+function notifyFromDocument(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
+  const d = raw;
+  const n = { webhookUrl: text(d["webhook_url"]), webhookAutomationId: text(d["webhook_automation_id"]) };
+  return n.webhookUrl || n.webhookAutomationId ? n : null;
+}
+var bool = (v) => typeof v === "boolean" ? v : null;
+function answerRefusal(kind, required, value) {
+  const empty = value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+  if (empty) return required ? "This field is required" : null;
+  if (typeof value !== "string") return null;
+  const v = value.trim();
+  if (kind === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v)) return "Enter a valid email";
+  if (kind === "phone" && (v.replace(/\D/g, "").length < 7 || /[^\d\s()+.\-x]/i.test(v))) return "Enter a valid phone number";
+  if (kind === "url" && !/^(https?:\/\/)?[^\s.\/]+(\.[^\s.\/]+)+(\/\S*)?$/i.test(v)) return "Enter a valid link";
+  return null;
+}
+function pipeAnswers(text2, answers, questions, labelOf) {
+  if (!text2.includes("{{")) return text2;
+  return text2.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_all, name) => {
+    const wanted = name.trim().toLowerCase();
+    const q = questions.find((x) => x.key.toLowerCase() === wanted) ?? questions.find((x) => (x.ask ?? "").trim().toLowerCase() === wanted);
+    if (!q) return "";
+    const value = answers[q.key];
+    if (value === void 0 || value === null) return "";
+    const one = (v) => labelOf?.(q.key, v) ?? String(v);
+    return Array.isArray(value) ? value.map(one).join(", ") : one(value);
+  });
+}
 var text = (v) => typeof v === "string" && v.trim() !== "" ? v.trim() : null;
 var num = (v) => typeof v === "number" && Number.isFinite(v) ? v : null;
 var strip = (doc) => Object.fromEntries(Object.entries(doc).filter(([, v]) => v !== null && v !== void 0));
@@ -38097,6 +38163,9 @@ function formFromSummary(summary) {
     thankYou: thankYouFromDocument(presentation["thank_you"]),
     look: formLookFromDocument(presentation["look"]),
     submitLabel: presentation["submit_label"] ?? null,
+    showOwnerHeader: bool(presentation["show_owner_header"]),
+    autoAdvance: bool(presentation["auto_advance"]),
+    notify: notifyFromDocument(presentation["notify"]),
     // A form is public when the store says it is OPEN. A screen never decides
     // this from a flag of its own: the link answers or it does not.
     isPublic: summary.state === "open",
@@ -38880,6 +38949,50 @@ function compactTick(value) {
   if (Math.abs(value) < 1e3 && !Number.isInteger(value)) return String(Math.round(value * 10) / 10);
   return (0, import_format10.formatCount)(value, { style: "compact" });
 }
+function wrapTickWords(label, perLine, maxLines = 3) {
+  const words2 = label.split(/\s+/).filter(Boolean).map((w) => w.length > perLine ? `${w.slice(0, perLine - 1)}\u2026` : w);
+  const lines = [];
+  let line = "";
+  for (const word of words2) {
+    const next = line ? `${line} ${word}` : word;
+    if (next.length <= perLine) line = next;
+    else {
+      lines.push(line);
+      line = word;
+    }
+  }
+  if (line) lines.push(line);
+  if (lines.length <= maxLines) return lines;
+  const kept = lines.slice(0, maxLines);
+  const last = kept[maxLines - 1].replace(/…$/, "");
+  kept[maxLines - 1] = `${last.length >= perLine ? last.slice(0, perLine - 1) : last}\u2026`;
+  return kept;
+}
+function WrappedTick(props) {
+  const { x = 0, y = 0, payload, across, perLine } = props;
+  const lines = wrapTickWords(String(payload?.value ?? ""), perLine);
+  const lineHeight = 11;
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    "text",
+    {
+      x,
+      y,
+      fontSize: 10,
+      fill: "currentColor",
+      textAnchor: across ? "end" : "middle",
+      "data-records-chart-tick": "",
+      children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        "tspan",
+        {
+          x: across ? x - 4 : x,
+          dy: i === 0 ? across ? -((lines.length - 1) * lineHeight) / 2 + 3 : 10 : lineHeight,
+          children: line
+        },
+        i
+      ))
+    }
+  );
+}
 function Drawing({
   kind,
   points,
@@ -38985,9 +39098,9 @@ function Drawing({
         /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.CartesianGrid, { vertical: horizontal, horizontal: !horizontal }),
         horizontal ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.XAxis, { type: "number", ...axis }),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.YAxis, { type: "category", dataKey: "label", width: 88, ...axis })
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.YAxis, { type: "category", dataKey: "label", width: 96, ...axis, tick: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(WrappedTick, { across: true, perLine: 15 }) })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.XAxis, { dataKey: "label", ...axis }),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.XAxis, { dataKey: "label", ...axis, interval: 0, height: 40, tick: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(WrappedTick, { perLine: Math.max(6, Math.floor(width / Math.max(points.length, 1) / 6)) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_recharts.YAxis, { width: 44, ...axis })
         ] }),
         tooltip,
@@ -40631,7 +40744,7 @@ function FormLookLogo({ view, size = "md" }) {
     }
   );
 }
-function FormLookFrame({ look, title, children, contained = false, className }) {
+function FormLookFrame({ look, title, children, contained = false, showOwnerHeader = true, className }) {
   const view = formLookView(look, title);
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "div",
@@ -40648,10 +40761,10 @@ function FormLookFrame({ look, title, children, contained = false, className })
           }
         ) : null,
         view.coverUrl ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { "data-records-form-cover": "", className: "aspect-[3/1] w-full overflow-hidden rounded-xl border border-border bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("img", { src: view.coverUrl, alt: "", className: "h-full w-full object-cover" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-3", children: [
+        showOwnerHeader ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-3", "data-records-form-owner": "", children: [
           /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(FormLookLogo, { view }),
           /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "min-w-0 truncate text-base font-semibold tracking-tight text-foreground", children: view.name })
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
         /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "w-full", children }),
         view.footerLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("footer", { className: "mt-10 flex flex-wrap items-center justify-center gap-x-5 gap-y-2 pb-6 text-sm text-muted-foreground", children: view.footerLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
@@ -41473,11 +41586,14 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 
 // src/FormBuilder.tsx
 var import_clipboard9 = require("@ai-matrx/kit/clipboard");
+var import_design_system117 = require("@ai-matrx/design-system");
+var import_react232 = require("react");
+var import_core22 = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_react233 = require("@ai-matrx/records/react");
+var import_records56 = require("@ai-matrx/records");
 var import_design_system118 = require("@ai-matrx/design-system");
-var import_react234 = require("react");
-var import_react235 = require("@ai-matrx/records/react");
-var import_records57 = require("@ai-matrx/records");
-var import_design_system119 = require("@ai-matrx/design-system");
 
 // src/FormFlowEditor.tsx
 var import_react229 = require("react");
@@ -41824,7 +41940,8 @@ function FormStage({
   className,
   connected = false,
   onStart,
-  onQuestionShown
+  onQuestionShown,
+  autoAdvance
 }) {
   const host = useRecordsUi();
   const [answers, setAnswers] = (0, import_react230.useState)(() => ({ ...initialAnswers ?? {} }));
@@ -41837,6 +41954,11 @@ function FormStage({
   const [ending, setEnding] = (0, import_react230.useState)(null);
   const [started, setStarted] = (0, import_react230.useState)(() => !form.welcome || resumed);
   const routes = formRoutes(form);
+  const [routeKnown, setRouteKnown] = (0, import_react230.useState)(() => !routes || !whichAsked);
+  const [stopped, setStopped] = (0, import_react230.useState)(null);
+  const answersRef = (0, import_react230.useRef)(answers);
+  answersRef.current = answers;
+  const choose = autoAdvance ?? form.autoAdvance ?? true;
   const decoy = (0, import_react230.useRef)("");
   const stage = (0, import_react230.useRef)(null);
   const questions = (0, import_react230.useMemo)(() => {
@@ -41872,6 +41994,7 @@ function FormStage({
           };
         }
         if (cancelled) return;
+        setRouteKnown(true);
         if (!told2.ok) {
           setHidden({});
           setError(told2.error ?? refusal("not_supported", told2.message, "Answer every question shown; none were skipped."));
@@ -41893,7 +42016,7 @@ function FormStage({
           ) : null
         );
       })();
-    }, 250);
+    }, routeKnown ? 250 : 0);
     return () => {
       cancelled = true;
       clearTimeout(timer);
@@ -41928,11 +42051,24 @@ function FormStage({
     const v = answers[q.key];
     return v !== void 0 && v !== null && v !== "";
   }).length;
-  const missing = live.filter((q) => {
-    const v = answers[q.key];
-    return q.required && (v === void 0 || v === null || v === "");
-  });
+  const refusalFor = (q, values = answersRef.current) => answerRefusal(q.field ? String(editorKindFor(q.field)) : "text", q.required, values[q.key]);
+  const refuse = (q, say2) => {
+    setStopped({ key: q.key, say: say2 });
+    const i = live.findIndex((x) => x.key === q.key);
+    if (oneAtATime && i >= 0 && i !== index) setAt(i);
+    window.setTimeout(() => {
+      const box = stage.current?.querySelector(`[data-records-form-question="${CSS.escape(q.key)}"]`);
+      box?.querySelector("[role='radio'][aria-checked='true'], input:not([tabindex='-1']), textarea, select, [role='combobox'], [role='radio'], [role='checkbox']")?.focus();
+    }, 0);
+  };
   const submit = (0, import_react230.useCallback)(async () => {
+    for (const q of live) {
+      const say2 = refusalFor(q);
+      if (say2) {
+        refuse(q, say2);
+        return;
+      }
+    }
     if (preview) {
       setDone("preview");
       return;
@@ -41964,20 +42100,28 @@ function FormStage({
   }, [answers, form, honeypotKey, live, onSubmit, onSubmitted, preview, questions]);
   async function advance() {
     if (!oneAtATime) return;
+    if (current) {
+      const say2 = refusalFor(current);
+      if (say2) {
+        refuse(current, say2);
+        return;
+      }
+    }
+    setStopped(null);
     if (!routes || !whichAsked || !current) {
       if (index < live.length - 1) setAt(index + 1);
-      else if (missing.length === 0) void submit();
+      else void submit();
       return;
     }
     let told2;
     try {
-      told2 = await whichAsked(answers);
+      told2 = await whichAsked(answersRef.current);
     } catch {
       told2 = { ok: false, message: "This form could not work out which question comes next, so the next one is shown." };
     }
     if (!told2.ok) {
       if (index < live.length - 1) setAt(index + 1);
-      else if (missing.length === 0) void submit();
+      else void submit();
       return;
     }
     const next = {};
@@ -41990,13 +42134,18 @@ function FormStage({
       setAt(here + 1);
       return;
     }
-    const stillMissing = onRoute.filter((q) => {
-      const v = answers[q.key];
-      return q.required && (v === void 0 || v === null || v === "");
-    });
-    if (stillMissing.length === 0) void submit();
+    const stillMissing = onRoute.find((q) => refusalFor(q) !== null);
+    if (stillMissing) refuse(stillMissing, refusalFor(stillMissing));
+    else void submit();
   }
+  const advanceRef = (0, import_react230.useRef)(advance);
+  advanceRef.current = advance;
+  const chosen = (0, import_react230.useCallback)(() => {
+    if (!oneAtATime || !choose) return;
+    window.setTimeout(() => void advanceRef.current(), 450);
+  }, [oneAtATime, choose]);
   function retreat() {
+    setStopped(null);
     if (oneAtATime && index > 0) setAt(index - 1);
   }
   function onKeyDown(event) {
@@ -42012,12 +42161,11 @@ function FormStage({
     else advance();
   }
   (0, import_react230.useEffect)(() => {
-    const input = stage.current?.querySelector(
-      // A choice question has no box: its first option takes the caret, so A / B / C answer it.
+    const input = stage.current?.querySelector("[role='radio'][aria-checked='true']") ?? stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox'], [role='radio'], [role='checkbox']"
     );
     input?.focus();
-  }, [index, done]);
+  }, [index, done, started]);
   const startTold = (0, import_react230.useRef)(false);
   (0, import_react230.useEffect)(() => {
     if (startTold.current || !onStart) return;
@@ -42036,6 +42184,10 @@ function FormStage({
     }
   }, [current, live, oneAtATime, onQuestionShown, started, done]);
   const theme = (0, import_design_system116.formThemeClasses)(form.theme ?? null);
+  const pipe = (text2) => pipeAnswers(text2, answers, questions, (key, v) => {
+    const f = questions.find((q) => q.key === key)?.field;
+    return f ? publicChoicesOf(f).find((c) => c.key === String(v))?.label ?? null : null;
+  });
   if (done) {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       ThankYou,
@@ -42044,6 +42196,7 @@ function FormStage({
         done,
         ending: (form.endings ?? []).find((e) => e.id === ending) ?? null,
         buttonClass: theme.buttonClass,
+        pipe,
         className: (0, import_design_system116.cn)("mx-auto max-w-xl py-10", centred && "text-center", className)
       }
     );
@@ -42055,14 +42208,14 @@ function FormStage({
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
       "section",
       {
-        className: (0, import_design_system116.cn)("mx-auto flex w-full max-w-xl flex-col gap-3 py-8", theme.surface, theme.background !== "plain" && "rounded-lg px-5", centred && "items-center text-center", className),
+        className: (0, import_design_system116.cn)("mx-auto flex min-h-[min(70dvh,640px)] w-full max-w-2xl flex-col justify-center gap-4 py-8", theme.surface, theme.background !== "plain" && "rounded-lg px-5", centred && "items-center text-center", className),
         style: theme.surfaceStyle,
         "data-records-form-welcome": "",
         children: [
           w.pictureUrl ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("img", { src: w.pictureUrl, alt: "", className: "max-h-56 w-full rounded-md object-cover" }) : null,
-          w.title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h2", { className: "text-xl font-semibold", children: w.title }) : null,
-          w.body ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-sm text-muted-foreground", children: authored(host, w.body, "form-intro") }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "sm", className: theme.buttonClass, onClick: () => setStarted(true), "data-records-form-start": "", children: w.buttonLabel || "Start" }) })
+          w.title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h2", { className: "text-2xl font-semibold sm:text-3xl", children: w.title }) : null,
+          w.body ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-base text-muted-foreground", children: authored(host, w.body, "form-intro") }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "lg", className: theme.buttonClass, onClick: () => setStarted(true), "data-records-form-start": "", children: w.buttonLabel || "Start" }) })
         ]
       }
     );
@@ -42071,7 +42224,15 @@ function FormStage({
   return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     "section",
     {
-      className: (0, import_design_system116.cn)("mx-auto flex w-full max-w-xl flex-col gap-3 py-4", theme.surface, theme.background !== "plain" && "rounded-lg px-5", centred && "text-center", className),
+      className: (0, import_design_system116.cn)(
+        "mx-auto flex w-full max-w-2xl flex-col gap-4 py-4",
+        // TYPEFORM'S SIZE (TYPEFORM-2): one question at a time fills the screen, centred in it.
+        oneAtATime && "min-h-[min(70dvh,640px)]",
+        theme.surface,
+        theme.background !== "plain" && "rounded-lg px-5 sm:px-8",
+        centred && "text-center",
+        className
+      ),
       style: theme.surfaceStyle,
       "data-records-form-font": theme.font,
       onKeyDown,
@@ -42081,20 +42242,41 @@ function FormStage({
             import_design_system116.Progress,
             {
               value: live.length === 0 ? 0 : (oneAtATime ? index + 1 : answered) / live.length * 100,
-              className: "h-1 flex-1"
+              className: "h-1 flex-1",
+              "aria-label": "Form progress",
+              ...routeKnown ? { "aria-valuetext": oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` } : {}
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "tabular-nums", children: oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` })
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: (0, import_design_system116.cn)("min-w-[3.5rem] text-right tabular-nums", !routeKnown && "invisible"), "data-records-form-count": "", children: oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` })
         ] }),
-        signedInPublic ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "rounded border border-dashed px-2 py-1 text-left text-xs text-muted-foreground", children: "You are answering this signed in, so the record will carry your name. A stranger answers the same form at its public link, where the answer arrives through the anonymous door instead." }) : null,
-        unanswerable ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "rounded border border-dashed px-2 py-1 text-left text-xs text-muted-foreground", children: "This form has questions that only appear in certain cases. Nothing here can work out which ones, so all of them are being shown rather than any being skipped." }) : null,
-        unresolved.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("p", { className: "rounded border border-dashed px-2 py-1 text-left text-xs text-destructive", children: [
-          unresolved.map((q) => q.key).join(", "),
-          " ",
-          unresolved.length === 1 ? "is a question" : "are questions",
-          " this form asks for and this table has no such Field. Add the Field, or take the question out \u2014 it is shown here rather than quietly dropped, because a dropped question is an answer nobody gave."
-        ] }) : null,
-        form.intro && index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-sm text-muted-foreground", children: authored(host, form.intro, "form-intro") }) : null,
+        signedInPublic ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          "p",
+          {
+            className: "w-fit rounded border border-dashed px-2 py-0.5 text-left text-xs text-muted-foreground",
+            title: "The record will carry your name. Strangers answer at the public link.",
+            children: "Signed in \xB7 saved as you"
+          }
+        ) : null,
+        unanswerable ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          "p",
+          {
+            className: "w-fit rounded border border-dashed px-2 py-0.5 text-left text-xs text-muted-foreground",
+            title: "Nothing here can work out which conditional questions apply, so all of them are shown.",
+            children: "Showing every question"
+          }
+        ) : null,
+        unresolved.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+          "p",
+          {
+            className: "w-fit rounded border border-destructive/40 px-2 py-0.5 text-left text-xs text-destructive",
+            title: "The table has no such field. Add the field, or take the question out.",
+            children: [
+              "Missing field: ",
+              unresolved.map((q) => q.ask).join(", ")
+            ]
+          }
+        ) : null,
+        form.intro && index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-base text-muted-foreground", children: authored(host, form.intro, "form-intro") }) : null,
         error ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(RefusalNotice, { error, className: "text-left" }) : null,
         refusal4 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           RefusalNotice,
@@ -42116,14 +42298,20 @@ function FormStage({
           (oneAtATime ? current ? [current] : [] : live).map((q) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             Question,
             {
-              question: q,
+              question: { ...q, ask: pipe(q.ask), help: q.help ? pipe(q.help) : null },
               value: answers[q.key],
-              onChange: (v) => setAnswers((prev) => ({ ...prev, [q.key]: v })),
+              onChange: (v) => {
+                if (stopped?.key === q.key) setStopped(null);
+                setAnswers((prev) => ({ ...prev, [q.key]: v }));
+              },
+              onChosen: chosen,
+              refused: stopped?.key === q.key ? stopped.say : null,
+              large: oneAtATime,
               upload: host.upload
             },
             q.key
           )),
-          live.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every question in this form is hidden by its own condition right now, so there is nothing to answer yet." }) : null
+          live.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-xs text-muted-foreground", title: "Every question is hidden by its own condition right now.", children: "Nothing to answer yet" }) : null
         ] }),
         honeypotKey ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { "aria-hidden": true, className: "pointer-events-none absolute left-[-9999px] h-px w-px overflow-hidden", children: [
           /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("label", { htmlFor: `hp-${honeypotKey}`, children: "Leave this field empty" }),
@@ -42142,16 +42330,14 @@ function FormStage({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("footer", { className: (0, import_design_system116.cn)("flex flex-wrap items-center gap-2", centred && "justify-center"), children: [
-          oneAtATime && index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "sm", variant: "ghost", className: theme.buttonClass, onClick: retreat, children: "Back" }) : null,
-          oneAtATime && index < live.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "sm", className: theme.buttonClass, onClick: () => void advance(), children: "Next" }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "sm", className: theme.buttonClass, disabled: writing || missing.length > 0, onClick: () => void submit(), children: writing ? "Sending\u2026" : form.submitLabel ?? "Submit" }),
-          missing.length > 0 && (!oneAtATime || index === live.length - 1) ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
-            missing.map((q) => q.ask).join(", "),
-            " still ",
-            missing.length === 1 ? "needs" : "need",
-            " an answer."
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("footer", { className: (0, import_design_system116.cn)("flex flex-wrap items-center gap-3", centred && "justify-center"), children: [
+          oneAtATime && index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "lg", variant: "ghost", className: theme.buttonClass, onClick: retreat, children: "Back" }) : null,
+          oneAtATime && index < live.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "lg", className: theme.buttonClass, onClick: () => void advance(), children: "Next" }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Button, { size: "lg", className: theme.buttonClass, disabled: writing, onClick: () => void (oneAtATime ? advance() : submit()), children: writing ? "Sending\u2026" : form.submitLabel ?? "Submit" }),
+          oneAtATime ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "hidden text-xs text-muted-foreground sm:inline", "data-records-form-enter-hint": "", children: [
+            "press ",
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("strong", { className: "font-semibold text-foreground", children: "Enter \u21B5" })
           ] }) : null,
-          preview ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-xs text-muted-foreground", children: "Preview \u2014 nothing is written." }) : null
+          preview ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-xs text-muted-foreground", title: "Nothing is written from a preview.", children: "Preview" }) : null
         ] })
       ]
     }
@@ -42163,12 +42349,15 @@ function ThankYou({
   done,
   className,
   ending,
-  buttonClass
+  buttonClass,
+  pipe = (t) => t
 }) {
   const host = useRecordsUi();
   const redirect = (ending ? ending.redirectUrl?.trim() : form.thankYou?.redirectUrl?.trim()) || null;
-  const title = ending ? ending.title : form.thankYou?.title;
-  const body = ending ? ending.body : form.thankYou?.body;
+  const rawTitle = ending ? ending.title : form.thankYou?.title;
+  const rawBody = ending ? ending.body : form.thankYou?.body;
+  const title = rawTitle ? pipe(rawTitle) : rawTitle;
+  const body = rawBody ? pipe(rawBody) : rawBody;
   const going = redirect !== null && done !== "preview";
   (0, import_react230.useEffect)(() => {
     if (!going || !redirect) return;
@@ -42185,8 +42374,8 @@ function ThankYou({
       }
     ),
     ending?.pictureUrl ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("img", { src: ending.pictureUrl, alt: "", className: "mb-3 max-h-48 w-full rounded-md object-cover" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h2", { className: "text-lg font-medium", "data-records-form-ending": ending?.id ?? "", children: title || "Thank you" }),
-    body ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: authored(host, body, "form-thank-you") }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h2", { className: "text-2xl font-semibold", "data-records-form-ending": ending?.id ?? "", children: title || "Thank you" }),
+    body ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "mt-2 text-base text-muted-foreground", children: authored(host, body, "form-thank-you") }) : null,
     going ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("p", { className: "mt-4 flex flex-wrap items-center gap-3 text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
         "a",
@@ -42199,11 +42388,11 @@ function ThankYou({
       ),
       /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-muted-foreground", children: "Taking you there\u2026" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "mt-3 text-xs text-muted-foreground", children: done === "preview" ? redirect ? `This was a preview, so nothing was written. The live form goes on to ${redirect}.` : "This was a preview, so nothing was written." : done === "sent" ? (
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "mt-3 text-xs text-muted-foreground", children: done === "preview" ? redirect ? `Preview \xB7 then ${redirect}` : "Preview \xB7 nothing saved" : done === "sent" ? (
       // SAID TO THE PERSON WHO ANSWERED (lane HANDOVER, 2026-09-29): "Saved to Form 1, with
       // this form stamped on it" was the owner's bookkeeping read out to a front-desk member
       // and to strangers. Where it landed is the owner's to see on the table.
-      "Your answers were received."
+      "Answers received"
     ) : done })
   ] });
 }
@@ -42211,6 +42400,9 @@ function Question({
   question,
   value,
   onChange,
+  onChosen,
+  refused,
+  large,
   upload
 }) {
   const host = useRecordsUi();
@@ -42218,297 +42410,62 @@ function Question({
   const field2 = question.field;
   if (!field2) return null;
   const id = `form-${field2.key}`;
+  const sayId = `${id}-refused`;
   const isAttachment = editorKindFor(field2) === "attachment";
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(FieldLabel, { field: { ...field2, label: question.ask, required: question.required }, htmlFor: id }),
-    question.help ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-xs text-muted-foreground", children: authored(host, question.help, "form-help") }) : null,
-    isAttachment && !upload ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", children: NO_UPLOAD_REASON }) : isAttachment ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-        "input",
-        {
-          id,
-          type: "file",
-          className: "text-xs",
-          onChange: (e) => {
-            const file = e.target.files?.[0];
-            if (!file) return;
-            setUploadError(null);
-            void upload?.(file).then((result) => {
-              if (!result) return;
-              if (result.ok) onChange(result.fileId);
-              else
-                setUploadError(
-                  refusal("invalid_argument", result.reason, "Pick another file, or try this one again.")
-                );
-            });
-          }
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    "div",
+    {
+      className: (0, import_design_system116.cn)(
+        "flex flex-col",
+        large ? "gap-3 [&_input]:text-base [&_textarea]:text-base [&_input]:min-h-12" : "gap-1.5 [&_input]:text-base [&_textarea]:text-base"
       ),
-      uploadError ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(RefusalLine, { error: uploadError }) : null
-    ] }) : (
-      // A choice is laid out as pills or a searchable list in its own colours (`ChoiceAnswer`).
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(FieldControl, { field: field2, value, onChange, id, asForm: true })
-    )
-  ] });
-}
-
-// src/NotifyRuleEditor.tsx
-var import_react232 = require("react");
-var import_react233 = require("@ai-matrx/records/react");
-var import_records56 = require("@ai-matrx/records");
-var import_design_system117 = require("@ai-matrx/design-system");
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
-var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
-function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className }) {
-  const client = (0, import_react233.useRecordsClient)();
-  const host = useRecordsUi();
-  const table = (0, import_react233.useTable)(tableId);
-  const rights = useTableRights(table.data);
-  const [subscriptions, setSubscriptions] = (0, import_react232.useState)(null);
-  const [cadences, setCadences] = (0, import_react232.useState)([]);
-  const [views, setViews] = (0, import_react232.useState)(null);
-  const [error, setError] = (0, import_react232.useState)(null);
-  const [busy, setBusy] = (0, import_react232.useState)(false);
-  const [stopping, setStopping] = (0, import_react232.useState)(null);
-  const load = (0, import_react232.useCallback)(async () => {
-    const [held, offered] = await Promise.all([
-      // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
-      // to them plus — only where they hold admin on this Table — anyone's over
-      // it, and it is narrowed to Tables they can already open.
-      client.subscriptions({ table_id: tableId }),
-      // The cadences are ASKED of the store, never a list typed into a picker
-      // here that could drift from what the digest runner understands.
-      client.subscriptionCadences()
-    ]);
-    if (!held.ok) {
-      setError(held.error);
-      return;
-    }
-    setError(null);
-    setSubscriptions(held.data);
-    if (offered.ok) setCadences(offered.data);
-    if (host.savedViews) {
-      setViews(await host.savedViews());
-      return;
-    }
-    const listed = await client.views({ table_id: tableId });
-    if (!listed.ok) {
-      setError(listed.error);
-      return;
-    }
-    setViews(listed.data.map((v) => ({ id: v.view_id, name: v.name })));
-  }, [client, host, tableId]);
-  (0, import_react232.useEffect)(() => {
-    void load();
-  }, [load]);
-  const write = (0, import_react232.useCallback)(
-    async (spec) => {
-      const declared2 = await client.subscriptionDeclare({
-        table_id: tableId,
-        spec: {
-          name: spec.name,
-          saved_view_id: spec.savedViewId,
-          cadence: spec.cadence ?? "instant",
-          schedule: spec.schedule ?? null,
-          channel: spec.channel ?? "in_app",
-          quiet_hours: spec.quietHours ?? null,
-          // "Tell me" is the default, and the store refuses a subscription with
-          // nobody to tell rather than writing one that fires at nobody.
-          recipient_user_id: spec.recipientUserId ?? client.config.actor.user_id ?? null,
-          event_key: spec.eventKey ?? "records.changed"
-        }
-      });
-      if (!declared2.ok) {
-        setError(declared2.error);
-        return null;
-      }
-      return declared2.data;
-    },
-    [client, tableId]
-  );
-  (0, import_react232.useEffect)(() => {
-    if (!subscriptions || !seed || seed.length === 0) return;
-    const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
-    if (missing.length === 0) return;
-    void (async () => {
-      for (const spec of missing) {
-        if (!await write(spec)) return;
-      }
-      await load();
-    })();
-  }, [subscriptions, seed, write, load]);
-  async function subscribe(viewId, viewName, cadence, channel, schedule, quiet2) {
-    setBusy(true);
-    const ok = await write({
-      name: `${viewName} \u2014 ${CADENCE_WORDS2[cadence] ?? cadence}`,
-      savedViewId: viewId,
-      cadence,
-      channel,
-      schedule: schedule.trim() === "" ? null : schedule.trim(),
-      quietHours: quiet2
-    });
-    setBusy(false);
-    if (!ok) return;
-    onChoose?.(ok);
-    await load();
-  }
-  async function makeEveryRecordView() {
-    setBusy(true);
-    const made = await client.viewDeclare({
-      table_id: tableId,
-      spec: { name: `Every ${table.data?.name ?? "record"}`, filters: null }
-    });
-    setBusy(false);
-    if (!made.ok) {
-      setError(made.error);
-      return;
-    }
-    await load();
-  }
-  async function unsubscribe(ruleId) {
-    setStopping(null);
-    setBusy(true);
-    const deleted = await client.recordDelete({ record_id: ruleId });
-    setBusy(false);
-    if (!deleted.ok) {
-      setError(deleted.error);
-      return;
-    }
-    await load();
-  }
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-      RefusalNotice,
-      {
-        error,
-        className,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
-      }
-    );
-  }
-  if (subscriptions === null) return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Skeleton, { className: (0, import_design_system117.cn)("h-40 w-full", className) });
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: (0, import_design_system117.cn)("flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium text-foreground", children: "Tell me when" }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { children: [
-        subscriptions.length,
-        " subscription",
-        subscriptions.length === 1 ? "" : "s"
-      ] })
-    ] }),
-    subscriptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-muted-foreground", children: "Nothing is telling anyone about this yet. A subscription is a Rule over a saved view, so what you are told about is exactly what that view holds." }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("ul", { className: "flex flex-col gap-1", children: subscriptions.map((held) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "flex items-center gap-2 rounded border px-2 py-1.5 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "truncate font-medium", children: held.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-muted-foreground", children: CADENCE_WORDS2[held.cadence] ?? held.cadence }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-muted-foreground", children: CHANNEL_WORDS3[held.channel] ?? held.channel }),
-      held.schedule ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-muted-foreground", children: scheduleWords(held.schedule, held.quiet_hours?.tz) }) : null,
-      held.next_digest_at ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-muted-foreground", children: [
-        "next ",
-        new Date(held.next_digest_at).toLocaleString()
-      ] }) : null,
-      (0, import_records56.hasQuietHours)(held.quiet_hours) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-muted-foreground", children: [
-        "quiet ",
-        held.quiet_hours.start,
-        "\u2013",
-        held.quiet_hours.end
-      ] }) : null,
-      held.recipient_user_id === null ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-destructive", children: "This one has nobody to tell, so it fires at nobody." }) : null,
-      held.saved_view_id === null ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-destructive", children: "This one names no view, so the store never admits a record to it." }) : null,
-      held.muted ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-muted-foreground", children: "Switched off \u2014 it tells nobody until somebody switches it back on." }) : null,
-      onChoose ? held.rule_id === chosenRuleId ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium text-foreground", children: "Used for this form" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", variant: "ghost", disabled: busy, onClick: () => onChoose(null), children: "Stop using" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-        import_design_system117.Button,
-        {
-          size: "sm",
-          variant: "outline",
-          className: "ml-auto",
-          disabled: busy,
-          onClick: () => onChoose(held.rule_id),
-          children: "Use for this form"
-        }
-      ) : null,
-      rights.write && !(onChoose && held.rule_id === chosenRuleId) && stopping === held.rule_id ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: (0, import_design_system117.cn)("flex flex-wrap items-center gap-2", onChoose ? void 0 : "ml-auto"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-destructive", children: archiveConfirmSentence("this subscription") }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void unsubscribe(held.rule_id), children: "Stop telling me" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", variant: "ghost", onClick: () => setStopping(null), children: "Keep it" })
-      ] }) : rights.write && !(onChoose && held.rule_id === chosenRuleId) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-        import_design_system117.Button,
-        {
-          size: "sm",
-          variant: "ghost",
-          className: onChoose ? void 0 : "ml-auto",
-          disabled: busy,
-          onClick: () => setStopping(held.rule_id),
-          children: "Stop telling me"
-        }
-      ) : null
-    ] }, held.rule_id)) }),
-    onChoose && chosenRuleId && !subscriptions.some((held) => held.rule_id === chosenRuleId) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-destructive", children: "This form points at a subscription that is not in this list any more, so nobody is told when it is answered. Choose one below, or make one." }) : null,
-    views === null ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", children: NO_SAVED_VIEWS_REASON }) : views.length === 0 ? onChoose && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "A subscription watches a saved view, and this table has none yet." }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void makeEveryRecordView(), children: "Watch every record" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-muted-foreground", children: "This organization has no saved views yet, so there is nothing to subscribe to. Save a view first." }) : rights.write ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
-      "form",
-      {
-        className: "flex flex-wrap items-center gap-1",
-        onSubmit: (event) => {
-          event.preventDefault();
-          const form = event.currentTarget;
-          const view = form.elements.namedItem("view").value;
-          const cadence = form.elements.namedItem("cadence").value;
-          const channel = form.elements.namedItem("channel").value;
-          const schedule = form.elements.namedItem("schedule").value;
-          const start = form.elements.namedItem("quiet_start").value;
-          const end = form.elements.namedItem("quiet_end").value;
-          const name = views.find((v) => v.id === view)?.name ?? "View";
-          const quiet2 = start && end ? { start, end, tz: Intl.DateTimeFormat().resolvedOptions().timeZone } : null;
-          if (view) void subscribe(view, name, cadence, channel, schedule, quiet2);
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("select", { name: "view", "aria-label": "View to be told about", className: "h-7 rounded border bg-background px-1 text-xs", children: views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: view.id, children: view.name }, view.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("select", { name: "cadence", "aria-label": "How often", className: "h-7 rounded border bg-background px-1 text-xs", children: (cadences.length > 0 ? cadences : ["instant"]).map((cadence) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: cadence, children: CADENCE_WORDS2[cadence] ?? cadence }, cadence)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("select", { name: "channel", "aria-label": "Where it arrives", className: "h-7 rounded border bg-background px-1 text-xs", children: ["in_app", "email", "sms"].map((channel) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: channel, children: CHANNEL_WORDS3[channel] }, channel)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-            "input",
-            {
-              name: "schedule",
-              "aria-label": "When the summary goes out",
-              placeholder: "monday 08:00",
-              className: "h-7 w-28 rounded border bg-background px-1 text-xs"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-muted-foreground", children: "not between" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-            "input",
-            {
-              name: "quiet_start",
-              type: "time",
-              "aria-label": "Quiet hours start",
-              className: "h-7 rounded border bg-background px-1 text-xs"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-muted-foreground", children: "and" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      "data-records-form-question": field2.key,
+      "aria-describedby": refused ? sayId : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system116.Label, { htmlFor: id, className: (0, import_design_system116.cn)("font-medium leading-snug text-foreground", large ? "text-xl sm:text-2xl" : "text-base"), children: question.ask }),
+          question.required ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm text-foreground/80", children: "required" }) : null,
+          field2.unit ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-sm text-foreground/70", children: field2.unit }) : null
+        ] }),
+        question.help ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: (0, import_design_system116.cn)("text-muted-foreground", large ? "text-base" : "text-sm"), children: authored(host, question.help, "form-help") }) : null,
+        isAttachment && !upload ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "w-fit rounded border border-dashed px-2 py-0.5 text-xs text-muted-foreground", title: NO_UPLOAD_REASON, children: "File upload unavailable here" }) : isAttachment ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             "input",
             {
-              name: "quiet_end",
-              type: "time",
-              "aria-label": "Quiet hours end",
-              className: "h-7 rounded border bg-background px-1 text-xs"
+              id,
+              type: "file",
+              className: "text-sm",
+              onChange: (e) => {
+                const file = e.target.files?.[0];
+                if (!file) return;
+                setUploadError(null);
+                void upload?.(file).then((result) => {
+                  if (!result) return;
+                  if (result.ok) onChange(result.fileId);
+                  else
+                    setUploadError(
+                      refusal("invalid_argument", result.reason, "Pick another file, or try this one again.")
+                    );
+                });
+              }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system117.Button, { size: "sm", type: "submit", disabled: busy, children: "Tell me" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "w-full text-xs text-muted-foreground", children: "A send inside your quiet hours is held until they end \u2014 it is never dropped. Leave the schedule blank for the store's own default of 08:00." })
-        ]
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-muted-foreground", children: rights.why("write") })
-  ] });
+          uploadError ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(RefusalLine, { error: uploadError }) : null
+        ] }) : (
+          // A choice is laid out as lettered rows in the form's colour (`ChoiceAnswer`).
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(FieldControl, { field: field2, value, onChange, id, asForm: true, onChosen })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { id: sayId, role: "alert", "aria-live": "assertive", className: "min-h-0 empty:hidden", "data-records-form-refused": "", children: refused ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "inline-flex items-center gap-1.5 rounded bg-destructive px-2 py-1 text-sm font-medium text-destructive-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { "aria-hidden": "true", children: "!" }),
+          refused
+        ] }) : null })
+      ]
+    }
+  );
 }
 
 // src/FormBuilder.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function freshFormName(base, taken) {
   const names = new Set(taken.map((n) => n.trim().toLowerCase()));
   if (!names.has(base.toLowerCase())) return base;
@@ -42525,7 +42482,21 @@ function isLookRefusal(error) {
   return Boolean(error && LOOK_REFUSAL.test(refusalSentence(error)));
 }
 var KEPT_DRAFT_PREFIX = "records-ui:form-draft:";
-var SPEC_KEYS = ["name", "intro", "questions", "flow", "theme", "look", "thankYou", "submitLabel"];
+var SPEC_KEYS = [
+  "name",
+  "intro",
+  "questions",
+  "flow",
+  "theme",
+  "look",
+  "thankYou",
+  "submitLabel",
+  "welcome",
+  "endings",
+  "hiddenFields",
+  "showOwnerHeader",
+  "autoAdvance"
+];
 function readKeptDraft(formId) {
   try {
     const raw = window.localStorage.getItem(KEPT_DRAFT_PREFIX + formId);
@@ -42556,31 +42527,31 @@ function withKept(stored, spec) {
   return out;
 }
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne, createOnMount, className }) {
-  const client = (0, import_react235.useRecordsClient)();
+  const client = (0, import_react233.useRecordsClient)();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react235.useTable)(tableId);
+  const table = (0, import_react233.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react235.useFields)(tableId);
-  const [forms, setForms] = (0, import_react234.useState)(null);
-  const [error, setError] = (0, import_react234.useState)(null);
-  const [refused, setRefused] = (0, import_react234.useState)(null);
-  const [activeId, setActiveId] = (0, import_react234.useState)(activeFormId ?? null);
-  const [draft, setDraft] = (0, import_react234.useState)(null);
-  const [saving, setSaving] = (0, import_react234.useState)(false);
-  const [saved, setSaved] = (0, import_react234.useState)(null);
-  const [publishing, setPublishing] = (0, import_react234.useState)(false);
-  const [copied, setCopied] = (0, import_react234.useState)(false);
-  const [shownUrl, setShownUrl] = (0, import_react234.useState)(null);
-  const [lookOptions, setLookOptions] = (0, import_react234.useState)(null);
-  const [lookUnread, setLookUnread] = (0, import_react234.useState)(null);
-  const [restoredAt, setRestoredAt] = (0, import_react234.useState)(null);
-  const [showResults, setShowResults] = (0, import_react234.useState)(false);
-  const [adding, setAdding] = (0, import_react234.useState)(false);
-  const keysBeforeAdd = (0, import_react234.useRef)(null);
-  const [makeOnMount, setMakeOnMount] = (0, import_react234.useState)("waiting");
+  const fields = (0, import_react233.useFields)(tableId);
+  const [forms, setForms] = (0, import_react232.useState)(null);
+  const [error, setError] = (0, import_react232.useState)(null);
+  const [refused, setRefused] = (0, import_react232.useState)(null);
+  const [activeId, setActiveId] = (0, import_react232.useState)(activeFormId ?? null);
+  const [draft, setDraft] = (0, import_react232.useState)(null);
+  const [saving, setSaving] = (0, import_react232.useState)(false);
+  const [saved, setSaved] = (0, import_react232.useState)(null);
+  const [publishing, setPublishing] = (0, import_react232.useState)(false);
+  const [copied, setCopied] = (0, import_react232.useState)(false);
+  const [shownUrl, setShownUrl] = (0, import_react232.useState)(null);
+  const [lookOptions, setLookOptions] = (0, import_react232.useState)(null);
+  const [lookUnread, setLookUnread] = (0, import_react232.useState)(null);
+  const [restoredAt, setRestoredAt] = (0, import_react232.useState)(null);
+  const [showResults, setShowResults] = (0, import_react232.useState)(false);
+  const [adding, setAdding] = (0, import_react232.useState)(false);
+  const keysBeforeAdd = (0, import_react232.useRef)(null);
+  const [makeOnMount, setMakeOnMount] = (0, import_react232.useState)("waiting");
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  const load = (0, import_react234.useCallback)(async () => {
+  const load = (0, import_react232.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -42607,10 +42578,10 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     if (!forms || forms.length === 0) return;
     if (createOnMount && makeOnMount !== "made") return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
@@ -42627,14 +42598,14 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     }
     onActiveForm?.(chosen);
   }, [forms, activeFormId, makeOnMount]);
-  const byKey = (0, import_react234.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
-  const conditionFields = (0, import_react234.useMemo)(
+  const byKey = (0, import_react232.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
+  const conditionFields = (0, import_react232.useMemo)(
     () => (fields.data ?? []).map((f) => ({ id: String(f.id), key: f.key, label: f.label || f.key, field: f })),
     [fields.data]
   );
-  const stored = (0, import_react234.useMemo)(() => draft ? (forms ?? []).find((f) => f.id === draft.id) ?? null : null, [draft, forms]);
+  const stored = (0, import_react232.useMemo)(() => draft ? (forms ?? []).find((f) => f.id === draft.id) ?? null : null, [draft, forms]);
   const dirty = Boolean(draft && stored && !sameForm(draft, stored));
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     if (!draft || !stored) return;
     const timer = window.setTimeout(() => {
       if (sameForm(draft, stored)) dropKeptDraft(draft.id);
@@ -42643,7 +42614,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     return () => window.clearTimeout(timer);
   }, [draft, stored]);
   const lookKey = draft ? JSON.stringify(formLookDocument(draft.look ?? null)) : null;
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     if (lookKey === null) return;
     let cancelled = false;
     const timer = window.setTimeout(() => {
@@ -42660,7 +42631,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
       window.clearTimeout(timer);
     };
   }, [client, lookKey]);
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     const before = keysBeforeAdd.current;
     if (!before || !fields.data) return;
     const made = askableFields(fields.data).filter((f) => !before.has(f.key));
@@ -42699,7 +42670,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     }
     dropKeptDraft(draft.id);
     setRestoredAt(null);
-    setSaved("Saved.");
+    setSaved("Saved");
     await load();
     return true;
   }
@@ -42738,7 +42709,22 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
       setRefused(written.error);
       return;
     }
-    setSaved(ruleId ? "Saved \u2014 you will be told when somebody answers." : "Saved \u2014 nobody is told now.");
+    setSaved("Saved");
+    await load();
+  }
+  async function chooseWebhook(notify) {
+    if (!draft) return;
+    const next = { ...draft, notify };
+    setDraft(next);
+    setSaving(true);
+    setRefused(null);
+    const written = await client.formDeclare(formDeclareArgs(next));
+    setSaving(false);
+    if (!written.ok) {
+      setRefused(written.error);
+      return;
+    }
+    setSaved("Saved");
     await load();
   }
   async function create(name) {
@@ -42755,15 +42741,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     await load();
     return true;
   }
-  const [started, setStarted] = (0, import_react234.useState)(false);
-  (0, import_react234.useEffect)(() => {
+  const [started, setStarted] = (0, import_react232.useState)(false);
+  (0, import_react232.useEffect)(() => {
     if (!startWithOne || started || forms === null || forms.length > 0) return;
     if (askableFields(fields.data ?? []).length === 0) return;
     if (!table.data && !table.error) return;
     setStarted(true);
     void create(table.data?.name?.trim() ? `${table.data.name.trim()} form` : "Form 1");
   }, [startWithOne, started, forms, fields.data, create, table.data, table.error]);
-  (0, import_react234.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     if (!createOnMount || makeOnMount !== "waiting" || forms === null) return;
     if (!table.data && !table.error) return;
     if (askableFields(fields.data ?? []).length === 0) {
@@ -42776,396 +42762,320 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
       (made) => setMakeOnMount(made ? "made" : "not-made")
     );
   }, [createOnMount, makeOnMount, forms, fields.data, create, table.data, table.error]);
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RefusalNotice, { error: fields.error, className });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RefusalNotice, { error: fields.error, className });
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       RefusalNotice,
       {
         error,
         className,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
-  if (fields.loading || forms === null) return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Skeleton, { className: (0, import_design_system119.cn)("h-64 w-full", className) });
+  if (fields.loading || forms === null) return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Skeleton, { className: (0, import_design_system118.cn)("h-64 w-full", className) });
   if (createOnMount && (makeOnMount === "waiting" || makeOnMount === "making") && !refused) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Skeleton, { className: (0, import_design_system119.cn)("h-64 w-full", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Skeleton, { className: (0, import_design_system118.cn)("h-64 w-full", className) });
   }
   if (!rights.admin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: (0, import_design_system119.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: (0, import_design_system118.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: (0, import_design_system119.cn)("@container flex min-h-0 flex-col gap-3 @3xl:flex-row", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 overflow-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Forms", children: [
-        forms.map((form) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-          import_design_system119.Button,
-          {
-            size: "sm",
-            variant: form.id === activeId ? "secondary" : "ghost",
-            "aria-pressed": form.id === activeId,
-            onClick: () => {
-              setActiveId(form.id);
-              setDraft(form);
+  return (
+    // THE CONTAINER IS THE PARENT (TYPEFORM-2): a container query asks an ANCESTOR, so `@3xl:` on the
+    // element that is itself `@container` never fired and the preview sat 3,000 px below the editor.
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: (0, import_design_system118.cn)("@container min-h-0", className), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex min-h-0 flex-col gap-3 @3xl:flex-row @3xl:items-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Forms", children: [
+          forms.map((form) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_design_system118.Button,
+            {
+              size: "sm",
+              variant: form.id === activeId ? "secondary" : "ghost",
+              "aria-pressed": form.id === activeId,
+              onClick: () => {
+                setActiveId(form.id);
+                setDraft(form);
+              },
+              children: form.name
             },
-            children: form.name
-          },
-          form.id
-        )),
-        (fields.data ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-          import_design_system119.Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: () => void create(
-              freshFormName(
-                table.data?.name?.trim() ? `${table.data.name.trim()} form` : "Form",
-                forms.map((f) => f.name)
-              )
-            ),
-            children: "New form"
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "ml-auto flex items-center gap-2", children: [
-          saved ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs text-muted-foreground", children: saved }) : null,
-          stored ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", variant: showResults ? "default" : "ghost", onClick: () => setShowResults((v) => !v), "data-records-form-results-toggle": "", children: "Results" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", disabled: saving || !draft, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
-        ] })
-      ] }),
-      refused && !isLookRefusal(refused) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-        RefusalNotice,
-        {
-          error: refused,
-          onKeepEditing: () => setRefused(null),
-          onDiscard: () => {
-            const kept = forms.find((f) => f.id === activeId) ?? null;
-            if (kept) dropKeptDraft(kept.id);
-            setDraft(kept);
-            setRestoredAt(null);
-            setSaved(null);
-            setRefused(null);
-          }
-        }
-      ) : null,
-      restoredAt && dirty && stored ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-form-restored": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { children: [
-          "Unsaved changes from",
-          " ",
-          new Date(restoredAt).toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }),
-          " restored"
+            form.id
+          )),
+          (fields.data ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_design_system118.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => void create(
+                freshFormName(
+                  table.data?.name?.trim() ? `${table.data.name.trim()} form` : "Form",
+                  forms.map((f) => f.name)
+                )
+              ),
+              children: "New form"
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "ml-auto flex items-center gap-2", children: [
+            saved ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-muted-foreground", children: saved }) : null,
+            stored ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", variant: showResults ? "default" : "ghost", onClick: () => setShowResults((v) => !v), "data-records-form-results-toggle": "", children: "Results" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", disabled: saving || !draft, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-          import_design_system119.Button,
+        refused && !isLookRefusal(refused) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          RefusalNotice,
           {
-            size: "sm",
-            variant: "ghost",
-            onClick: () => {
-              dropKeptDraft(stored.id);
-              setDraft(stored);
+            error: refused,
+            onKeepEditing: () => setRefused(null),
+            onDiscard: () => {
+              const kept = forms.find((f) => f.id === activeId) ?? null;
+              if (kept) dropKeptDraft(kept.id);
+              setDraft(kept);
               setRestoredAt(null);
-            },
-            children: "Discard"
-          }
-        )
-      ] }) : null,
-      !draft ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: (fields.data ?? []).length === 0 ? "This table has no fields yet, so there is nothing a form could ask for. Add a field first \u2014 every question is one of this table's own fields." : 'No form collects into this table yet. "New form" makes one, or you ask an agent for the whole thing in a sentence.' }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-          PublishRow,
-          {
-            url: `${publicOrigin}${(0, import_records57.publicFormPath)(draft.id)}`,
-            state: draft.state,
-            mayPublish: rights.structure,
-            why: rights.why("structure"),
-            busy: publishing,
-            copied,
-            shownUrl,
-            onPublish: (wanted) => void publish(wanted),
-            onCopy: (url) => void copyLink(url),
-            unsaved: dirty
+              setSaved(null);
+              setRefused(null);
+            }
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EmbedSnippets, { url: `${publicOrigin}${(0, import_records57.publicFormPath)(draft.id)}`, label: draft.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("section", { className: "flex flex-col gap-1 rounded border px-2.5 py-2", "aria-label": "When somebody answers", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: draft.notifyRuleId ? "When somebody answers, you are told through the subscription marked below." : "Nobody is told when this form is answered yet. Pick a subscription below, or make one \u2014 email, text or in the app." }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-            NotifyRuleEditor,
+        ) : null,
+        restoredAt && dirty && stored ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("p", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-form-restored": "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { children: [
+            "Unsaved changes from",
+            " ",
+            new Date(restoredAt).toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }),
+            " restored"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_design_system118.Button,
             {
-              tableId,
-              chosenRuleId: draft.notifyRuleId,
-              onChoose: (ruleId) => void chooseNotify(ruleId)
+              size: "sm",
+              variant: "ghost",
+              onClick: () => {
+                dropKeptDraft(stored.id);
+                setDraft(stored);
+                setRestoredAt(null);
+              },
+              children: "Discard"
             }
           )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("section", { className: "flex flex-col gap-2 rounded border px-2.5 py-2", "aria-label": "After somebody sends it", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: draft.thankYou?.redirectUrl ? "After sending, people see this message for a moment and then go on to the page below." : "After sending, people see this message. Add a page to send them on to, if there is a next step somewhere else." }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Thank-you title" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                import_design_system119.BasicInput,
-                {
-                  value: draft.thankYou?.title ?? "",
-                  placeholder: "Thank you",
-                  onChange: (e) => patch({ thankYou: { ...draft.thankYou, title: e.target.value || null } })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Then go to (optional)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                import_design_system119.BasicInput,
+        ] }) : null,
+        !draft ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-muted-foreground", children: (fields.data ?? []).length === 0 ? "No fields yet" : "No form yet" }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            PublishRow,
+            {
+              url: `${publicOrigin}${(0, import_records56.publicFormPath)(draft.id)}`,
+              state: draft.state,
+              mayPublish: rights.structure,
+              why: rights.why("structure"),
+              busy: publishing,
+              copied,
+              shownUrl,
+              onPublish: (wanted) => void publish(wanted),
+              onCopy: (url) => void copyLink(url),
+              unsaved: dirty
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(EmbedSnippets, { url: `${publicOrigin}${(0, import_records56.publicFormPath)(draft.id)}`, label: draft.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            NotifyOnAnswer,
+            {
+              tableId,
+              tableName: table.data?.name ?? "record",
+              formName: draft.name,
+              ruleId: draft.notifyRuleId,
+              notify: draft.notify ?? null,
+              onRule: (ruleId) => void chooseNotify(ruleId),
+              onNotify: (notify) => void chooseWebhook(notify)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("section", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded border px-2.5 py-2 text-xs", "aria-label": "Options", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", title: "Off hides your logo and name \u2014 for a client's form.", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                import_design_system118.Checkbox,
                 {
-                  type: "url",
-                  inputMode: "url",
-                  value: draft.thankYou?.redirectUrl ?? "",
-                  placeholder: "https://",
-                  onChange: (e) => patch({ thankYou: { ...draft.thankYou, redirectUrl: e.target.value || null } })
+                  checked: draft.showOwnerHeader ?? true,
+                  onCheckedChange: (checked) => patch({ showOwnerHeader: checked === true }),
+                  "aria-label": "Show our logo and name"
                 }
-              )
+              ),
+              "Show our logo and name"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "col-span-2 flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Thank-you message" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                import_design_system119.BasicTextarea,
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", title: "A single choice goes on to the next question when picked.", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                import_design_system118.Checkbox,
                 {
-                  rows: 2,
-                  value: draft.thankYou?.body ?? "",
-                  placeholder: "What happens next, in your words.",
-                  onChange: (e) => patch({ thankYou: { ...draft.thankYou, body: e.target.value || null } })
+                  checked: draft.autoAdvance ?? true,
+                  onCheckedChange: (checked) => patch({ autoAdvance: checked === true }),
+                  "aria-label": "Next after a choice"
                 }
-              )
+              ),
+              "Next after a choice"
             ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(WelcomeEditor, { value: draft.welcome, pictures: lookOptions?.pictures ?? null, onChange: (welcome) => patch({ welcome }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-          EndingsEditor,
-          {
-            endings: draft.endings ?? [],
-            pictures: lookOptions?.pictures ?? null,
-            fieldKeys: conditionFields,
-            scored: draft.questions.some((q) => q.points),
-            onChange: (endings) => patch({ endings })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.BasicInput, { value: draft.name, onChange: (e) => patch({ name: e.target.value }) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Flow" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-              "select",
-              {
-                className: "h-9 rounded border bg-background px-2 text-sm",
-                value: draft.flow ?? "one-at-a-time",
-                onChange: (e) => patch({ flow: e.target.value }),
-                children: FORM_FLOWS.map((flow) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("option", { value: flow, children: flow === "one-at-a-time" ? "One question at a time" : "All on one page" }, flow))
-              }
-            )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "col-span-2 flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Intro" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-              import_design_system119.BasicTextarea,
-              {
-                rows: 2,
-                value: draft.intro ?? "",
-                onChange: (e) => patch({ intro: e.target.value || null })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Submit button" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-              import_design_system119.BasicInput,
-              {
-                value: draft.submitLabel ?? "",
-                placeholder: "Submit",
-                onChange: (e) => patch({ submitLabel: e.target.value || null })
-              }
-            )
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("section", { className: "flex flex-col gap-2 rounded border px-2.5 py-2", "aria-label": "After somebody sends it", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs font-medium", title: "What people see after sending, and an optional page they go on to.", children: "After sending" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Thank-you title" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  import_design_system118.BasicInput,
+                  {
+                    value: draft.thankYou?.title ?? "",
+                    placeholder: "Thank you",
+                    onChange: (e) => patch({ thankYou: { ...draft.thankYou, title: e.target.value || null } })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Then go to (optional)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  import_design_system118.BasicInput,
+                  {
+                    type: "url",
+                    inputMode: "url",
+                    value: draft.thankYou?.redirectUrl ?? "",
+                    placeholder: "https://",
+                    onChange: (e) => patch({ thankYou: { ...draft.thankYou, redirectUrl: e.target.value || null } })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "col-span-2 flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Thank-you message" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  import_design_system118.BasicTextarea,
+                  {
+                    rows: 2,
+                    value: draft.thankYou?.body ?? "",
+                    placeholder: "What happens next, in your words.",
+                    onChange: (e) => patch({ thankYou: { ...draft.thankYou, body: e.target.value || null } })
+                  }
+                )
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(HiddenFieldsEditor, { value: draft.hiddenFields ?? [], onChange: (hiddenFields) => patch({ hiddenFields }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-form-look-editor": "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Look" }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-            AccentSwatches,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(WelcomeEditor, { value: draft.welcome, pictures: lookOptions?.pictures ?? null, onChange: (welcome) => patch({ welcome }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            EndingsEditor,
             {
-              value: draft.look?.accent ?? "",
-              noneLabel: "Organization colour",
-              onChange: (accent) => patchLook({ accent: accent || null })
+              endings: draft.endings ?? [],
+              pictures: lookOptions?.pictures ?? null,
+              fieldKeys: conditionFields,
+              scored: draft.questions.some((q) => q.points),
+              onChange: (endings) => patch({ endings })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ThemeEditor, { theme: draft.theme, pictures: lookOptions?.pictures ?? null, onChange: (theme) => patch({ theme }) }),
-          lookOptions ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs", children: "Logo" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                PublicPicturePicker,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.BasicInput, { value: draft.name, onChange: (e) => patch({ name: e.target.value }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Flow" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                "select",
                 {
-                  label: "Logo",
-                  pictures: lookOptions.pictures,
-                  value: draft.look?.logoFileId ?? "",
-                  noneLabel: "Organization logo",
-                  onChange: (id) => patchLook({ logoFileId: id || null })
+                  className: "h-9 rounded border bg-background px-2 text-sm",
+                  value: draft.flow ?? "one-at-a-time",
+                  onChange: (e) => patch({ flow: e.target.value }),
+                  children: FORM_FLOWS.map((flow) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: flow, children: flow === "one-at-a-time" ? "One question at a time" : "All on one page" }, flow))
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs", children: "Cover" }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                PublicPicturePicker,
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "col-span-2 flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Intro" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                import_design_system118.BasicTextarea,
                 {
-                  label: "Cover",
-                  pictures: lookOptions.pictures,
-                  value: draft.look?.coverFileId ?? "",
-                  noneLabel: "No cover",
-                  onChange: (id) => patchLook({ coverFileId: id || null })
+                  rows: 2,
+                  value: draft.intro ?? "",
+                  onChange: (e) => patch({ intro: e.target.value || null })
                 }
               )
-            ] })
-          ] }) : lookUnread ? null : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Skeleton, { className: "h-12 w-full" }),
-          lookUnread ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RefusalLine, { error: lookUnread }) : null,
-          refused && isLookRefusal(refused) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RefusalLine, { error: refused }) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "font-medium text-foreground", children: "Questions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { children: [
-              draft.questions.length,
-              " of this table's ",
-              fields.data?.length ?? 0,
-              " fields"
-            ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Submit button" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                import_design_system118.BasicInput,
+                {
+                  value: draft.submitLabel ?? "",
+                  placeholder: "Submit",
+                  onChange: (e) => patch({ submitLabel: e.target.value || null })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(HiddenFieldsEditor, { value: draft.hiddenFields ?? [], onChange: (hiddenFields) => patch({ hiddenFields }) })
           ] }),
-          askableFields(fields.data ?? []).map((field2) => {
-            const index = draft.questions.findIndex((q) => q.field === field2.key);
-            const asked3 = index >= 0;
-            const question = asked3 ? draft.questions[index] : null;
-            return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "rounded border px-2 py-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  import_design_system119.Checkbox,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-form-look-editor": "", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Label, { className: "text-xs font-medium", children: "Look" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              AccentSwatches,
+              {
+                value: draft.look?.accent ?? "",
+                noneLabel: "Organization colour",
+                onChange: (accent) => patchLook({ accent: accent || null })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ThemeEditor, { theme: draft.theme, pictures: lookOptions?.pictures ?? null, onChange: (theme) => patch({ theme }) }),
+            lookOptions ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs", children: "Logo" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  PublicPicturePicker,
                   {
-                    checked: asked3,
-                    "aria-label": `Ask for ${fieldName(field2)}`,
-                    onCheckedChange: (checked) => patch({
-                      questions: checked ? [...draft.questions, { field: field2.key }] : draft.questions.filter((q) => q.field !== field2.key)
-                    })
+                    label: "Logo",
+                    pictures: lookOptions.pictures,
+                    value: draft.look?.logoFileId ?? "",
+                    noneLabel: "Organization logo",
+                    onChange: (id) => patchLook({ logoFileId: id || null })
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs font-medium", children: fieldName(field2) }),
-                field2.required ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs text-destructive", children: "required" }) : null
+                )
               ] }),
-              asked3 && question ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "mt-1.5 grid grid-cols-2 gap-2 pl-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  import_design_system119.BasicInput,
-                  {
-                    className: "h-8 text-xs",
-                    placeholder: fieldName(field2),
-                    "aria-label": `How to ask for ${fieldName(field2)}`,
-                    value: question.ask ?? "",
-                    onChange: (e) => patchQuestion(index, { ask: e.target.value || null })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  import_design_system119.BasicInput,
-                  {
-                    className: "h-8 text-xs",
-                    placeholder: "Help text",
-                    "aria-label": `Help text for ${fieldName(field2)}`,
-                    value: question.help ?? "",
-                    onChange: (e) => patchQuestion(index, { help: e.target.value || null })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "col-span-2 flex items-center gap-2 text-xs", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                    import_design_system119.Checkbox,
-                    {
-                      checked: field2.required ? true : question.required === true,
-                      disabled: field2.required === true,
-                      "aria-label": `${fieldName(field2)} is required`,
-                      onCheckedChange: (checked) => patchQuestion(index, { required: checked === true ? true : null })
-                    }
-                  ),
-                  "Required"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  Condition,
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs", children: "Cover" }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  PublicPicturePicker,
                   {
-                    question,
-                    fieldKeys: (fields.data ?? []).map((f) => ({
-                      id: String(f.id),
-                      key: f.key,
-                      label: f.label || f.key,
-                      field: f
-                    })),
-                    onChange: (showIf) => patchQuestion(index, { showIf })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  QuestionLogic,
-                  {
-                    question,
-                    index,
-                    questions: draft.questions,
-                    endings: draft.endings ?? [],
-                    field: field2,
-                    fieldKeys: conditionFields,
-                    label: (key) => {
-                      const f = byKey.get(key);
-                      return draft.questions.find((q) => q.field === key)?.ask || (f ? fieldName(f) : key);
-                    },
-                    onChange: (part) => patchQuestion(index, part)
+                    label: "Cover",
+                    pictures: lookOptions.pictures,
+                    value: draft.look?.coverFileId ?? "",
+                    noneLabel: "No cover",
+                    onChange: (id) => patchLook({ coverFileId: id || null })
                   }
                 )
-              ] }) : null
-            ] }, field2.id);
-          }),
-          whyNotAskable(fields.data ?? []) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: whyNotAskable(fields.data ?? []) }) : null,
-          requiredLeftUnasked(fields.data ?? [], draft.questions.map((q) => q.field)) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-            import_design_system118.ErrorBox,
-            {
-              className: "rounded border border-destructive/40 bg-destructive/5 px-2 py-1.5 text-xs text-destructive",
-              message: requiredLeftUnasked(fields.data ?? [], draft.questions.map((q) => q.field)) ?? "",
-              operation: "Build a form",
-              origin: "records-ui/FormBuilder"
-            }
-          ) : null,
-          draft.questions.filter((q) => !byKey.has(q.field)).map((q) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("p", { className: "text-xs text-destructive", children: [
-            'This form asks for "',
-            q.field,
-            '" and this table has no such Field. It is shown here rather than quietly dropped.'
-          ] }, q.field)),
-          adding ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "rounded border p-2", "data-records-form-add-question": "", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-            FieldEditor,
+              ] })
+            ] }) : lookUnread ? null : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Skeleton, { className: "h-12 w-full" }),
+            lookUnread ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RefusalLine, { error: lookUnread }) : null,
+            refused && isLookRefusal(refused) ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RefusalLine, { error: refused }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            QuestionList,
             {
               tableId,
-              onCancel: () => {
-                keysBeforeAdd.current = null;
-                setAdding(false);
+              draft,
+              fields: fields.data ?? [],
+              byKey,
+              adding,
+              onAdding: (on) => {
+                keysBeforeAdd.current = on ? new Set((fields.data ?? []).map((f) => f.key)) : null;
+                setAdding(on);
               },
-              onSaved: () => setAdding(false)
+              onAdded: () => setAdding(false),
+              onQuestions: (questions) => patch({ questions }),
+              onQuestion: patchQuestion
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-            import_design_system119.Button,
-            {
-              size: "sm",
-              variant: "outline",
-              onClick: () => {
-                keysBeforeAdd.current = new Set((fields.data ?? []).map((f) => f.key));
-                setAdding(true);
-              },
-              children: "Add a question"
-            }
-          ) })
+          )
         ] })
-      ] })
-    ] }),
-    draft ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("aside", { className: "w-full shrink-0 overflow-auto rounded border p-2 @3xl:w-96", children: showResults && stored ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(FormResultsPanel, { form: stored }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(FormRunner, { form: draft, preview: true }) }) }) : null
-  ] });
+      ] }),
+      draft ? (
+        // BESIDE THE EDITOR, ALWAYS IN VIEW (TYPEFORM-2): it follows the scroll and updates as you type.
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          "aside",
+          {
+            className: "w-full shrink-0 overflow-auto rounded border p-2 @3xl:sticky @3xl:top-2 @3xl:max-h-[calc(100dvh-6rem)] @3xl:w-[min(45%,520px)]",
+            "data-records-form-preview": "",
+            children: showResults && stored ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormResultsPanel, { form: stored }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, showOwnerHeader: draft.showOwnerHeader ?? true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormRunner, { form: draft, preview: true }) })
+          }
+        )
+      ) : null
+    ] }) })
+  );
 }
 function PublishRow({
   url,
@@ -43180,10 +43090,10 @@ function PublishRow({
   unsaved = false
 }) {
   const open = state === "open";
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1.5 rounded border px-2.5 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-      mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-        import_design_system119.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1.5 rounded border px-2.5 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        import_design_system118.Button,
         {
           size: "sm",
           variant: open ? "ghost" : "default",
@@ -43192,8 +43102,8 @@ function PublishRow({
           children: busy ? "\u2026" : open ? "Unpublish" : unsaved ? "Save and publish" : "Publish"
         }
       ) : null,
-      state !== "draft" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      state !== "draft" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           "a",
           {
             href: url,
@@ -43203,14 +43113,14 @@ function PublishRow({
             children: url
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", variant: "outline", onClick: () => onCopy(url), children: copied ? "Copied" : "Copy link" })
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", variant: "outline", onClick: () => onCopy(url), children: copied ? "Copied" : "Copy link" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: FORM_STATE_WORDS[state] }),
-    open && unsaved ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", "data-records-form-unsaved": "", children: "Unsaved changes \u2014 the live form shows your last save" }) : null,
-    !mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: why }) : null,
-    shownUrl ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("p", { className: "break-all rounded border border-dashed px-2 py-1 text-xs", children: [
-      "This browser would not let the page copy for you, so here it is to copy by hand: ",
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: FORM_STATE_WORDS[state], "data-records-form-state": state, children: FORM_STATE_LABELS[state] }),
+    open && unsaved ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-xs text-muted-foreground", "data-records-form-unsaved": "", children: "Unsaved changes \u2014 the live form shows your last save" }) : null,
+    !mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: why, children: "Publishing needs table admin" }) : null,
+    shownUrl ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("p", { className: "break-all rounded border border-dashed px-2 py-1 text-xs", title: "This browser would not copy for you.", children: [
+      "Copy by hand: ",
       shownUrl
     ] }) : null
   ] });
@@ -43220,7 +43130,7 @@ function Condition({
   fieldKeys,
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     ConditionGroup,
     {
       lead: "Ask only when",
@@ -43231,26 +43141,326 @@ function Condition({
     }
   );
 }
+var FORM_STATE_LABELS = {
+  draft: "Not published",
+  open: "Open",
+  closed: "Closed",
+  full: "Full"
+};
+function QuestionList({
+  tableId,
+  draft,
+  fields,
+  byKey,
+  adding,
+  onAdding,
+  onAdded,
+  onQuestions,
+  onQuestion
+}) {
+  const sensors = (0, import_core22.useSensors)(
+    (0, import_core22.useSensor)(import_core22.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core22.useSensor)(import_core22.KeyboardSensor, { coordinateGetter: import_sortable.sortableKeyboardCoordinates })
+  );
+  const askable = askableFields([...fields]);
+  const unasked = askable.filter((f) => !draft.questions.some((q) => q.field === f.key));
+  const asked3 = draft.questions.map((q) => byKey.get(q.field)).filter((f) => Boolean(f)).map((f) => ({ id: String(f.id), key: f.key, label: draft.questions.find((q) => q.field === f.key)?.ask || fieldName(f), field: f }));
+  const label = (key) => {
+    const f = byKey.get(key);
+    return draft.questions.find((q) => q.field === key)?.ask || (f ? fieldName(f) : key);
+  };
+  function dragEnd(event) {
+    const from = draft.questions.findIndex((q) => q.field === event.active.id);
+    const to = event.over ? draft.questions.findIndex((q) => q.field === event.over.id) : -1;
+    if (from < 0 || to < 0 || from === to) return;
+    onQuestions((0, import_sortable.arrayMove)(draft.questions, from, to));
+  }
+  const notAskable = whyNotAskable([...fields]);
+  const leftUnasked = requiredLeftUnasked([...fields], draft.questions.map((q) => q.field));
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-form-questions": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium text-foreground", children: "Questions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "tabular-nums", children: draft.questions.length })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_core22.DndContext, { sensors, collisionDetection: import_core22.closestCenter, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_sortable.SortableContext, { items: draft.questions.map((q) => q.field), strategy: import_sortable.verticalListSortingStrategy, children: draft.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      QuestionRow,
+      {
+        index,
+        question,
+        field: byKey.get(question.field) ?? null,
+        draft,
+        conditionFields: asked3.filter((f) => f.key !== question.field),
+        label,
+        onChange: (change) => onQuestion(index, change),
+        onRemove: () => onQuestions(draft.questions.filter((q) => q.field !== question.field))
+      },
+      question.field
+    )) }) }),
+    unasked.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-wrap items-center gap-1", "data-records-form-unasked": "", children: unasked.map((f) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+      import_design_system118.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        "aria-label": `Ask for ${fieldName(f)}`,
+        onClick: () => onQuestions([...draft.questions, { field: f.key }]),
+        children: [
+          "+ ",
+          fieldName(f)
+        ]
+      },
+      f.id
+    )) }) : null,
+    notAskable ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: notAskable, children: "Some fields cannot be asked publicly" }) : null,
+    leftUnasked ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      import_design_system117.ErrorBox,
+      {
+        className: "rounded border border-destructive/40 bg-destructive/5 px-2 py-1.5 text-xs text-destructive",
+        message: leftUnasked,
+        operation: "Build a form",
+        origin: "records-ui/FormBuilder"
+      }
+    ) : null,
+    adding ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "rounded border p-2", "data-records-form-add-question": "", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FieldEditor, { tableId, onCancel: () => onAdding(false), onSaved: onAdded }) }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", variant: "outline", onClick: () => onAdding(true), children: "Add a question" }) })
+  ] });
+}
+function QuestionRow({
+  index,
+  question,
+  field: field2,
+  draft,
+  conditionFields,
+  label,
+  onChange,
+  onRemove
+}) {
+  const sortable = (0, import_sortable.useSortable)({ id: question.field });
+  const [open, setOpen] = (0, import_react232.useState)(true);
+  const name = field2 ? fieldName(field2) : question.field;
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    "div",
+    {
+      ref: sortable.setNodeRef,
+      style: { transform: import_utilities.CSS.Transform.toString(sortable.transform), transition: sortable.transition },
+      className: (0, import_design_system118.cn)("rounded border bg-background px-2 py-1.5", sortable.isDragging && "z-10 shadow-md"),
+      "data-records-form-question-row": question.field,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "cursor-grab touch-none rounded px-1 text-muted-foreground hover:bg-muted active:cursor-grabbing",
+              "aria-label": `Move ${name}`,
+              title: "Drag to reorder",
+              "data-records-form-drag": "",
+              ...sortable.attributes,
+              ...sortable.listeners,
+              children: "\u22EE\u22EE"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "w-5 text-right text-xs tabular-nums text-muted-foreground", children: index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("button", { type: "button", className: "min-w-0 flex-1 truncate text-left text-xs font-medium", onClick: () => setOpen((v) => !v), "aria-expanded": open, children: question.ask?.trim() || name }),
+          field2?.required || question.required ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-xs text-foreground/80", children: "required" }) : null,
+          !field2 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "rounded bg-destructive px-1.5 text-[11px] text-destructive-foreground", title: "The table has no such field.", children: "Missing field" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Button, { size: "sm", variant: "ghost", onClick: onRemove, "aria-label": `Stop asking ${name}`, children: "Remove" })
+        ] }),
+        open && field2 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "mt-1.5 grid grid-cols-2 gap-2 pl-7", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_design_system118.BasicInput,
+            {
+              className: "h-8 text-xs",
+              placeholder: name,
+              "aria-label": `How to ask for ${name}`,
+              title: "Use {{question}} to recall an earlier answer",
+              value: question.ask ?? "",
+              onChange: (e) => onChange({ ask: e.target.value || null })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_design_system118.BasicInput,
+            {
+              className: "h-8 text-xs",
+              placeholder: "Help text",
+              "aria-label": `Help text for ${name}`,
+              value: question.help ?? "",
+              onChange: (e) => onChange({ help: e.target.value || null })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "col-span-2 flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              import_design_system118.Checkbox,
+              {
+                checked: field2.required ? true : question.required === true,
+                disabled: field2.required === true,
+                "aria-label": `${name} is required`,
+                onCheckedChange: (checked) => onChange({ required: checked === true ? true : null })
+              }
+            ),
+            "Required"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Condition, { question, fieldKeys: conditionFields, onChange: (showIf) => onChange({ showIf }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            QuestionLogic,
+            {
+              question,
+              index,
+              questions: draft.questions,
+              endings: draft.endings ?? [],
+              field: field2,
+              fieldKeys: conditionFields,
+              label,
+              onChange
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function NotifyOnAnswer({
+  tableId,
+  tableName: tableName2,
+  formName,
+  ruleId,
+  notify,
+  onRule,
+  onNotify
+}) {
+  const client = (0, import_react233.useRecordsClient)();
+  const [subs, setSubs] = (0, import_react232.useState)(null);
+  const [busy, setBusy] = (0, import_react232.useState)(false);
+  const [error, setError] = (0, import_react232.useState)(null);
+  const [said2, setSaid] = (0, import_react232.useState)(null);
+  const [url, setUrl] = (0, import_react232.useState)(notify?.webhookUrl ?? "");
+  (0, import_react232.useEffect)(() => setUrl(notify?.webhookUrl ?? ""), [notify?.webhookUrl]);
+  (0, import_react232.useEffect)(() => {
+    let cancelled = false;
+    void client.subscriptions({ table_id: tableId }).then((r) => {
+      if (!cancelled && r.ok) setSubs(r.data);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, tableId, ruleId]);
+  const chosen = subs?.find((s) => s.rule_id === ruleId) ?? null;
+  async function emailMe(on) {
+    setBusy(true);
+    setError(null);
+    try {
+      if (!on) {
+        onRule(null);
+        if (ruleId) await client.recordDelete({ record_id: ruleId });
+        return;
+      }
+      const listed = await client.views({ table_id: tableId });
+      if (!listed.ok) return setError(listed.error);
+      let viewId = listed.data.find((v) => !v.filters || Object.keys(v.filters).length === 0)?.view_id ?? null;
+      if (!viewId) {
+        const made = await client.viewDeclare({ table_id: tableId, spec: { name: `Every ${tableName2}`, filters: null } });
+        if (!made.ok) return setError(made.error);
+        viewId = made.data;
+      }
+      const declared2 = await client.subscriptionDeclare({
+        table_id: tableId,
+        spec: {
+          name: `${formName} \u2014 new answers`,
+          saved_view_id: viewId,
+          cadence: "instant",
+          schedule: null,
+          channel: "email",
+          quiet_hours: null,
+          recipient_user_id: client.config.actor.user_id ?? null,
+          event_key: "records.changed"
+        }
+      });
+      if (!declared2.ok) return setError(declared2.error);
+      onRule(declared2.data);
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function saveWebhook() {
+    const next = url.trim();
+    if (next === (notify?.webhookUrl ?? "")) return;
+    setBusy(true);
+    setError(null);
+    setSaid(null);
+    try {
+      if (next === "") {
+        if (notify?.webhookAutomationId) await client.automationArchive({ automation_id: notify.webhookAutomationId });
+        onNotify(null);
+        return;
+      }
+      const declared2 = await client.automationDeclare({
+        table_id: tableId,
+        automation_id: notify?.webhookAutomationId ?? null,
+        spec: { name: `${formName} \u2014 webhook`, trigger: { on: "form_answered" }, actions: [{ do: "webhook", url: next }] }
+      });
+      if (!declared2.ok) return setError(declared2.error);
+      if (!declared2.data.ok) {
+        setSaid(Object.values(declared2.data._errors)[0] ?? "Not saved");
+        return;
+      }
+      onNotify({ webhookUrl: next, webhookAutomationId: declared2.data.automation_id });
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("section", { className: "flex flex-col gap-2 rounded border px-2.5 py-2 text-xs", "aria-label": "Notify on answer", "data-records-form-notify": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium", children: "Notify on answer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", title: "An email to you each time somebody answers.", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Checkbox, { checked: Boolean(ruleId), disabled: busy, onCheckedChange: (c) => void emailMe(c === true), "aria-label": "Email me" }),
+      "Email me",
+      chosen && chosen.channel !== "email" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-muted-foreground", children: [
+        "(",
+        chosen.channel === "sms" ? "text" : "in app",
+        ")"
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "shrink-0", children: "Webhook" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        import_design_system118.BasicInput,
+        {
+          type: "url",
+          inputMode: "url",
+          className: "h-8 text-xs",
+          placeholder: "https://",
+          "aria-label": "Webhook URL",
+          value: url,
+          disabled: busy,
+          onChange: (e) => setUrl(e.target.value),
+          onBlur: () => void saveWebhook(),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") void saveWebhook();
+          }
+        }
+      )
+    ] }),
+    said2 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-destructive", children: said2 }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RefusalLine, { error }) : null
+  ] });
+}
 
 // src/DocTemplate.tsx
-var import_react236 = require("react");
-var import_react237 = require("@ai-matrx/records/react");
-var import_design_system120 = require("@ai-matrx/design-system");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_react234 = require("react");
+var import_react235 = require("@ai-matrx/records/react");
+var import_design_system119 = require("@ai-matrx/design-system");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = (0, import_react237.useRecordsClient)();
+  const client = (0, import_react235.useRecordsClient)();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react237.useTable)(tableId);
+  const table = (0, import_react235.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react237.useFields)(tableId);
-  const [templates, setTemplates] = (0, import_react236.useState)(null);
-  const [error, setError] = (0, import_react236.useState)(null);
-  const [activeId, setActiveId] = (0, import_react236.useState)(activeTemplateId ?? null);
-  const [draftName, setDraftName] = (0, import_react236.useState)("");
-  const [draftBody, setDraftBody] = (0, import_react236.useState)("");
-  const [unresolved, setUnresolved] = (0, import_react236.useState)([]);
-  const [saving, setSaving] = (0, import_react236.useState)(false);
-  const load = (0, import_react236.useCallback)(async () => {
+  const fields = (0, import_react235.useFields)(tableId);
+  const [templates, setTemplates] = (0, import_react234.useState)(null);
+  const [error, setError] = (0, import_react234.useState)(null);
+  const [activeId, setActiveId] = (0, import_react234.useState)(activeTemplateId ?? null);
+  const [draftName, setDraftName] = (0, import_react234.useState)("");
+  const [draftBody, setDraftBody] = (0, import_react234.useState)("");
+  const [unresolved, setUnresolved] = (0, import_react234.useState)([]);
+  const [saving, setSaving] = (0, import_react234.useState)(false);
+  const load = (0, import_react234.useCallback)(async () => {
     const held = await client.docTemplates({ table_id: tableId });
     if (!held.ok) {
       setError(held.error);
@@ -43281,10 +43491,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  (0, import_react236.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react236.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -43292,7 +43502,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  (0, import_react236.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -43322,25 +43532,25 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setActiveId(saved.data);
     await load();
   }
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(RefusalNotice, { error: fields.error, className });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RefusalNotice, { error: fields.error, className });
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       RefusalNotice,
       {
         error,
         className,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
-  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Skeleton, { className: (0, import_design_system120.cn)("h-64 w-full", className) });
+  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Skeleton, { className: (0, import_design_system119.cn)("h-64 w-full", className) });
   if (!rights.admin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: (0, import_design_system120.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: (0, import_design_system119.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: (0, import_design_system120.cn)("flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Templates", children: [
-      templates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
-        import_design_system120.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: (0, import_design_system119.cn)("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Templates", children: [
+      templates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        import_design_system119.Button,
         {
           size: "sm",
           variant: t.id === activeId ? "secondary" : "ghost",
@@ -43352,7 +43562,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
           },
           children: [
             t.name,
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "ml-1 text-[10px] opacity-70", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", { className: "ml-1 text-[10px] opacity-70", children: [
               "v",
               t.template_version
             ] })
@@ -43360,8 +43570,8 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
         },
         t.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-        import_design_system120.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        import_design_system119.Button,
         {
           size: "sm",
           variant: "ghost",
@@ -43373,16 +43583,16 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
           children: "New template"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Button, { size: "sm", className: "ml-auto", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Button, { size: "sm", className: "ml-auto", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Label, { className: "text-xs font-medium", children: "Name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.BasicInput, { value: draftName, onChange: (e) => setDraftName(e.target.value), placeholder: "Agreement" })
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.Label, { className: "text-xs font-medium", children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system119.BasicInput, { value: draftName, onChange: (e) => setDraftName(e.target.value), placeholder: "Agreement" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-xs text-muted-foreground", children: "Insert" }),
-      (fields.data ?? []).map((field2) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-        import_design_system120.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs text-muted-foreground", children: "Insert" }),
+      (fields.data ?? []).map((field2) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        import_design_system119.Button,
         {
           size: "sm",
           variant: "ghost",
@@ -43393,8 +43603,8 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
         field2.id
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-      import_design_system120.BasicTextarea,
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      import_design_system119.BasicTextarea,
       {
         rows: 10,
         "aria-label": "Template body",
@@ -43403,33 +43613,33 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
         onChange: (e) => setDraftBody(e.target.value)
       }
     ),
-    unresolved.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("ul", { className: "flex flex-col gap-0.5 rounded border border-dashed px-2 py-1 text-xs", children: unresolved.map((token) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("li", { className: "flex items-baseline gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("code", { className: "text-destructive", children: token.raw }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { "aria-hidden": "true", children: "\u2014" }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    unresolved.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("ul", { className: "flex flex-col gap-0.5 rounded border border-dashed px-2 py-1 text-xs", children: unresolved.map((token) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("li", { className: "flex items-baseline gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("code", { className: "text-destructive", children: token.raw }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { "aria-hidden": "true", children: "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         RefusalLine,
         {
           error: refusal("invalid_argument", token.why, "Change it to a Field this table has, or take it out.")
         }
       )
-    ] }, token.raw)) }) : draftBody.trim() !== "" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every token in this body points at a Field this table can answer." }) : null
+    ] }, token.raw)) }) : draftBody.trim() !== "" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every token in this body points at a Field this table can answer." }) : null
   ] });
 }
 
 // src/DocRender.tsx
-var import_react238 = require("react");
-var import_react239 = require("@ai-matrx/records/react");
-var import_design_system121 = require("@ai-matrx/design-system");
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_react236 = require("react");
+var import_react237 = require("@ai-matrx/records/react");
+var import_design_system120 = require("@ai-matrx/design-system");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = (0, import_react239.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react238.useState)(null);
-  const [renders, setRenders] = (0, import_react238.useState)(null);
-  const [showing, setShowing] = (0, import_react238.useState)(null);
-  const [error, setError] = (0, import_react238.useState)(null);
-  const [busy, setBusy] = (0, import_react238.useState)(null);
-  const paper = (0, import_react238.useRef)(null);
-  const load = (0, import_react238.useCallback)(async () => {
+  const client = (0, import_react237.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react236.useState)(null);
+  const [renders, setRenders] = (0, import_react236.useState)(null);
+  const [showing, setShowing] = (0, import_react236.useState)(null);
+  const [error, setError] = (0, import_react236.useState)(null);
+  const [busy, setBusy] = (0, import_react236.useState)(null);
+  const paper = (0, import_react236.useRef)(null);
+  const load = (0, import_react236.useCallback)(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
       client.docRenders({ record_id: recordId })
@@ -43446,7 +43656,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  (0, import_react238.useEffect)(() => {
+  (0, import_react236.useEffect)(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -43486,22 +43696,22 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     }
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       RefusalNotice,
       {
         error,
         className,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
-  if (preview === null || renders === null) return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Skeleton, { className: (0, import_design_system121.cn)("h-64 w-full", className) });
+  if (preview === null || renders === null) return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Skeleton, { className: (0, import_design_system120.cn)("h-64 w-full", className) });
   const frozen = showing ? renders.find((r) => r.id === showing) ?? null : null;
   const text2 = frozen ? frozen.body : preview;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: (0, import_design_system121.cn)("flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-1 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
-        import_design_system121.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: (0, import_design_system120.cn)("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        import_design_system120.Button,
         {
           size: "sm",
           variant: frozen ? "ghost" : "secondary",
@@ -43510,8 +43720,8 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
           children: "As it reads now"
         }
       ),
-      renders.map((render) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
-        import_design_system121.Button,
+      renders.map((render) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        import_design_system120.Button,
         {
           size: "sm",
           variant: render.id === showing ? "secondary" : "ghost",
@@ -43522,33 +43732,33 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
         },
         render.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Button, { size: "sm", disabled: busy !== null, onClick: () => void freeze(), children: busy === "freeze" ? "Freezing\u2026" : "Freeze this version" }),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Button, { size: "sm", variant: "ghost", disabled: busy !== null, onClick: () => void toPdf(), children: busy === "pdf" ? "Making the PDF\u2026" : "PDF" })
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Button, { size: "sm", disabled: busy !== null, onClick: () => void freeze(), children: busy === "freeze" ? "Freezing\u2026" : "Freeze this version" }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system120.Button, { size: "sm", variant: "ghost", disabled: busy !== null, onClick: () => void toPdf(), children: busy === "pdf" ? "Making the PDF\u2026" : "PDF" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { ref: paper, className: "whitespace-pre-wrap rounded border bg-background p-4 text-sm text-foreground", children: text2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-xs text-muted-foreground", children: frozen ? `Frozen ${new Date(frozen.rendered_at).toLocaleString()} from template v${frozen.template_version}. Its text and its SHA-256 (${frozen.content_hash.slice(0, 12)}\u2026) are what any signature seals.` : "This is how the template reads against this record right now. Nothing has been frozen, so there is no version for anyone to sign yet." })
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { ref: paper, className: "whitespace-pre-wrap rounded border bg-background p-4 text-sm text-foreground", children: text2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-xs text-muted-foreground", children: frozen ? `Frozen ${new Date(frozen.rendered_at).toLocaleString()} from template v${frozen.template_version}. Its text and its SHA-256 (${frozen.content_hash.slice(0, 12)}\u2026) are what any signature seals.` : "This is how the template reads against this record right now. Nothing has been frozen, so there is no version for anyone to sign yet." })
   ] });
 }
 
 // src/SignBlock.tsx
-var import_react240 = require("react");
-var import_react241 = require("@ai-matrx/records/react");
-var import_design_system122 = require("@ai-matrx/design-system");
-var import_react242 = require("@ai-matrx/records/react");
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_react238 = require("react");
+var import_react239 = require("@ai-matrx/records/react");
+var import_design_system121 = require("@ai-matrx/design-system");
+var import_react240 = require("@ai-matrx/records/react");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = (0, import_react241.useRecordsClient)();
-  const table = (0, import_react242.useTable)(tableId);
+  const client = (0, import_react239.useRecordsClient)();
+  const table = (0, import_react240.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react241.useFields)(tableId);
-  const [signatures, setSignatures] = (0, import_react240.useState)(null);
-  const [verdicts, setVerdicts] = (0, import_react240.useState)({});
-  const [error, setError] = (0, import_react240.useState)(null);
-  const [name, setName] = (0, import_react240.useState)("");
-  const [busy, setBusy] = (0, import_react240.useState)(false);
-  const load = (0, import_react240.useCallback)(async () => {
+  const fields = (0, import_react239.useFields)(tableId);
+  const [signatures, setSignatures] = (0, import_react238.useState)(null);
+  const [verdicts, setVerdicts] = (0, import_react238.useState)({});
+  const [error, setError] = (0, import_react238.useState)(null);
+  const [name, setName] = (0, import_react238.useState)("");
+  const [busy, setBusy] = (0, import_react238.useState)(false);
+  const load = (0, import_react238.useCallback)(async () => {
     const held = await client.docSignatures({ record_id: recordId });
     if (!held.ok) {
       setError(held.error);
@@ -43563,7 +43773,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  (0, import_react240.useEffect)(() => {
+  (0, import_react238.useEffect)(() => {
     void load();
   }, [load]);
   async function sign(field2) {
@@ -43583,36 +43793,36 @@ function SignBlock({ tableId, recordId, render, className }) {
     setName("");
     await load();
   }
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(RefusalNotice, { error: fields.error, className });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RefusalNotice, { error: fields.error, className });
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       RefusalNotice,
       {
         error,
         className,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
-  if (fields.loading || signatures === null) return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Skeleton, { className: (0, import_design_system122.cn)("h-32 w-full", className) });
+  if (fields.loading || signatures === null) return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Skeleton, { className: (0, import_design_system121.cn)("h-32 w-full", className) });
   const signable = (fields.data ?? []).filter(isSignatureField);
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: (0, import_design_system122.cn)("flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "font-medium text-foreground", children: "Signatures" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: (0, import_design_system121.cn)("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "font-medium text-foreground", children: "Signatures" }),
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { children: [
         signatures.length,
         " on this record"
       ] })
     ] }),
-    signatures.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("ul", { className: "flex flex-col gap-1", children: signatures.map((signature) => {
+    signatures.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("ul", { className: "flex flex-col gap-1", children: signatures.map((signature) => {
       const verdict = verdicts[signature.id];
       const intact = typeof verdict === "object" && verdict !== null ? verdict.intact : void 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("li", { className: "rounded border px-2 py-1.5 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "font-medium", children: signature.signer_name }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: signature.field_key }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: new Date(signature.signed_at).toLocaleString() }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "ml-auto font-mono text-[10px] text-muted-foreground", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("li", { className: "rounded border px-2 py-1.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "font-medium", children: signature.signer_name }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "text-muted-foreground", children: signature.field_key }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "text-muted-foreground", children: new Date(signature.signed_at).toLocaleString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { className: "ml-auto font-mono text-[10px] text-muted-foreground", children: [
             "v",
             signature.document_version,
             " \xB7 ",
@@ -43622,7 +43832,7 @@ function SignBlock({ tableId, recordId, render, className }) {
         intact === false ? (
           // THE STORE REFUSED TO CALL IT INTACT: its reason goes through the one
           // formatter, with what to do next, never raw in red (lane REFUSAL-SWEEP).
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
             RefusalLine,
             {
               className: "mt-0.5",
@@ -43633,22 +43843,22 @@ function SignBlock({ tableId, recordId, render, className }) {
               )
             }
           )
-        ) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: intact === true ? "The store says what was signed is still exactly what is there." : String(verdict ?? "") })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: intact === true ? "The store says what was signed is still exactly what is there." : String(verdict ?? "") })
       ] }, signature.id);
     }) }) : null,
-    !render ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-muted-foreground", children: 'Nothing has been frozen yet, so there is no version to sign. A signature seals one exact document version and its hash \u2014 "the document as it reads today" is not something anyone can agree to.' }) : signable.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+    !render ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-xs text-muted-foreground", children: 'Nothing has been frozen yet, so there is no version to sign. A signature seals one exact document version and its hash \u2014 "the document as it reads today" is not something anyone can agree to.' }) : signable.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
       "This table has no signature Field, so there is nowhere to write a signature. A signature is a Value on a text Field whose format is ",
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("code", { children: "signature" }),
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("code", { children: "signature" }),
       " \u2014 add one and the signing appears."
-    ] }) : !rights.write ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-muted-foreground", children: rights.why("write") }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "flex flex-col gap-1", children: signable.map((field2) => {
+    ] }) : !rights.write ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-xs text-muted-foreground", children: rights.why("write") }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex flex-col gap-1", children: signable.map((field2) => {
       const already = signatures.find((s) => s.field_key === field2.key);
       if (already) {
-        return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
           fieldName(field2),
           " is signed, and a signature is immutable once made. A further agreement is a further Field with its own signature, or a further version with its own seal."
         ] }, field2.id);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
         "form",
         {
           className: "flex items-center gap-1",
@@ -43657,8 +43867,8 @@ function SignBlock({ tableId, recordId, render, className }) {
             if (name.trim() !== "") void sign(field2);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
-              import_design_system122.BasicInput,
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+              import_design_system121.BasicInput,
               {
                 className: "h-8 w-56 text-xs",
                 "aria-label": `Sign ${fieldName(field2)}`,
@@ -43667,8 +43877,8 @@ function SignBlock({ tableId, recordId, render, className }) {
                 onChange: (e) => setName(e.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", type: "submit", disabled: busy || name.trim() === "", children: "Sign" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system121.Button, { size: "sm", type: "submit", disabled: busy || name.trim() === "", children: "Sign" }),
+            /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
               "seals version ",
               render.template_version,
               " \xB7 ",
@@ -43683,15 +43893,270 @@ function SignBlock({ tableId, recordId, render, className }) {
   ] });
 }
 
+// src/NotifyRuleEditor.tsx
+var import_react241 = require("react");
+var import_react242 = require("@ai-matrx/records/react");
+var import_records57 = require("@ai-matrx/records");
+var import_design_system122 = require("@ai-matrx/design-system");
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
+var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
+function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className }) {
+  const client = (0, import_react242.useRecordsClient)();
+  const host = useRecordsUi();
+  const table = (0, import_react242.useTable)(tableId);
+  const rights = useTableRights(table.data);
+  const [subscriptions, setSubscriptions] = (0, import_react241.useState)(null);
+  const [cadences, setCadences] = (0, import_react241.useState)([]);
+  const [views, setViews] = (0, import_react241.useState)(null);
+  const [error, setError] = (0, import_react241.useState)(null);
+  const [busy, setBusy] = (0, import_react241.useState)(false);
+  const [stopping, setStopping] = (0, import_react241.useState)(null);
+  const load = (0, import_react241.useCallback)(async () => {
+    const [held, offered] = await Promise.all([
+      // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
+      // to them plus — only where they hold admin on this Table — anyone's over
+      // it, and it is narrowed to Tables they can already open.
+      client.subscriptions({ table_id: tableId }),
+      // The cadences are ASKED of the store, never a list typed into a picker
+      // here that could drift from what the digest runner understands.
+      client.subscriptionCadences()
+    ]);
+    if (!held.ok) {
+      setError(held.error);
+      return;
+    }
+    setError(null);
+    setSubscriptions(held.data);
+    if (offered.ok) setCadences(offered.data);
+    if (host.savedViews) {
+      setViews(await host.savedViews());
+      return;
+    }
+    const listed = await client.views({ table_id: tableId });
+    if (!listed.ok) {
+      setError(listed.error);
+      return;
+    }
+    setViews(listed.data.map((v) => ({ id: v.view_id, name: v.name })));
+  }, [client, host, tableId]);
+  (0, import_react241.useEffect)(() => {
+    void load();
+  }, [load]);
+  const write = (0, import_react241.useCallback)(
+    async (spec) => {
+      const declared2 = await client.subscriptionDeclare({
+        table_id: tableId,
+        spec: {
+          name: spec.name,
+          saved_view_id: spec.savedViewId,
+          cadence: spec.cadence ?? "instant",
+          schedule: spec.schedule ?? null,
+          channel: spec.channel ?? "in_app",
+          quiet_hours: spec.quietHours ?? null,
+          // "Tell me" is the default, and the store refuses a subscription with
+          // nobody to tell rather than writing one that fires at nobody.
+          recipient_user_id: spec.recipientUserId ?? client.config.actor.user_id ?? null,
+          event_key: spec.eventKey ?? "records.changed"
+        }
+      });
+      if (!declared2.ok) {
+        setError(declared2.error);
+        return null;
+      }
+      return declared2.data;
+    },
+    [client, tableId]
+  );
+  (0, import_react241.useEffect)(() => {
+    if (!subscriptions || !seed || seed.length === 0) return;
+    const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
+    if (missing.length === 0) return;
+    void (async () => {
+      for (const spec of missing) {
+        if (!await write(spec)) return;
+      }
+      await load();
+    })();
+  }, [subscriptions, seed, write, load]);
+  async function subscribe(viewId, viewName, cadence, channel, schedule, quiet2) {
+    setBusy(true);
+    const ok = await write({
+      name: `${viewName} \u2014 ${CADENCE_WORDS2[cadence] ?? cadence}`,
+      savedViewId: viewId,
+      cadence,
+      channel,
+      schedule: schedule.trim() === "" ? null : schedule.trim(),
+      quietHours: quiet2
+    });
+    setBusy(false);
+    if (!ok) return;
+    onChoose?.(ok);
+    await load();
+  }
+  async function makeEveryRecordView() {
+    setBusy(true);
+    const made = await client.viewDeclare({
+      table_id: tableId,
+      spec: { name: `Every ${table.data?.name ?? "record"}`, filters: null }
+    });
+    setBusy(false);
+    if (!made.ok) {
+      setError(made.error);
+      return;
+    }
+    await load();
+  }
+  async function unsubscribe(ruleId) {
+    setStopping(null);
+    setBusy(true);
+    const deleted = await client.recordDelete({ record_id: ruleId });
+    setBusy(false);
+    if (!deleted.ok) {
+      setError(deleted.error);
+      return;
+    }
+    await load();
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      RefusalNotice,
+      {
+        error,
+        className,
+        actions: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+      }
+    );
+  }
+  if (subscriptions === null) return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Skeleton, { className: (0, import_design_system122.cn)("h-40 w-full", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: (0, import_design_system122.cn)("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "font-medium text-foreground", children: "Tell me when" }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { children: [
+        subscriptions.length,
+        " subscription",
+        subscriptions.length === 1 ? "" : "s"
+      ] })
+    ] }),
+    subscriptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-muted-foreground", children: "Nothing is telling anyone about this yet. A subscription is a Rule over a saved view, so what you are told about is exactly what that view holds." }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("ul", { className: "flex flex-col gap-1", children: subscriptions.map((held) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("li", { className: "flex items-center gap-2 rounded border px-2 py-1.5 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "truncate font-medium", children: held.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: CADENCE_WORDS2[held.cadence] ?? held.cadence }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: CHANNEL_WORDS3[held.channel] ?? held.channel }),
+      held.schedule ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: scheduleWords(held.schedule, held.quiet_hours?.tz) }) : null,
+      held.next_digest_at ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "text-muted-foreground", children: [
+        "next ",
+        new Date(held.next_digest_at).toLocaleString()
+      ] }) : null,
+      (0, import_records57.hasQuietHours)(held.quiet_hours) ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "text-muted-foreground", children: [
+        "quiet ",
+        held.quiet_hours.start,
+        "\u2013",
+        held.quiet_hours.end
+      ] }) : null,
+      held.recipient_user_id === null ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-destructive", children: "This one has nobody to tell, so it fires at nobody." }) : null,
+      held.saved_view_id === null ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-destructive", children: "This one names no view, so the store never admits a record to it." }) : null,
+      held.muted ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-muted-foreground", children: "Switched off \u2014 it tells nobody until somebody switches it back on." }) : null,
+      onChoose ? held.rule_id === chosenRuleId ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "font-medium text-foreground", children: "Used for this form" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "ghost", disabled: busy, onClick: () => onChoose(null), children: "Stop using" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        import_design_system122.Button,
+        {
+          size: "sm",
+          variant: "outline",
+          className: "ml-auto",
+          disabled: busy,
+          onClick: () => onChoose(held.rule_id),
+          children: "Use for this form"
+        }
+      ) : null,
+      rights.write && !(onChoose && held.rule_id === chosenRuleId) && stopping === held.rule_id ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: (0, import_design_system122.cn)("flex flex-wrap items-center gap-2", onChoose ? void 0 : "ml-auto"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-xs text-destructive", children: archiveConfirmSentence("this subscription") }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void unsubscribe(held.rule_id), children: "Stop telling me" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "ghost", onClick: () => setStopping(null), children: "Keep it" })
+      ] }) : rights.write && !(onChoose && held.rule_id === chosenRuleId) ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        import_design_system122.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          className: onChoose ? void 0 : "ml-auto",
+          disabled: busy,
+          onClick: () => setStopping(held.rule_id),
+          children: "Stop telling me"
+        }
+      ) : null
+    ] }, held.rule_id)) }),
+    onChoose && chosenRuleId && !subscriptions.some((held) => held.rule_id === chosenRuleId) ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-destructive", children: "This form points at a subscription that is not in this list any more, so nobody is told when it is answered. Choose one below, or make one." }) : null,
+    views === null ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", children: NO_SAVED_VIEWS_REASON }) : views.length === 0 ? onChoose && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { children: "A subscription watches a saved view, and this table has none yet." }),
+      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void makeEveryRecordView(), children: "Watch every record" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-muted-foreground", children: "This organization has no saved views yet, so there is nothing to subscribe to. Save a view first." }) : rights.write ? /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+      "form",
+      {
+        className: "flex flex-wrap items-center gap-1",
+        onSubmit: (event) => {
+          event.preventDefault();
+          const form = event.currentTarget;
+          const view = form.elements.namedItem("view").value;
+          const cadence = form.elements.namedItem("cadence").value;
+          const channel = form.elements.namedItem("channel").value;
+          const schedule = form.elements.namedItem("schedule").value;
+          const start = form.elements.namedItem("quiet_start").value;
+          const end = form.elements.namedItem("quiet_end").value;
+          const name = views.find((v) => v.id === view)?.name ?? "View";
+          const quiet2 = start && end ? { start, end, tz: Intl.DateTimeFormat().resolvedOptions().timeZone } : null;
+          if (view) void subscribe(view, name, cadence, channel, schedule, quiet2);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("select", { name: "view", "aria-label": "View to be told about", className: "h-7 rounded border bg-background px-1 text-xs", children: views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("option", { value: view.id, children: view.name }, view.id)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("select", { name: "cadence", "aria-label": "How often", className: "h-7 rounded border bg-background px-1 text-xs", children: (cadences.length > 0 ? cadences : ["instant"]).map((cadence) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("option", { value: cadence, children: CADENCE_WORDS2[cadence] ?? cadence }, cadence)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("select", { name: "channel", "aria-label": "Where it arrives", className: "h-7 rounded border bg-background px-1 text-xs", children: ["in_app", "email", "sms"].map((channel) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("option", { value: channel, children: CHANNEL_WORDS3[channel] }, channel)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            "input",
+            {
+              name: "schedule",
+              "aria-label": "When the summary goes out",
+              placeholder: "monday 08:00",
+              className: "h-7 w-28 rounded border bg-background px-1 text-xs"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-xs text-muted-foreground", children: "not between" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            "input",
+            {
+              name: "quiet_start",
+              type: "time",
+              "aria-label": "Quiet hours start",
+              className: "h-7 rounded border bg-background px-1 text-xs"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "text-xs text-muted-foreground", children: "and" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            "input",
+            {
+              name: "quiet_end",
+              type: "time",
+              "aria-label": "Quiet hours end",
+              className: "h-7 rounded border bg-background px-1 text-xs"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system122.Button, { size: "sm", type: "submit", disabled: busy, children: "Tell me" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "w-full text-xs text-muted-foreground", children: "A send inside your quiet hours is held until they end \u2014 it is never dropped. Leave the schedule blank for the store's own default of 08:00." })
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("p", { className: "text-xs text-muted-foreground", children: rights.why("write") })
+  ] });
+}
+
 // src/DashboardCanvas.tsx
 var import_react249 = require("react");
 var import_react250 = require("@ai-matrx/records/react");
 var import_design_system126 = require("@ai-matrx/design-system");
 
 // src/DashboardGrid.tsx
-var import_core22 = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_utilities = require("@dnd-kit/utilities");
+var import_core23 = require("@dnd-kit/core");
+var import_sortable2 = require("@dnd-kit/sortable");
+var import_utilities2 = require("@dnd-kit/utilities");
 var import_design_system123 = require("@ai-matrx/design-system");
 
 // src/dashboardLayout.ts
@@ -43745,7 +44210,7 @@ function withBlockIds(blocks) {
 // src/DashboardGrid.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
 var dashboardCollision = (args) => {
-  const under = (0, import_core22.pointerWithin)(args);
+  const under = (0, import_core23.pointerWithin)(args);
   if (under.length > 0) return under;
   const at = args.collisionRect;
   return args.droppableContainers.flatMap((container) => {
@@ -43755,9 +44220,9 @@ var dashboardCollision = (args) => {
   }).sort((a, b) => a.data.value - b.data.value);
 };
 function DashboardGrid({ items, arranging, onMove, onSpan }) {
-  const sensors = (0, import_core22.useSensors)(
-    (0, import_core22.useSensor)(import_core22.PointerSensor, { activationConstraint: { distance: 4 } }),
-    (0, import_core22.useSensor)(import_core22.KeyboardSensor, { coordinateGetter: import_sortable.sortableKeyboardCoordinates })
+  const sensors = (0, import_core23.useSensors)(
+    (0, import_core23.useSensor)(import_core23.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core23.useSensor)(import_core23.KeyboardSensor, { coordinateGetter: import_sortable2.sortableKeyboardCoordinates })
   );
   const ids = items.map((item) => item.id);
   function dragEnd(event) {
@@ -43767,7 +44232,7 @@ function DashboardGrid({ items, arranging, onMove, onSpan }) {
   }
   const grid = /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-12", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(GridCell2, { item, index, arranging, onSpan }, item.id)) });
   if (!arranging) return grid;
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_core22.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_sortable.SortableContext, { items: ids, strategy: import_sortable.rectSortingStrategy, children: grid }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_core23.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_sortable2.SortableContext, { items: ids, strategy: import_sortable2.rectSortingStrategy, children: grid }) });
 }
 function GridCell2({
   item,
@@ -43775,8 +44240,8 @@ function GridCell2({
   arranging,
   onSpan
 }) {
-  const sortable = (0, import_sortable.useSortable)({ id: item.id, disabled: !arranging });
-  const style = arranging ? { transform: import_utilities.CSS.Transform.toString(sortable.transform), transition: sortable.transition } : void 0;
+  const sortable = (0, import_sortable2.useSortable)({ id: item.id, disabled: !arranging });
+  const style = arranging ? { transform: import_utilities2.CSS.Transform.toString(sortable.transform), transition: sortable.transition } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     "div",
     {
@@ -44980,7 +45445,7 @@ var import_react252 = require("@ai-matrx/records/react");
 
 // src/question.ts
 var import_records59 = require("@ai-matrx/records");
-var import_core23 = require("@ai-matrx/records/core");
+var import_core24 = require("@ai-matrx/records/core");
 var QUESTION_OPS = ["count", "sum", "avg", "min", "max"];
 var QUESTION_LIMIT_DEFAULT = 25;
 var QUESTION_GROUP_CEILING = 200;
@@ -45232,7 +45697,7 @@ async function askAsOf(client, tableId, spec, fields, measures, keys) {
       },
       { schema: config.schema ?? "custom" }
     );
-    if (response.error) return { ok: false, error: (0, import_core23.mapPgError)(response.error, "askQuestion.asOf") };
+    if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "askQuestion.asOf") };
     const rows2 = Array.isArray(response.data) ? response.data : [];
     const bad = rows2.find((r) => Number(r.not_numbers ?? 0) > 0);
     if (bad && m.op !== "count") {
@@ -45303,7 +45768,7 @@ function savedOf(row) {
 }
 async function questionsOf(client, tableId) {
   const response = await client.config.dataSource.schema("platform").from("saved_view").select("id, name, definition, visibility, version, created_by").eq("surface_key", QUESTION_SURFACE).eq("subject_id", tableId).is("deleted_at", null).order("name", { ascending: true });
-  if (response.error) return { ok: false, error: (0, import_core23.mapPgError)(response.error, "questionsOf") };
+  if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionsOf") };
   const me = client.config.actor?.user_id ?? null;
   return {
     ok: true,
@@ -45332,7 +45797,7 @@ async function questionSave(client, args) {
     if (response.error.code === "23505") {
       return { ok: false, error: { code: "already_exists", message: `You already have a question called \u201C${name}\u201D.` } };
     }
-    return { ok: false, error: (0, import_core23.mapPgError)(response.error, "questionSave") };
+    return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionSave") };
   }
   return { ok: true, data: response.data ? savedOf(response.data) : null };
 }
@@ -45342,7 +45807,7 @@ async function questionArchive(client, id, version) {
     { p_surface_key: QUESTION_SURFACE, p_id: id, ...version !== void 0 ? { p_expected_version: version } : {} },
     { schema: "public" }
   );
-  if (response.error) return { ok: false, error: (0, import_core23.mapPgError)(response.error, "questionArchive") };
+  if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionArchive") };
   return { ok: true, data: response.data !== null };
 }
 
@@ -46201,7 +46666,7 @@ function TableAsk({ tableId, onOpenInQuestions }) {
 // src/PageScreen.tsx
 var import_react255 = require("react");
 var import_react256 = require("@ai-matrx/records/react");
-var import_core24 = require("@ai-matrx/records/core");
+var import_core25 = require("@ai-matrx/records/core");
 var import_design_system129 = require("@ai-matrx/design-system");
 var import_jsx_runtime145 = require("react/jsx-runtime");
 var EDIT_LEVELS = /* @__PURE__ */ new Set(["edit_content", "editor", "admin", "owner"]);
@@ -46617,7 +47082,7 @@ function ListBlockView({
     ...sort.length > 0 ? { sort } : {}
   });
   const reload = page.reload;
-  (0, import_react255.useEffect)(() => (0, import_core24.onRecordChanged)(() => reload()), [reload]);
+  (0, import_react255.useEffect)(() => (0, import_core25.onRecordChanged)(() => reload()), [reload]);
   const rows = nobodyIsMe ? [] : page.data?.rows ?? [];
   const columns = block.columns && block.columns.length > 0 ? block.columns.map((k) => all.find((f) => f.key === k)).filter((f) => !!f) : [...all].sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100)).slice(0, DEFAULT_COLUMNS);
   const firstId = rows[0]?.id ?? null;
@@ -48152,7 +48617,7 @@ var import_design_system142 = require("@ai-matrx/design-system");
 var import_text_case19 = require("@ai-matrx/kit/text-case");
 
 // src/viewShare.ts
-var import_core25 = require("@ai-matrx/records/core");
+var import_core26 = require("@ai-matrx/records/core");
 var NO_VIEW_REASON = "No saved view yet";
 function viewLink(tableId, viewId, origin) {
   return `${tableLink(tableId, origin)}?view=${encodeURIComponent(viewId)}`;
@@ -48188,7 +48653,7 @@ async function downloadViewCsv(args) {
   const columns = viewColumns(fields, view.presentation);
   const rows = await rowsForFile({ client, host, fields: columns, records: read.rows, labels });
   const name = fileNameOf(args.tableName) || "records";
-  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core25.exportCsv)(columns, rows));
+  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core26.exportCsv)(columns, rows));
   host.notify?.success(read.cut ? cutWords(read.rows.length) : "CSV downloaded");
 }