@ai-matrx/records-ui 0.78.0 → 0.81.0

package/dist/index.js

@@ -820,7 +820,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
     )),
     disabled ? null : /* @__PURE__ */ jsxs2(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx3(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(Button2, { id, type: "button", size: "sm", variant: "outline", "aria-label": `Pick for ${fieldName(field)}`, children: picked.length === 0 ? "Pick" : "Change" }) }),
-      /* @__PURE__ */ jsxs2(PopoverContent, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ jsxs2(PopoverContent, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ jsx3(
           BasicInput2,
           {
@@ -844,6 +844,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
             {
               type: "button",
               onClick: () => toggle(row.id),
+              title: titleOf(row.id),
               className: cn2(
                 "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
                 picked.includes(row.id) ? "bg-accent text-accent-foreground" : ""
@@ -889,6 +890,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
               type: "button",
               size: "sm",
               variant: "ghost",
+              title: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`,
               className: "w-full justify-start text-xs",
               disabled: busy,
               onClick: () => {
@@ -898,7 +900,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
                   setCreating(true);
                 }
               },
-              children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`
+              children: /* @__PURE__ */ jsx3("span", { className: "block w-full truncate text-left", children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}` })
             }
           ),
           createRefusal ? /* @__PURE__ */ jsx3("p", { className: "p-2 text-xs text-destructive", children: createRefusal }) : null
@@ -1159,10 +1161,17 @@ function RecordChip({
   onRemove,
   className
 }) {
-  return /* @__PURE__ */ jsxs3(Badge, { variant: "secondary", className: cn3("gap-1 text-[11px]", className), children: [
-    title,
-    onRemove ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "opacity-60 hover:opacity-100", children: "\xD7" }) : null
-  ] });
+  return (
+    // A chip carries a RECORD'S OWN TITLE, which nobody here chose the length of —
+    // "Marisol Okonkwo — 418 Calle Puerto Vallarta, Camarillo" is an ordinary customer
+    // name. So it caps at its container and ends in an ellipsis with the whole name in
+    // its tooltip, rather than being cut mid-word by whatever box it landed in
+    // (lane FIX-14, 2026-09-22).
+    /* @__PURE__ */ jsxs3(Badge, { variant: "secondary", className: cn3("max-w-full gap-1 text-[11px]", className), title, children: [
+      /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate", children: title }),
+      onRemove ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+    ] })
+  );
 }
 
 // src/PersonPicker.tsx
@@ -1308,7 +1317,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className }) {
           children: picked.length === 0 ? "Pick a person" : "Change"
         }
       ) }),
-      /* @__PURE__ */ jsxs4(PopoverContent2, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ jsxs4(PopoverContent2, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ jsx5(
           BasicInput4,
           {
@@ -2650,7 +2659,7 @@ var colorFromTheValue = (_fieldKey, value) => {
 };
 
 // src/Grid.tsx
-import { Button as Button8, Skeleton as Skeleton2, cn as cn9 } from "@ai-matrx/design-system";
+import { Button as Button8, ConfirmDialog, Skeleton as Skeleton2, cn as cn9 } from "@ai-matrx/design-system";
 
 // src/Enrich.tsx
 import { useCallback as useCallback5, useEffect as useEffect7, useMemo as useMemo8, useState as useState8 } from "react";
@@ -3456,6 +3465,9 @@ function Grid({
     [client, host, refreshEnrich]
   );
   const [pastePlan, setPastePlan] = useState10(null);
+  const [deleting, setDeleting] = useState10(null);
+  const [deleteBusy, setDeleteBusy] = useState10(false);
+  const [archived, setArchived] = useState10(null);
   const choiceOptions = useRef4(/* @__PURE__ */ new Map());
   const loadChoiceOptions = useCallback6(
     async (fieldList) => {
@@ -3743,6 +3755,21 @@ function Grid({
       /* @__PURE__ */ jsx13("div", { className: "ml-auto flex items-center gap-1", children: toolbarActions })
     ] }),
     records.error ? /* @__PURE__ */ jsx13(RefusalNotice, { error: records.error }) : null,
+    archived ? /* @__PURE__ */ jsxs9(
+      "p",
+      {
+        "data-records-archived-notice": "",
+        role: "status",
+        className: "flex items-center gap-2 rounded border border-border bg-muted/40 px-2 py-1 text-xs",
+        children: [
+          /* @__PURE__ */ jsxs9("span", { children: [
+            archived,
+            " is archived. Nothing was destroyed \u2014 it is in this table\u2019s Archived items, where Restore brings it back."
+          ] }),
+          /* @__PURE__ */ jsx13(Button8, { size: "sm", variant: "ghost", className: "ml-auto h-6", onClick: () => setArchived(null), children: "Dismiss" })
+        ]
+      }
+    ) : null,
     editing.rowError ? /* @__PURE__ */ jsx13(
       RefusalNotice,
       {
@@ -3859,11 +3886,13 @@ function Grid({
                 }
               ) : null,
               canWrite && mayWriteRow(row.id) ? /* @__PURE__ */ jsx13(
-                DeleteRecordButton,
+                Button8,
                 {
-                  row,
-                  retentionDays: table.data?.retention_days ?? null,
-                  onDelete: () => editing.remove(row.id)
+                  size: "sm",
+                  variant: "ghost",
+                  title: "Delete this record",
+                  onClick: () => setDeleting(row),
+                  children: "Delete"
                 }
               ) : null
             ] })
@@ -3906,7 +3935,32 @@ function Grid({
           onPage: setPage
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      ConfirmDialog,
+      {
+        open: deleting !== null,
+        onOpenChange: (next) => {
+          if (!next && !deleteBusy) setDeleting(null);
+        },
+        variant: "destructive",
+        title: `Delete ${deleting ? recordNameIn(table.data, deleting.document ?? {}) : "this record"}?`,
+        description: table.data?.retention_days ? `It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back, for ${table.data.retention_days} days.` : "It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back.",
+        confirmLabel: "Delete",
+        cancelLabel: "Keep",
+        busy: deleteBusy,
+        onConfirm: async () => {
+          const row = deleting;
+          if (!row) return;
+          const name = recordNameIn(table.data, row.document ?? {});
+          setDeleteBusy(true);
+          const failed = await editing.remove(row.id);
+          setDeleteBusy(false);
+          setDeleting(null);
+          if (!failed) setArchived(name);
+        }
+      }
+    )
   ] }) });
 }
 function columnLabel(fields, columnId) {
@@ -3926,42 +3980,6 @@ function AddFieldButton({ onClick }) {
     }
   );
 }
-function DeleteRecordButton({
-  row,
-  retentionDays,
-  onDelete
-}) {
-  const [asking, setAsking] = useState10(false);
-  if (!asking) {
-    return /* @__PURE__ */ jsx13(
-      Button8,
-      {
-        size: "sm",
-        variant: "ghost",
-        title: "Delete this record",
-        onClick: () => setAsking(true),
-        children: "Delete"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1 text-[11px]", children: [
-    /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: retentionDays ? `Removes it from the table. Restorable for ${retentionDays} days.` : "Removes it from the table. It can be restored from the record's history." }),
-    /* @__PURE__ */ jsx13(
-      Button8,
-      {
-        size: "sm",
-        variant: "destructive",
-        onClick: () => {
-          setAsking(false);
-          void onDelete();
-        },
-        children: "Delete"
-      }
-    ),
-    /* @__PURE__ */ jsx13(Button8, { size: "sm", variant: "ghost", onClick: () => setAsking(false), children: "Keep" }),
-    /* @__PURE__ */ jsx13("span", { className: "sr-only", children: row.id })
-  ] });
-}
 function Pager({
   page,
   pageSize,
@@ -4234,7 +4252,7 @@ function FilePicker({
 }
 
 // src/ImportWizard.tsx
-import { useCallback as useCallback8, useMemo as useMemo10, useState as useState13 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo10, useState as useState13 } from "react";
 import { useFields as useFields5, useRecordsClient as useRecordsClient6, useTable as useTable3 } from "@ai-matrx/records/react";
 import {
   importCsv,
@@ -4273,7 +4291,7 @@ async function sha256(bytes) {
 function typeWord(t) {
   return fieldTypeChoice(t)?.label ?? (t === "relation" ? "Points at another table" : t);
 }
-function ImportWizard({ tableId, onDone, className }) {
+function ImportWizard({ tableId, onDone, onWrote, className }) {
   const client = useRecordsClient6();
   const table = useTable3(tableId);
   const fields = useFields5(tableId);
@@ -4299,6 +4317,46 @@ function ImportWizard({ tableId, onDone, className }) {
   const [columnsAdded, setColumnsAdded] = useState13(null);
   const [show, setShow] = useState13("all");
   const [ledger, setLedger] = useState13(null);
+  const [runs, setRuns] = useState13(null);
+  const [openRun, setOpenRun] = useState13(null);
+  const [runRows, setRunRows] = useState13(null);
+  const [runProblem, setRunProblem] = useState13(null);
+  const loadRuns = useCallback8(async () => {
+    const answered = await client.imports({ table_id: tableId, limit: 10 });
+    if (answered.ok) setRuns(answered.data);
+  }, [client, tableId]);
+  useEffect8(() => {
+    void loadRuns();
+  }, [loadRuns]);
+  const openRefusals = useCallback8(
+    async (importId) => {
+      setRunProblem(null);
+      if (openRun === importId) {
+        setOpenRun(null);
+        setRunRows(null);
+        return;
+      }
+      setOpenRun(importId);
+      setRunRows(null);
+      const answered = await client.importReport({
+        import_id: importId,
+        state: "refused",
+        limit: 200
+      });
+      if (!answered.ok) {
+        setRunProblem(answered.error.message);
+        return;
+      }
+      setRunRows({
+        import_id: answered.data.import_id,
+        rows: answered.data.rows,
+        kept: answered.data.kept,
+        total: answered.data.total,
+        note: answered.data.note
+      });
+    },
+    [client, openRun]
+  );
   const declared = fields.data ?? [];
   const take = useCallback8(
     async (file) => {
@@ -4432,8 +4490,9 @@ function ImportWizard({ tableId, onDone, className }) {
       final: true
     });
     setPhase("done");
-    onDone?.(finished.data.rows_written);
-  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, mapping, onDuplicate, onDone, plan, rows, tableId, unmapped]);
+    onWrote?.(finished.data.rows_written);
+    void loadRuns();
+  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, loadRuns, mapping, onDuplicate, onWrote, plan, rows, tableId, unmapped]);
   const counts = useMemo10(() => {
     let landed = 0;
     let duplicate = 0;
@@ -4710,7 +4769,73 @@ function ImportWizard({ tableId, onDone, className }) {
       proposals.length > 0 ? /* @__PURE__ */ jsx16("ul", { className: "flex flex-col gap-0.5", children: proposals.map((p) => /* @__PURE__ */ jsxs12("li", { className: "text-muted-foreground", children: [
         /* @__PURE__ */ jsx16("span", { className: "font-medium text-foreground", children: p.column }),
         p.state === "waiting" ? " is waiting in the approvals inbox." : p.state === "accepted" ? " was added as a column." : p.state === "ignored" ? " was left out." : p.state === "refused" ? ` could not be added: ${p.reason ?? ""}` : ` \u2014 ${p.state}`
-      ] }, p.column)) }) : null
+      ] }, p.column)) }) : null,
+      phase === "done" ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx16(Button11, { size: "sm", onClick: () => onDone?.(ledger?.written ?? 0), children: "Done" }),
+        (ledger?.refused ?? 0) > 0 ? /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground", children: [
+          "The ",
+          ledger?.refused,
+          " row",
+          ledger?.refused === 1 ? "" : "s",
+          " that ",
+          ledger?.refused === 1 ? "was" : "were",
+          " refused",
+          " ",
+          "are kept with this import \u2014 open them again from the list of imports below, with the store's reason and the line from your file on each."
+        ] }) : null
+      ] }) : null
+    ] }) : null,
+    runs && runs.length > 0 ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+      /* @__PURE__ */ jsx16(Separator2, {}),
+      /* @__PURE__ */ jsx16("p", { className: "font-medium", children: "Imports into this table" }),
+      /* @__PURE__ */ jsx16("ul", { className: "flex flex-col gap-1", children: runs.map((r) => /* @__PURE__ */ jsxs12("li", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx16("span", { className: "font-medium", children: r.source_name ?? "a file" }),
+          /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground", children: [
+            new Date(r.opened_at).toLocaleString(),
+            " \xB7 ",
+            r.rows_written,
+            " landed \xB7",
+            " ",
+            r.rows_duplicate,
+            " already here \xB7 ",
+            r.rows_refused,
+            " refused, of ",
+            r.rows_seen,
+            " row",
+            r.rows_seen === 1 ? "" : "s",
+            " offered"
+          ] }),
+          r.rows_refused > 0 ? /* @__PURE__ */ jsx16(
+            "button",
+            {
+              type: "button",
+              className: "underline underline-offset-2",
+              "aria-expanded": openRun === r.import_id,
+              onClick: () => void openRefusals(r.import_id),
+              children: openRun === r.import_id ? "hide the rows it refused" : `see the ${r.rows_refused} row${r.rows_refused === 1 ? "" : "s"} it refused`
+            }
+          ) : null
+        ] }),
+        openRun === r.import_id ? runProblem ? /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: runProblem }) : runRows ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+          runRows.note ? /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: runRows.note }) : null,
+          /* @__PURE__ */ jsx16("div", { className: "max-h-64 overflow-auto rounded border", children: /* @__PURE__ */ jsxs12("table", { className: "w-full", children: [
+            /* @__PURE__ */ jsx16("thead", { className: "sticky top-0 bg-muted", children: /* @__PURE__ */ jsxs12("tr", { children: [
+              /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "Line in your file" }),
+              /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "What happened" }),
+              /* @__PURE__ */ jsx16("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
+            ] }) }),
+            /* @__PURE__ */ jsx16("tbody", { children: runRows.rows.map((row, i) => {
+              const source = row.source ?? {};
+              return /* @__PURE__ */ jsxs12("tr", { className: "border-t align-top", children: [
+                /* @__PURE__ */ jsx16("td", { className: "px-2 py-1", children: String(row.row ?? "") }),
+                /* @__PURE__ */ jsx16("td", { className: "px-2 py-1 text-destructive", children: String(row.reason ?? "") }),
+                /* @__PURE__ */ jsx16("td", { className: "max-w-96 px-2 py-1 text-muted-foreground", children: Object.entries(source).map(([k, v]) => `${k}: ${String(v ?? "")}`).join(" \xB7 ") })
+              ] }, `${r.import_id}-${String(row.row ?? i)}`);
+            }) })
+          ] }) })
+        ] }) : /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Reading the rows this import refused\u2026" }) : null
+      ] }, r.import_id)) })
     ] }) : null,
     table.error ? /* @__PURE__ */ jsx16(RefusalNotice, { error: table.error }) : null
   ] });
@@ -4929,6 +5054,9 @@ var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   value,
   label: ROLLUP_AGG_LABEL[value]
 }));
+var FORMULA_SEPARATOR_LABEL = "Joined by";
+var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from other columns. Which columns it uses, and what joins them, cannot be changed on this screen yet \u2014 remove it and add it again to change them.";
+var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
 var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
   value,
   label: FORMULA_OP_LABEL[value],
@@ -4965,8 +5093,9 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
   const [of, setOf] = useState15(String(field?.config?.["of"] ?? ""));
   const [relationTarget, setRelationTarget] = useState15(String(field?.relation_target ?? ""));
   const [display, setDisplay] = useState15(field?.display ?? null);
-  const [formulaOp, setFormulaOp] = useState15("concat");
-  const [formulaFields, setFormulaFields] = useState15([]);
+  const [formulaOp, setFormulaOp] = useState15(() => formulaOpOf(field));
+  const [formulaFields, setFormulaFields] = useState15(() => formulaFieldIdsOf(field));
+  const [formulaSeparator, setFormulaSeparator] = useState15(() => formulaSeparatorOf(field));
   const [askingToRemove, setAskingToRemove] = useState15(false);
   const [notLanded, setNotLanded] = useState15(false);
   const others = useMemo12(
@@ -5040,7 +5169,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
       ...type === "datetime" ? { kind: withTime ? "datetime" : "date" } : {},
       ...type === "lookup" ? { via, pick } : {},
       ...type === "rollup" ? { via, agg, ...agg === "count" ? {} : { of } } : {},
-      ...type === "formula" ? { expr: formulaExpression(formulaOp, formulaFields) } : {}
+      ...type === "formula" ? { expr: formulaExpression(formulaOp, formulaFields, formulaSeparator) } : {}
     };
     const written = await mutation.declare({ table_id: tableId, spec });
     if (written === null) return;
@@ -5098,6 +5227,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
         /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: editing ? "What a column holds cannot be changed here \u2014 every value already saved would have to be converted. Add a new column and move the values across." : choice?.explanation ?? "" })
       ] })
     ] }),
+    editing && type === "formula" ? /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null,
     !editing || type === "select" || type === "multi_select" || type === "relation" ? /* @__PURE__ */ jsx18(
       TypeQuestions,
       {
@@ -5126,6 +5256,8 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
         setFormulaOp,
         formulaFields,
         setFormulaFields,
+        formulaSeparator,
+        setFormulaSeparator,
         relations,
         others,
         existingOptionsTable: Boolean(field?.options_table_id ?? field?.config?.["options_table_id"])
@@ -5310,10 +5442,30 @@ function startingType(field) {
   if (fieldTypeChoice(kind)) return kind;
   return "text";
 }
-function formulaExpression(op, fieldIds) {
+function formulaExpression(op, fieldIds, separator) {
   const args = fieldIds.filter((id) => id !== "").map((id) => ({ field: id }));
-  if (args.length === 0) return { op, args: [{ const: "" }] };
-  return { op, args };
+  const joined = op === "concat" && separator !== "" ? { separator } : {};
+  if (args.length === 0) return { op, ...joined, args: [{ const: "" }] };
+  return { op, ...joined, args };
+}
+function formulaExprOf(field) {
+  const expr = field?.config?.["expr"];
+  return expr !== null && typeof expr === "object" ? expr : null;
+}
+function formulaOpOf(field) {
+  const op = formulaExprOf(field)?.["op"];
+  return typeof op === "string" && op !== "" ? op : "concat";
+}
+function formulaFieldIdsOf(field) {
+  const args = formulaExprOf(field)?.["args"];
+  if (!Array.isArray(args)) return [];
+  return args.map((a) => a !== null && typeof a === "object" ? a["field"] : void 0).filter((id) => typeof id === "string" && id !== "");
+}
+function formulaSeparatorOf(field) {
+  const expr = formulaExprOf(field);
+  if (expr === null) return FORMULA_DEFAULT_SEPARATOR;
+  const sep = expr["separator"];
+  return typeof sep === "string" ? sep : "";
 }
 function TypeQuestions(props) {
   const { type } = props;
@@ -5452,7 +5604,21 @@ function TypeQuestions(props) {
           );
         }) }),
         /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: "In the order you pick them. Columns are remembered by which column they are, so renaming one never breaks this." })
-      ] })
+      ] }),
+      props.formulaOp === "concat" ? /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx18(Label4, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
+        /* @__PURE__ */ jsx18(
+          BasicInput5,
+          {
+            value: props.formulaSeparator,
+            "aria-label": FORMULA_SEPARATOR_LABEL,
+            placeholder: "\u2014",
+            className: "max-w-[10rem]",
+            onChange: (e) => props.setFormulaSeparator(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: "What goes between the columns. Leave it empty to run them straight together." })
+      ] }) : null
     ] });
   }
   return null;
@@ -5488,7 +5654,7 @@ function ValueOnTheOtherSide({
 }
 
 // src/StageRules.tsx
-import { useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo13, useState as useState17 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo13, useState as useState17 } from "react";
 import { useFields as useFields7, useRecordsClient as useRecordsClient8, useTable as useTable5 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput7, BasicTextarea as BasicTextarea3, Button as Button15, Separator as Separator5, Skeleton as Skeleton3, cn as cn15 } from "@ai-matrx/design-system";
 
@@ -5847,7 +6013,7 @@ function StageRulesSection({ tableId, stage, className }) {
     if (mode.ok) setEnforcement(mode.data);
     setAsked(true);
   }, [client, tableId]);
-  useEffect8(() => {
+  useEffect9(() => {
     void load();
   }, [load]);
   const stages = pipeline?.stages ?? [];
@@ -5858,7 +6024,7 @@ function StageRulesSection({ tableId, stage, className }) {
     () => (fields.data ?? []).map((f) => ({ id: String(f.id), key: f.key, label: fieldName(f), field: f })),
     [fields.data]
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (!draft || !stageKey || !draft.demands || Object.keys(draft.demands).length === 0) {
       setPreview(null);
       setPreviewError(null);
@@ -6297,7 +6463,7 @@ import { useFields as useFields10, useRecord as useRecord2, useRecordsClient as
 import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 
 // src/RecordChat.tsx
-import { useEffect as useEffect9, useMemo as useMemo14, useState as useState19 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo14, useState as useState19 } from "react";
 import { useRecordsClient as useRecordsClient9 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton4, cn as cn17 } from "@ai-matrx/design-system";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -6307,7 +6473,7 @@ function RecordChat({ tableId, recordId, className }) {
   const host = useRecordsUi();
   const [scope, setScope] = useState19(null);
   const [error, setError] = useState19(null);
-  useEffect9(() => {
+  useEffect10(() => {
     let cancelled = false;
     setScope(null);
     setError(null);
@@ -6424,7 +6590,7 @@ function entriesFor(scope) {
 import { Button as Button19, Separator as Separator8, Skeleton as Skeleton5, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/RecordForm.tsx
-import { useEffect as useEffect11, useMemo as useMemo16, useState as useState21 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useState as useState21 } from "react";
 import {
   useFields as useFields9,
   useRecord,
@@ -6434,7 +6600,7 @@ import { predictWriteRefusals } from "@ai-matrx/records/core";
 import { Button as Button17, Separator as Separator7, cn as cn18 } from "@ai-matrx/design-system";
 
 // src/systemTable.ts
-import { useEffect as useEffect10, useMemo as useMemo15, useState as useState20 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo15, useState as useState20 } from "react";
 import { useRecordsClient as useRecordsClient10 } from "@ai-matrx/records/react";
 var inFlight = /* @__PURE__ */ new Map();
 async function ensureSystemTable(client, spec) {
@@ -6567,7 +6733,7 @@ function useSystemTable(spec) {
   const [state, setState] = useState20({ tableId: null, loading: true, error: null });
   const slug = spec.slug;
   const stable = useMemo15(() => spec, [slug]);
-  useEffect10(() => {
+  useEffect11(() => {
     let cancelled = false;
     setState({ tableId: null, loading: true, error: null });
     void ensureSystemTable(client, stable).then((result) => {
@@ -6585,7 +6751,7 @@ function useSystemTable(spec) {
 function useRecordVersion(recordId) {
   const client = useRecordsClient10();
   const [version, setVersion] = useState20(null);
-  useEffect10(() => {
+  useEffect11(() => {
     let cancelled = false;
     setVersion(null);
     if (!recordId) return;
@@ -6622,7 +6788,7 @@ function RecordForm({
   const [touched, setTouched] = useState21(false);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
-  useEffect11(() => {
+  useEffect12(() => {
     const document3 = existing.data?.document;
     if (document3) setDraft({ ...document3 });
   }, [existing.data?.record_id, loadedVersion]);
@@ -7051,12 +7217,12 @@ function parseSorts(raw) {
 }
 
 // src/ViewSwitcher.tsx
-import { useEffect as useEffect13, useMemo as useMemo18, useState as useState25 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo18, useState as useState25 } from "react";
 import { useFields as useFields12, useRecords as useRecords5, useRecordsClient as useRecordsClient13 } from "@ai-matrx/records/react";
 import { Button as Button21, Skeleton as Skeleton7, cn as cn21 } from "@ai-matrx/design-system";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback10, useEffect as useEffect12, useMemo as useMemo17, useRef as useRef6, useState as useState24 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo17, useRef as useRef6, useState as useState24 } from "react";
 import {
   mayDrag,
   useFields as useFields11,
@@ -7105,7 +7271,7 @@ function PipelineBoard({
   const [dragging, setDragging] = useState24(null);
   const [over, setOver] = useState24(null);
   const alive = useRef6(true);
-  useEffect12(() => {
+  useEffect13(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -7129,7 +7295,7 @@ function PipelineBoard({
     setWaiting(held.ok ? new Map((held.data ?? []).map((p) => [p.record_id, p])) : /* @__PURE__ */ new Map());
     setColumns(board.ok ? board.data ?? [] : []);
   }, [client, tableId, measure]);
-  useEffect12(() => {
+  useEffect13(() => {
     void reload();
   }, [reload]);
   const stageKey = definition?.stage_field ?? null;
@@ -7161,8 +7327,8 @@ function PipelineBoard({
       const asked = await client.pipelineTransitionRefusal({ record_id: recordId, to });
       if (!alive.current) return;
       if (!asked.ok) {
-        setError(asked.error);
-        setPending({ kind: "none" });
+        setPending({ kind: "clash", recordId, to, error: asked.error });
+        onMoved?.();
         return;
       }
       const verdict = asked.data;
@@ -7175,8 +7341,8 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       const result = moved.data;
@@ -7197,21 +7363,22 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "filed", recordId, to, result: moved.data });
       void reload();
     },
-    [client, reload]
+    [client, onMoved, reload]
   );
   const moveWith = useCallback10(
     async (recordId, to, also) => {
       const moved = await client.pipelineMove({ record_id: recordId, to, also });
       if (!alive.current) return;
       if (!moved.ok) {
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "none" });
@@ -7339,6 +7506,16 @@ function Held({
   if (pending.kind === "asking") {
     return /* @__PURE__ */ jsx26("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
+  if (pending.kind === "clash") {
+    return /* @__PURE__ */ jsx26(
+      RefusalNotice,
+      {
+        className: "mt-1",
+        error: pending.error,
+        actions: /* @__PURE__ */ jsx26("div", { className: "mt-1", children: /* @__PURE__ */ jsx26(Button20, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
+      }
+    );
+  }
   if (pending.kind === "refused") {
     return /* @__PURE__ */ jsxs22("div", { className: "mt-1 rounded border border-destructive/50 bg-destructive/5 p-2 text-xs", children: [
       /* @__PURE__ */ jsx26("p", { children: pending.verdict.why }),
@@ -7476,7 +7653,7 @@ function useViewRecords(view, pageSize = 200, filter) {
     error: null
   });
   const ruleId = view.ruleId ?? null;
-  useEffect13(() => {
+  useEffect14(() => {
     if (!ruleId) return;
     let cancelled = false;
     setRuled({ rows: [], loading: true, error: null });
@@ -7540,7 +7717,7 @@ function ViewSwitcher({
 }) {
   const [layout, setLayout] = useState25(view.layout);
   const [local, setLocal] = useState25({});
-  useEffect13(() => {
+  useEffect14(() => {
     setLayout(view.layout);
     setLocal({});
   }, [view.layout, view.name, view.subject]);
@@ -7608,7 +7785,7 @@ function useStageField(tableId) {
     asked: false,
     key: null
   });
-  useEffect13(() => {
+  useEffect14(() => {
     let cancelled = false;
     setStage({ asked: false, key: null });
     void client.tableStageField({ table_id: tableId }).then((r) => {
@@ -7877,7 +8054,7 @@ function Card2({
 }
 
 // src/ArchivedView.tsx
-import { useCallback as useCallback11, useEffect as useEffect14, useState as useState26 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect15, useState as useState26 } from "react";
 import {
   ARCHIVE_LANES,
   ARCHIVE_LANE_LABEL,
@@ -7915,7 +8092,7 @@ function ArchivedView({
   const [error, setError] = useState26(null);
   const [restoring, setRestoring] = useState26(null);
   const [refusal, setRefusal] = useState26(null);
-  useEffect14(() => {
+  useEffect15(() => {
     if (laneFromHost) setLane(laneFromHost);
   }, [laneFromHost]);
   const read = useCallback11(async () => {
@@ -7930,7 +8107,7 @@ function ArchivedView({
     }
     setLoading(false);
   }, [client, tableId, lane, pageSize]);
-  useEffect14(() => {
+  useEffect15(() => {
     void read();
   }, [read]);
   const pick = (next) => {
@@ -8012,7 +8189,7 @@ function ArchivedView({
 }
 
 // src/ArchivedDisclosure.tsx
-import { useCallback as useCallback12, useEffect as useEffect15, useState as useState27 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect16, useState as useState27 } from "react";
 import {
   emptyPortalArchiveLine,
   portalConfirmLine,
@@ -8081,7 +8258,7 @@ function ArchivedPortals({
       setError(answered.error);
     }
   }, [client]);
-  useEffect15(() => {
+  useEffect16(() => {
     void read();
   }, [read, refreshToken]);
   const restore = async (portal) => {
@@ -8197,7 +8374,7 @@ function ArchivedPortals({
 }
 
 // src/ViewBar.tsx
-import { useCallback as useCallback14, useEffect as useEffect16, useState as useState28 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect17, useState as useState28 } from "react";
 import { useRecordsClient as useRecordsClient16 } from "@ai-matrx/records/react";
 import { Button as Button24, Input as Input2, Skeleton as Skeleton10, cn as cn24 } from "@ai-matrx/design-system";
 
@@ -8260,10 +8437,10 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
     setError(null);
     setViews(mine);
   }, [client, viewTableId, tableId, seed]);
-  useEffect16(() => {
+  useEffect17(() => {
     void load();
   }, [load]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!views || views.length === 0) return;
     const chosen = views.find((v) => v.id === (activeViewId ?? active)) ?? views.find((v) => v.isDefault) ?? views[0];
     if (chosen.id !== active) setActive(chosen.id);
@@ -8439,12 +8616,12 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo20, useRef as useRef8, useState as useState31 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect19, useMemo as useMemo20, useRef as useRef8, useState as useState31 } from "react";
 import { useRecordsClient as useRecordsClient19 } from "@ai-matrx/records/react";
 import { Badge as Badge9, Button as Button27, Skeleton as Skeleton12, cn as cn27 } from "@ai-matrx/design-system";
 
 // src/ChecklistRunner.tsx
-import { useCallback as useCallback15, useEffect as useEffect17, useMemo as useMemo19, useState as useState30 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo19, useState as useState30 } from "react";
 import { useRecordsClient as useRecordsClient18, useTable as useTable10 } from "@ai-matrx/records/react";
 import { Badge as Badge8, BasicInput as BasicInput9, BasicTextarea as BasicTextarea4, Button as Button26, Skeleton as Skeleton11, cn as cn26 } from "@ai-matrx/design-system";
 import { Fragment as Fragment13, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -8492,10 +8669,10 @@ function ChecklistRunner({
       (held) => held && answered.data.some((r) => r.run_id === held) ? held : answered.data[0]?.run_id ?? null
     );
   }, [client, includeClosed, recordId, runId, tableId]);
-  useEffect17(() => {
+  useEffect18(() => {
     void loadRuns();
   }, [loadRuns]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (runId) setActiveId(runId);
   }, [runId]);
   const loadSteps = useCallback15(async () => {
@@ -8512,10 +8689,10 @@ function ChecklistRunner({
     setError(null);
     setSteps(answered.data);
   }, [client, activeId]);
-  useEffect17(() => {
+  useEffect18(() => {
     void loadSteps();
   }, [loadSteps]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!mayStart || !tableId) return;
     let cancelled = false;
     void client.checklistTemplates({ about_table_id: tableId, limit: 50 }).then((answered) => {
@@ -8741,7 +8918,7 @@ function useMyChecklistSteps(limit = 25) {
     setSteps(held);
     setLoading(false);
   }, [client, limit, me]);
-  useEffect17(() => {
+  useEffect18(() => {
     void refresh();
   }, [refresh]);
   return { steps, loading, error, refresh };
@@ -8808,7 +8985,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
     if (!r.ok) setRuns([]);
     else setRuns(r.data);
   }, [client, tableId]);
-  useEffect17(() => {
+  useEffect18(() => {
     void load();
   }, [load]);
   if (templates === null) return /* @__PURE__ */ jsx32(Skeleton11, { className: cn26("h-40 w-full", className) });
@@ -8954,7 +9131,7 @@ function ChecklistTemplateEditor({
   const [error, setError] = useState30(null);
   const [busy, setBusy] = useState30(false);
   const [loading, setLoading] = useState30(Boolean(templateId));
-  useEffect17(() => {
+  useEffect18(() => {
     if (!templateId) return;
     let cancelled = false;
     void client.checklistTemplateShape({ template_id: templateId }).then((answered) => {
@@ -8991,7 +9168,7 @@ function ChecklistTemplateEditor({
     }),
     [aboutTableId, name, rows]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (spec.steps.length === 0 || spec.name.length === 0) {
       setRefusal(null);
       return;
@@ -9177,7 +9354,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
     setError(null);
     setItems(result.data);
   }, [client, includeSettled]);
-  useEffect18(() => {
+  useEffect19(() => {
     void load();
   }, [load]);
   const shown = useMemo20(() => {
@@ -9185,10 +9362,10 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
     if (!tableId) return all;
     return all.filter((i) => i.kind !== "assignment" || i.subject_kind !== "record" || true);
   }, [items, tableId]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (cursor >= shown.length) setCursor(Math.max(0, shown.length - 1));
   }, [shown.length, cursor]);
-  useEffect18(() => {
+  useEffect19(() => {
     const el = listRef.current?.querySelector(`[data-row="${cursor}"]`);
     el?.scrollIntoView({ block: "nearest" });
   }, [cursor, shown.length]);
@@ -9314,7 +9491,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback17, useEffect as useEffect19, useRef as useRef9, useState as useState32 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useRef as useRef9, useState as useState32 } from "react";
 import {
   useFields as useFields14,
   useRecordsClient as useRecordsClient20,
@@ -9342,7 +9519,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
     setError(null);
     setEntries(answered.data);
   }, [client, recordId]);
-  useEffect19(() => {
+  useEffect20(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx34(RefusalNotice, { error, className });
@@ -9623,7 +9800,7 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback18, useEffect as useEffect20, useMemo as useMemo21, useRef as useRef10, useState as useState33 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo21, useRef as useRef10, useState as useState33 } from "react";
 import {
   useFields as useFields15,
   useRecordsClient as useRecordsClient21,
@@ -9660,10 +9837,10 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
       mayResolve: answered.data.may_resolve
     });
   }, [client, recordId, showResolved]);
-  useEffect20(() => {
+  useEffect21(() => {
     void load();
   }, [load]);
-  useEffect20(() => {
+  useEffect21(() => {
     let alive = true;
     if (!host.members) return;
     void host.members().then((roster) => {
@@ -9866,7 +10043,7 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-import { useCallback as useCallback19, useEffect as useEffect21, useState as useState34 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect22, useState as useState34 } from "react";
 import {
   useFields as useFields16,
   useRecordsClient as useRecordsClient22,
@@ -9901,7 +10078,7 @@ function FieldHistoryPanel({
     setError(null);
     setRows(answered.data);
   }, [client, tableId, fieldKey, recordId]);
-  useEffect21(() => {
+  useEffect22(() => {
     void load();
   }, [load]);
   const label = (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanize(fieldKey);
@@ -10094,7 +10271,7 @@ function submissionStamp(args) {
 }
 
 // src/PortalBuilder.tsx
-import { useCallback as useCallback20, useEffect as useEffect22, useMemo as useMemo22, useState as useState35 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect23, useMemo as useMemo22, useState as useState35 } from "react";
 import { useRecordsClient as useRecordsClient23, useTables as useTables3 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput10, Button as Button31, Checkbox as Checkbox5, Label as Label5, Separator as Separator9, Skeleton as Skeleton16, cn as cn31 } from "@ai-matrx/design-system";
 import { Fragment as Fragment15, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -10127,7 +10304,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     },
     [client, fieldsByTable]
   );
-  useEffect22(() => {
+  useEffect23(() => {
     if (!portalId) return;
     void (async () => {
       const answered = await client.portalCard({ portal_id: portalId });
@@ -10141,7 +10318,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
       setClientTableId(answered.data.client_table_id);
     })();
   }, [client, portalId]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!tableId) return;
     setExposures(
       (prev) => prev[tableId] ? prev : {
@@ -10389,7 +10566,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 }
 
 // src/PortalsPanel.tsx
-import { useCallback as useCallback21, useEffect as useEffect23, useMemo as useMemo23, useState as useState36 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo23, useState as useState36 } from "react";
 import { useRecordsClient as useRecordsClient24 } from "@ai-matrx/records/react";
 import {
   portalArchiveConsequence,
@@ -10481,7 +10658,7 @@ function PortalsPanel({ tableId, className }) {
     setPortals(answered.data);
     setExposures(mapped.ok ? mapped.data : []);
   }, [client]);
-  useEffect23(() => {
+  useEffect24(() => {
     void load();
   }, [load]);
   if (portals === null) return /* @__PURE__ */ jsx39(Skeleton17, { className: cn33("h-32 w-full", className) });
@@ -10743,7 +10920,7 @@ function PortalDetail({
     setError(null);
     setCard(answered.data);
   }, [client, portalId]);
-  useEffect23(() => {
+  useEffect24(() => {
     void load();
   }, [load]);
   const revoke = useCallback21(
@@ -10936,7 +11113,7 @@ function Preview({
   const [which, setWhich] = useState36(first?.table_id ?? null);
   const [rows, setRows] = useState36(null);
   const [error, setError] = useState36(null);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!which) return;
     let cancelled = false;
     setRows(null);
@@ -10982,7 +11159,7 @@ function Invite({ card, onInvited }) {
   const [busy, setBusy] = useState36(false);
   const [said, setSaid] = useState36(null);
   const [error, setError] = useState36(null);
-  useEffect23(() => {
+  useEffect24(() => {
     let cancelled = false;
     void client.list({ table_id: card.client_table_id, limit: 200 }).then((answered) => {
       if (cancelled) return;
@@ -11084,7 +11261,7 @@ function Invite({ card, onInvited }) {
 }
 
 // src/DigestScheduler.tsx
-import { useCallback as useCallback22, useEffect as useEffect24, useMemo as useMemo24, useState as useState37 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect25, useMemo as useMemo24, useState as useState37 } from "react";
 import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput12, Button as Button34, Checkbox as Checkbox6, Label as Label6, Separator as Separator11, Skeleton as Skeleton18, cn as cn34 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -11148,7 +11325,7 @@ function DigestScheduler({
       setMembers([]);
     }
   }, [client, tableId, host]);
-  useEffect24(() => {
+  useEffect25(() => {
     void load();
   }, [load]);
   const schedule = useMemo24(() => {
@@ -11390,7 +11567,7 @@ function DigestScheduler({
 }
 
 // src/SubscriptionsPanel.tsx
-import { useCallback as useCallback23, useEffect as useEffect25, useState as useState38 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect26, useState as useState38 } from "react";
 import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
 import { Badge as Badge14, Button as Button35, Skeleton as Skeleton19, Switch as Switch2, cn as cn35 } from "@ai-matrx/design-system";
 import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -11419,7 +11596,7 @@ function SubscriptionsPanel({ tableId, className }) {
     setError(null);
     setRows(answered.data);
   }, [client, tableId]);
-  useEffect25(() => {
+  useEffect26(() => {
     void load();
   }, [load]);
   const flip = useCallback23(
@@ -11571,17 +11748,17 @@ function SubscriptionsPanel({ tableId, className }) {
 }
 
 // src/FormBuilder.tsx
-import { useCallback as useCallback25, useEffect as useEffect28, useMemo as useMemo26, useState as useState41 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect29, useMemo as useMemo26, useState as useState41 } from "react";
 import { useFields as useFields18, useRecordsClient as useRecordsClient28, useTable as useTable14 } from "@ai-matrx/records/react";
 
 // src/publish-gate.ts
-import { useEffect as useEffect26, useState as useState39 } from "react";
+import { useEffect as useEffect27, useState as useState39 } from "react";
 import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
 var PUBLISH_NEEDS_THE_STORE_ON = "This organization has its record store switched off, so publishing would hand you a link that opens nothing. An owner or an administrator turns it on under Database settings, on the unified data screen \u2014 everything you have already built here is kept and starts working the moment they do.";
 function usePublishGate() {
   const client = useRecordsClient27();
   const [storeOpen, setStoreOpen] = useState39(null);
-  useEffect26(() => {
+  useEffect27(() => {
     let alive = true;
     void (async () => {
       const answered = await client.storeIsOpen();
@@ -11612,7 +11789,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback24, useEffect as useEffect27, useMemo as useMemo25, useRef as useRef11, useState as useState40 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect28, useMemo as useMemo25, useRef as useRef11, useState as useState40 } from "react";
 import { useFields as useFields17, useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
 import { Button as Button36, Progress, Skeleton as Skeleton20, cn as cn36 } from "@ai-matrx/design-system";
 import { Fragment as Fragment18, jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -11706,7 +11883,7 @@ function FormStage({
       };
     });
   }, [fields, form.questions]);
-  useEffect27(() => {
+  useEffect28(() => {
     let cancelled = false;
     const conditional = questions.filter((q) => q.showIf);
     if (conditional.length === 0 || !evaluate) return;
@@ -11777,7 +11954,7 @@ function FormStage({
     if (event.shiftKey) retreat();
     else advance();
   }
-  useEffect27(() => {
+  useEffect28(() => {
     const input = stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox']"
     );
@@ -11972,10 +12149,10 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  useEffect28(() => {
+  useEffect29(() => {
     void load();
   }, [load]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!forms || forms.length === 0) return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -12386,7 +12563,7 @@ function groupLabel(groups) {
 
 // src/chartFrame.tsx
 import {
-  useEffect as useEffect29,
+  useEffect as useEffect30,
   useId as useId2,
   useRef as useRef12,
   useState as useState42
@@ -12396,7 +12573,7 @@ import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
   const ref = useRef12(null);
   const [width, setWidth] = useState42(fallback);
-  useEffect29(() => {
+  useEffect30(() => {
     const node = ref.current;
     if (!node) return;
     const apply = () => {
@@ -12520,7 +12697,7 @@ function isSignatureField(field) {
 }
 
 // src/DocTemplate.tsx
-import { useCallback as useCallback26, useEffect as useEffect30, useState as useState43 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect31, useState as useState43 } from "react";
 import { useFields as useFields19, useRecordsClient as useRecordsClient29, useTable as useTable15 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput14, BasicTextarea as BasicTextarea6, Button as Button38, Label as Label8, Skeleton as Skeleton22, cn as cn39 } from "@ai-matrx/design-system";
 import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
@@ -12568,10 +12745,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  useEffect30(() => {
+  useEffect31(() => {
     void load();
   }, [load]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -12579,7 +12756,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  useEffect30(() => {
+  useEffect31(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -12699,7 +12876,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback27, useEffect as useEffect31, useRef as useRef13, useState as useState44 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect32, useRef as useRef13, useState as useState44 } from "react";
 import { useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
 import { Button as Button39, Skeleton as Skeleton23, cn as cn40 } from "@ai-matrx/design-system";
 import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -12728,7 +12905,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  useEffect31(() => {
+  useEffect32(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -12812,7 +12989,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-import { useCallback as useCallback28, useEffect as useEffect32, useState as useState45 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect33, useState as useState45 } from "react";
 import { useFields as useFields20, useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput15, Button as Button40, Skeleton as Skeleton24, cn as cn41 } from "@ai-matrx/design-system";
 import { useTable as useTable16 } from "@ai-matrx/records/react";
@@ -12842,7 +13019,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  useEffect32(() => {
+  useEffect33(() => {
     void load();
   }, [load]);
   async function sign(field) {
@@ -12949,7 +13126,7 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/NotifyRuleEditor.tsx
-import { useCallback as useCallback29, useEffect as useEffect33, useState as useState46 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect34, useState as useState46 } from "react";
 import { useRecordsClient as useRecordsClient32, useTable as useTable17 } from "@ai-matrx/records/react";
 import { Button as Button41, Skeleton as Skeleton25, cn as cn42 } from "@ai-matrx/design-system";
 import { jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
@@ -12985,7 +13162,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     if (host.savedViews) setViews(await host.savedViews());
     else setViews(null);
   }, [client, host, tableId]);
-  useEffect33(() => {
+  useEffect34(() => {
     void load();
   }, [load]);
   const write = useCallback29(
@@ -13013,7 +13190,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     },
     [client, tableId]
   );
-  useEffect33(() => {
+  useEffect34(() => {
     if (!subscriptions || !seed || seed.length === 0) return;
     const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
     if (missing.length === 0) return;
@@ -13469,7 +13646,7 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-import { useCallback as useCallback30, useEffect as useEffect34, useMemo as useMemo28, useState as useState47 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect35, useMemo as useMemo28, useState as useState47 } from "react";
 import { useFields as useFields21, useRecordsClient as useRecordsClient33, useTable as useTable18 } from "@ai-matrx/records/react";
 import {
   BasicInput as BasicInput16,
@@ -13506,17 +13683,17 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     setError(null);
     setBoards(answered.data.map(dashboardFromSummary));
   }, [client, tableId]);
-  useEffect34(() => {
+  useEffect35(() => {
     void load();
   }, [load]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (!boards || boards.length === 0) return;
     const chosen = boards.find((d) => d.id === (activeDashboardId ?? activeId)) ?? boards[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
   }, [boards, activeDashboardId]);
   const board = useMemo28(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  useEffect34(() => {
+  useEffect35(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -13812,7 +13989,7 @@ function GroupingPicker({
 }
 
 // src/FormsPanel.tsx
-import { useCallback as useCallback31, useEffect as useEffect35, useState as useState48 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect36, useState as useState48 } from "react";
 import { useRecordsClient as useRecordsClient34, useTable as useTable19 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
 import { Badge as Badge15, Button as Button43, Skeleton as Skeleton27, cn as cn45 } from "@ai-matrx/design-system";
@@ -13844,7 +14021,7 @@ function FormsPanel({ tableId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  useEffect35(() => {
+  useEffect36(() => {
     void load();
   }, [load]);
   const toggle = useCallback31(
@@ -13961,7 +14138,7 @@ function FormsPanel({ tableId, className }) {
 }
 
 // src/BookingBuilder.tsx
-import { useCallback as useCallback32, useEffect as useEffect36, useMemo as useMemo29, useState as useState49 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect37, useMemo as useMemo29, useState as useState49 } from "react";
 import { useFields as useFields22, useRecordsClient as useRecordsClient35, useTable as useTable20 } from "@ai-matrx/records/react";
 import {
   bookingPath
@@ -14036,18 +14213,18 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setLoaded(true);
     if (mine) setFormId(mine.form_id);
   }, [client, tableId, bookingId]);
-  useEffect36(() => {
+  useEffect37(() => {
     void load();
   }, [load]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (title !== "" || !table.data) return;
     setTitle(existing?.title ?? `Book a ${minutes}-minute ${table.data.name} appointment`);
   }, [table.data, existing]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!offer) return;
     setWindows(draftWindows(offer));
     setMinutes(offer.slot_minutes);
@@ -14309,7 +14486,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 }
 
 // src/BookingSlots.tsx
-import { useCallback as useCallback33, useEffect as useEffect37, useMemo as useMemo30, useState as useState50 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect38, useMemo as useMemo30, useState as useState50 } from "react";
 import { useRecordsClient as useRecordsClient36, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
 import { Badge as Badge16, Button as Button45, Skeleton as Skeleton29, cn as cn47 } from "@ai-matrx/design-system";
@@ -14340,7 +14517,7 @@ function BookingSlots({ tableId, className }) {
     setError(null);
     setPages(answered.data);
   }, [client, tableId]);
-  useEffect37(() => {
+  useEffect38(() => {
     void load();
   }, [load]);
   const subjectIds = useMemo30(
@@ -14509,12 +14686,12 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback35, useEffect as useEffect39, useRef as useRef15, useState as useState52 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect40, useRef as useRef15, useState as useState52 } from "react";
 import { useFields as useFields23, useRecordsClient as useRecordsClient38, useTable as useTable21 } from "@ai-matrx/records/react";
 import { Button as Button47, Input as Input4, Skeleton as Skeleton31, Textarea as Textarea3, cn as cn49 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback34, useEffect as useEffect38, useMemo as useMemo31, useRef as useRef14, useState as useState51 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect39, useMemo as useMemo31, useRef as useRef14, useState as useState51 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer2,
   coercionLabel,
@@ -14573,7 +14750,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [lastSynced, setLastSynced] = useState51(null);
   const [sending, setSending] = useState51(false);
   const queueRef = useRef14(null);
-  useEffect38(() => {
+  useEffect39(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
         setCounts(c);
@@ -14611,7 +14788,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -14943,7 +15120,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  useEffect39(() => {
+  useEffect40(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -15122,7 +15299,7 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-import { useCallback as useCallback36, useEffect as useEffect40, useState as useState53 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect41, useState as useState53 } from "react";
 import { useRecordsClient as useRecordsClient39 } from "@ai-matrx/records/react";
 import { Button as Button48, Skeleton as Skeleton32, cn as cn50 } from "@ai-matrx/design-system";
 import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -15148,7 +15325,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  useEffect40(() => {
+  useEffect41(() => {
     void load();
   }, [load]);
   if (error) {
@@ -15208,7 +15385,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
 function PortalRow({ tableId, recordId }) {
   const client = useRecordsClient39();
   const [title, setTitle] = useState53(null);
-  useEffect40(() => {
+  useEffect41(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -15228,7 +15405,7 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-import { useCallback as useCallback37, useEffect as useEffect41, useState as useState54 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect42, useState as useState54 } from "react";
 import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton33, cn as cn51 } from "@ai-matrx/design-system";
 import { jsx as jsx57, jsxs as jsxs53 } from "react/jsx-runtime";
@@ -15272,7 +15449,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: found.resource_id, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  useEffect41(() => {
+  useEffect42(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx57(RefusalNotice, { error, className });
@@ -15309,7 +15486,7 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-import { useCallback as useCallback38, useEffect as useEffect42, useState as useState55 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect43, useState as useState55 } from "react";
 import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
 import { Button as Button49, Input as Input5, Skeleton as Skeleton34, Textarea as Textarea4, cn as cn52 } from "@ai-matrx/design-system";
 import { useTable as useTable22 } from "@ai-matrx/records/react";
@@ -15422,7 +15599,7 @@ function useEmbedHandshake(args) {
   const [loading, setLoading] = useState55(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  useEffect42(() => {
+  useEffect43(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -15477,7 +15654,7 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-import { useCallback as useCallback39, useEffect as useEffect43, useState as useState56 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect44, useState as useState56 } from "react";
 import { useRecordsClient as useRecordsClient42, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput18, Button as Button50, Skeleton as Skeleton35, cn as cn53 } from "@ai-matrx/design-system";
 
@@ -15622,7 +15799,7 @@ function TablesHome({ onOpenTable, className }) {
   const [error, setError] = useState56(null);
   const [importInto, setImportInto] = useState56(null);
   const [boards, setBoards] = useState56(null);
-  useEffect43(() => {
+  useEffect44(() => {
     let cancelled = false;
     void client.dashboards({}).then((result) => {
       if (cancelled) return;
@@ -15756,7 +15933,7 @@ function TablesHome({ onOpenTable, className }) {
 }
 
 // src/TablePage.tsx
-import { useCallback as useCallback40, useEffect as useEffect44, useState as useState57 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect45, useState as useState57 } from "react";
 import { useFields as useFields24, useRecordsClient as useRecordsClient43, useTable as useTable23 } from "@ai-matrx/records/react";
 import { Button as Button51, Separator as Separator12, Skeleton as Skeleton36, cn as cn54 } from "@ai-matrx/design-system";
 import { Fragment as Fragment28, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
@@ -15867,12 +16044,12 @@ function TablePage({
     }
   };
   const show = (next) => press({ rail: next });
-  useEffect44(() => {
+  useEffect45(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  useEffect44(() => {
+  useEffect45(() => {
     const named = pageViewFromParam(activeView);
     if (named === null) return;
     const isLayout = named !== "dashboards" && named !== "archived";