@ai-matrx/records-ui 0.76.0 → 0.78.0

package/dist/index.js

@@ -4240,10 +4240,30 @@ import {
   importCsv,
   importXlsx
 } from "@ai-matrx/records/core";
-import { Badge as Badge5, Button as Button11, Separator as Separator2, cn as cn12 } from "@ai-matrx/design-system";
+import {
+  Badge as Badge5,
+  Button as Button11,
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue3,
+  Separator as Separator2,
+  cn as cn12
+} from "@ai-matrx/design-system";
 import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var BATCH = 250;
 var SAMPLES = 40;
+var MAPPING_COLUMNS = "minmax(9rem, 11rem) minmax(14rem, 17rem) minmax(13rem, 1fr) minmax(8rem, 10rem)";
+var ABSENT = "__absent__";
+function obviousTitleColumn(columns) {
+  const says = /^(title|name|record|customer|client|company|job|item|subject|label|description)\b|(\bname|\btitle|\bnumber|\bid)$/i;
+  const named = columns.find((c) => says.test(c.header.trim()));
+  if (named) return named.header;
+  const text = columns.find((c) => c.type === "text");
+  if (text) return text.header;
+  return columns[0]?.header ?? null;
+}
 async function sha256(bytes) {
   const subtle = globalThis.crypto?.subtle;
   if (!subtle) return null;
@@ -4278,6 +4298,7 @@ function ImportWizard({ tableId, onDone, className }) {
   const [alreadyRan, setAlreadyRan] = useState13(null);
   const [columnsAdded, setColumnsAdded] = useState13(null);
   const [show, setShow] = useState13("all");
+  const [ledger, setLedger] = useState13(null);
   const declared = fields.data ?? [];
   const take = useCallback8(
     async (file) => {
@@ -4288,6 +4309,7 @@ function ImportWizard({ tableId, onDone, className }) {
       setProposals([]);
       setAlreadyRan(null);
       setProgress(0);
+      setLedger(null);
       try {
         const xlsx = file.name.toLowerCase().endsWith(".xlsx");
         const bytes = await file.arrayBuffer();
@@ -4314,6 +4336,11 @@ function ImportWizard({ tableId, onDone, className }) {
         for (const column of answered.data.columns) {
           if (column.matched) next[column.header] = column.field_key;
         }
+        const titleKey2 = table.data?.title_field ?? null;
+        if (titleKey2 && !Object.values(next).includes(titleKey2)) {
+          const guess = obviousTitleColumn(answered.data.columns);
+          if (guess) next[guess] = titleKey2;
+        }
         setMapping(next);
         setPhase("ready");
       } catch (thrown) {
@@ -4321,7 +4348,7 @@ function ImportWizard({ tableId, onDone, className }) {
         setPhase("waiting");
       }
     },
-    [client, declared, tableId]
+    [client, declared, tableId, table.data?.title_field]
   );
   const run = useCallback8(async () => {
     if (!plan) return;
@@ -4329,6 +4356,7 @@ function ImportWizard({ tableId, onDone, className }) {
     setOutcomes([]);
     setColumnsAdded(null);
     setProgress(0);
+    setLedger(null);
     if (unmapped === "create" && rights.admin) {
       setPhase("declaring");
       const made = await client.importDeclareColumns({ table_id: tableId, rows, mapping });
@@ -4364,6 +4392,7 @@ function ImportWizard({ tableId, onDone, className }) {
     }
     const importId = opened.data.import_id;
     const collected = [];
+    const told = { seen: 0, written: 0, duplicate: 0, refused: 0 };
     let take2 = opened.data.rows_per_call ?? BATCH;
     let at = 0;
     while (at < rows.length) {
@@ -4372,11 +4401,17 @@ function ImportWizard({ tableId, onDone, className }) {
       if (!answered.ok) {
         setProblem(answered.error.message);
         setOutcomes([...collected]);
+        setLedger({ ...told, final: false });
         setPhase("ready");
         return;
       }
       collected.push(...answered.data.outcomes);
       setOutcomes([...collected]);
+      told.seen += answered.data.rows_seen;
+      told.written += answered.data.rows_written;
+      told.duplicate += answered.data.rows_duplicate;
+      told.refused += answered.data.rows_refused;
+      setLedger({ ...told, final: false });
       at += batch.length;
       setProgress(Math.min(at, rows.length));
       if (answered.data.rows_per_call) take2 = answered.data.rows_per_call;
@@ -4389,6 +4424,13 @@ function ImportWizard({ tableId, onDone, className }) {
     }
     setSummary(finished.data.message);
     setProposals(finished.data.proposals);
+    setLedger({
+      seen: finished.data.rows_seen,
+      written: finished.data.rows_written,
+      duplicate: finished.data.rows_duplicate,
+      refused: finished.data.rows_refused,
+      final: true
+    });
     setPhase("done");
     onDone?.(finished.data.rows_written);
   }, [client, dedupeKey, fileBytes, fileHash, fileName, format, mapping, onDuplicate, onDone, plan, rows, tableId, unmapped]);
@@ -4408,6 +4450,10 @@ function ImportWizard({ tableId, onDone, className }) {
     [outcomes, show]
   );
   const mappedCount = Object.keys(mapping).length;
+  const titleKey = table.data?.title_field ?? null;
+  const titleMappedTo = titleKey ? Object.entries(mapping).find(([, key]) => key === titleKey)?.[0] ?? null : null;
+  const titleMissing = Boolean(titleKey) && titleMappedTo === null;
+  const titleFieldLabel = (titleKey ? plan?.fields.find((f) => f.key === titleKey)?.label : null) || (titleKey ? declared.find((f) => f.key === titleKey)?.label : null) || "the name column";
   const busy = phase === "reading" || phase === "planning" || phase === "declaring" || phase === "writing";
   return /* @__PURE__ */ jsxs12("div", { className: cn12("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
@@ -4440,55 +4486,107 @@ function ImportWizard({ tableId, onDone, className }) {
     phase === "reading" ? /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Reading the file\u2026" }) : null,
     phase === "planning" ? /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Working out what each column is\u2026" }) : null,
     plan && parsed ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
-      /* @__PURE__ */ jsx16("div", { className: "w-full overflow-x-auto rounded border", children: /* @__PURE__ */ jsxs12("table", { className: "w-full min-w-[50rem] table-fixed", children: [
-        /* @__PURE__ */ jsxs12("colgroup", { children: [
-          /* @__PURE__ */ jsx16("col", { className: "w-[10rem]" }),
-          /* @__PURE__ */ jsx16("col", { className: "w-[17rem]" }),
-          /* @__PURE__ */ jsx16("col", { className: "w-[14rem]" }),
-          /* @__PURE__ */ jsx16("col", { className: "w-[9rem]" })
-        ] }),
-        /* @__PURE__ */ jsx16("thead", { className: "bg-muted", children: /* @__PURE__ */ jsxs12("tr", { children: [
-          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Column in the file" }),
-          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Goes to" }),
-          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Kind" }),
-          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "First values" })
-        ] }) }),
-        /* @__PURE__ */ jsx16("tbody", { children: plan.columns.map((column) => {
+      titleKey ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2 rounded border bg-muted/40 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsx16("span", { className: "font-medium", children: "What each record is called" }),
+        /* @__PURE__ */ jsxs12(
+          Select3,
+          {
+            value: titleMappedTo ?? "",
+            disabled: busy,
+            onValueChange: (chosen) => {
+              setMapping((m) => {
+                const next = { ...m };
+                for (const [header, key] of Object.entries(next)) {
+                  if (key === titleKey) delete next[header];
+                }
+                if (chosen) next[chosen] = titleKey;
+                return next;
+              });
+            },
+            children: [
+              /* @__PURE__ */ jsx16(
+                SelectTrigger3,
+                {
+                  size: "sm",
+                  "aria-label": "Which column each record is named by",
+                  className: "min-w-[14rem]",
+                  children: /* @__PURE__ */ jsx16(SelectValue3, { placeholder: "\u2014 choose the column \u2014" })
+                }
+              ),
+              /* @__PURE__ */ jsx16(SelectContent3, { children: plan.columns.map((c) => /* @__PURE__ */ jsx16(SelectItem3, { value: c.header, children: c.header }, c.header)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: titleMappedTo ? `goes into ${titleFieldLabel}, so every record this file makes has a name you can read in the grid and on a chip.` : `Nothing goes into ${titleFieldLabel} yet, so every record this file makes would land with no name at all. Pick the column that says what each row IS.` })
+      ] }) : null,
+      /* @__PURE__ */ jsx16("div", { className: "w-full overflow-x-auto rounded border", children: /* @__PURE__ */ jsxs12("div", { className: "min-w-[52rem]", children: [
+        /* @__PURE__ */ jsxs12(
+          "div",
+          {
+            className: "grid items-center gap-x-3 border-b bg-muted px-2 py-1 font-medium",
+            style: { gridTemplateColumns: MAPPING_COLUMNS },
+            children: [
+              /* @__PURE__ */ jsx16("span", { children: "Column in the file" }),
+              /* @__PURE__ */ jsx16("span", { children: "Goes to" }),
+              /* @__PURE__ */ jsx16("span", { children: "Kind" }),
+              /* @__PURE__ */ jsx16("span", { children: "First values" })
+            ]
+          }
+        ),
+        plan.columns.map((column) => {
           const to = mapping[column.header] ?? "";
-          return /* @__PURE__ */ jsxs12("tr", { className: "border-t align-top", children: [
-            /* @__PURE__ */ jsx16("td", { className: "truncate px-2 py-1 font-medium", title: column.header, children: column.header }),
-            /* @__PURE__ */ jsx16("td", { className: "px-2 py-1", children: /* @__PURE__ */ jsxs12(
-              "select",
-              {
-                "aria-label": `Where ${column.header} goes`,
-                className: "w-full min-w-0 rounded border bg-background px-1 py-0.5",
-                value: to,
-                disabled: busy,
-                onChange: (e) => {
-                  const chosen = e.target.value;
-                  setMapping((m) => {
-                    const next = { ...m };
-                    if (chosen === "") delete next[column.header];
-                    else next[column.header] = chosen;
-                    return next;
-                  });
-                },
-                children: [
-                  /* @__PURE__ */ jsx16("option", { value: "", children: unmapped === "ignore" ? "\u2014 leave it out \u2014" : "\u2014 offer it as a new column \u2014" }),
-                  plan.fields.map((f) => /* @__PURE__ */ jsx16("option", { value: f.key, children: f.label || f.key }, f.field_id))
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsxs12("td", { className: "px-2 py-1", children: [
-              /* @__PURE__ */ jsx16(Badge5, { variant: column.matched ? "secondary" : "outline", className: "text-[11px] font-normal", children: typeWord(column.type) }),
-              column.unit ? /* @__PURE__ */ jsx16("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
-              /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-muted-foreground", children: column.why }),
-              column.ambiguous ? /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
-              column.collides_with ? /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null
-            ] }),
-            /* @__PURE__ */ jsx16("td", { className: "truncate px-2 py-1 text-muted-foreground", children: (column.samples ?? []).slice(0, 3).map(String).join(" \xB7 ") })
-          ] }, column.header);
-        }) })
+          const absent = unmapped === "ignore" ? "\u2014 leave it out \u2014" : "\u2014 offer it as a new column \u2014";
+          return /* @__PURE__ */ jsxs12(
+            "div",
+            {
+              className: "grid items-start gap-x-3 border-t px-2 py-1",
+              style: { gridTemplateColumns: MAPPING_COLUMNS },
+              children: [
+                /* @__PURE__ */ jsx16("span", { className: "truncate pt-1.5 font-medium", title: column.header, children: column.header }),
+                /* @__PURE__ */ jsxs12(
+                  Select3,
+                  {
+                    value: to || ABSENT,
+                    disabled: busy,
+                    onValueChange: (chosen) => {
+                      setMapping((m) => {
+                        const next = { ...m };
+                        if (chosen === ABSENT) delete next[column.header];
+                        else next[column.header] = chosen;
+                        return next;
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx16(
+                        SelectTrigger3,
+                        {
+                          size: "sm",
+                          "aria-label": `Where ${column.header} goes`,
+                          "data-goes-to": column.header,
+                          className: "w-full min-w-[14rem]",
+                          children: /* @__PURE__ */ jsx16(SelectValue3, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs12(SelectContent3, { children: [
+                        /* @__PURE__ */ jsx16(SelectItem3, { value: ABSENT, children: absent }),
+                        plan.fields.map((f) => /* @__PURE__ */ jsx16(SelectItem3, { value: f.key, children: f.label || f.key }, f.field_id))
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs12("div", { className: "pt-1", children: [
+                  /* @__PURE__ */ jsx16(Badge5, { variant: column.matched ? "secondary" : "outline", className: "text-[11px] font-normal", children: typeWord(column.type) }),
+                  column.unit ? /* @__PURE__ */ jsx16("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
+                  /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-muted-foreground", children: column.why }),
+                  column.ambiguous ? /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
+                  column.collides_with ? /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null
+                ] }),
+                /* @__PURE__ */ jsx16("span", { className: "truncate pt-1.5 text-muted-foreground", children: (column.samples ?? []).slice(0, 3).map(String).join(" \xB7 ") })
+              ]
+            },
+            column.header
+          );
+        })
       ] }) }),
       /* @__PURE__ */ jsx16(Separator2, {}),
       /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-3", children: [
@@ -4546,13 +4644,18 @@ function ImportWizard({ tableId, onDone, className }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx16(Button11, { size: "sm", disabled: busy || !rights.write || rows.length === 0, onClick: () => void run(), children: phase === "declaring" ? "Adding the columns\u2026" : phase === "writing" ? `Writing\u2026 ${progress} of ${rows.length}` : `Import ${rows.length} row${rows.length === 1 ? "" : "s"}` }),
-        /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground", children: [
-          mappedCount,
-          " of ",
-          plan.columns.length,
-          " columns go into this table",
-          fileHash ? "" : " \xB7 this browser cannot recognise the file again, so importing it twice would write it twice"
+        /* @__PURE__ */ jsx16(
+          Button11,
+          {
+            size: "sm",
+            disabled: busy || !rights.write || rows.length === 0 || titleMissing,
+            onClick: () => void run(),
+            children: phase === "declaring" ? "Adding the columns\u2026" : phase === "writing" ? `Writing\u2026 ${progress} of ${rows.length}` : `Import ${rows.length} row${rows.length === 1 ? "" : "s"}`
+          }
+        ),
+        /* @__PURE__ */ jsxs12("span", { className: cn12("text-muted-foreground", titleMissing && "text-destructive"), children: [
+          titleMissing ? `Nothing goes into ${titleFieldLabel} yet, so these records would have no name. Choose the column above, then this will run.` : `${mappedCount} of ${plan.columns.length} columns go into this table`,
+          fileHash || titleMissing ? "" : " \xB7 this browser cannot recognise the file again, so importing it twice would write it twice"
         ] })
       ] })
     ] }) : null,
@@ -4570,27 +4673,31 @@ function ImportWizard({ tableId, onDone, className }) {
       ] }) : null
     ] }) : null,
     alreadyRan ? /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: alreadyRan }) : null,
-    outcomes.length > 0 || summary ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    outcomes.length > 0 || summary || ledger ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
       /* @__PURE__ */ jsx16(Separator2, {}),
       /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsxs12("span", { children: [
-          counts.landed,
-          " landed \xB7 ",
-          counts.duplicate,
-          " already here \xB7 ",
-          counts.refused,
-          " refused"
-        ] }),
-        counts.refused + counts.duplicate > 0 ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+        /* @__PURE__ */ jsx16("span", { children: ledger ? `${ledger.written} landed \xB7 ${ledger.duplicate} already here \xB7 ${ledger.refused} refused, of ${ledger.seen} row${ledger.seen === 1 ? "" : "s"} offered` : `${counts.landed} landed \xB7 ${counts.duplicate} already here \xB7 ${counts.refused} refused` }),
+        ledger && !ledger.final && phase !== "writing" ? /* @__PURE__ */ jsx16("span", { className: "text-destructive", children: "The run stopped here, so the rest of the file was never offered \u2014 these are the rows that were dealt with before it stopped, not the whole file." }) : null,
+        (ledger ? ledger.refused + ledger.duplicate : counts.refused + counts.duplicate) > 0 ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
           /* @__PURE__ */ jsx16("button", { type: "button", className: cn12("underline underline-offset-2", show === "all" && "font-medium"), onClick: () => setShow("all"), children: "everything that did not land" }),
           /* @__PURE__ */ jsx16("button", { type: "button", className: cn12("underline underline-offset-2", show === "refused" && "font-medium"), onClick: () => setShow("refused"), children: "refused" }),
           /* @__PURE__ */ jsx16("button", { type: "button", className: cn12("underline underline-offset-2", show === "duplicate" && "font-medium"), onClick: () => setShow("duplicate"), children: "already here" })
         ] }) : null
       ] }),
       summary ? /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: summary }) : null,
+      ledger && show === "all" && ledger.refused + ledger.duplicate > interesting.length ? /* @__PURE__ */ jsxs12("p", { className: "text-muted-foreground", children: [
+        interesting.length,
+        " of the ",
+        ledger.refused + ledger.duplicate,
+        " row",
+        ledger.refused + ledger.duplicate === 1 ? " that" : "s that",
+        " did not land",
+        interesting.length === 1 ? " is" : " are",
+        " listed below by their line in your file \u2014 the store keeps the rest with this run and does not hand every one of them back at once."
+      ] }) : null,
       interesting.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "max-h-64 overflow-auto rounded border", children: /* @__PURE__ */ jsxs12("table", { className: "w-full", children: [
         /* @__PURE__ */ jsx16("thead", { className: "sticky top-0 bg-muted", children: /* @__PURE__ */ jsxs12("tr", { children: [
-          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Row" }),
+          /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Line in your file" }),
           /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "What happened" }),
           /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
         ] }) }),
@@ -4803,13 +4910,13 @@ import {
   Button as Button13,
   Checkbox as Checkbox4,
   Label as Label4,
-  Select as Select3,
-  SelectContent as SelectContent3,
+  Select as Select4,
+  SelectContent as SelectContent4,
   SelectGroup,
-  SelectItem as SelectItem3,
+  SelectItem as SelectItem4,
   SelectLabel,
-  SelectTrigger as SelectTrigger3,
-  SelectValue as SelectValue3,
+  SelectTrigger as SelectTrigger4,
+  SelectValue as SelectValue4,
   Separator as Separator4,
   cn as cn14
 } from "@ai-matrx/design-system";
@@ -4974,16 +5081,16 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: "What it holds" }),
         /* @__PURE__ */ jsxs14(
-          Select3,
+          Select4,
           {
             value: type,
             disabled: editing,
             onValueChange: (next) => setType(next),
             children: [
-              /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": "What this field holds", children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-              /* @__PURE__ */ jsx18(SelectContent3, { children: FIELD_TYPE_GROUPS.map((group) => /* @__PURE__ */ jsxs14(SelectGroup, { children: [
+              /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": "What this field holds", children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+              /* @__PURE__ */ jsx18(SelectContent4, { children: FIELD_TYPE_GROUPS.map((group) => /* @__PURE__ */ jsxs14(SelectGroup, { children: [
                 /* @__PURE__ */ jsx18(SelectLabel, { children: group }),
-                FIELD_TYPE_CHOICES.filter((c) => c.group === group).map((c) => /* @__PURE__ */ jsx18(SelectItem3, { value: c.id, children: c.label }, c.id))
+                FIELD_TYPE_CHOICES.filter((c) => c.group === group).map((c) => /* @__PURE__ */ jsx18(SelectItem4, { value: c.id, children: c.label }, c.id))
               ] }, group)) })
             ]
           }
@@ -5063,16 +5170,16 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
     /* @__PURE__ */ jsxs14("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: "Who can see what is in it" }),
-        /* @__PURE__ */ jsxs14(Select3, { value: sensitivity, onValueChange: setSensitivity, children: [
-          /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-          /* @__PURE__ */ jsx18(SelectContent3, { children: SENSITIVITIES.map((row) => /* @__PURE__ */ jsx18(SelectItem3, { value: row.value, children: row.label }, row.value)) })
+        /* @__PURE__ */ jsxs14(Select4, { value: sensitivity, onValueChange: setSensitivity, children: [
+          /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+          /* @__PURE__ */ jsx18(SelectContent4, { children: SENSITIVITIES.map((row) => /* @__PURE__ */ jsx18(SelectItem4, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: "Can an assistant read it" }),
-        /* @__PURE__ */ jsxs14(Select3, { value: contextPolicy, onValueChange: setContextPolicy, children: [
-          /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-          /* @__PURE__ */ jsx18(SelectContent3, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ jsx18(SelectItem3, { value: row.value, children: row.label }, row.value)) })
+        /* @__PURE__ */ jsxs14(Select4, { value: contextPolicy, onValueChange: setContextPolicy, children: [
+          /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+          /* @__PURE__ */ jsx18(SelectContent4, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ jsx18(SelectItem4, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] })
     ] }),
@@ -5095,13 +5202,13 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
       rules.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground", children: "No checks. Anything this kind of column can hold will be accepted." }) : null,
       rules.map((rule, index) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxs14(
-          Select3,
+          Select4,
           {
             value: rule.kind,
             onValueChange: (kind) => setRules(rules.map((r, i) => i === index ? { ...r, kind } : r)),
             children: [
-              /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-              /* @__PURE__ */ jsx18(SelectContent3, { children: RULE_KINDS.map((row) => /* @__PURE__ */ jsx18(SelectItem3, { value: row.kind, children: row.label }, row.kind)) })
+              /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+              /* @__PURE__ */ jsx18(SelectContent4, { children: RULE_KINDS.map((row) => /* @__PURE__ */ jsx18(SelectItem4, { value: row.kind, children: row.label }, row.kind)) })
             ]
           }
         ),
@@ -5277,9 +5384,9 @@ function TypeQuestions(props) {
     return /* @__PURE__ */ jsxs14("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: type === "rollup" ? "Across the records in" : "Read it from" }),
-        /* @__PURE__ */ jsxs14(Select3, { value: props.via, onValueChange: props.setVia, children: [
-          /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": type === "rollup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ jsx18(SelectValue3, { placeholder: "Choose a column" }) }),
-          /* @__PURE__ */ jsx18(SelectContent3, { children: usable.map((f) => /* @__PURE__ */ jsxs14(SelectItem3, { value: f.key, children: [
+        /* @__PURE__ */ jsxs14(Select4, { value: props.via, onValueChange: props.setVia, children: [
+          /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": type === "rollup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ jsx18(SelectValue4, { placeholder: "Choose a column" }) }),
+          /* @__PURE__ */ jsx18(SelectContent4, { children: usable.map((f) => /* @__PURE__ */ jsxs14(SelectItem4, { value: f.key, children: [
             fieldName(f),
             type === "rollup" && !f.multi ? " \u2014 holds one" : ""
           ] }, f.id)) })
@@ -5296,9 +5403,9 @@ function TypeQuestions(props) {
         }
       ) : /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: "What to work out" }),
-        /* @__PURE__ */ jsxs14(Select3, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
-          /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-          /* @__PURE__ */ jsx18(SelectContent3, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ jsx18(SelectItem3, { value: row.value, children: row.label }, row.value)) })
+        /* @__PURE__ */ jsxs14(Select4, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
+          /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+          /* @__PURE__ */ jsx18(SelectContent4, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ jsx18(SelectItem4, { value: row.value, children: row.label }, row.value)) })
         ] }),
         props.agg !== "count" ? /* @__PURE__ */ jsx18(
           ValueOnTheOtherSide,
@@ -5321,9 +5428,9 @@ function TypeQuestions(props) {
     return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: "What to do" }),
-        /* @__PURE__ */ jsxs14(Select3, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
-          /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ jsx18(SelectValue3, {}) }),
-          /* @__PURE__ */ jsx18(SelectContent3, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ jsx18(SelectItem3, { value: row.value, children: row.label }, row.value)) })
+        /* @__PURE__ */ jsxs14(Select4, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
+          /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ jsx18(SelectValue4, {}) }),
+          /* @__PURE__ */ jsx18(SelectContent4, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ jsx18(SelectItem4, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
@@ -5368,9 +5475,9 @@ function ValueOnTheOtherSide({
   const body = !relation ? /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ jsxs14("p", { className: "text-[11px] text-muted-foreground", children: [
     fieldName(relation),
     " points at a table that has no columns to read yet. Add one there first."
-  ] }) : /* @__PURE__ */ jsxs14(Select3, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ jsx18(SelectTrigger3, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx18(SelectValue3, { placeholder: "Choose a column" }) }),
-    /* @__PURE__ */ jsx18(SelectContent3, { children: offered.map((column) => /* @__PURE__ */ jsx18(SelectItem3, { value: column.key, children: column.name }, column.key)) })
+  ] }) : /* @__PURE__ */ jsxs14(Select4, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx18(SelectTrigger4, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx18(SelectValue4, { placeholder: "Choose a column" }) }),
+    /* @__PURE__ */ jsx18(SelectContent4, { children: offered.map((column) => /* @__PURE__ */ jsx18(SelectItem4, { value: column.key, children: column.name }, column.key)) })
   ] });
   if (compact) return /* @__PURE__ */ jsx18("div", { className: "mt-1 flex flex-col gap-1", children: body });
   return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
@@ -5977,8 +6084,8 @@ import { useState as useState18 } from "react";
 import {
   useFieldMutation as useFieldMutation2,
   useFields as useFields8,
-  useRecordMutation,
-  useTable as useTable6
+  useTable as useTable6,
+  useTableArchive
 } from "@ai-matrx/records/react";
 import { Badge as Badge6, Button as Button16, Separator as Separator6, cn as cn16 } from "@ai-matrx/design-system";
 import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -5993,8 +6100,8 @@ function TableSettings({
   const table = useTable6(tableId);
   const fields = useFields8(tableId);
   const rights = useTableRights(table.data);
-  const mutation = useRecordMutation();
   const shape = useFieldMutation2();
+  const archive = useTableArchive(tableId);
   const [editing, setEditing] = useState18(null);
   const [askingToDelete, setAskingToDelete] = useState18(false);
   const [askingToRemove, setAskingToRemove] = useState18(null);
@@ -6019,10 +6126,16 @@ function TableSettings({
       table.reload();
     }
   };
-  const deleteTable = async () => {
-    const gone = await mutation.remove({ record_id: tableId });
-    setAskingToDelete(false);
-    if (gone !== null) onDeleted?.();
+  const startArchive = async () => {
+    const finished = await archive.start();
+    if (finished?.done && finished.table_archived) {
+      setAskingToDelete(false);
+      onDeleted?.();
+    }
+  };
+  const askToArchive = async () => {
+    setAskingToDelete(true);
+    await archive.preview();
   };
   if (enriching) {
     return /* @__PURE__ */ jsxs17("div", { className, children: [
@@ -6058,7 +6171,6 @@ function TableSettings({
       /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: rows.length }),
       /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Add a field" })
     ] }),
-    mutation.error ? /* @__PURE__ */ jsx21(RefusalNotice, { error: mutation.error }) : null,
     shape.error ? /* @__PURE__ */ jsx21(RefusalNotice, { error: shape.error }) : null,
     askingToRemove ? /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-2 rounded border border-destructive/40 px-2 py-1.5", children: [
       /* @__PURE__ */ jsxs17("span", { className: "text-destructive", children: [
@@ -6149,21 +6261,32 @@ function TableSettings({
       /* @__PURE__ */ jsx21("span", { className: "font-medium", children: "This table" }),
       askingToDelete ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
         /* @__PURE__ */ jsxs17("p", { className: "text-muted-foreground", children: [
-          "Deleting ",
+          "Archiving ",
           table.data ? tableName(table.data) : "this table",
           " takes it out of everyone's list, with its ",
           rows.length,
           " field",
           rows.length === 1 ? "" : "s",
-          " and every record in it.",
-          table.data?.retention_days ? ` The store keeps them for ${table.data.retention_days} days, so it can still be restored.` : " The store keeps them, so it can still be restored."
+          " and",
+          " ",
+          archive.progress ? `its ${archive.progress.remaining.toLocaleString()} record${archive.progress.remaining === 1 ? "" : "s"}` : "every record in it",
+          ".",
+          table.data?.retention_days ? ` The store keeps them for ${table.data.retention_days} days, so it can still be brought back.` : " The store keeps them, so it can still be brought back."
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "destructive", disabled: mutation.saving, onClick: () => void deleteTable(), children: mutation.saving ? "Deleting\u2026" : "Delete this table" }),
+        archive.progress && (archive.running || archive.passes > 0) ? /* @__PURE__ */ jsxs17("p", { className: archive.error ? "text-destructive" : "text-muted-foreground", children: [
+          archive.progress.total - archive.progress.remaining === archive.progress.total ? `All ${archive.progress.total.toLocaleString()} record${archive.progress.total === 1 ? "" : "s"} are put away.` : `${(archive.progress.total - archive.progress.remaining).toLocaleString()} of ${archive.progress.total.toLocaleString()} record${archive.progress.total === 1 ? "" : "s"} put away so far.`,
+          archive.slowedDown ? " The store is busy, so it is taking smaller passes \u2014 it will still finish." : ""
+        ] }) : null,
+        archive.interrupted && archive.progress ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: archive.error ? `That pass did not finish, so the rest is still here. ${archive.progress.archived_total.toLocaleString()} record${archive.progress.archived_total === 1 ? " is" : "s are"} already archived and ${archive.progress.remaining.toLocaleString()} ${archive.progress.remaining === 1 ? "is" : "are"} left. Nothing was lost \u2014 carry on and it picks up where it stopped.` : `Stopped. ${archive.progress.archived_total.toLocaleString()} record${archive.progress.archived_total === 1 ? " is" : "s are"} archived and ${archive.progress.remaining.toLocaleString()} ${archive.progress.remaining === 1 ? "is" : "are"} left. Carry on whenever you like \u2014 it picks up where it stopped.` }) : null,
+        /* @__PURE__ */ jsx21("div", { className: "flex gap-1", children: archive.running ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
+          /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "destructive", disabled: true, children: "Archiving\u2026" }),
+          /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "ghost", onClick: () => archive.stop(), children: "Stop" })
+        ] }) : /* @__PURE__ */ jsxs17(Fragment10, { children: [
+          /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "destructive", onClick: () => void startArchive(), children: archive.interrupted ? "Carry on archiving" : "Archive this table" }),
           /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "ghost", onClick: () => setAskingToDelete(false), children: "Keep it" })
-        ] })
-      ] }) : /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "outline", onClick: () => setAskingToDelete(true), children: "Delete this table" }) }),
-      mutation.error ? /* @__PURE__ */ jsx21(RefusalNotice, { error: mutation.error }) : null
+        ] }) })
+      ] }) : /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "outline", onClick: () => void askToArchive(), children: "Archive this table" }) }),
+      archive.error ? /* @__PURE__ */ jsx21(RefusalNotice, { error: archive.error }) : null
     ] })
   ] });
 }
