@ai-matrx/records-ui 0.76.0 → 0.78.0

package/dist/index.cjs

@@ -4476,6 +4476,16 @@ var import_design_system13 = require("@ai-matrx/design-system");
 var import_jsx_runtime16 = require("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;
@@ -4510,6 +4520,7 @@ function ImportWizard({ tableId, onDone, className }) {
   const [alreadyRan, setAlreadyRan] = (0, import_react26.useState)(null);
   const [columnsAdded, setColumnsAdded] = (0, import_react26.useState)(null);
   const [show, setShow] = (0, import_react26.useState)("all");
+  const [ledger, setLedger] = (0, import_react26.useState)(null);
   const declared = fields.data ?? [];
   const take = (0, import_react26.useCallback)(
     async (file) => {
@@ -4520,6 +4531,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();
@@ -4546,6 +4558,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) {
@@ -4553,7 +4570,7 @@ function ImportWizard({ tableId, onDone, className }) {
         setPhase("waiting");
       }
     },
-    [client, declared, tableId]
+    [client, declared, tableId, table.data?.title_field]
   );
   const run = (0, import_react26.useCallback)(async () => {
     if (!plan) return;
@@ -4561,6 +4578,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 });
@@ -4596,6 +4614,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) {
@@ -4604,11 +4623,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;
@@ -4621,6 +4646,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]);
@@ -4640,6 +4672,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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: (0, import_design_system13.cn)("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -4672,55 +4708,107 @@ function ImportWizard({ tableId, onDone, className }) {
     phase === "reading" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Reading the file\u2026" }) : null,
     phase === "planning" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Working out what each column is\u2026" }) : null,
     plan && parsed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full overflow-x-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "w-full min-w-[50rem] table-fixed", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("col", { className: "w-[10rem]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("col", { className: "w-[17rem]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("col", { className: "w-[14rem]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("col", { className: "w-[9rem]" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Column in the file" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Goes to" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Kind" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "First values" })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: plan.columns.map((column) => {
+      titleKey ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2 rounded border bg-muted/40 px-2 py-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: "What each record is called" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          import_design_system13.Select,
+          {
+            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__ */ (0, import_jsx_runtime16.jsx)(
+                import_design_system13.SelectTrigger,
+                {
+                  size: "sm",
+                  "aria-label": "Which column each record is named by",
+                  className: "min-w-[14rem]",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectValue, { placeholder: "\u2014 choose the column \u2014" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectContent, { children: plan.columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectItem, { value: c.header, children: c.header }, c.header)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full overflow-x-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-[52rem]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "div",
+          {
+            className: "grid items-center gap-x-3 border-b bg-muted px-2 py-1 font-medium",
+            style: { gridTemplateColumns: MAPPING_COLUMNS },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Column in the file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Goes to" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Kind" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "First values" })
+            ]
+          }
+        ),
+        plan.columns.map((column) => {
           const to = mapping[column.header] ?? "";
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-t align-top", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "truncate px-2 py-1 font-medium", title: column.header, children: column.header }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-              "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__ */ (0, import_jsx_runtime16.jsx)("option", { value: "", children: unmapped === "ignore" ? "\u2014 leave it out \u2014" : "\u2014 offer it as a new column \u2014" }),
-                  plan.fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: f.key, children: f.label || f.key }, f.field_id))
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("td", { className: "px-2 py-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Badge, { variant: column.matched ? "secondary" : "outline", className: "text-[11px] font-normal", children: typeWord(column.type) }),
-              column.unit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: column.why }),
-              column.ambiguous ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
-              column.collides_with ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)(
+            "div",
+            {
+              className: "grid items-start gap-x-3 border-t px-2 py-1",
+              style: { gridTemplateColumns: MAPPING_COLUMNS },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate pt-1.5 font-medium", title: column.header, children: column.header }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                  import_design_system13.Select,
+                  {
+                    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__ */ (0, import_jsx_runtime16.jsx)(
+                        import_design_system13.SelectTrigger,
+                        {
+                          size: "sm",
+                          "aria-label": `Where ${column.header} goes`,
+                          "data-goes-to": column.header,
+                          className: "w-full min-w-[14rem]",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectValue, {})
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system13.SelectContent, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectItem, { value: ABSENT, children: absent }),
+                        plan.fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.SelectItem, { value: f.key, children: f.label || f.key }, f.field_id))
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "pt-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Badge, { variant: column.matched ? "secondary" : "outline", className: "text-[11px] font-normal", children: typeWord(column.type) }),
+                  column.unit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ml-1 opacity-60", children: column.unit }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: column.why }),
+                  column.ambiguous ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Check a date you know before you run this." }) : null,
+                  column.collides_with ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: "Two columns in this file would make the same column." }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate pt-1.5 text-muted-foreground", children: (column.samples ?? []).slice(0, 3).map(String).join(" \xB7 ") })
+              ]
+            },
+            column.header
+          );
+        })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
@@ -4778,13 +4866,18 @@ function ImportWizard({ tableId, onDone, className }) {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Button, { 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__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(
+          import_design_system13.Button,
+          {
+            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__ */ (0, import_jsx_runtime16.jsxs)("span", { className: (0, import_design_system13.cn)("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,
@@ -4802,27 +4895,31 @@ function ImportWizard({ tableId, onDone, className }) {
       ] }) : null
     ] }) : null,
     alreadyRan ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: alreadyRan }) : null,
-    outcomes.length > 0 || summary ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    outcomes.length > 0 || summary || ledger ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
-          counts.landed,
-          " landed \xB7 ",
-          counts.duplicate,
-          " already here \xB7 ",
-          counts.refused,
-          " refused"
-        ] }),
-        counts.refused + counts.duplicate > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: (0, import_design_system13.cn)("underline underline-offset-2", show === "all" && "font-medium"), onClick: () => setShow("all"), children: "everything that did not land" }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: (0, import_design_system13.cn)("underline underline-offset-2", show === "refused" && "font-medium"), onClick: () => setShow("refused"), children: "refused" }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: (0, import_design_system13.cn)("underline underline-offset-2", show === "duplicate" && "font-medium"), onClick: () => setShow("duplicate"), children: "already here" })
         ] }) : null
       ] }),
       summary ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: summary }) : null,
+      ledger && show === "all" && ledger.refused + ledger.duplicate > interesting.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "max-h-64 overflow-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "w-full", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "sticky top-0 bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Row" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Line in your file" }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "What happened" }),
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
         ] }) }),
@@ -6201,8 +6298,8 @@ function TableSettings({
   const table = (0, import_react36.useTable)(tableId);
   const fields = (0, import_react36.useFields)(tableId);
   const rights = useTableRights(table.data);
-  const mutation = (0, import_react36.useRecordMutation)();
   const shape = (0, import_react36.useFieldMutation)();
+  const archive = (0, import_react36.useTableArchive)(tableId);
   const [editing, setEditing] = (0, import_react35.useState)(null);
   const [askingToDelete, setAskingToDelete] = (0, import_react35.useState)(false);
   const [askingToRemove, setAskingToRemove] = (0, import_react35.useState)(null);
@@ -6227,10 +6324,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__ */ (0, import_jsx_runtime21.jsxs)("div", { className, children: [
@@ -6266,7 +6369,6 @@ function TableSettings({
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: rows.length }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Add a field" })
     ] }),
-    mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RefusalNotice, { error: mutation.error }) : null,
     shape.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RefusalNotice, { error: shape.error }) : null,
     askingToRemove ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2 rounded border border-destructive/40 px-2 py-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-destructive", children: [
@@ -6357,21 +6459,32 @@ function TableSettings({
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-medium", children: "This table" }),
       askingToDelete ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { 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__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex gap-1", children: archive.running ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "destructive", disabled: true, children: "Archiving\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "ghost", onClick: () => archive.stop(), children: "Stop" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "destructive", onClick: () => void startArchive(), children: archive.interrupted ? "Carry on archiving" : "Archive this table" }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "ghost", onClick: () => setAskingToDelete(false), children: "Keep it" })
-        ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "outline", onClick: () => setAskingToDelete(true), children: "Delete this table" }) }),
-      mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RefusalNotice, { error: mutation.error }) : null
+        ] }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system18.Button, { size: "sm", variant: "outline", onClick: () => void askToArchive(), children: "Archive this table" }) }),
+      archive.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RefusalNotice, { error: archive.error }) : null
     ] })
   ] });
 }
@@ -7671,6 +7784,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);
@@ -7806,10 +7920,7 @@ function FieldPicker({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: "", children: "Choose a field" }),
           offerable.map((field) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: field.key, children: fieldName(field) }, field.key)),
-          unusual ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("option", { value: unusual.key, children: [
-            fieldName(unusual),
-            " \u2014 an unusual column to use here"
-          ] }, unusual.key) : null
+          unusual ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: unusual.key, children: `${fieldName(unusual)} \u2014 ${UNUSUAL_FIELD_NOTE}` }, unusual.key) : null
         ]
       }
     ),
@@ -11622,14 +11733,41 @@ function SubscriptionsPanel({ tableId, className }) {
 }
 
 // src/FormBuilder.tsx