@@ -6305,7 +6428,7 @@ import { useEffect as useEffect11, useMemo as useMemo16, useState as useState21
 import {
   useFields as useFields9,
   useRecord,
-  useRecordMutation as useRecordMutation2
+  useRecordMutation
 } from "@ai-matrx/records/react";
 import { predictWriteRefusals } from "@ai-matrx/records/core";
 import { Button as Button17, Separator as Separator7, cn as cn18 } from "@ai-matrx/design-system";
@@ -6494,7 +6617,7 @@ function RecordForm({
   const host = useRecordsUi();
   const fields = useFields9(tableId, recordType);
   const existing = useRecord(recordId ?? null);
-  const mutation = useRecordMutation2();
+  const mutation = useRecordMutation();
   const [draft, setDraft] = useState21({});
   const [touched, setTouched] = useState21(false);
   const loaded = useRecordVersion(recordId ?? null);
@@ -7471,6 +7594,7 @@ function ViewSwitcher({
     )
   ] });
 }
+var UNUSUAL_FIELD_NOTE = "an unusual column to use here";
 function offerableFields(all, want) {
   return all.filter((field) => {
     const kind = editorKindFor(field);
@@ -7606,10 +7730,7 @@ function FieldPicker({
         children: [
           /* @__PURE__ */ jsx27("option", { value: "", children: "Choose a field" }),
           offerable.map((field) => /* @__PURE__ */ jsx27("option", { value: field.key, children: fieldName(field) }, field.key)),
-          unusual ? /* @__PURE__ */ jsxs23("option", { value: unusual.key, children: [
-            fieldName(unusual),
-            " \u2014 an unusual column to use here"
-          ] }, unusual.key) : null
+          unusual ? /* @__PURE__ */ jsx27("option", { value: unusual.key, children: `${fieldName(unusual)} \u2014 ${UNUSUAL_FIELD_NOTE}` }, unusual.key) : null
         ]
       }
     ),
@@ -11450,8 +11571,35 @@ function SubscriptionsPanel({ tableId, className }) {
 }
 
 // src/FormBuilder.tsx
-import { useCallback as useCallback25, useEffect as useEffect27, useMemo as useMemo26, useState as useState40 } from "react";
-import { useFields as useFields18, useRecordsClient as useRecordsClient27, useTable as useTable14 } from "@ai-matrx/records/react";
+import { useCallback as useCallback25, useEffect as useEffect28, useMemo as useMemo26, useState as useState41 } from "react";
+import { useFields as useFields18, useRecordsClient as useRecordsClient28, useTable as useTable14 } from "@ai-matrx/records/react";
+
+// src/publish-gate.ts
+import { useEffect as useEffect26, useState as useState39 } from "react";
+import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
+var PUBLISH_NEEDS_THE_STORE_ON = "This organization has its record store switched off, so publishing would hand you a link that opens nothing. An owner or an administrator turns it on under Database settings, on the unified data screen \u2014 everything you have already built here is kept and starts working the moment they do.";
+function usePublishGate() {
+  const client = useRecordsClient27();
+  const [storeOpen, setStoreOpen] = useState39(null);
+  useEffect26(() => {
+    let alive = true;
+    void (async () => {
+      const answered = await client.storeIsOpen();
+      if (!alive) return;
+      setStoreOpen(answered.ok ? answered.data : null);
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [client]);
+  return {
+    storeOpen,
+    blocked: storeOpen === false,
+    why: storeOpen === false ? PUBLISH_NEEDS_THE_STORE_ON : null
+  };
+}
+
+// src/FormBuilder.tsx
 import { publicFormPath } from "@ai-matrx/records";
 import {
   BasicInput as BasicInput13,
@@ -11464,7 +11612,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback24, useEffect as useEffect26, useMemo as useMemo25, useRef as useRef11, useState as useState39 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect27, useMemo as useMemo25, useRef as useRef11, useState as useState40 } from "react";
 import { useFields as useFields17, useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
 import { Button as Button36, Progress, Skeleton as Skeleton20, cn as cn36 } from "@ai-matrx/design-system";
 import { Fragment as Fragment18, jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -11535,13 +11683,13 @@ function FormStage({
   connected = false
 }) {
   const host = useRecordsUi();
-  const [answers, setAnswers] = useState39({});
-  const [at, setAt] = useState39(0);
-  const [error, setError] = useState39(null);
-  const [refusal, setRefusal] = useState39(null);
-  const [writing, setWriting] = useState39(false);
-  const [done, setDone] = useState39(null);
-  const [hidden, setHidden] = useState39({});
+  const [answers, setAnswers] = useState40({});
+  const [at, setAt] = useState40(0);
+  const [error, setError] = useState40(null);
+  const [refusal, setRefusal] = useState40(null);
+  const [writing, setWriting] = useState40(false);
+  const [done, setDone] = useState40(null);
+  const [hidden, setHidden] = useState40({});
   const decoy = useRef11("");
   const stage = useRef11(null);
   const questions = useMemo25(() => {
@@ -11558,7 +11706,7 @@ function FormStage({
       };
     });
   }, [fields, form.questions]);
-  useEffect26(() => {
+  useEffect27(() => {
     let cancelled = false;
     const conditional = questions.filter((q) => q.showIf);
     if (conditional.length === 0 || !evaluate) return;
@@ -11629,7 +11777,7 @@ function FormStage({
     if (event.shiftKey) retreat();
     else advance();
   }
-  useEffect26(() => {
+  useEffect27(() => {
     const input = stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox']"
     );
@@ -11723,7 +11871,7 @@ function Question({
   onChange,
   upload
 }) {
-  const [uploadError, setUploadError] = useState39(null);
+  const [uploadError, setUploadError] = useState40(null);
   const field = question.field;
   if (!field) return null;
   const id = `form-${field.key}`;
@@ -11780,21 +11928,22 @@ function whyNotAskable(fields, hidden = []) {
 // src/FormBuilder.tsx
 import { Fragment as Fragment19, jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
-  const client = useRecordsClient27();
+  const client = useRecordsClient28();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
   const table = useTable14(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields18(tableId);
-  const [forms, setForms] = useState40(null);
-  const [error, setError] = useState40(null);
-  const [activeId, setActiveId] = useState40(activeFormId ?? null);
-  const [draft, setDraft] = useState40(null);
-  const [saving, setSaving] = useState40(false);
-  const [saved, setSaved] = useState40(null);
-  const [publishing, setPublishing] = useState40(false);
-  const [copied, setCopied] = useState40(false);
-  const [shownUrl, setShownUrl] = useState40(null);
+  const [forms, setForms] = useState41(null);
+  const [error, setError] = useState41(null);
+  const [activeId, setActiveId] = useState41(activeFormId ?? null);
+  const [draft, setDraft] = useState41(null);
+  const [saving, setSaving] = useState41(false);
+  const [saved, setSaved] = useState41(null);
+  const [publishing, setPublishing] = useState41(false);
+  const [copied, setCopied] = useState41(false);
+  const [shownUrl, setShownUrl] = useState41(null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const load = useCallback25(async () => {
     const answered = await client.forms({ table_id: tableId });
@@ -11823,10 +11972,10 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  useEffect27(() => {
+  useEffect28(() => {
     void load();
   }, [load]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!forms || forms.length === 0) return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -11937,8 +12086,8 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
           {
             url: `${publicOrigin}${publicFormPath(draft.id)}`,
             state: draft.state,
-            mayPublish: rights.structure,
-            why: rights.why("structure"),
+            mayPublish: rights.structure && !publishGate.blocked,
+            why: publishGate.why ?? rights.why("structure"),
             busy: publishing,
             copied,
             shownUrl,
@@ -12237,17 +12386,17 @@ function groupLabel(groups) {
 
 // src/chartFrame.tsx
 import {
-  useEffect as useEffect28,
+  useEffect as useEffect29,
   useId as useId2,
   useRef as useRef12,
-  useState as useState41
+  useState as useState42
 } from "react";
 import { cn as cn38 } from "@ai-matrx/design-system";
 import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
   const ref = useRef12(null);
-  const [width, setWidth] = useState41(fallback);
-  useEffect28(() => {
+  const [width, setWidth] = useState42(fallback);
+  useEffect29(() => {
     const node = ref.current;
     if (!node) return;
     const apply = () => {
@@ -12371,23 +12520,23 @@ function isSignatureField(field) {
 }
 
 // src/DocTemplate.tsx
-import { useCallback as useCallback26, useEffect as useEffect29, useState as useState42 } from "react";
-import { useFields as useFields19, useRecordsClient as useRecordsClient28, useTable as useTable15 } from "@ai-matrx/records/react";
+import { useCallback as useCallback26, useEffect as useEffect30, useState as useState43 } from "react";
+import { useFields as useFields19, useRecordsClient as useRecordsClient29, useTable as useTable15 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput14, BasicTextarea as BasicTextarea6, Button as Button38, Label as Label8, Skeleton as Skeleton22, cn as cn39 } from "@ai-matrx/design-system";
 import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = useRecordsClient28();
+  const client = useRecordsClient29();
   const claimSeed = useSeedGuard();
   const table = useTable15(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields19(tableId);
-  const [templates, setTemplates] = useState42(null);
-  const [error, setError] = useState42(null);
-  const [activeId, setActiveId] = useState42(activeTemplateId ?? null);
-  const [draftName, setDraftName] = useState42("");
-  const [draftBody, setDraftBody] = useState42("");
-  const [unresolved, setUnresolved] = useState42([]);
-  const [saving, setSaving] = useState42(false);
+  const [templates, setTemplates] = useState43(null);
+  const [error, setError] = useState43(null);
+  const [activeId, setActiveId] = useState43(activeTemplateId ?? null);
+  const [draftName, setDraftName] = useState43("");
+  const [draftBody, setDraftBody] = useState43("");
+  const [unresolved, setUnresolved] = useState43([]);
+  const [saving, setSaving] = useState43(false);
   const load = useCallback26(async () => {
     const held = await client.docTemplates({ table_id: tableId });
     if (!held.ok) {
@@ -12419,10 +12568,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  useEffect29(() => {
+  useEffect30(() => {
     void load();
   }, [load]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -12430,7 +12579,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  useEffect29(() => {
+  useEffect30(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -12550,17 +12699,17 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback27, useEffect as useEffect30, useRef as useRef13, useState as useState43 } from "react";
-import { useRecordsClient as useRecordsClient29 } from "@ai-matrx/records/react";
+import { useCallback as useCallback27, useEffect as useEffect31, useRef as useRef13, useState as useState44 } from "react";
+import { useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
 import { Button as Button39, Skeleton as Skeleton23, cn as cn40 } from "@ai-matrx/design-system";
 import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = useRecordsClient29();
-  const [preview, setPreview] = useState43(null);
-  const [renders, setRenders] = useState43(null);
-  const [showing, setShowing] = useState43(null);
-  const [error, setError] = useState43(null);
-  const [busy, setBusy] = useState43(null);
+  const client = useRecordsClient30();
+  const [preview, setPreview] = useState44(null);
+  const [renders, setRenders] = useState44(null);
+  const [showing, setShowing] = useState44(null);
+  const [error, setError] = useState44(null);
+  const [busy, setBusy] = useState44(null);
   const paper = useRef13(null);
   const load = useCallback27(async () => {
     const [body, held] = await Promise.all([
@@ -12579,7 +12728,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  useEffect30(() => {
+  useEffect31(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -12663,21 +12812,21 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-import { useCallback as useCallback28, useEffect as useEffect31, useState as useState44 } from "react";
-import { useFields as useFields20, useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
+import { useCallback as useCallback28, useEffect as useEffect32, useState as useState45 } from "react";
+import { useFields as useFields20, useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput15, Button as Button40, Skeleton as Skeleton24, cn as cn41 } from "@ai-matrx/design-system";
 import { useTable as useTable16 } from "@ai-matrx/records/react";
 import { jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = useRecordsClient30();
+  const client = useRecordsClient31();
   const table = useTable16(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields20(tableId);
-  const [signatures, setSignatures] = useState44(null);
-  const [verdicts, setVerdicts] = useState44({});
-  const [error, setError] = useState44(null);
-  const [name, setName] = useState44("");
-  const [busy, setBusy] = useState44(false);
+  const [signatures, setSignatures] = useState45(null);
+  const [verdicts, setVerdicts] = useState45({});
+  const [error, setError] = useState45(null);
+  const [name, setName] = useState45("");
+  const [busy, setBusy] = useState45(false);
   const load = useCallback28(async () => {
     const held = await client.docSignatures({ record_id: recordId });
     if (!held.ok) {
@@ -12693,7 +12842,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  useEffect31(() => {
+  useEffect32(() => {
     void load();
   }, [load]);
   async function sign(field) {
@@ -12800,22 +12949,22 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/NotifyRuleEditor.tsx
-import { useCallback as useCallback29, useEffect as useEffect32, useState as useState45 } from "react";
-import { useRecordsClient as useRecordsClient31, useTable as useTable17 } from "@ai-matrx/records/react";
+import { useCallback as useCallback29, useEffect as useEffect33, useState as useState46 } from "react";
+import { useRecordsClient as useRecordsClient32, useTable as useTable17 } from "@ai-matrx/records/react";
 import { Button as Button41, Skeleton as Skeleton25, cn as cn42 } from "@ai-matrx/design-system";
 import { jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
 function NotifyRuleEditor({ tableId, seed, className }) {
-  const client = useRecordsClient31();
+  const client = useRecordsClient32();
   const host = useRecordsUi();
   const table = useTable17(tableId);
   const rights = useTableRights(table.data);
-  const [subscriptions, setSubscriptions] = useState45(null);
-  const [cadences, setCadences] = useState45([]);
-  const [views, setViews] = useState45(null);
-  const [error, setError] = useState45(null);
-  const [busy, setBusy] = useState45(false);
+  const [subscriptions, setSubscriptions] = useState46(null);
+  const [cadences, setCadences] = useState46([]);
+  const [views, setViews] = useState46(null);
+  const [error, setError] = useState46(null);
+  const [busy, setBusy] = useState46(false);
   const load = useCallback29(async () => {
     const [held, offered] = await Promise.all([
       // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
@@ -12836,7 +12985,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     if (host.savedViews) setViews(await host.savedViews());
     else setViews(null);
   }, [client, host, tableId]);
-  useEffect32(() => {
+  useEffect33(() => {
     void load();
   }, [load]);
   const write = useCallback29(
@@ -12864,7 +13013,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     },
     [client, tableId]
   );
-  useEffect32(() => {
+  useEffect33(() => {
     if (!subscriptions || !seed || seed.length === 0) return;
     const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
     if (missing.length === 0) return;
@@ -13320,24 +13469,34 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-import { useCallback as useCallback30, useEffect as useEffect33, useMemo as useMemo28, useState as useState46 } from "react";
-import { useFields as useFields21, useRecordsClient as useRecordsClient32, useTable as useTable18 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput16, Button as Button42, Skeleton as Skeleton26, cn as cn44 } from "@ai-matrx/design-system";
+import { useCallback as useCallback30, useEffect as useEffect34, useMemo as useMemo28, useState as useState47 } from "react";
+import { useFields as useFields21, useRecordsClient as useRecordsClient33, useTable as useTable18 } from "@ai-matrx/records/react";
+import {
+  BasicInput as BasicInput16,
+  Button as Button42,
+  Select as Select5,
+  SelectContent as SelectContent5,
+  SelectItem as SelectItem5,
+  SelectTrigger as SelectTrigger5,
+  SelectValue as SelectValue5,
+  Skeleton as Skeleton26,
+  cn as cn44
+} from "@ai-matrx/design-system";
 import { Fragment as Fragment21, jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
-  const client = useRecordsClient32();
+  const client = useRecordsClient33();
   const host = useRecordsUi();
   const table = useTable18(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields21(tableId);
-  const [boards, setBoards] = useState46(null);
-  const [error, setError] = useState46(null);
-  const [activeId, setActiveId] = useState46(activeDashboardId ?? null);
-  const [run, setRun] = useState46(null);
-  const [running, setRunning] = useState46(false);
-  const [question, setQuestion] = useState46("");
-  const [asking, setAsking] = useState46(false);
-  const [scheduling, setScheduling] = useState46(false);
+  const [boards, setBoards] = useState47(null);
+  const [error, setError] = useState47(null);
+  const [activeId, setActiveId] = useState47(activeDashboardId ?? null);
+  const [run, setRun] = useState47(null);
+  const [running, setRunning] = useState47(false);
+  const [question, setQuestion] = useState47("");
+  const [asking, setAsking] = useState47(false);
+  const [scheduling, setScheduling] = useState47(false);
   const load = useCallback30(async () => {
     const answered = await client.dashboards({ table_id: tableId });
     if (!answered.ok) {
@@ -13347,17 +13506,17 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     setError(null);
     setBoards(answered.data.map(dashboardFromSummary));
   }, [client, tableId]);
-  useEffect33(() => {
+  useEffect34(() => {
     void load();
   }, [load]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!boards || boards.length === 0) return;
     const chosen = boards.find((d) => d.id === (activeDashboardId ?? activeId)) ?? boards[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
   }, [boards, activeDashboardId]);
   const board = useMemo28(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  useEffect33(() => {
+  useEffect34(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -13396,8 +13555,8 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     [client, tableId, load, filter]
   );
   async function create() {
-    const groupable = (fields.data ?? []).filter((f) => f.type === "text" || f.type === "list");
-    const byField = groupable[0];
+    const all = fields.data ?? [];
+    const byField = offerableFields(all, "choice")[0] ?? all.find((f) => f.type === "text" || f.type === "list");
     const by = byField?.key;
     await declare2(
       {
@@ -13568,6 +13727,32 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
               children: CHART_KINDS.map((kind) => /* @__PURE__ */ jsx50("option", { value: kind, children: CHART_KIND_LABEL[kind] }, kind))
             }
           ),
+          (board.blocks[index].groupBy ?? []).length > 0 ? /* @__PURE__ */ jsx50(
+            GroupingPicker,
+            {
+              block: board.blocks[index],
+              fields: fields.data ?? [],
+              onPick: (key) => void declare2(
+                board,
+                board.blocks.map((b, i) => {
+                  if (i !== index) return b;
+                  const picked = (fields.data ?? []).find((f) => f.key === key);
+                  const wasNamedAfterItsColumn = (fields.data ?? []).some(
+                    (f) => b.title === `By ${fieldName(f)}`
+                  );
+                  return {
+                    ...b,
+                    groupBy: [key],
+                    // A block titled after the column it grouped by
+                    // must not keep saying "By Job Number" once it
+                    // groups by Status. A title somebody wrote
+                    // themselves is left alone.
+                    ...wasNamedAfterItsColumn && picked ? { title: `By ${fieldName(picked)}` } : {}
+                  };
+                })
+              )
+            }
+          ) : null,
           /* @__PURE__ */ jsx50(
             Button42,
             {
@@ -13586,10 +13771,49 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     ] })
   ] });
 }
+function groupingChoices(all) {
+  const once = [];
+  for (const field of all) if (!once.some((f) => f.key === field.key)) once.push(field);
+  const sensible = offerableFields(once, "choice");
+  const isSensible = (field) => sensible.some((s) => s.key === field.key);
+  return [
+    ...sensible.map((field) => ({ field, unusual: false })),
+    ...once.filter((field) => !isSensible(field)).map((field) => ({ field, unusual: true }))
+  ];
+}
+function GroupingPicker({
+  block,
+  fields,
+  onPick
+}) {
+  const choices = groupingChoices(fields);
+  const current = block.groupBy?.[0] ?? "";
+  if (choices.length === 0) {
+    return /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground", children: "This table has no columns yet, so there is nothing to group this block by." });
+  }
+  const known = choices.some((c) => c.field.key === current);
+  return /* @__PURE__ */ jsxs46(Fragment21, { children: [
+    /* @__PURE__ */ jsx50("label", { className: "text-muted-foreground", htmlFor: `block-group-${block.title}`, children: "Group by" }),
+    /* @__PURE__ */ jsxs46(Select5, { value: known ? current : "", onValueChange: onPick, children: [
+      /* @__PURE__ */ jsx50(
+        SelectTrigger5,
+        {
+          size: "sm",
+          id: `block-group-${block.title}`,
+          "aria-label": `Which column ${block.title} is grouped by`,
+          className: "h-7 min-w-[10rem] text-xs",
+          children: /* @__PURE__ */ jsx50(SelectValue5, { placeholder: "Choose a column" })
+        }
+      ),
+      /* @__PURE__ */ jsx50(SelectContent5, { children: choices.map(({ field, unusual }) => /* @__PURE__ */ jsx50(SelectItem5, { value: field.key, children: unusual ? `${fieldName(field)} \u2014 ${UNUSUAL_FIELD_NOTE}` : fieldName(field) }, field.key)) })
+    ] }),
+    known ? null : /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground", children: "The column this block was grouped by is no longer on this table \u2014 choose another." })
+  ] });
+}
 
 // src/FormsPanel.tsx
-import { useCallback as useCallback31, useEffect as useEffect34, useState as useState47 } from "react";
-import { useRecordsClient as useRecordsClient33, useTable as useTable19 } from "@ai-matrx/records/react";
+import { useCallback as useCallback31, useEffect as useEffect35, useState as useState48 } from "react";
+import { useRecordsClient as useRecordsClient34, useTable as useTable19 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
 import { Badge as Badge15, Button as Button43, Skeleton as Skeleton27, cn as cn45 } from "@ai-matrx/design-system";
 import { Fragment as Fragment22, jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
@@ -13600,15 +13824,16 @@ function formSuggestion(tableName2) {
   return `Make me a form that collects new ${subject} entries and tells me when somebody answers.`;
 }
 function FormsPanel({ tableId, className }) {
-  const client = useRecordsClient33();
+  const client = useRecordsClient34();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable19(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = useState47(null);
-  const [error, setError] = useState47(null);
-  const [busy, setBusy] = useState47(null);
-  const [copied, setCopied] = useState47(null);
-  const [building, setBuilding] = useState47(false);
+  const [forms, setForms] = useState48(null);
+  const [error, setError] = useState48(null);
+  const [busy, setBusy] = useState48(null);
+  const [copied, setCopied] = useState48(null);
+  const [building, setBuilding] = useState48(false);
   const load = useCallback31(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
@@ -13619,7 +13844,7 @@ function FormsPanel({ tableId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  useEffect34(() => {
+  useEffect35(() => {
     void load();
   }, [load]);
   const toggle = useCallback31(
@@ -13636,7 +13861,7 @@ function FormsPanel({ tableId, className }) {
     },
     [client, load]
   );
-  const [shown, setShown] = useState47(null);
+  const [shown, setShown] = useState48(null);
   const copy = useCallback31(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
@@ -13712,7 +13937,7 @@ function FormsPanel({ tableId, className }) {
         ] }),
         /* @__PURE__ */ jsxs47("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
           form.published_at ? /* @__PURE__ */ jsx51(Button43, { size: "sm", variant: "outline", onClick: () => void copy(url, form.form_id), children: copied === form.form_id ? "Copied" : "Copy link" }) : null,
-          rights.structure ? /* @__PURE__ */ jsx51(
+          rights.structure && !publishGate.blocked ? /* @__PURE__ */ jsx51(
             Button43,
             {
               size: "sm",
@@ -13723,6 +13948,7 @@ function FormsPanel({ tableId, className }) {
             }
           ) : null
         ] }),
+        rights.structure && publishGate.why ? /* @__PURE__ */ jsx51("p", { className: "mt-1.5 text-xs text-muted-foreground", children: publishGate.why }) : null,
         shown && shown === url ? /* @__PURE__ */ jsxs47("p", { className: "mt-1.5 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:",
           " ",
@@ -13735,8 +13961,8 @@ function FormsPanel({ tableId, className }) {
 }
 
 // src/BookingBuilder.tsx
-import { useCallback as useCallback32, useEffect as useEffect35, useMemo as useMemo29, useState as useState48 } from "react";
-import { useFields as useFields22, useRecordsClient as useRecordsClient34, useTable as useTable20 } from "@ai-matrx/records/react";
+import { useCallback as useCallback32, useEffect as useEffect36, useMemo as useMemo29, useState as useState49 } from "react";
+import { useFields as useFields22, useRecordsClient as useRecordsClient35, useTable as useTable20 } from "@ai-matrx/records/react";
 import {
   bookingPath
 } from "@ai-matrx/records";
@@ -13766,28 +13992,29 @@ function draftWindows(availability) {
   });
 }
 function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
-  const client = useRecordsClient34();
+  const client = useRecordsClient35();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable20(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields22(tableId);
-  const [existing, setExisting] = useState48(null);
-  const [loaded, setLoaded] = useState48(false);
-  const [error, setError] = useState48(null);
-  const [saving, setSaving] = useState48(false);
-  const [publishing, setPublishing] = useState48(false);
-  const [copied, setCopied] = useState48(false);
-  const [title, setTitle] = useState48("");
-  const [minutes, setMinutes] = useState48(30);
-  const [buffer, setBuffer] = useState48(0);
-  const [lead, setLead] = useState48(120);
-  const [perDay, setPerDay] = useState48(8);
-  const [days, setDays] = useState48(30);
-  const [windows, setWindows] = useState48(() => draftWindows(null));
-  const [asked, setAsked] = useState48([]);
-  const [confirmation, setConfirmation] = useState48("");
-  const [offer, setOffer] = useState48(null);
-  const [formId, setFormId] = useState48(bookingId ?? null);
+  const [existing, setExisting] = useState49(null);
+  const [loaded, setLoaded] = useState49(false);
+  const [error, setError] = useState49(null);
+  const [saving, setSaving] = useState49(false);
+  const [publishing, setPublishing] = useState49(false);
+  const [copied, setCopied] = useState49(false);
+  const [title, setTitle] = useState49("");
+  const [minutes, setMinutes] = useState49(30);
+  const [buffer, setBuffer] = useState49(0);
+  const [lead, setLead] = useState49(120);
+  const [perDay, setPerDay] = useState49(8);
+  const [days, setDays] = useState49(30);
+  const [windows, setWindows] = useState49(() => draftWindows(null));
+  const [asked, setAsked] = useState49([]);
+  const [confirmation, setConfirmation] = useState49("");
+  const [offer, setOffer] = useState49(null);
+  const [formId, setFormId] = useState49(bookingId ?? null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const askable = useMemo29(
     () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
@@ -13809,18 +14036,18 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setLoaded(true);
     if (mine) setFormId(mine.form_id);
   }, [client, tableId, bookingId]);
-  useEffect35(() => {
+  useEffect36(() => {
     void load();
   }, [load]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (title !== "" || !table.data) return;
     setTitle(existing?.title ?? `Book a ${minutes}-minute ${table.data.name} appointment`);
   }, [table.data, existing]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!offer) return;
     setWindows(draftWindows(offer));
     setMinutes(offer.slot_minutes);
@@ -14066,7 +14293,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
             children: copied ? "Copied" : "Copy link"
           }
         ),
-        /* @__PURE__ */ jsx52(
+        publishGate.blocked ? null : /* @__PURE__ */ jsx52(
           Button44,
           {
             size: "sm",
@@ -14075,15 +14302,15 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
             children: publishing ? "\u2026" : existing?.published_at && !existing.closed_at ? "Unpublish" : "Publish"
           }
         ),
-        /* @__PURE__ */ jsx52("p", { className: "w-full text-xs text-muted-foreground", children: existing?.published_at && !existing.closed_at ? "Open. Anyone with this link can book a time." : "Not open yet \u2014 the link does not take bookings until you publish it." })
+        /* @__PURE__ */ jsx52("p", { className: "w-full text-xs text-muted-foreground", children: publishGate.why ?? (existing?.published_at && !existing.closed_at ? "Open. Anyone with this link can book a time." : "Not open yet \u2014 the link does not take bookings until you publish it.") })
       ] }) : null
     ] })
   );
 }
 
 // src/BookingSlots.tsx
-import { useCallback as useCallback33, useEffect as useEffect36, useMemo as useMemo30, useState as useState49 } from "react";
-import { useRecordsClient as useRecordsClient35, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
+import { useCallback as useCallback33, useEffect as useEffect37, useMemo as useMemo30, useState as useState50 } from "react";
+import { useRecordsClient as useRecordsClient36, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
 import { Badge as Badge16, Button as Button45, Skeleton as Skeleton29, cn as cn47 } from "@ai-matrx/design-system";
 import { Fragment as Fragment24, jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
@@ -14095,14 +14322,14 @@ function bookingSuggestion(tableName2) {
 var NO_ADMIN2 = "Opening a booking page lets people with no account take time in your calendar, so it needs the admin level on the table the appointments land in.";
 var STATE_WORDS = BOOKING_PAGE_STATE_LABEL;
 function BookingSlots({ tableId, className }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const host = useRecordsUi();
-  const [pages, setPages] = useState49(null);
-  const [error, setError] = useState49(null);
-  const [busy, setBusy] = useState49(null);
-  const [copied, setCopied] = useState49(null);
-  const [shown, setShown] = useState49(null);
-  const [building, setBuilding] = useState49(false);
+  const [pages, setPages] = useState50(null);
+  const [error, setError] = useState50(null);
+  const [busy, setBusy] = useState50(null);
+  const [copied, setCopied] = useState50(null);
+  const [shown, setShown] = useState50(null);
+  const [building, setBuilding] = useState50(false);
   const load = useCallback33(async () => {
     const answered = await client.bookings(tableId ? { table_id: tableId } : {});
     if (!answered.ok) {
@@ -14113,7 +14340,7 @@ function BookingSlots({ tableId, className }) {
     setError(null);
     setPages(answered.data);
   }, [client, tableId]);
-  useEffect36(() => {
+  useEffect37(() => {
     void load();
   }, [load]);
   const subjectIds = useMemo30(
@@ -14282,18 +14509,18 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback35, useEffect as useEffect38, useRef as useRef15, useState as useState51 } from "react";
-import { useFields as useFields23, useRecordsClient as useRecordsClient37, useTable as useTable21 } from "@ai-matrx/records/react";
+import { useCallback as useCallback35, useEffect as useEffect39, useRef as useRef15, useState as useState52 } from "react";
+import { useFields as useFields23, useRecordsClient as useRecordsClient38, useTable as useTable21 } from "@ai-matrx/records/react";
 import { Button as Button47, Input as Input4, Skeleton as Skeleton31, Textarea as Textarea3, cn as cn49 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback34, useEffect as useEffect37, useMemo as useMemo31, useRef as useRef14, useState as useState50 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect38, useMemo as useMemo31, useRef as useRef14, useState as useState51 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer2,
   coercionLabel,
   openCaptureQueue
 } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient36 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient37 } from "@ai-matrx/records/react";
 import { Button as Button46, Input as Input3, Skeleton as Skeleton30, Textarea as Textarea2, cn as cn48 } from "@ai-matrx/design-system";
 import { jsx as jsx54, jsxs as jsxs50 } from "react/jsx-runtime";
 function controlFor(field) {
@@ -14332,21 +14559,21 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = useRecordsClient36();
+  const client = useRecordsClient37();
   const host = useRecordsUi();
-  const [face, setFace] = useState50(given);
-  const [loadFailed, setLoadFailed] = useState50(null);
-  const [at, setAt] = useState50(0);
-  const [answers, setAnswers] = useState50({});
-  const [files, setFiles] = useState50({});
-  const [missing, setMissing] = useState50(null);
-  const [done, setDone] = useState50(null);
-  const [counts, setCounts] = useState50({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = useState50([]);
-  const [lastSynced, setLastSynced] = useState50(null);
-  const [sending, setSending] = useState50(false);
+  const [face, setFace] = useState51(given);
+  const [loadFailed, setLoadFailed] = useState51(null);
+  const [at, setAt] = useState51(0);
+  const [answers, setAnswers] = useState51({});
+  const [files, setFiles] = useState51({});
+  const [missing, setMissing] = useState51(null);
+  const [done, setDone] = useState51(null);
+  const [counts, setCounts] = useState51({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = useState51([]);
+  const [lastSynced, setLastSynced] = useState51(null);
+  const [sending, setSending] = useState51(false);
   const queueRef = useRef14(null);
-  useEffect37(() => {
+  useEffect38(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
         setCounts(c);
@@ -14384,7 +14611,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -14694,19 +14921,19 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = useRecordsClient37();
+  const client = useRecordsClient38();
   const host = useRecordsUi();
   const table = useTable21(tableId);
   const fields = useFields23(tableId);
-  const [mode, setMode] = useState51("reading");
-  const [reading, setReading] = useState51("");
-  const [note, setNote] = useState51("");
-  const [fileId, setFileId] = useState51(null);
-  const [pending, setPending] = useState51(null);
-  const [saved, setSaved] = useState51([]);
-  const [error, setError] = useState51(null);
-  const [uploadError, setUploadError] = useState51(null);
-  const [flushing, setFlushing] = useState51(false);
+  const [mode, setMode] = useState52("reading");
+  const [reading, setReading] = useState52("");
+  const [note, setNote] = useState52("");
+  const [fileId, setFileId] = useState52(null);
+  const [pending, setPending] = useState52(null);
+  const [saved, setSaved] = useState52([]);
+  const [error, setError] = useState52(null);
+  const [uploadError, setUploadError] = useState52(null);
+  const [flushing, setFlushing] = useState52(false);
   const queue = useRef15([]);
   const keep = useCallback35(
     async (next) => {
@@ -14716,7 +14943,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  useEffect38(() => {
+  useEffect39(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -14895,17 +15122,17 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-import { useCallback as useCallback36, useEffect as useEffect39, useState as useState52 } from "react";
-import { useRecordsClient as useRecordsClient38 } from "@ai-matrx/records/react";
+import { useCallback as useCallback36, useEffect as useEffect40, useState as useState53 } from "react";
+import { useRecordsClient as useRecordsClient39 } from "@ai-matrx/records/react";
 import { Button as Button48, Skeleton as Skeleton32, cn as cn50 } from "@ai-matrx/design-system";
 import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = useRecordsClient38();
-  const [card, setCard] = useState52(null);
-  const [reach, setReach] = useState52(null);
-  const [error, setError] = useState52(null);
-  const [open, setOpen] = useState52(null);
-  const [sending, setSending] = useState52(false);
+  const client = useRecordsClient39();
+  const [card, setCard] = useState53(null);
+  const [reach, setReach] = useState53(null);
+  const [error, setError] = useState53(null);
+  const [open, setOpen] = useState53(null);
+  const [sending, setSending] = useState53(false);
   const load = useCallback36(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
@@ -14921,7 +15148,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  useEffect39(() => {
+  useEffect40(() => {
     void load();
   }, [load]);
   if (error) {
@@ -14979,9 +15206,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = useRecordsClient38();
-  const [title, setTitle] = useState52(null);
-  useEffect39(() => {
+  const client = useRecordsClient39();
+  const [title, setTitle] = useState53(null);
+  useEffect40(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -15001,17 +15228,17 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-import { useCallback as useCallback37, useEffect as useEffect40, useState as useState53 } from "react";
-import { useRecordsClient as useRecordsClient39 } from "@ai-matrx/records/react";
+import { useCallback as useCallback37, useEffect as useEffect41, useState as useState54 } from "react";
+import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton33, cn as cn51 } from "@ai-matrx/design-system";
 import { jsx as jsx57, jsxs as jsxs53 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
-  const client = useRecordsClient39();
-  const [binding, setBinding] = useState53(null);
-  const [rows, setRows] = useState53(null);
-  const [fields, setFields] = useState53(null);
-  const [error, setError] = useState53(null);
-  const [gap, setGap] = useState53(null);
+  const client = useRecordsClient40();
+  const [binding, setBinding] = useState54(null);
+  const [rows, setRows] = useState54(null);
+  const [fields, setFields] = useState54(null);
+  const [error, setError] = useState54(null);
+  const [gap, setGap] = useState54(null);
   const load = useCallback37(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
@@ -15045,7 +15272,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: found.resource_id, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  useEffect40(() => {
+  useEffect41(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx57(RefusalNotice, { error, className });
@@ -15082,8 +15309,8 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-import { useCallback as useCallback38, useEffect as useEffect41, useState as useState54 } from "react";
-import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
+import { useCallback as useCallback38, useEffect as useEffect42, useState as useState55 } from "react";
+import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
 import { Button as Button49, Input as Input5, Skeleton as Skeleton34, Textarea as Textarea4, cn as cn52 } from "@ai-matrx/design-system";
 import { useTable as useTable22 } from "@ai-matrx/records/react";
 import { Fragment as Fragment26, jsx as jsx58, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -15095,15 +15322,15 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = useRecordsClient40();
+  const client = useRecordsClient41();
   const host = useRecordsUi();
   const table = useTable22(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = useState54("");
-  const [secret, setSecret] = useState54(null);
-  const [tokenId, setTokenId] = useState54(null);
-  const [error, setError] = useState54(null);
-  const [busy, setBusy] = useState54(false);
+  const [origins, setOrigins] = useState55("");
+  const [secret, setSecret] = useState55(null);
+  const [tokenId, setTokenId] = useState55(null);
+  const [error, setError] = useState55(null);
+  const [busy, setBusy] = useState55(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
   const issue = useCallback38(async () => {
@@ -15189,13 +15416,13 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = useRecordsClient40();
-  const [binding, setBinding] = useState54(null);
-  const [error, setError] = useState54(null);
-  const [loading, setLoading] = useState54(true);
+  const client = useRecordsClient41();
+  const [binding, setBinding] = useState55(null);
+  const [error, setError] = useState55(null);
+  const [loading, setLoading] = useState55(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  useEffect41(() => {
+  useEffect42(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -15250,8 +15477,8 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-import { useCallback as useCallback39, useEffect as useEffect42, useState as useState55 } from "react";
-import { useRecordsClient as useRecordsClient41, useTables as useTables4 } from "@ai-matrx/records/react";
+import { useCallback as useCallback39, useEffect as useEffect43, useState as useState56 } from "react";
+import { useRecordsClient as useRecordsClient42, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput18, Button as Button50, Skeleton as Skeleton35, cn as cn53 } from "@ai-matrx/design-system";
 
 // src/createTable.ts
@@ -15387,15 +15614,15 @@ function laneFor(table) {
   return "organization";
 }
 function TablesHome({ onOpenTable, className }) {
-  const client = useRecordsClient41();
+  const client = useRecordsClient42();
   const tables = useTables4();
-  const [creating, setCreating] = useState55(false);
-  const [name, setName] = useState55("");
-  const [busy, setBusy] = useState55(false);
-  const [error, setError] = useState55(null);
-  const [importInto, setImportInto] = useState55(null);
-  const [boards, setBoards] = useState55(null);
-  useEffect42(() => {
+  const [creating, setCreating] = useState56(false);
+  const [name, setName] = useState56("");
+  const [busy, setBusy] = useState56(false);
+  const [error, setError] = useState56(null);
+  const [importInto, setImportInto] = useState56(null);
+  const [boards, setBoards] = useState56(null);
+  useEffect43(() => {
     let cancelled = false;
     void client.dashboards({}).then((result) => {
       if (cancelled) return;
@@ -15529,8 +15756,8 @@ function TablesHome({ onOpenTable, className }) {
 }
 
 // src/TablePage.tsx
-import { useCallback as useCallback40, useEffect as useEffect43, useState as useState56 } from "react";
-import { useFields as useFields24, useRecordsClient as useRecordsClient42, useTable as useTable23 } from "@ai-matrx/records/react";
+import { useCallback as useCallback40, useEffect as useEffect44, useState as useState57 } from "react";
+import { useFields as useFields24, useRecordsClient as useRecordsClient43, useTable as useTable23 } from "@ai-matrx/records/react";
 import { Button as Button51, Separator as Separator12, Skeleton as Skeleton36, cn as cn54 } from "@ai-matrx/design-system";
 import { Fragment as Fragment28, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
 function filterInWords(filter, fields) {
@@ -15612,24 +15839,24 @@ function TablePage({
   filter,
   className
 }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const table = useTable23(tableId);
   const rights = useTableRights(table.data);
   const pageFields = useFields24(filter ? tableId : null);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = useRecordsClient42().config.organizationId;
-  const [view, setView] = useState56(null);
+  const organizationId = useRecordsClient43().config.organizationId;
+  const [view, setView] = useState57(null);
   const opening = openingRail(activeRecordId);
   const opened = openingView(activeView, activeDashboardId);
-  const [asking, setAsking] = useState56(null);
-  const [layoutFromLink, setLayoutFromLink] = useState56(opened.layout);
-  const [surface, setSurface] = useState56({
+  const [asking, setAsking] = useState57(null);
+  const [layoutFromLink, setLayoutFromLink] = useState57(opened.layout);
+  const [surface, setSurface] = useState57({
     main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [openRecord, setOpenRecord] = useState56(opening.record);
+  const [openRecord, setOpenRecord] = useState57(opening.record);
   const viewVersion = useRecordVersion(view?.id ?? null);
   const shownLayout = layoutFromLink ?? view?.layout ?? "grid";
   const press = (pressed) => {
@@ -15640,12 +15867,12 @@ function TablePage({
     }
   };
   const show = (next) => press({ rail: next });
-  useEffect43(() => {
+  useEffect44(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  useEffect43(() => {
+  useEffect44(() => {
     const named = pageViewFromParam(activeView);
     if (named === null) return;
     const isLayout = named !== "dashboards" && named !== "archived";