-var import_react81 = require("react");
-var import_react82 = require("@ai-matrx/records/react");
+var import_react83 = require("react");
+var import_react84 = require("@ai-matrx/records/react");
+
+// src/publish-gate.ts
+var import_react79 = require("react");
+var import_react80 = require("@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 = (0, import_react80.useRecordsClient)();
+  const [storeOpen, setStoreOpen] = (0, import_react79.useState)(null);
+  (0, import_react79.useEffect)(() => {
+    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
 var import_records10 = require("@ai-matrx/records");
 var import_design_system40 = require("@ai-matrx/design-system");
 
 // src/FormRunner.tsx
-var import_react79 = require("react");
-var import_react80 = require("@ai-matrx/records/react");
+var import_react81 = require("react");
+var import_react82 = require("@ai-matrx/records/react");
 var import_design_system39 = require("@ai-matrx/design-system");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function FormRunner(props) {
@@ -11639,10 +11777,10 @@ function FormRunner(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ConnectedFormRunner, { ...props });
 }
 function ConnectedFormRunner(props) {
-  const client = (0, import_react80.useOptionalRecordsClient)();
-  const fields = (0, import_react80.useFields)(props.form.subject);
+  const client = (0, import_react82.useOptionalRecordsClient)();
+  const fields = (0, import_react82.useFields)(props.form.subject);
   const { form, className } = props;
-  const submit = (0, import_react79.useCallback)(
+  const submit = (0, import_react81.useCallback)(
     async (values) => {
       if (!client) {
         return {
@@ -11665,7 +11803,7 @@ function ConnectedFormRunner(props) {
     },
     [client, form]
   );
-  const evaluate = (0, import_react79.useCallback)(
+  const evaluate = (0, import_react81.useCallback)(
     async (expr, values) => {
       if (!client) return null;
       const answered = await client.ruleEval({ expr, values });
@@ -11699,16 +11837,16 @@ function FormStage({
   connected = false
 }) {
   const host = useRecordsUi();
-  const [answers, setAnswers] = (0, import_react79.useState)({});
-  const [at, setAt] = (0, import_react79.useState)(0);
-  const [error, setError] = (0, import_react79.useState)(null);
-  const [refusal, setRefusal] = (0, import_react79.useState)(null);
-  const [writing, setWriting] = (0, import_react79.useState)(false);
-  const [done, setDone] = (0, import_react79.useState)(null);
-  const [hidden, setHidden] = (0, import_react79.useState)({});
-  const decoy = (0, import_react79.useRef)("");
-  const stage = (0, import_react79.useRef)(null);
-  const questions = (0, import_react79.useMemo)(() => {
+  const [answers, setAnswers] = (0, import_react81.useState)({});
+  const [at, setAt] = (0, import_react81.useState)(0);
+  const [error, setError] = (0, import_react81.useState)(null);
+  const [refusal, setRefusal] = (0, import_react81.useState)(null);
+  const [writing, setWriting] = (0, import_react81.useState)(false);
+  const [done, setDone] = (0, import_react81.useState)(null);
+  const [hidden, setHidden] = (0, import_react81.useState)({});
+  const decoy = (0, import_react81.useRef)("");
+  const stage = (0, import_react81.useRef)(null);
+  const questions = (0, import_react81.useMemo)(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
       const field = byKey.get(q.field) ?? null;
@@ -11722,7 +11860,7 @@ function FormStage({
       };
     });
   }, [fields, form.questions]);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     let cancelled = false;
     const conditional = questions.filter((q) => q.showIf);
     if (conditional.length === 0 || !evaluate) return;
@@ -11756,7 +11894,7 @@ function FormStage({
     const v = answers[q.key];
     return q.required && (v === void 0 || v === null || v === "");
   });
-  const submit = (0, import_react79.useCallback)(async () => {
+  const submit = (0, import_react81.useCallback)(async () => {
     if (preview) {
       setDone("preview");
       return;
@@ -11793,7 +11931,7 @@ function FormStage({
     if (event.shiftKey) retreat();
     else advance();
   }
-  (0, import_react79.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     const input = stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox']"
     );
@@ -11887,7 +12025,7 @@ function Question({
   onChange,
   upload
 }) {
-  const [uploadError, setUploadError] = (0, import_react79.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react81.useState)(null);
   const field = question.field;
   if (!field) return null;
   const id = `form-${field.key}`;
@@ -11944,23 +12082,24 @@ function whyNotAskable(fields, hidden = []) {
 // src/FormBuilder.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
-  const client = (0, import_react82.useRecordsClient)();
+  const client = (0, import_react84.useRecordsClient)();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react82.useTable)(tableId);
+  const table = (0, import_react84.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react82.useFields)(tableId);
-  const [forms, setForms] = (0, import_react81.useState)(null);
-  const [error, setError] = (0, import_react81.useState)(null);
-  const [activeId, setActiveId] = (0, import_react81.useState)(activeFormId ?? null);
-  const [draft, setDraft] = (0, import_react81.useState)(null);
-  const [saving, setSaving] = (0, import_react81.useState)(false);
-  const [saved, setSaved] = (0, import_react81.useState)(null);
-  const [publishing, setPublishing] = (0, import_react81.useState)(false);
-  const [copied, setCopied] = (0, import_react81.useState)(false);
-  const [shownUrl, setShownUrl] = (0, import_react81.useState)(null);
+  const fields = (0, import_react84.useFields)(tableId);
+  const [forms, setForms] = (0, import_react83.useState)(null);
+  const [error, setError] = (0, import_react83.useState)(null);
+  const [activeId, setActiveId] = (0, import_react83.useState)(activeFormId ?? null);
+  const [draft, setDraft] = (0, import_react83.useState)(null);
+  const [saving, setSaving] = (0, import_react83.useState)(false);
+  const [saved, setSaved] = (0, import_react83.useState)(null);
+  const [publishing, setPublishing] = (0, import_react83.useState)(false);
+  const [copied, setCopied] = (0, import_react83.useState)(false);
+  const [shownUrl, setShownUrl] = (0, import_react83.useState)(null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  const load = (0, import_react81.useCallback)(async () => {
+  const load = (0, import_react83.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -11987,17 +12126,17 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!forms || forms.length === 0) return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
     setDraft(chosen);
     onActiveForm?.(chosen);
   }, [forms, activeFormId]);
-  const byKey = (0, import_react81.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
+  const byKey = (0, import_react83.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
   function patch(change) {
     setDraft((prev) => prev ? { ...prev, ...change } : prev);
     setSaved(null);
@@ -12101,8 +12240,8 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
           {
             url: `${publicOrigin}${(0, import_records10.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,
@@ -12400,13 +12539,13 @@ function groupLabel(groups) {
 }
 
 // src/chartFrame.tsx
-var import_react83 = require("react");
+var import_react85 = require("react");
 var import_design_system41 = require("@ai-matrx/design-system");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function useMeasuredWidth(fallback = 480) {
-  const ref = (0, import_react83.useRef)(null);
-  const [width, setWidth] = (0, import_react83.useState)(fallback);
-  (0, import_react83.useEffect)(() => {
+  const ref = (0, import_react85.useRef)(null);
+  const [width, setWidth] = (0, import_react85.useState)(fallback);
+  (0, import_react85.useEffect)(() => {
     const node = ref.current;
     if (!node) return;
     const apply = () => {
@@ -12436,7 +12575,7 @@ function ChartFrame({
   children
 }) {
   const [ref, width] = useMeasuredWidth();
-  const chartId = `records-chart-${(0, import_react83.useId)().replace(/:/g, "")}`;
+  const chartId = `records-chart-${(0, import_react85.useId)().replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
@@ -12530,24 +12669,24 @@ function isSignatureField(field) {
 }
 
 // src/DocTemplate.tsx
-var import_react84 = require("react");
-var import_react85 = require("@ai-matrx/records/react");
+var import_react86 = require("react");
+var import_react87 = require("@ai-matrx/records/react");
 var import_design_system42 = require("@ai-matrx/design-system");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = (0, import_react85.useRecordsClient)();
+  const client = (0, import_react87.useRecordsClient)();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react85.useTable)(tableId);
+  const table = (0, import_react87.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react85.useFields)(tableId);
-  const [templates, setTemplates] = (0, import_react84.useState)(null);
-  const [error, setError] = (0, import_react84.useState)(null);
-  const [activeId, setActiveId] = (0, import_react84.useState)(activeTemplateId ?? null);
-  const [draftName, setDraftName] = (0, import_react84.useState)("");
-  const [draftBody, setDraftBody] = (0, import_react84.useState)("");
-  const [unresolved, setUnresolved] = (0, import_react84.useState)([]);
-  const [saving, setSaving] = (0, import_react84.useState)(false);
-  const load = (0, import_react84.useCallback)(async () => {
+  const fields = (0, import_react87.useFields)(tableId);
+  const [templates, setTemplates] = (0, import_react86.useState)(null);
+  const [error, setError] = (0, import_react86.useState)(null);
+  const [activeId, setActiveId] = (0, import_react86.useState)(activeTemplateId ?? null);
+  const [draftName, setDraftName] = (0, import_react86.useState)("");
+  const [draftBody, setDraftBody] = (0, import_react86.useState)("");
+  const [unresolved, setUnresolved] = (0, import_react86.useState)([]);
+  const [saving, setSaving] = (0, import_react86.useState)(false);
+  const load = (0, import_react86.useCallback)(async () => {
     const held = await client.docTemplates({ table_id: tableId });
     if (!held.ok) {
       setError(held.error);
@@ -12578,10 +12717,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -12589,7 +12728,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -12709,19 +12848,19 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-var import_react86 = require("react");
-var import_react87 = require("@ai-matrx/records/react");
+var import_react88 = require("react");
+var import_react89 = require("@ai-matrx/records/react");
 var import_design_system43 = require("@ai-matrx/design-system");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = (0, import_react87.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react86.useState)(null);
-  const [renders, setRenders] = (0, import_react86.useState)(null);
-  const [showing, setShowing] = (0, import_react86.useState)(null);
-  const [error, setError] = (0, import_react86.useState)(null);
-  const [busy, setBusy] = (0, import_react86.useState)(null);
-  const paper = (0, import_react86.useRef)(null);
-  const load = (0, import_react86.useCallback)(async () => {
+  const client = (0, import_react89.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react88.useState)(null);
+  const [renders, setRenders] = (0, import_react88.useState)(null);
+  const [showing, setShowing] = (0, import_react88.useState)(null);
+  const [error, setError] = (0, import_react88.useState)(null);
+  const [busy, setBusy] = (0, import_react88.useState)(null);
+  const paper = (0, import_react88.useRef)(null);
+  const load = (0, import_react88.useCallback)(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
       client.docRenders({ record_id: recordId })
@@ -12738,7 +12877,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -12822,22 +12961,22 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-var import_react88 = require("react");
-var import_react89 = require("@ai-matrx/records/react");
+var import_react90 = require("react");
+var import_react91 = require("@ai-matrx/records/react");
 var import_design_system44 = require("@ai-matrx/design-system");
-var import_react90 = require("@ai-matrx/records/react");
+var import_react92 = require("@ai-matrx/records/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = (0, import_react89.useRecordsClient)();
-  const table = (0, import_react90.useTable)(tableId);
+  const client = (0, import_react91.useRecordsClient)();
+  const table = (0, import_react92.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react89.useFields)(tableId);
-  const [signatures, setSignatures] = (0, import_react88.useState)(null);
-  const [verdicts, setVerdicts] = (0, import_react88.useState)({});
-  const [error, setError] = (0, import_react88.useState)(null);
-  const [name, setName] = (0, import_react88.useState)("");
-  const [busy, setBusy] = (0, import_react88.useState)(false);
-  const load = (0, import_react88.useCallback)(async () => {
+  const fields = (0, import_react91.useFields)(tableId);
+  const [signatures, setSignatures] = (0, import_react90.useState)(null);
+  const [verdicts, setVerdicts] = (0, import_react90.useState)({});
+  const [error, setError] = (0, import_react90.useState)(null);
+  const [name, setName] = (0, import_react90.useState)("");
+  const [busy, setBusy] = (0, import_react90.useState)(false);
+  const load = (0, import_react90.useCallback)(async () => {
     const held = await client.docSignatures({ record_id: recordId });
     if (!held.ok) {
       setError(held.error);
@@ -12852,7 +12991,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     void load();
   }, [load]);
   async function sign(field) {
@@ -12959,23 +13098,23 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/NotifyRuleEditor.tsx
-var import_react91 = require("react");
-var import_react92 = require("@ai-matrx/records/react");
+var import_react93 = require("react");
+var import_react94 = require("@ai-matrx/records/react");
 var import_design_system45 = require("@ai-matrx/design-system");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
 function NotifyRuleEditor({ tableId, seed, className }) {
-  const client = (0, import_react92.useRecordsClient)();
+  const client = (0, import_react94.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react92.useTable)(tableId);
+  const table = (0, import_react94.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [subscriptions, setSubscriptions] = (0, import_react91.useState)(null);
-  const [cadences, setCadences] = (0, import_react91.useState)([]);
-  const [views, setViews] = (0, import_react91.useState)(null);
-  const [error, setError] = (0, import_react91.useState)(null);
-  const [busy, setBusy] = (0, import_react91.useState)(false);
-  const load = (0, import_react91.useCallback)(async () => {
+  const [subscriptions, setSubscriptions] = (0, import_react93.useState)(null);
+  const [cadences, setCadences] = (0, import_react93.useState)([]);
+  const [views, setViews] = (0, import_react93.useState)(null);
+  const [error, setError] = (0, import_react93.useState)(null);
+  const [busy, setBusy] = (0, import_react93.useState)(false);
+  const load = (0, import_react93.useCallback)(async () => {
     const [held, offered] = await Promise.all([
       // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
       // to them plus — only where they hold admin on this Table — anyone's over
@@ -12995,10 +13134,10 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     if (host.savedViews) setViews(await host.savedViews());
     else setViews(null);
   }, [client, host, tableId]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     void load();
   }, [load]);
-  const write = (0, import_react91.useCallback)(
+  const write = (0, import_react93.useCallback)(
     async (spec) => {
       const declared = await client.subscriptionDeclare({
         table_id: tableId,
@@ -13023,7 +13162,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     },
     [client, tableId]
   );
-  (0, import_react91.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!subscriptions || !seed || seed.length === 0) return;
     const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
     if (missing.length === 0) return;
@@ -13166,7 +13305,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
 }
 
 // src/ChartBlock.tsx
-var import_react93 = require("react");
+var import_react95 = require("react");
 var import_recharts = require("recharts");
 var import_records11 = require("@ai-matrx/records");
 var import_core6 = require("@ai-matrx/records/core");
@@ -13191,7 +13330,7 @@ function ChartBlock({ block, subject, className }) {
   const measures = block.measures && block.measures.length > 0 ? block.measures : [{ op: "count" }];
   const primary = (0, import_records11.measureKey)(measures[0]);
   const series = [primary];
-  const points = (0, import_react93.useMemo)(() => {
+  const points = (0, import_react95.useMemo)(() => {
     if (kind === "stuck") return [];
     const rows = block.rows ?? [];
     return rows.map((row) => ({
@@ -13203,7 +13342,7 @@ function ChartBlock({ block, subject, className }) {
       n: row.row_count
     }));
   }, [block.rows, kind, series.join("|")]);
-  const config = (0, import_react93.useMemo)(() => {
+  const config = (0, import_react95.useMemo)(() => {
     const out = {};
     series.forEach((key, index) => {
       out[key] = {
@@ -13464,25 +13603,25 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-var import_react94 = require("react");
-var import_react95 = require("@ai-matrx/records/react");
+var import_react96 = require("react");
+var import_react97 = require("@ai-matrx/records/react");
 var import_design_system47 = require("@ai-matrx/design-system");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
-  const client = (0, import_react95.useRecordsClient)();
+  const client = (0, import_react97.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react95.useTable)(tableId);
+  const table = (0, import_react97.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react95.useFields)(tableId);
-  const [boards, setBoards] = (0, import_react94.useState)(null);
-  const [error, setError] = (0, import_react94.useState)(null);
-  const [activeId, setActiveId] = (0, import_react94.useState)(activeDashboardId ?? null);
-  const [run, setRun] = (0, import_react94.useState)(null);
-  const [running, setRunning] = (0, import_react94.useState)(false);
-  const [question, setQuestion] = (0, import_react94.useState)("");
-  const [asking, setAsking] = (0, import_react94.useState)(false);
-  const [scheduling, setScheduling] = (0, import_react94.useState)(false);
-  const load = (0, import_react94.useCallback)(async () => {
+  const fields = (0, import_react97.useFields)(tableId);
+  const [boards, setBoards] = (0, import_react96.useState)(null);
+  const [error, setError] = (0, import_react96.useState)(null);
+  const [activeId, setActiveId] = (0, import_react96.useState)(activeDashboardId ?? null);
+  const [run, setRun] = (0, import_react96.useState)(null);
+  const [running, setRunning] = (0, import_react96.useState)(false);
+  const [question, setQuestion] = (0, import_react96.useState)("");
+  const [asking, setAsking] = (0, import_react96.useState)(false);
+  const [scheduling, setScheduling] = (0, import_react96.useState)(false);
+  const load = (0, import_react96.useCallback)(async () => {
     const answered = await client.dashboards({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -13491,17 +13630,17 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     setError(null);
     setBoards(answered.data.map(dashboardFromSummary));
   }, [client, tableId]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     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 = (0, import_react94.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
+  const board = (0, import_react96.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  (0, import_react94.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -13519,7 +13658,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       cancelled = true;
     };
   }, [client, activeId, filterKey]);
-  const declare2 = (0, import_react94.useCallback)(
+  const declare2 = (0, import_react96.useCallback)(
     async (next, blocks) => {
       const written = await client.dashboardDeclare(
         dashboardDeclareArgs({ ...next, blocks }, tableId)
@@ -13540,8 +13679,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(
       {
@@ -13570,7 +13709,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       ]
     );
   }
-  const refresh = (0, import_react94.useCallback)(async () => {
+  const refresh = (0, import_react96.useCallback)(async () => {
     if (!activeId) return;
     setRunning(true);
     const again = await client.dashboardRun({
@@ -13712,6 +13851,32 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
               children: CHART_KINDS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("option", { value: kind, children: CHART_KIND_LABEL[kind] }, kind))
             }
           ),
+          (board.blocks[index].groupBy ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            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__ */ (0, import_jsx_runtime50.jsx)(
             import_design_system47.Button,
             {
@@ -13730,10 +13895,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__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-muted-foreground", htmlFor: `block-group-${block.title}`, children: "Group by" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_design_system47.Select, { value: known ? current : "", onValueChange: onPick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        import_design_system47.SelectTrigger,
+        {
+          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__ */ (0, import_jsx_runtime50.jsx)(import_design_system47.SelectValue, { placeholder: "Choose a column" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system47.SelectContent, { children: choices.map(({ field, unusual }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system47.SelectItem, { value: field.key, children: unusual ? `${fieldName(field)} \u2014 ${UNUSUAL_FIELD_NOTE}` : fieldName(field) }, field.key)) })
+    ] }),
+    known ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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
-var import_react96 = require("react");
-var import_react97 = require("@ai-matrx/records/react");
+var import_react98 = require("react");
+var import_react99 = require("@ai-matrx/records/react");
 var import_records12 = require("@ai-matrx/records");
 var import_design_system48 = require("@ai-matrx/design-system");
 var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -13744,16 +13948,17 @@ 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 = (0, import_react97.useRecordsClient)();
+  const client = (0, import_react99.useRecordsClient)();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
-  const table = (0, import_react97.useTable)(tableId);
+  const table = (0, import_react99.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = (0, import_react96.useState)(null);
-  const [error, setError] = (0, import_react96.useState)(null);
-  const [busy, setBusy] = (0, import_react96.useState)(null);
-  const [copied, setCopied] = (0, import_react96.useState)(null);
-  const [building, setBuilding] = (0, import_react96.useState)(false);
-  const load = (0, import_react96.useCallback)(async () => {
+  const [forms, setForms] = (0, import_react98.useState)(null);
+  const [error, setError] = (0, import_react98.useState)(null);
+  const [busy, setBusy] = (0, import_react98.useState)(null);
+  const [copied, setCopied] = (0, import_react98.useState)(null);
+  const [building, setBuilding] = (0, import_react98.useState)(false);
+  const load = (0, import_react98.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -13763,10 +13968,10 @@ function FormsPanel({ tableId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     void load();
   }, [load]);
-  const toggle = (0, import_react96.useCallback)(
+  const toggle = (0, import_react98.useCallback)(
     async (form) => {
       setBusy(form.form_id);
       const wanted = form.published_at === null || form.closed_at !== null;
@@ -13780,8 +13985,8 @@ function FormsPanel({ tableId, className }) {
     },
     [client, load]
   );
-  const [shown, setShown] = (0, import_react96.useState)(null);
-  const copy = (0, import_react96.useCallback)(async (url, formId) => {
+  const [shown, setShown] = (0, import_react98.useState)(null);
+  const copy = (0, import_react98.useCallback)(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
       setCopied(formId);
@@ -13856,7 +14061,7 @@ function FormsPanel({ tableId, className }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
           form.published_at ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system48.Button, { size: "sm", variant: "outline", onClick: () => void copy(url, form.form_id), children: copied === form.form_id ? "Copied" : "Copy link" }) : null,
-          rights.structure ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          rights.structure && !publishGate.blocked ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             import_design_system48.Button,
             {
               size: "sm",
@@ -13867,6 +14072,7 @@ function FormsPanel({ tableId, className }) {
             }
           ) : null
         ] }),
+        rights.structure && publishGate.why ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1.5 text-xs text-muted-foreground", children: publishGate.why }) : null,
         shown && shown === url ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("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:",
           " ",
@@ -13879,8 +14085,8 @@ function FormsPanel({ tableId, className }) {
 }
 
 // src/BookingBuilder.tsx
-var import_react98 = require("react");
-var import_react99 = require("@ai-matrx/records/react");
+var import_react100 = require("react");
+var import_react101 = require("@ai-matrx/records/react");
 var import_records13 = require("@ai-matrx/records");
 var import_design_system49 = require("@ai-matrx/design-system");
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -13908,38 +14114,39 @@ function draftWindows(availability) {
   });
 }
 function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
-  const client = (0, import_react99.useRecordsClient)();
+  const client = (0, import_react101.useRecordsClient)();
+  const publishGate = usePublishGate();
   const host = useRecordsUi();
-  const table = (0, import_react99.useTable)(tableId);
+  const table = (0, import_react101.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react99.useFields)(tableId);
-  const [existing, setExisting] = (0, import_react98.useState)(null);
-  const [loaded, setLoaded] = (0, import_react98.useState)(false);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const [saving, setSaving] = (0, import_react98.useState)(false);
-  const [publishing, setPublishing] = (0, import_react98.useState)(false);
-  const [copied, setCopied] = (0, import_react98.useState)(false);
-  const [title, setTitle] = (0, import_react98.useState)("");
-  const [minutes, setMinutes] = (0, import_react98.useState)(30);
-  const [buffer, setBuffer] = (0, import_react98.useState)(0);
-  const [lead, setLead] = (0, import_react98.useState)(120);
-  const [perDay, setPerDay] = (0, import_react98.useState)(8);
-  const [days, setDays] = (0, import_react98.useState)(30);
-  const [windows, setWindows] = (0, import_react98.useState)(() => draftWindows(null));
-  const [asked, setAsked] = (0, import_react98.useState)([]);
-  const [confirmation, setConfirmation] = (0, import_react98.useState)("");
-  const [offer, setOffer] = (0, import_react98.useState)(null);
-  const [formId, setFormId] = (0, import_react98.useState)(bookingId ?? null);
+  const fields = (0, import_react101.useFields)(tableId);
+  const [existing, setExisting] = (0, import_react100.useState)(null);
+  const [loaded, setLoaded] = (0, import_react100.useState)(false);
+  const [error, setError] = (0, import_react100.useState)(null);
+  const [saving, setSaving] = (0, import_react100.useState)(false);
+  const [publishing, setPublishing] = (0, import_react100.useState)(false);
+  const [copied, setCopied] = (0, import_react100.useState)(false);
+  const [title, setTitle] = (0, import_react100.useState)("");
+  const [minutes, setMinutes] = (0, import_react100.useState)(30);
+  const [buffer, setBuffer] = (0, import_react100.useState)(0);
+  const [lead, setLead] = (0, import_react100.useState)(120);
+  const [perDay, setPerDay] = (0, import_react100.useState)(8);
+  const [days, setDays] = (0, import_react100.useState)(30);
+  const [windows, setWindows] = (0, import_react100.useState)(() => draftWindows(null));
+  const [asked, setAsked] = (0, import_react100.useState)([]);
+  const [confirmation, setConfirmation] = (0, import_react100.useState)("");
+  const [offer, setOffer] = (0, import_react100.useState)(null);
+  const [formId, setFormId] = (0, import_react100.useState)(bookingId ?? null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  const askable = (0, import_react98.useMemo)(
+  const askable = (0, import_react100.useMemo)(
     () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
     [fields.data]
   );
-  const leftOut = (0, import_react98.useMemo)(
+  const leftOut = (0, import_react100.useMemo)(
     () => whyNotAskable(fields.data ?? [], STORE_ANSWERS_THESE),
     [fields.data]
   );
-  const load = (0, import_react98.useCallback)(async () => {
+  const load = (0, import_react100.useCallback)(async () => {
     const answered = await client.bookings({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -13951,18 +14158,18 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setLoaded(true);
     if (mine) setFormId(mine.form_id);
   }, [client, tableId, bookingId]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (title !== "" || !table.data) return;
     setTitle(existing?.title ?? `Book a ${minutes}-minute ${table.data.name} appointment`);
   }, [table.data, existing]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (!offer) return;
     setWindows(draftWindows(offer));
     setMinutes(offer.slot_minutes);
@@ -13971,7 +14178,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setPerDay(offer.max_per_day);
     setDays(offer.days);
   }, [offer]);
-  const availability = (0, import_react98.useCallback)(
+  const availability = (0, import_react100.useCallback)(
     () => ({
       slot_minutes: minutes,
       buffer_minutes: buffer,
@@ -14208,7 +14415,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
             children: copied ? "Copied" : "Copy link"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        publishGate.blocked ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_design_system49.Button,
           {
             size: "sm",
@@ -14217,15 +14424,15 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
             children: publishing ? "\u2026" : existing?.published_at && !existing.closed_at ? "Unpublish" : "Publish"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime52.jsx)("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
-var import_react100 = require("react");
-var import_react101 = require("@ai-matrx/records/react");
+var import_react102 = require("react");
+var import_react103 = require("@ai-matrx/records/react");
 var import_records14 = require("@ai-matrx/records");
 var import_design_system50 = require("@ai-matrx/design-system");
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -14237,15 +14444,15 @@ 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 = (0, import_react101.useRecordsClient)();
+  const client = (0, import_react103.useRecordsClient)();
   const host = useRecordsUi();
-  const [pages, setPages] = (0, import_react100.useState)(null);
-  const [error, setError] = (0, import_react100.useState)(null);
-  const [busy, setBusy] = (0, import_react100.useState)(null);
-  const [copied, setCopied] = (0, import_react100.useState)(null);
-  const [shown, setShown] = (0, import_react100.useState)(null);
-  const [building, setBuilding] = (0, import_react100.useState)(false);
-  const load = (0, import_react100.useCallback)(async () => {
+  const [pages, setPages] = (0, import_react102.useState)(null);
+  const [error, setError] = (0, import_react102.useState)(null);
+  const [busy, setBusy] = (0, import_react102.useState)(null);
+  const [copied, setCopied] = (0, import_react102.useState)(null);
+  const [shown, setShown] = (0, import_react102.useState)(null);
+  const [building, setBuilding] = (0, import_react102.useState)(false);
+  const load = (0, import_react102.useCallback)(async () => {
     const answered = await client.bookings(tableId ? { table_id: tableId } : {});
     if (!answered.ok) {
       setError(answered.error);
@@ -14255,10 +14462,10 @@ function BookingSlots({ tableId, className }) {
     setError(null);
     setPages(answered.data);
   }, [client, tableId]);
-  (0, import_react100.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     void load();
   }, [load]);
-  const subjectIds = (0, import_react100.useMemo)(
+  const subjectIds = (0, import_react102.useMemo)(
     () => Array.from(
       /* @__PURE__ */ new Set([
         ...(pages ?? []).map((p) => p.table_id),
@@ -14271,10 +14478,10 @@ function BookingSlots({ tableId, className }) {
     ),
     [pages, tableId]
   );
-  const levels = (0, import_react101.useMyLevels)(subjectIds);
+  const levels = (0, import_react103.useMyLevels)(subjectIds);
   const levelsKnown = !levels.loading && Boolean(levels.data);
   const mayBuildHere = levelsKnown && Boolean(tableId) && levels.data?.[tableId] === "admin";
-  const toggle = (0, import_react100.useCallback)(
+  const toggle = (0, import_react102.useCallback)(
     async (page) => {
       setBusy(page.form_id);
       const wanted = page.published_at === null || page.closed_at !== null;
@@ -14288,7 +14495,7 @@ function BookingSlots({ tableId, className }) {
     },
     [client, load]
   );
-  const copy = (0, import_react100.useCallback)(async (url, formId) => {
+  const copy = (0, import_react102.useCallback)(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
       setCopied(formId);
@@ -14424,14 +14631,14 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-var import_react104 = require("react");
-var import_react105 = require("@ai-matrx/records/react");
+var import_react106 = require("react");
+var import_react107 = require("@ai-matrx/records/react");
 var import_design_system52 = require("@ai-matrx/design-system");
 
 // src/CaptureRun.tsx
-var import_react102 = require("react");
+var import_react104 = require("react");
 var import_records15 = require("@ai-matrx/records");
-var import_react103 = require("@ai-matrx/records/react");
+var import_react105 = require("@ai-matrx/records/react");
 var import_design_system51 = require("@ai-matrx/design-system");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function controlFor(field) {
@@ -14470,21 +14677,21 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = (0, import_react103.useRecordsClient)();
+  const client = (0, import_react105.useRecordsClient)();
   const host = useRecordsUi();
-  const [face, setFace] = (0, import_react102.useState)(given);
-  const [loadFailed, setLoadFailed] = (0, import_react102.useState)(null);
-  const [at, setAt] = (0, import_react102.useState)(0);
-  const [answers, setAnswers] = (0, import_react102.useState)({});
-  const [files, setFiles] = (0, import_react102.useState)({});
-  const [missing, setMissing] = (0, import_react102.useState)(null);
-  const [done, setDone] = (0, import_react102.useState)(null);
-  const [counts, setCounts] = (0, import_react102.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = (0, import_react102.useState)([]);
-  const [lastSynced, setLastSynced] = (0, import_react102.useState)(null);
-  const [sending, setSending] = (0, import_react102.useState)(false);
-  const queueRef = (0, import_react102.useRef)(null);
-  (0, import_react102.useEffect)(() => {
+  const [face, setFace] = (0, import_react104.useState)(given);
+  const [loadFailed, setLoadFailed] = (0, import_react104.useState)(null);
+  const [at, setAt] = (0, import_react104.useState)(0);
+  const [answers, setAnswers] = (0, import_react104.useState)({});
+  const [files, setFiles] = (0, import_react104.useState)({});
+  const [missing, setMissing] = (0, import_react104.useState)(null);
+  const [done, setDone] = (0, import_react104.useState)(null);
+  const [counts, setCounts] = (0, import_react104.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = (0, import_react104.useState)([]);
+  const [lastSynced, setLastSynced] = (0, import_react104.useState)(null);
+  const [sending, setSending] = (0, import_react104.useState)(false);
+  const queueRef = (0, import_react104.useRef)(null);
+  (0, import_react104.useEffect)(() => {
     const q2 = (0, import_records15.openCaptureQueue)({
       onChange: (c, all) => {
         setCounts(c);
@@ -14522,7 +14729,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  (0, import_react102.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -14534,7 +14741,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       cancelled = true;
     };
   }, [client, given, sheetId]);
-  const questions = (0, import_react102.useMemo)(() => {
+  const questions = (0, import_react104.useMemo)(() => {
     const asked = face?.presentation?.questions ?? [];
     if (asked.length > 0) return asked;
     return (face?.fields ?? []).map((f) => ({
@@ -14544,11 +14751,11 @@ function CaptureRun({ sheetId, face: given, className }) {
       required: f.required
     }));
   }, [face]);
-  const fieldOf = (0, import_react102.useCallback)(
+  const fieldOf = (0, import_react104.useCallback)(
     (key) => (face?.fields ?? []).find((f) => f.key === key),
     [face]
   );
-  const sync = (0, import_react102.useCallback)(async () => {
+  const sync = (0, import_react104.useCallback)(async () => {
     const q2 = queueRef.current;
     if (!q2) return;
     setSending(true);
@@ -14561,7 +14768,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       setSending(false);
     }
   }, []);
-  const answered = (0, import_react102.useCallback)(
+  const answered = (0, import_react104.useCallback)(
     (key) => {
       if (files[key]) return true;
       const v = answers[key];
@@ -14832,21 +15039,21 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = (0, import_react105.useRecordsClient)();
+  const client = (0, import_react107.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react105.useTable)(tableId);
-  const fields = (0, import_react105.useFields)(tableId);
-  const [mode, setMode] = (0, import_react104.useState)("reading");
-  const [reading, setReading] = (0, import_react104.useState)("");
-  const [note, setNote] = (0, import_react104.useState)("");
-  const [fileId, setFileId] = (0, import_react104.useState)(null);
-  const [pending, setPending] = (0, import_react104.useState)(null);
-  const [saved, setSaved] = (0, import_react104.useState)([]);
-  const [error, setError] = (0, import_react104.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react104.useState)(null);
-  const [flushing, setFlushing] = (0, import_react104.useState)(false);
-  const queue = (0, import_react104.useRef)([]);
-  const keep = (0, import_react104.useCallback)(
+  const table = (0, import_react107.useTable)(tableId);
+  const fields = (0, import_react107.useFields)(tableId);
+  const [mode, setMode] = (0, import_react106.useState)("reading");
+  const [reading, setReading] = (0, import_react106.useState)("");
+  const [note, setNote] = (0, import_react106.useState)("");
+  const [fileId, setFileId] = (0, import_react106.useState)(null);
+  const [pending, setPending] = (0, import_react106.useState)(null);
+  const [saved, setSaved] = (0, import_react106.useState)([]);
+  const [error, setError] = (0, import_react106.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react106.useState)(null);
+  const [flushing, setFlushing] = (0, import_react106.useState)(false);
+  const queue = (0, import_react106.useRef)([]);
+  const keep = (0, import_react106.useCallback)(
     async (next) => {
       queue.current = next;
       setPending(next);
@@ -14854,7 +15061,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  (0, import_react104.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -14866,7 +15073,7 @@ function AdHocCaptureSheet({
       cancelled = true;
     };
   }, [host]);
-  const resolved = (0, import_react104.useCallback)(() => {
+  const resolved = (0, import_react106.useCallback)(() => {
     const all = fields.data ?? [];
     return {
       reading: readingField ?? all.find((f) => f.type === "range")?.key ?? null,
@@ -14874,7 +15081,7 @@ function AdHocCaptureSheet({
       attachment: attachmentField ?? all.find((f) => f.format === "file" || f.format === "image")?.key ?? null
     };
   }, [attachmentField, fields.data, noteField, readingField, table.data]);
-  const flush = (0, import_react104.useCallback)(async () => {
+  const flush = (0, import_react106.useCallback)(async () => {
     if (flushing || queue.current.length === 0) return;
     setFlushing(true);
     const left = [];
@@ -15033,18 +15240,18 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-var import_react106 = require("react");
-var import_react107 = require("@ai-matrx/records/react");
+var import_react108 = require("react");
+var import_react109 = require("@ai-matrx/records/react");
 var import_design_system53 = require("@ai-matrx/design-system");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = (0, import_react107.useRecordsClient)();
-  const [card, setCard] = (0, import_react106.useState)(null);
-  const [reach, setReach] = (0, import_react106.useState)(null);
-  const [error, setError] = (0, import_react106.useState)(null);
-  const [open, setOpen] = (0, import_react106.useState)(null);
-  const [sending, setSending] = (0, import_react106.useState)(false);
-  const load = (0, import_react106.useCallback)(async () => {
+  const client = (0, import_react109.useRecordsClient)();
+  const [card, setCard] = (0, import_react108.useState)(null);
+  const [reach, setReach] = (0, import_react108.useState)(null);
+  const [error, setError] = (0, import_react108.useState)(null);
+  const [open, setOpen] = (0, import_react108.useState)(null);
+  const [sending, setSending] = (0, import_react108.useState)(false);
+  const load = (0, import_react108.useCallback)(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
       setError(who.error);
@@ -15059,7 +15266,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     void load();
   }, [load]);
   if (error) {
@@ -15117,9 +15324,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = (0, import_react107.useRecordsClient)();
-  const [title, setTitle] = (0, import_react106.useState)(null);
-  (0, import_react106.useEffect)(() => {
+  const client = (0, import_react109.useRecordsClient)();
+  const [title, setTitle] = (0, import_react108.useState)(null);
+  (0, import_react108.useEffect)(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -15139,18 +15346,18 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-var import_react108 = require("react");
-var import_react109 = require("@ai-matrx/records/react");
+var import_react110 = require("react");
+var import_react111 = require("@ai-matrx/records/react");
 var import_design_system54 = require("@ai-matrx/design-system");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function PublicViewPage({ slug, className }) {
-  const client = (0, import_react109.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react108.useState)(null);
-  const [rows, setRows] = (0, import_react108.useState)(null);
-  const [fields, setFields] = (0, import_react108.useState)(null);
-  const [error, setError] = (0, import_react108.useState)(null);
-  const [gap, setGap] = (0, import_react108.useState)(null);
-  const load = (0, import_react108.useCallback)(async () => {
+  const client = (0, import_react111.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react110.useState)(null);
+  const [rows, setRows] = (0, import_react110.useState)(null);
+  const [fields, setFields] = (0, import_react110.useState)(null);
+  const [error, setError] = (0, import_react110.useState)(null);
+  const [gap, setGap] = (0, import_react110.useState)(null);
+  const load = (0, import_react110.useCallback)(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
     const resolved = await client.resolvePublishBinding({ slug });
@@ -15183,7 +15390,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: found.resource_id, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react110.useEffect)(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(RefusalNotice, { error, className });
@@ -15220,10 +15427,10 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-var import_react110 = require("react");
-var import_react111 = require("@ai-matrx/records/react");
+var import_react112 = require("react");
+var import_react113 = require("@ai-matrx/records/react");
 var import_design_system55 = require("@ai-matrx/design-system");
-var import_react112 = require("@ai-matrx/records/react");
+var import_react114 = require("@ai-matrx/records/react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function EmbedFrame({
   tableId,
@@ -15233,18 +15440,18 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = (0, import_react111.useRecordsClient)();
+  const client = (0, import_react113.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react112.useTable)(tableId);
+  const table = (0, import_react114.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = (0, import_react110.useState)("");
-  const [secret, setSecret] = (0, import_react110.useState)(null);
-  const [tokenId, setTokenId] = (0, import_react110.useState)(null);
-  const [error, setError] = (0, import_react110.useState)(null);
-  const [busy, setBusy] = (0, import_react110.useState)(false);
+  const [origins, setOrigins] = (0, import_react112.useState)("");
+  const [secret, setSecret] = (0, import_react112.useState)(null);
+  const [tokenId, setTokenId] = (0, import_react112.useState)(null);
+  const [error, setError] = (0, import_react112.useState)(null);
+  const [busy, setBusy] = (0, import_react112.useState)(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
-  const issue = (0, import_react110.useCallback)(async () => {
+  const issue = (0, import_react112.useCallback)(async () => {
     setBusy(true);
     setError(null);
     const minted = await client.anonTokenIssue({
@@ -15263,7 +15470,7 @@ function EmbedFrame({
     setTokenId(minted.data.token_id);
     host.notify?.success("Embed token issued. Copy it now \u2014 it is never shown again.");
   }, [client, formId, host, mode, parsed, recordId, savedViewId]);
-  const revoke = (0, import_react110.useCallback)(async () => {
+  const revoke = (0, import_react112.useCallback)(async () => {
     if (!tokenId) return;
     setBusy(true);
     const done = await client.anonTokenRevoke({ token_id: tokenId });
@@ -15327,13 +15534,13 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = (0, import_react111.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react110.useState)(null);
-  const [error, setError] = (0, import_react110.useState)(null);
-  const [loading, setLoading] = (0, import_react110.useState)(true);
+  const client = (0, import_react113.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react112.useState)(null);
+  const [error, setError] = (0, import_react112.useState)(null);
+  const [loading, setLoading] = (0, import_react112.useState)(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -15355,7 +15562,7 @@ function useEmbedHandshake(args) {
 }
 
 // src/RecordsMount.tsx
-var import_react113 = require("@ai-matrx/records/react");
+var import_react115 = require("@ai-matrx/records/react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
 function storeDecidesRights(_table) {
@@ -15369,7 +15576,7 @@ function RecordsMount({
 }) {
   const bound = { ...host ?? {} };
   void letTheStoreDecideRights;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react113.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RecordLabelProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react115.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RecordLabelProvider, { children }) }) });
 }
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
@@ -15388,8 +15595,8 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-var import_react114 = require("react");
-var import_react115 = require("@ai-matrx/records/react");
+var import_react116 = require("react");
+var import_react117 = require("@ai-matrx/records/react");
 var import_design_system56 = require("@ai-matrx/design-system");
 
 // src/createTable.ts
@@ -15525,15 +15732,15 @@ function laneFor(table) {
   return "organization";
 }
 function TablesHome({ onOpenTable, className }) {
-  const client = (0, import_react115.useRecordsClient)();
-  const tables = (0, import_react115.useTables)();
-  const [creating, setCreating] = (0, import_react114.useState)(false);
-  const [name, setName] = (0, import_react114.useState)("");
-  const [busy, setBusy] = (0, import_react114.useState)(false);
-  const [error, setError] = (0, import_react114.useState)(null);
-  const [importInto, setImportInto] = (0, import_react114.useState)(null);
-  const [boards, setBoards] = (0, import_react114.useState)(null);
-  (0, import_react114.useEffect)(() => {
+  const client = (0, import_react117.useRecordsClient)();
+  const tables = (0, import_react117.useTables)();
+  const [creating, setCreating] = (0, import_react116.useState)(false);
+  const [name, setName] = (0, import_react116.useState)("");
+  const [busy, setBusy] = (0, import_react116.useState)(false);
+  const [error, setError] = (0, import_react116.useState)(null);
+  const [importInto, setImportInto] = (0, import_react116.useState)(null);
+  const [boards, setBoards] = (0, import_react116.useState)(null);
+  (0, import_react116.useEffect)(() => {
     let cancelled = false;
     void client.dashboards({}).then((result) => {
       if (cancelled) return;
@@ -15543,7 +15750,7 @@ function TablesHome({ onOpenTable, className }) {
       cancelled = true;
     };
   }, [client]);
-  const create = (0, import_react114.useCallback)(
+  const create = (0, import_react116.useCallback)(
     async (mode) => {
       const trimmed = name.trim();
       if (!trimmed) return;
@@ -15667,8 +15874,8 @@ function TablesHome({ onOpenTable, className }) {
 }
 
 // src/TablePage.tsx
-var import_react116 = require("react");
-var import_react117 = require("@ai-matrx/records/react");
+var import_react118 = require("react");
+var import_react119 = require("@ai-matrx/records/react");
 var import_design_system57 = require("@ai-matrx/design-system");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function filterInWords(filter, fields) {
@@ -15750,24 +15957,24 @@ function TablePage({
   filter,
   className
 }) {
-  const client = (0, import_react117.useRecordsClient)();
-  const table = (0, import_react117.useTable)(tableId);
+  const client = (0, import_react119.useRecordsClient)();
+  const table = (0, import_react119.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const pageFields = (0, import_react117.useFields)(filter ? tableId : null);
+  const pageFields = (0, import_react119.useFields)(filter ? tableId : null);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = (0, import_react117.useRecordsClient)().config.organizationId;
-  const [view, setView] = (0, import_react116.useState)(null);
+  const organizationId = (0, import_react119.useRecordsClient)().config.organizationId;
+  const [view, setView] = (0, import_react118.useState)(null);
   const opening = openingRail(activeRecordId);
   const opened = openingView(activeView, activeDashboardId);
-  const [asking, setAsking] = (0, import_react116.useState)(null);
-  const [layoutFromLink, setLayoutFromLink] = (0, import_react116.useState)(opened.layout);
-  const [surface, setSurface] = (0, import_react116.useState)({
+  const [asking, setAsking] = (0, import_react118.useState)(null);
+  const [layoutFromLink, setLayoutFromLink] = (0, import_react118.useState)(opened.layout);
+  const [surface, setSurface] = (0, import_react118.useState)({
     main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [openRecord, setOpenRecord] = (0, import_react116.useState)(opening.record);
+  const [openRecord, setOpenRecord] = (0, import_react118.useState)(opening.record);
   const viewVersion = useRecordVersion(view?.id ?? null);
   const shownLayout = layoutFromLink ?? view?.layout ?? "grid";
   const press = (pressed) => {
@@ -15778,19 +15985,19 @@ function TablePage({
     }
   };
   const show = (next) => press({ rail: next });
-  (0, import_react116.useEffect)(() => {
+  (0, import_react118.useEffect)(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  (0, import_react116.useEffect)(() => {
+  (0, import_react118.useEffect)(() => {
     const named = pageViewFromParam(activeView);
     if (named === null) return;
     const isLayout = named !== "dashboards" && named !== "archived";
     setLayoutFromLink(isLayout ? named : null);
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
-  const patchView = (0, import_react116.useCallback)(
+  const patchView = (0, import_react118.useCallback)(
     async (patch) => {
       const current = view;
       if (!current) return;