@ai-matrx/records-ui 0.93.3 → 0.93.6

package/dist/index.js

@@ -7712,6 +7712,10 @@ function useMergedGridControls(args) {
     (columnKey) => enabled && fieldOf2(columnKey) ? headerMenuItems(columnKey, ctx) : void 0,
     [enabled, ctx, fieldOf2]
   );
+  const columnsControl = useMemo14(
+    () => enabled ? { order, hidden, onChange: keepColumns } : void 0,
+    [enabled, order, hidden, keepColumns]
+  );
   const close = () => setDialog(null);
   const dialogs = !enabled ? null : /* @__PURE__ */ jsxs24(Fragment8, { children: [
     colours.dialogs,
@@ -7843,7 +7847,7 @@ function useMergedGridControls(args) {
     headerMenuFor,
     filterFor,
     contextMenu,
-    columns: enabled ? { order, hidden, onChange: keepColumns } : void 0,
+    columns: columnsControl,
     dialogs,
     addColumn: () => setDialog({ kind: "insert", anchor: null, side: "right" }),
     sheetTools: enabled ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
@@ -9293,7 +9297,7 @@ function GridLayoutMenu({
 }
 
 // src/gridUndo.tsx
-import { useCallback as useCallback13, useEffect as useEffect21, useMemo as useMemo18, useRef as useRef11, useState as useState26 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect21, useLayoutEffect, useMemo as useMemo18, useRef as useRef11, useState as useState26, useSyncExternalStore } from "react";
 import { useRecordsClient as useRecordsClient16 } from "@ai-matrx/records/react";
 import { announceRecordChanged } from "@ai-matrx/records/core";
 import { Button as Button23 } from "@ai-matrx/design-system";
@@ -9399,7 +9403,43 @@ function useGridUndo(args) {
     [push, undo, redo, held, busy, notice, dismiss]
   );
 }
-function UndoRedoButtons({ undo }) {
+function useUndoSource(undo) {
+  const box = useRef11({
+    undo,
+    face: { back: undo.depth.back, forward: undo.depth.forward, busy: undo.busy },
+    listeners: /* @__PURE__ */ new Set()
+  });
+  box.current.undo = undo;
+  const source = useMemo18(
+    () => ({
+      face: () => box.current.face,
+      subscribe: (listener) => {
+        box.current.listeners.add(listener);
+        return () => {
+          box.current.listeners.delete(listener);
+        };
+      },
+      undo: () => void box.current.undo.undo(),
+      redo: () => void box.current.undo.redo()
+    }),
+    []
+  );
+  const { back, forward } = undo.depth;
+  const busy = undo.busy;
+  useLayoutEffect(() => {
+    const held = box.current.face;
+    if (held.back === back && held.forward === forward && held.busy === busy) return;
+    box.current.face = { back, forward, busy };
+    for (const listener of box.current.listeners) listener();
+  }, [back, forward, busy]);
+  return source;
+}
+function UndoRedoLive({ source }) {
+  const face = useSyncExternalStore(source.subscribe, source.face, source.face);
+  return /* @__PURE__ */ jsx37(UndoRedoPair, { face, onUndo: source.undo, onRedo: source.redo });
+}
+function UndoRedoPair({ face, onUndo, onRedo }) {
+  const undo = { depth: { back: face.back, forward: face.forward }, busy: face.busy };
   if (undo.depth.back === 0 && undo.depth.forward === 0) return null;
   return /* @__PURE__ */ jsxs32(Fragment13, { children: [
     /* @__PURE__ */ jsxs32(
@@ -9411,7 +9451,7 @@ function UndoRedoButtons({ undo }) {
         title: undo.depth.back > 0 ? `Undo (Cmd-Z) \xB7 ${undo.depth.back} ${undo.depth.back === 1 ? "step" : "steps"} back` : "Nothing to undo",
         "aria-label": `Undo, ${undo.depth.back} ${undo.depth.back === 1 ? "step" : "steps"}`,
         disabled: undo.busy || undo.depth.back === 0,
-        onClick: () => void undo.undo(),
+        onClick: onUndo,
         children: [
           "Undo ",
           /* @__PURE__ */ jsx37("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-undo-count": "", children: undo.depth.back })
@@ -9427,7 +9467,7 @@ function UndoRedoButtons({ undo }) {
         title: undo.depth.forward > 0 ? `Redo (Shift-Cmd-Z) \xB7 ${undo.depth.forward} ${undo.depth.forward === 1 ? "step" : "steps"} forward` : "Nothing to redo",
         "aria-label": `Redo, ${undo.depth.forward} ${undo.depth.forward === 1 ? "step" : "steps"}`,
         disabled: undo.busy || undo.depth.forward === 0,
-        onClick: () => void undo.redo(),
+        onClick: onRedo,
         children: [
           "Redo ",
           /* @__PURE__ */ jsx37("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-redo-count": "", children: undo.depth.forward })
@@ -10792,6 +10832,7 @@ function Grid({
   );
   const rowVersion = useCallback16((row) => editingNow.current.rowSignature(row.id), []);
   const undo = useGridUndo({ tableId, reload: records.reload, forget: editing.forget });
+  const undoSource = useUndoSource(undo);
   pushWritten.current = (write) => {
     const field2 = (fields.data ?? []).find((f) => f.key === write.key);
     const name = changedRecordName(table.data, rows.find((r) => r.id === write.rowId)?.document ?? {}, write.key, write.after);
@@ -11343,9 +11384,14 @@ function Grid({
   );
   const footerNow = useRef14({
     summaryCell: () => null,
-    addLine: () => null
+    addLine: () => null,
+    choose: () => void 0,
+    add: () => void 0
   });
   footerNow.current = {
+    // The footer is memoised on what it shows (`footerRows` below), so its buttons act through here.
+    choose: chooseSummary,
+    add: () => void addRowHere(),
     summaryCell: (columnId) => {
       const field2 = ordered.find((f) => f.key === columnId);
       if (!field2) return null;
@@ -11358,11 +11404,11 @@ function Grid({
           value: summaries.values[columnId],
           rowCount: summaries.rowCount,
           summaries,
-          onChoose: (op2) => chooseSummary(columnId, op2)
+          onChoose: (op2) => footerNow.current.choose(columnId, op2)
         }
       );
     },
-    addLine: () => /* @__PURE__ */ jsx42(AddRowLine, { onAdd: () => void addRowHere(), busy: added.busy })
+    addLine: () => /* @__PURE__ */ jsx42(AddRowLine, { onAdd: () => footerNow.current.add(), busy: added.busy })
   };
   const addColumnNow = useRef14(controls.addColumn);
   addColumnNow.current = controls.addColumn;
@@ -11477,13 +11523,24 @@ function Grid({
     // eslint-disable-next-line react-hooks/exhaustive-deps -- `hasTalk`/`hasAgent` stand for the host ports the JSX reads; handlers run through `rowActionsNow`.
     [canWrite, mayWriteRow, tableActions.runnable, tableActions.agent, runner.busy, hasTalk, hasAgent, editable, rights.write]
   );
-  const columns = useMemo22(
+  const headerHeld = useRef14(/* @__PURE__ */ new Map());
+  const menuLatest = useRef14(/* @__PURE__ */ new Map());
+  const addColumnDef = useMemo22(() => addColumnColumn(() => addColumnNow.current()), []);
+  const drawnColumns = useMemo22(
     () => {
-      const drawn = withHeaderMenus(bodyColumns, controls.headerMenuFor, controls.filterFor);
-      return merged && rights.structure && editable ? [...drawn, addColumnColumn(() => addColumnNow.current())] : drawn;
+      const filterFor = controls.filterFor;
+      const drawn = withHeaderMenus(
+        bodyColumns,
+        (key) => holdHeaderMenu(headerHeld.current, menuLatest.current, key, controls.headerMenuFor(key)),
+        (key) => holdByContent(headerHeld.current, `filter:${key}`, filterFor(key))
+      );
+      return merged && rights.structure && editable ? [...drawn, addColumnDef] : drawn;
     },
-    [bodyColumns, controls.headerMenuFor, controls.filterFor, merged, rights.structure, editable]
+    [bodyColumns, controls.headerMenuFor, controls.filterFor, merged, rights.structure, editable, addColumnDef]
   );
+  const columnsHeld = useRef14(null);
+  const columns = columnsHeld.current !== null && sameColumns(columnsHeld.current, drawnColumns) ? columnsHeld.current : drawnColumns;
+  columnsHeld.current = columns;
   const [localColumns, setLocalColumns] = useState31(
     null
   );
@@ -11556,6 +11613,274 @@ function Grid({
       } : {}
     };
   }, [presentation, onPresentationChange, writeLook, merged, phone]);
+  const queryTotal = records.data?.total ?? rows.length;
+  const tableQuery = useMemo22(
+    () => merged ? {
+      // THE STORE ANSWERS THE QUERY (tranche 6k): `data` is already the page.
+      mode: "controlled",
+      state: query,
+      totalItems: queryTotal,
+      onStateChange: setQuery,
+      sourceProcessing: { search: "source", columnFilters: "source", sort: "source" }
+    } : { mode: "controlled-local", state: query, onStateChange: setQuery },
+    [merged, query, queryTotal]
+  );
+  const showAddLine = mayAddRow && rows.length > 0;
+  const showSummaryLine = rows.length > 0 && (!merged || Object.keys(chosenSummaries).length > 0);
+  const footerFace = JSON.stringify([
+    showAddLine ? added.busy : null,
+    showSummaryLine ? [chosenSummaries, summaries.values, summaries.rowCount, summaries.loading] : null
+  ]);
+  const footerRows = useMemo22(
+    () => [...showAddLine ? [ADD_ROW] : [], ...showSummaryLine ? [SUMMARY_ROW] : []],
+    // `footerFace`, `ordered` and the summaries' operations are what the footer's cells draw.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [showAddLine, showSummaryLine, footerFace, ordered, summaries.operations, summaries.askOperations]
+  );
+  const coverageTotal = typeof records.data?.total === "number" ? records.data.total : null;
+  const tableCoverage = useMemo22(
+    () => ({
+      answeredBy: merged ? "source" : "client",
+      ...merged && coverageTotal !== null ? { matched: coverageTotal } : {},
+      noun: "record",
+      ...coverageTotal !== null ? { total: coverageTotal } : {}
+    }),
+    [merged, coverageTotal]
+  );
+  const sheetNow = useRef14({ merged, writeRange, editing, fields: fields.data ?? [], mayWriteRow, notify: host.notify });
+  sheetNow.current = { merged, writeRange, editing, fields: fields.data ?? [], mayWriteRow, notify: host.notify };
+  const hasNotify = Boolean(host.notify);
+  const readOnlyReason = !editable || !rights.known || rights.write ? "Editing is off here, so this table can be copied but not changed." : rights.why("write");
+  const spreadsheetConfig = useMemo22(
+    () => canWrite && editable ? {
+      enabled: true,
+      writableColumnIds: pasteableKeys,
+      onPatch: (patches, intent) => {
+        const now = sheetNow.current;
+        if (now.merged) {
+          void now.writeRange(patches, intent);
+          return;
+        }
+        for (const patch of patches) {
+          now.editing.setCell(patch.rowId, patch.columnId, patch.value);
+        }
+      },
+      ...merged ? { undoDepth: 0, onSelectionChange: followSelection, controllerRef: sheetController } : {},
+      columnRefusal: (columnId) => {
+        const field2 = sheetNow.current.fields.find((f) => f.key === columnId);
+        if (!field2) return `This table has no column called ${columnId}.`;
+        return `${fieldName(field2)} cannot take a pasted value \u2014 ${fieldTypeLabel(field2)} is worked out or chosen, not typed.`;
+      },
+      validateCell: ({ columnId, value }) => {
+        const field2 = sheetNow.current.fields.find((f) => f.key === columnId);
+        if (!field2) return `This table has no column called ${columnId}.`;
+        const judged = valueFromPastedText(field2, value === null ? "" : String(value));
+        return "refusal" in judged ? judged.refusal : void 0;
+      },
+      onPastePlan: receivePastePlan,
+      /*
+       * TYPE-TO-EDIT (design-system 0.43 `onEditRequest`): the cell a person is on
+       * opens ITS OWN editor — the Field's — holding what they typed (a letter, an
+       * IME composition, an Option/AltGr character, dictation). A worked-out column
+       * or a row this person may not write answers false, so nothing is swallowed.
+       */
+      onEditRequest: (address, seed) => {
+        const now = sheetNow.current;
+        const field2 = now.fields.find((f) => f.key === address.columnId);
+        if (!field2 || !fieldIsEditable(field2) || !now.mayWriteRow(address.rowId)) return false;
+        if (seed !== null && seed !== "" && typingOpens(field2) === "none") return false;
+        now.editing.begin({ rowId: address.rowId, key: field2.key }, seed);
+        return true;
+      },
+      ...hasNotify ? { notify: (message) => sheetNow.current.notify?.success(message) } : {}
+    } : {
+      /*
+       * RANGE SELECTION AND COPY FOR A READER (merge step 3, 0.42 `readOnly`). A person
+       * who may not change this table may still drag out a range, select all and press
+       * Cmd-C for a real Excel/Sheets block — the UX walk graded range selection BROKEN
+       * on a table whose writes were refused. Every write gesture (cut, paste, clear,
+       * fill, undo) says why it cannot, in the store's own words.
+       */
+      enabled: true,
+      readOnly: true,
+      ...merged ? { onSelectionChange: followSelection, controllerRef: sheetController } : {},
+      readOnlyReason
+    },
+    [canWrite, editable, pasteableKeys, merged, followSelection, receivePastePlan, hasNotify, readOnlyReason]
+  );
+  const toolbarFields = fields.data;
+  const hasSeveralRows = rows.length > 1;
+  const editingBusy = editing.busy;
+  const addRecord = editing.addRecord;
+  const phoneSheetTools = merged && phone ? controls.sheetTools : null;
+  const tableToolbar = useMemo22(
+    () => ({
+      search: true,
+      searchPlaceholder: "Search records",
+      /*
+       * A PHONE (tranche 6o): search and the one Tools button sit side by side at the START of
+       * the row, so Tools is never scrolled out of reach; the search is the same query.
+       */
+      ...merged && phone ? {
+        customSearch: /* @__PURE__ */ jsx42("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: /* @__PURE__ */ jsx42(
+          "input",
+          {
+            type: "search",
+            value: query.search,
+            placeholder: "Search",
+            "aria-label": "Search records",
+            onChange: (event) => {
+              const search = event.target.value;
+              setQuery((held) => ({ ...held, search, page: 1 }));
+            },
+            className: "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            style: { fontSize: "16px" }
+          }
+        ) })
+      } : {},
+      /* ONE ROW (lane TABLE-PAGE-CHROME): on a table page the grid's search, columns and
+         sort are drawn INTO the page's toolbar row, never a second bar under it. */
+      ...toolbarSlot !== void 0 ? { portalInto: toolbarSlot, singleRow: true } : {},
+      // SCR-2 / SCR-4: PRESENT for an admin, ABSENT for everyone else.
+      // There is no third state: this package ships no disabled variant of
+      // these controls, so a member cannot be shown a dead one by mistake.
+      /*
+       * WHERE THE GRID'S CONTROLS GO (lane C, review 2026-09-26 D6). Inline when the row has
+       * room; behind the row's "…" once the page row is folded that far (Undo / Redo and New
+       * record stay beside it — the primary action is never folded); on a phone EVERY control
+       * — the table's own (clear, copy/export, group, columns), these, the search, the sort and
+       * the page's filter, layout and share — in ONE "Tools" sheet. Never dropped.
+       */
+      actions: /* @__PURE__ */ jsxs36(Fragment15, { children: [
+        manual ? /* @__PURE__ */ jsx42(
+          SortStateControl,
+          {
+            ...handOrderSortState({
+              sortName: columnSort ? columnLabel(toolbarFields ?? [], columnSort.id) : null,
+              direction: columnSort?.direction ?? null,
+              onBack: () => setQuery((held) => ({ ...held, sort: null, page: 1 })),
+              ...viewOrder?.onUseSort && columnSort ? {
+                onUseSort: () => {
+                  const sort = columnSort;
+                  const chosen = { field: sort.id, direction: sort.direction };
+                  setHeldOrder({ order: "sorted", sorts: [chosen] });
+                  viewOrder.onUseSort?.(chosen);
+                  host.notify?.success(
+                    `Sorted by ${columnLabel(toolbarFields ?? [], sort.id)} ${sortArrow(sort.direction)}. ${MANUAL_SORT.replacedToast}`
+                  );
+                }
+              } : {}
+            })
+          }
+        ) : null,
+        viewId && viewOrder?.onPlaced && hasSeveralRows ? /* @__PURE__ */ jsx42(Button27, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
+        !merged && Boolean(editable) && rights.write ? /* @__PURE__ */ jsx42(Button27, { size: "sm", disabled: editingBusy, onClick: () => void addRecord(), children: editingBusy ? "Adding\u2026" : "New record" }) : null,
+        rights.structure && onAddField ? /* @__PURE__ */ jsx42(AddFieldButton, { onClick: onAddField }) : null,
+        /* @__PURE__ */ jsx42(
+          GridLayoutMenu,
+          {
+            look,
+            firstColumn: sortedKeys[0] ? {
+              key: sortedKeys[0],
+              name: (() => {
+                const first = (toolbarFields ?? []).find((f) => f.key === sortedKeys[0]);
+                return first ? fieldName(first) : humanize(sortedKeys[0]);
+              })()
+            } : null,
+            onChange: changeLayout,
+            kept: Boolean(onPresentationChange)
+          }
+        )
+      ] }),
+      ...merged ? {
+        overflow: {
+          mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
+          pinned: /* @__PURE__ */ jsxs36(Fragment15, { children: [
+            /* @__PURE__ */ jsx42(UndoRedoLive, { source: undoSource }),
+            Boolean(editable) && rights.write ? /* @__PURE__ */ jsx42(Button27, { size: "sm", className: "shrink-0", disabled: added.busy, onClick: () => addRowRef.current(), children: added.busy ? "Adding\u2026" : "New record" }) : null
+          ] }),
+          ...phone ? {
+            sheetTop: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-1.5 pb-1", "data-records-grid-sheet-top": "", "data-matrx-table-tools-keep-open": "", children: [
+              /* @__PURE__ */ jsx42(
+                "input",
+                {
+                  type: "search",
+                  value: query.search,
+                  placeholder: "Search",
+                  "aria-label": "Search records",
+                  onChange: (event) => {
+                    const search = event.target.value;
+                    setQuery((held) => ({ ...held, search, page: 1 }));
+                  },
+                  className: "h-10 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground",
+                  style: { fontSize: "16px" }
+                }
+              ),
+              /* @__PURE__ */ jsxs36("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-grid-sheet-sort": "", children: [
+                /* @__PURE__ */ jsx42("span", { className: "shrink-0", children: "Sort by" }),
+                /* @__PURE__ */ jsxs36(
+                  "select",
+                  {
+                    "aria-label": "Sort by",
+                    value: query.sort ? `${query.sort.id}:${query.sort.direction}` : "",
+                    onChange: (event) => {
+                      const [id, direction] = event.target.value.split(":");
+                      setQuery((held) => ({
+                        ...held,
+                        page: 1,
+                        sort: id ? { id, direction: direction === "desc" ? "desc" : "asc" } : null
+                      }));
+                    },
+                    className: "h-10 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-foreground",
+                    style: { fontSize: "16px" },
+                    children: [
+                      /* @__PURE__ */ jsx42("option", { value: "", children: "No sort" }),
+                      ordered.flatMap((field2) => [
+                        /* @__PURE__ */ jsx42("option", { value: `${field2.key}:asc`, children: `${fieldName(field2)} \u2191` }, `${field2.key}:asc`),
+                        /* @__PURE__ */ jsx42("option", { value: `${field2.key}:desc`, children: `${fieldName(field2)} \u2193` }, `${field2.key}:desc`)
+                      ])
+                    ]
+                  }
+                )
+              ] }),
+              phoneSheetTools
+            ] }),
+            ...sheetExtras ? { sheetExtras } : {}
+          } : {}
+        }
+      } : {}
+    }),
+    [
+      merged,
+      phone,
+      query.search,
+      query.sort,
+      toolbarSlot,
+      manual,
+      columnSort,
+      toolbarFields,
+      viewOrder,
+      host,
+      viewId,
+      hasSeveralRows,
+      editable,
+      rights.write,
+      rights.structure,
+      editingBusy,
+      addRecord,
+      onAddField,
+      look,
+      sortedKeys,
+      changeLayout,
+      onPresentationChange,
+      toolbarFold2,
+      undoSource,
+      added.busy,
+      ordered,
+      phoneSheetTools,
+      sheetExtras
+    ]
+  );
   const labelOfField = useCallback16(
     (key) => {
       const held = (fields.data ?? []).find((f) => f.key === key);
@@ -11724,25 +12049,12 @@ function Grid({
                   viewTabs: false,
                   stickyHeader: true,
                   pageSize,
-                  query: merged ? {
-                    // THE STORE ANSWERS THE QUERY (tranche 6k): `data` is already the page.
-                    mode: "controlled",
-                    state: query,
-                    totalItems: records.data?.total ?? rows.length,
-                    onStateChange: setQuery,
-                    sourceProcessing: { search: "source", columnFilters: "source", sort: "source" }
-                  } : { mode: "controlled-local", state: query, onStateChange: setQuery },
+                  query: tableQuery,
                   tableClassName: cn20(
                     !look.wrap && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
                     look.fit === "scroll" && "sm:[&>table]:w-max! sm:[&>table]:max-w-none! sm:[&>table]:min-w-full!"
                   ),
-                  ...(() => {
-                    const footerRows = [
-                      ...mayAddRow && rows.length > 0 ? [ADD_ROW] : [],
-                      ...rows.length > 0 && (!merged || Object.keys(chosenSummaries).length > 0) ? [SUMMARY_ROW] : []
-                    ];
-                    return footerRows.length > 0 ? { footerRows } : {};
-                  })(),
+                  footerRows,
                   ...copyConfig ? { copy: copyConfig } : {},
                   ...offerSelection ? {
                     selection: {
@@ -11776,75 +12088,15 @@ function Grid({
                       ] })
                     }
                   } : {},
-                  detail: { enabled: false },
-                  window: { enabled: false },
+                  detail: DETAIL_OFF,
+                  window: WINDOW_OFF,
                   ...controls.contextMenu ? { contextMenu: controls.contextMenu } : {},
-                  ...canWrite && editable ? {
-                    spreadsheet: {
-                      enabled: true,
-                      writableColumnIds: pasteableKeys,
-                      onPatch: (patches, intent) => {
-                        if (merged) {
-                          void writeRange(patches, intent);
-                          return;
-                        }
-                        for (const patch of patches) {
-                          editing.setCell(patch.rowId, patch.columnId, patch.value);
-                        }
-                      },
-                      ...merged ? { undoDepth: 0, onSelectionChange: followSelection, controllerRef: sheetController } : {},
-                      columnRefusal: (columnId) => {
-                        const field2 = (fields.data ?? []).find((f) => f.key === columnId);
-                        if (!field2) return `This table has no column called ${columnId}.`;
-                        return `${fieldName(field2)} cannot take a pasted value \u2014 ${fieldTypeLabel(field2)} is worked out or chosen, not typed.`;
-                      },
-                      validateCell: ({ columnId, value }) => {
-                        const field2 = (fields.data ?? []).find((f) => f.key === columnId);
-                        if (!field2) return `This table has no column called ${columnId}.`;
-                        const judged = valueFromPastedText(field2, value === null ? "" : String(value));
-                        return "refusal" in judged ? judged.refusal : void 0;
-                      },
-                      onPastePlan: receivePastePlan,
-                      /*
-                       * TYPE-TO-EDIT (design-system 0.43 `onEditRequest`): the cell a person is on
-                       * opens ITS OWN editor — the Field's — holding what they typed (a letter, an
-                       * IME composition, an Option/AltGr character, dictation). A worked-out column
-                       * or a row this person may not write answers false, so nothing is swallowed.
-                       */
-                      onEditRequest: (address, seed) => {
-                        const field2 = (fields.data ?? []).find((f) => f.key === address.columnId);
-                        if (!field2 || !fieldIsEditable(field2) || !mayWriteRow(address.rowId)) return false;
-                        if (seed !== null && seed !== "" && typingOpens(field2) === "none") return false;
-                        editing.begin({ rowId: address.rowId, key: field2.key }, seed);
-                        return true;
-                      },
-                      ...host.notify ? { notify: (message) => host.notify?.success(message) } : {}
-                    }
-                  } : {
-                    /*
-                     * RANGE SELECTION AND COPY FOR A READER (merge step 3, 0.42 `readOnly`). A person
-                     * who may not change this table may still drag out a range, select all and press
-                     * Cmd-C for a real Excel/Sheets block — the UX walk graded range selection BROKEN
-                     * on a table whose writes were refused. Every write gesture (cut, paste, clear,
-                     * fill, undo) says why it cannot, in the store's own words.
-                     */
-                    spreadsheet: {
-                      enabled: true,
-                      readOnly: true,
-                      ...merged ? { onSelectionChange: followSelection, controllerRef: sheetController } : {},
-                      readOnlyReason: !editable || !rights.known || rights.write ? "Editing is off here, so this table can be copied but not changed." : rights.why("write")
-                    }
-                  },
+                  spreadsheet: spreadsheetConfig,
                   ...groupingConfig ? { grouping: groupingConfig } : {},
                   columnState,
                   ...look.rowHeight ? { rowHeight: look.rowHeight } : {},
-                  virtualize: fills ? { threshold: 40 } : true,
-                  coverage: {
-                    answeredBy: merged ? "source" : "client",
-                    ...merged && typeof records.data?.total === "number" ? { matched: records.data.total } : {},
-                    noun: "record",
-                    ...typeof records.data?.total === "number" ? { total: records.data.total } : {}
-                  },
+                  virtualize: fills ? VIRTUALIZE_FILLED : true,
+                  coverage: tableCoverage,
                   ...tableStyleProp ? { tableStyle: tableStyleProp } : {},
                   ...onOpenRecord ? { onRowOpen: (row) => onOpenRecord(row.id) } : {},
                   ...offersRowActions ? { rowActions } : {},
@@ -11856,142 +12108,7 @@ function Grid({
                     ...mayAddRow ? { addFirst: /* @__PURE__ */ jsx42(AddFirstRowButton, { onAdd: () => void addRowHere(), busy: added.busy }) } : {},
                     emptyDescription: rights.write ? "Add the first one and it appears here." : rights.known ? `Nothing has been written to this table. ${rights.why("write")}` : "Nothing has been written to this table."
                   }),
-                  toolbar: {
-                    search: true,
-                    searchPlaceholder: "Search records",
-                    /*
-                     * A PHONE (tranche 6o): search and the one Tools button sit side by side at the START of
-                     * the row, so Tools is never scrolled out of reach; the search is the same query.
-                     */
-                    ...merged && phone ? {
-                      customSearch: /* @__PURE__ */ jsx42("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: /* @__PURE__ */ jsx42(
-                        "input",
-                        {
-                          type: "search",
-                          value: query.search,
-                          placeholder: "Search",
-                          "aria-label": "Search records",
-                          onChange: (event) => {
-                            const search = event.target.value;
-                            setQuery((held) => ({ ...held, search, page: 1 }));
-                          },
-                          className: "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                          style: { fontSize: "16px" }
-                        }
-                      ) })
-                    } : {},
-                    /* ONE ROW (lane TABLE-PAGE-CHROME): on a table page the grid's search, columns and
-                       sort are drawn INTO the page's toolbar row, never a second bar under it. */
-                    ...toolbarSlot !== void 0 ? { portalInto: toolbarSlot, singleRow: true } : {},
-                    // SCR-2 / SCR-4: PRESENT for an admin, ABSENT for everyone else.
-                    // There is no third state: this package ships no disabled variant of
-                    // these controls, so a member cannot be shown a dead one by mistake.
-                    /*
-                     * WHERE THE GRID'S CONTROLS GO (lane C, review 2026-09-26 D6). Inline when the row has
-                     * room; behind the row's "…" once the page row is folded that far (Undo / Redo and New
-                     * record stay beside it — the primary action is never folded); on a phone EVERY control
-                     * — the table's own (clear, copy/export, group, columns), these, the search, the sort and
-                     * the page's filter, layout and share — in ONE "Tools" sheet. Never dropped.
-                     */
-                    actions: /* @__PURE__ */ jsxs36(Fragment15, { children: [
-                      manual ? /* @__PURE__ */ jsx42(
-                        SortStateControl,
-                        {
-                          ...handOrderSortState({
-                            sortName: columnSort ? columnLabel(fields.data ?? [], columnSort.id) : null,
-                            direction: columnSort?.direction ?? null,
-                            onBack: () => setQuery((held) => ({ ...held, sort: null, page: 1 })),
-                            ...viewOrder?.onUseSort && columnSort ? {
-                              onUseSort: () => {
-                                const sort = columnSort;
-                                const chosen = { field: sort.id, direction: sort.direction };
-                                setHeldOrder({ order: "sorted", sorts: [chosen] });
-                                viewOrder.onUseSort?.(chosen);
-                                host.notify?.success(
-                                  `Sorted by ${columnLabel(fields.data ?? [], sort.id)} ${sortArrow(sort.direction)}. ${MANUAL_SORT.replacedToast}`
-                                );
-                              }
-                            } : {}
-                          })
-                        }
-                      ) : null,
-                      viewId && viewOrder?.onPlaced && rows.length > 1 ? /* @__PURE__ */ jsx42(Button27, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
-                      !merged && Boolean(editable) && rights.write ? /* @__PURE__ */ jsx42(Button27, { size: "sm", disabled: editing.busy, onClick: () => void editing.addRecord(), children: editing.busy ? "Adding\u2026" : "New record" }) : null,
-                      rights.structure && onAddField ? /* @__PURE__ */ jsx42(AddFieldButton, { onClick: onAddField }) : null,
-                      /* @__PURE__ */ jsx42(
-                        GridLayoutMenu,
-                        {
-                          look,
-                          firstColumn: sortedKeys[0] ? {
-                            key: sortedKeys[0],
-                            name: (() => {
-                              const first = (fields.data ?? []).find((f) => f.key === sortedKeys[0]);
-                              return first ? fieldName(first) : humanize(sortedKeys[0]);
-                            })()
-                          } : null,
-                          onChange: changeLayout,
-                          kept: Boolean(onPresentationChange)
-                        }
-                      )
-                    ] }),
-                    ...merged ? {
-                      overflow: {
-                        mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
-                        pinned: /* @__PURE__ */ jsxs36(Fragment15, { children: [
-                          /* @__PURE__ */ jsx42(UndoRedoButtons, { undo }),
-                          Boolean(editable) && rights.write ? /* @__PURE__ */ jsx42(Button27, { size: "sm", className: "shrink-0", disabled: added.busy, onClick: () => void addRowHere(), children: added.busy ? "Adding\u2026" : "New record" }) : null
-                        ] }),
-                        ...phone ? {
-                          sheetTop: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-1.5 pb-1", "data-records-grid-sheet-top": "", "data-matrx-table-tools-keep-open": "", children: [
-                            /* @__PURE__ */ jsx42(
-                              "input",
-                              {
-                                type: "search",
-                                value: query.search,
-                                placeholder: "Search",
-                                "aria-label": "Search records",
-                                onChange: (event) => {
-                                  const search = event.target.value;
-                                  setQuery((held) => ({ ...held, search, page: 1 }));
-                                },
-                                className: "h-10 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground",
-                                style: { fontSize: "16px" }
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs36("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-grid-sheet-sort": "", children: [
-                              /* @__PURE__ */ jsx42("span", { className: "shrink-0", children: "Sort by" }),
-                              /* @__PURE__ */ jsxs36(
-                                "select",
-                                {
-                                  "aria-label": "Sort by",
-                                  value: query.sort ? `${query.sort.id}:${query.sort.direction}` : "",
-                                  onChange: (event) => {
-                                    const [id, direction] = event.target.value.split(":");
-                                    setQuery((held) => ({
-                                      ...held,
-                                      page: 1,
-                                      sort: id ? { id, direction: direction === "desc" ? "desc" : "asc" } : null
-                                    }));
-                                  },
-                                  className: "h-10 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-foreground",
-                                  style: { fontSize: "16px" },
-                                  children: [
-                                    /* @__PURE__ */ jsx42("option", { value: "", children: "No sort" }),
-                                    ordered.flatMap((field2) => [
-                                      /* @__PURE__ */ jsx42("option", { value: `${field2.key}:asc`, children: `${fieldName(field2)} \u2191` }, `${field2.key}:asc`),
-                                      /* @__PURE__ */ jsx42("option", { value: `${field2.key}:desc`, children: `${fieldName(field2)} \u2193` }, `${field2.key}:desc`)
-                                    ])
-                                  ]
-                                }
-                              )
-                            ] }),
-                            controls.sheetTools
-                          ] }),
-                          ...sheetExtras ? { sheetExtras } : {}
-                        } : {}
-                      }
-                    } : {}
-                  }
+                  toolbar: tableToolbar
                 },
                 `records-grid-${tableId}:${openingKey}`
               )
@@ -12093,6 +12210,58 @@ function Grid({
     }
   ) });
 }
+var DETAIL_OFF = { enabled: false };
+var WINDOW_OFF = { enabled: false };
+var VIRTUALIZE_FILLED = { threshold: 40 };
+function menuFace(items) {
+  return JSON.stringify(items, (_key, value) => typeof value === "function" ? "\u0192" : value);
+}
+function menuThroughLatest(items, at, latest) {
+  return items.map((item) => {
+    const path = `${at}/${item.id}`;
+    return {
+      ...item,
+      ...item.onSelect ? { onSelect: () => latest.get(path)?.() } : {},
+      ...item.submenu ? { submenu: menuThroughLatest(item.submenu, path, latest) } : {}
+    };
+  });
+}
+function bindLatest(items, at, latest) {
+  for (const item of items) {
+    const path = `${at}/${item.id}`;
+    if (item.onSelect) latest.set(path, item.onSelect);
+    if (item.submenu) bindLatest(item.submenu, path, latest);
+  }
+}
+function holdHeaderMenu(held, latest, key, items) {
+  if (!items) return items;
+  const at = `menu:${key}`;
+  bindLatest(items, at, latest);
+  const sig = menuFace(items);
+  const was = held.get(at);
+  if (was && was.sig === sig) return was.value;
+  const value = menuThroughLatest(items, at, latest);
+  held.set(at, { sig, value });
+  return value;
+}
+function holdByContent(held, at, value) {
+  if (value === void 0) return value;
+  const sig = JSON.stringify(value);
+  const was = held.get(at);
+  if (was && was.sig === sig) return was.value;
+  held.set(at, { sig, value });
+  return value;
+}
+function sameColumns(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  return a.every((column, i) => {
+    const other = b[i];
+    if (column === other) return true;
+    const keys = Object.keys(column);
+    return keys.length === Object.keys(other).length && keys.every((key) => Object.is(column[key], other[key]));
+  });
+}
 function withHeaderMenus(columns, menuFor, filterFor) {
   return columns.map((column) => {
     const items = menuFor(String(column.id));
@@ -12949,13 +13118,24 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
 }
 
 // src/CustomFieldsSection.tsx
-import { useMemo as useMemo24, useState as useState34 } from "react";
+import { useEffect as useEffect27, useMemo as useMemo24, useRef as useRef15, useState as useState34 } from "react";
 import {
   useEntityFieldMutation,
   useEntityFieldRights,
-  useEntityRecord
+  useEntityRecord,
+  useRecordsClient as useRecordsClient22
 } from "@ai-matrx/records/react";
-import { Button as Button30, Separator as Separator4, cn as cn23 } from "@ai-matrx/design-system";
+import {
+  BasicInput as BasicInput10,
+  Button as Button30,
+  Select as Select5,
+  SelectContent as SelectContent5,
+  SelectItem as SelectItem5,
+  SelectTrigger as SelectTrigger5,
+  SelectValue as SelectValue5,
+  Separator as Separator4,
+  cn as cn23
+} from "@ai-matrx/design-system";
 import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 var ADDABLE_TYPE_IDS = [
   "text",
@@ -12974,6 +13154,32 @@ var ADDABLE_TYPES = ADDABLE_TYPE_IDS.map((value) => ({
   value,
   label: fieldTypeChoice(value)?.label ?? value
 }));
+var ADDABLE_TYPE_SET = new Set(ADDABLE_TYPE_IDS);
+function customFieldRequestProblems(requests, existingLabels) {
+  const problems = [];
+  const taken = new Set(existingLabels.map((l) => l.trim().toLowerCase()));
+  const asked = /* @__PURE__ */ new Set();
+  if (requests.length === 0) problems.push("Name at least one field to add.");
+  requests.forEach((request, index) => {
+    const at = requests.length > 1 ? `Field ${index + 1}: ` : "";
+    const label = typeof request?.label === "string" ? request.label.trim() : "";
+    if (!label) {
+      problems.push(`${at}a field needs a name.`);
+      return;
+    }
+    const type = request.type ?? "text";
+    if (!ADDABLE_TYPE_SET.has(type)) {
+      problems.push(
+        `${at}"${label}" cannot hold "${String(type)}". Choose one of: ${ADDABLE_TYPE_IDS.join(", ")}.`
+      );
+    }
+    const key = label.toLowerCase();
+    if (taken.has(key)) problems.push(`${at}there is already a field named "${label}".`);
+    else if (asked.has(key)) problems.push(`${at}"${label}" is asked for twice.`);
+    asked.add(key);
+  });
+  return problems;
+}
 function asField(f) {
   return {
     id: f.id,
@@ -12994,8 +13200,10 @@ function CustomFieldsSection({
   entityToken,
   recordId,
   title = "Custom fields",
-  className
+  className,
+  agentDoor
 }) {
+  const client = useRecordsClient22();
   const read = useEntityRecord(entityToken, recordId);
   const rights = useEntityFieldRights(entityToken);
   const mutation = useEntityFieldMutation();
@@ -13006,14 +13214,70 @@ function CustomFieldsSection({
   const [draft, setDraft] = useState34({});
   const fields = useMemo24(() => read.data?.fields ?? [], [read.data]);
   const mayAdd = rights.data?.may_declare === true;
+  const live = useRef15({ fields, rights: rights.data, loading: rights.loading, reload: read.reload });
+  useEffect27(() => {
+    live.current = { fields, rights: rights.data, loading: rights.loading, reload: read.reload };
+  });
+  useEffect27(() => {
+    if (!agentDoor) return;
+    const state = () => {
+      const now = live.current;
+      return {
+        entityToken,
+        recordId,
+        entityLabel: now.rights?.label ?? null,
+        mayAdd: now.rights ? now.rights.may_declare === true : now.loading ? null : false,
+        refusal: now.rights && !now.rights.may_declare ? now.rights.reason ?? null : null,
+        fields: now.fields.map((f) => ({ key: f.key, label: f.label, type: f.type })),
+        types: ADDABLE_TYPES
+      };
+    };
+    const check = (requests) => {
+      const now = state();
+      if (now.mayAdd === false) {
+        return [now.refusal ?? "This person may not add a field here."];
+      }
+      if (now.mayAdd === null) return ["The section is still reading who may add a field. Try again in a moment."];
+      return customFieldRequestProblems(requests, now.fields.map((f) => f.label));
+    };
+    const addField = async (request) => {
+      const problems = check([request]);
+      if (problems.length > 0) return { ok: false, message: problems.join(" ") };
+      const label = request.label.trim();
+      const type = request.type ?? "text";
+      const declared2 = await client.entityFieldDeclare({ token: entityToken, spec: { label, type } });
+      if (!declared2.ok) {
+        const hint = hintForAPerson(declared2.error.hint);
+        return { ok: false, message: hint ? `${declared2.error.message} ${hint}` : declared2.error.message };
+      }
+      const back = await client.entityRecordRead({ token: entityToken, record_id: recordId });
+      live.current.reload();
+      if (!back.ok || !(back.data?.fields ?? []).some((f) => f.id === declared2.data)) {
+        return {
+          ok: false,
+          message: `The store took "${label}" but this record does not show it yet. Nothing was lost \u2014 read the page again before adding it a second time.`
+        };
+      }
+      return { ok: true, field_id: declared2.data, label, type };
+    };
+    return agentDoor({ entityToken, recordId, state, check, addField });
+  }, [agentDoor, client, entityToken, recordId]);
   if (!read.loading && !read.error && fields.length === 0 && !mayAdd) return null;
   if (read.error) return /* @__PURE__ */ jsx45(RefusalLine, { error: read.error, className });
   const values = read.data?.custom ?? {};
   const written = read.data?.custom_written ?? {};
+  const empty = fields.length === 0;
+  if (empty && !adding) {
+    return /* @__PURE__ */ jsxs39("section", { className: cn23("flex min-w-0 items-center gap-2 text-xs", className), children: [
+      /* @__PURE__ */ jsx45("h3", { className: "text-sm font-medium", children: title }),
+      !read.loading ? /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: "None yet" }) : null,
+      mayAdd ? /* @__PURE__ */ jsx45(Button30, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => setAdding(true), children: "Add field" }) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs39("section", { className: cn23("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx45("h3", { className: "text-sm font-medium", children: title }),
-      /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: fields.length }),
+      !empty ? /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: fields.length }) : null,
       fields.length > 0 ? /* @__PURE__ */ jsx45(
         Button30,
         {
@@ -13082,9 +13346,9 @@ function CustomFieldsSection({
           /* @__PURE__ */ jsxs39("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: "Name" }),
             /* @__PURE__ */ jsx45(
-              "input",
+              BasicInput10,
               {
-                className: "h-8 rounded-md border bg-background px-2",
+                className: "h-8",
                 value: newLabel,
                 onChange: (e) => setNewLabel(e.target.value),
                 placeholder: "Account tier",
@@ -13092,17 +13356,12 @@ function CustomFieldsSection({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs39("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground", children: "Holds" }),
-            /* @__PURE__ */ jsx45(
-              "select",
-              {
-                className: "h-8 rounded-md border bg-background px-2",
-                value: newType,
-                onChange: (e) => setNewType(e.target.value),
-                children: ADDABLE_TYPES.map((t) => /* @__PURE__ */ jsx45("option", { value: t.value, children: t.label }, t.value))
-              }
-            )
+            /* @__PURE__ */ jsxs39(Select5, { value: newType, onValueChange: setNewType, children: [
+              /* @__PURE__ */ jsx45(SelectTrigger5, { size: "sm", "aria-label": "What this field holds", children: /* @__PURE__ */ jsx45(SelectValue5, {}) }),
+              /* @__PURE__ */ jsx45(SelectContent5, { children: ADDABLE_TYPES.map((t) => /* @__PURE__ */ jsx45(SelectItem5, { value: t.value, children: t.label }, t.value)) })
+            ] })
           ] }),
           /* @__PURE__ */ jsx45(Button30, { size: "sm", type: "submit", disabled: mutation.saving || newLabel.trim() === "", children: mutation.saving ? "Adding\u2026" : "Add" })
         ]
@@ -13134,13 +13393,13 @@ function CustomFieldsSection({
 }
 
 // src/StageRules.tsx
-import { useCallback as useCallback18, useEffect as useEffect27, useMemo as useMemo25, useState as useState36 } from "react";
-import { useFields as useFields7, useRecordsClient as useRecordsClient22, useTable as useTable5 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput11, BasicTextarea as BasicTextarea7, Button as Button32, Separator as Separator5, Skeleton as Skeleton3, cn as cn24 } from "@ai-matrx/design-system";
+import { useCallback as useCallback18, useEffect as useEffect28, useMemo as useMemo25, useState as useState36 } from "react";
+import { useFields as useFields7, useRecordsClient as useRecordsClient23, useTable as useTable5 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput12, BasicTextarea as BasicTextarea7, Button as Button32, Separator as Separator5, Skeleton as Skeleton3, cn as cn24 } from "@ai-matrx/design-system";
 
 // src/Condition.tsx
 import { useState as useState35 } from "react";
-import { BasicInput as BasicInput10, Button as Button31 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput11, Button as Button31 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
@@ -13282,7 +13541,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           }
         )
       ) : /* @__PURE__ */ jsx46(
-        BasicInput10,
+        BasicInput11,
         {
           className: "h-8 w-28 text-xs",
           "aria-label": "Condition value",
@@ -13513,7 +13772,7 @@ function draftOf(rule) {
   };
 }
 function StageRulesSection({ tableId, stage, className }) {
-  const client = useRecordsClient22();
+  const client = useRecordsClient23();
   const table = useTable5(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields7(tableId);
@@ -13533,7 +13792,7 @@ function StageRulesSection({ tableId, stage, className }) {
     if (mode.ok) setEnforcement(mode.data);
     setAsked(true);
   }, [client, tableId]);
-  useEffect27(() => {
+  useEffect28(() => {
     void load();
   }, [load]);
   const stages = pipeline?.stages ?? [];
@@ -13544,7 +13803,7 @@ function StageRulesSection({ tableId, stage, className }) {
     () => (fields.data ?? []).map((f) => ({ id: String(f.id), key: f.key, label: fieldName(f), field: f })),
     [fields.data]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (!draft || !stageKey || !draft.demands || Object.keys(draft.demands).length === 0) {
       setPreview(null);
       setPreviewError(null);
@@ -13656,7 +13915,7 @@ function StageRulesSection({ tableId, stage, className }) {
         "\u201D. Writing a condition below replaces it."
       ] }) : null,
       /* @__PURE__ */ jsx47(
-        BasicInput11,
+        BasicInput12,
         {
           className: "h-8 text-xs",
           "aria-label": "Rule name",
@@ -13776,26 +14035,26 @@ import {
 import { Badge as Badge10, Button as Button34, Separator as Separator6, cn as cn27 } from "@ai-matrx/design-system";
 
 // src/RowActionsEditor.tsx
-import { useCallback as useCallback19, useEffect as useEffect29, useMemo as useMemo26, useState as useState38 } from "react";
-import { useFields as useFields8, useRecords as useRecords5, useRecordsClient as useRecordsClient24 } from "@ai-matrx/records/react";
+import { useCallback as useCallback19, useEffect as useEffect30, useMemo as useMemo26, useState as useState38 } from "react";
+import { useFields as useFields8, useRecords as useRecords5, useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
 import {
   Badge as Badge9,
-  BasicInput as BasicInput12,
+  BasicInput as BasicInput13,
   BasicTextarea as BasicTextarea8,
   Button as Button33,
   Checkbox as Checkbox6,
   Label as Label11,
-  Select as Select5,
-  SelectContent as SelectContent5,
-  SelectItem as SelectItem5,
-  SelectTrigger as SelectTrigger5,
-  SelectValue as SelectValue5,
+  Select as Select6,
+  SelectContent as SelectContent6,
+  SelectItem as SelectItem6,
+  SelectTrigger as SelectTrigger6,
+  SelectValue as SelectValue6,
   cn as cn26
 } from "@ai-matrx/design-system";
 
 // src/rowActionPreview.tsx
-import { useEffect as useEffect28, useState as useState37 } from "react";
-import { useRecordsClient as useRecordsClient23 } from "@ai-matrx/records/react";
+import { useEffect as useEffect29, useState as useState37 } from "react";
+import { useRecordsClient as useRecordsClient24 } from "@ai-matrx/records/react";
 import { cn as cn25 } from "@ai-matrx/design-system";
 import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
 function isComputed(field2) {
@@ -13846,10 +14105,10 @@ var RESULT_WORDS = {
   unknown: "a value"
 };
 function useFormulaReadings(tableId, formulas) {
-  const client = useRecordsClient23();
+  const client = useRecordsClient24();
   const [readings, setReadings] = useState37({});
   const key = formulas.join("\0");
-  useEffect28(() => {
+  useEffect29(() => {
     if (!tableId) return;
     let live = true;
     for (const text of formulas) {
@@ -14005,7 +14264,7 @@ function describe(action, fields) {
   return says.charAt(0).toUpperCase() + says.slice(1) + ".";
 }
 function RowActionsSection({ tableId, className }) {
-  const client = useRecordsClient24();
+  const client = useRecordsClient25();
   const fields = useFields8(tableId);
   const records = useRecords5(tableId, { pageSize: 20 });
   const [actions, setActions] = useState38([]);
@@ -14029,10 +14288,10 @@ function RowActionsSection({ tableId, className }) {
     setActions(answered.data?.actions ?? []);
     setStale((answered.data?.stale ?? []).length);
   }, [client, tableId]);
-  useEffect29(() => {
+  useEffect30(() => {
     void reload();
   }, [reload]);
-  useEffect29(() => {
+  useEffect30(() => {
     let live = true;
     void client.tableDecorations({ table_id: tableId }).then((answered) => {
       if (live && answered.ok) setColors(answered.data?.colors ?? []);
@@ -14237,7 +14496,7 @@ function ActionForm({
     /* @__PURE__ */ jsxs43("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx49(Label11, { className: "text-xs", children: "Name" }),
       /* @__PURE__ */ jsx49(
-        BasicInput12,
+        BasicInput13,
         {
           value: draft.name,
           autoFocus: true,
@@ -14291,7 +14550,7 @@ function ActionForm({
         rows.length > 0 ? /* @__PURE__ */ jsxs43("div", { className: "ml-auto flex items-center gap-1", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-muted-foreground", children: "Start from a record" }),
           /* @__PURE__ */ jsxs43(
-            Select5,
+            Select6,
             {
               value: "",
               onValueChange: (id) => {
@@ -14309,8 +14568,8 @@ function ActionForm({
                 setPreviewId(row.id);
               },
               children: [
-                /* @__PURE__ */ jsx49(SelectTrigger5, { size: "sm", "aria-label": "Start from a record", children: /* @__PURE__ */ jsx49(SelectValue5, { placeholder: "Pick one" }) }),
-                /* @__PURE__ */ jsx49(SelectContent5, { children: rows.map((row) => /* @__PURE__ */ jsx49(SelectItem5, { value: row.id, children: rowName2(row) }, row.id)) })
+                /* @__PURE__ */ jsx49(SelectTrigger6, { size: "sm", "aria-label": "Start from a record", children: /* @__PURE__ */ jsx49(SelectValue6, { placeholder: "Pick one" }) }),
+                /* @__PURE__ */ jsx49(SelectContent6, { children: rows.map((row) => /* @__PURE__ */ jsx49(SelectItem6, { value: row.id, children: rowName2(row) }, row.id)) })
               ]
             }
           )
@@ -14318,20 +14577,20 @@ function ActionForm({
       ] }),
       draft.steps.length === 0 ? /* @__PURE__ */ jsx49("p", { className: "text-muted-foreground", children: "Nothing yet. Add a change, or start from a record and remove the columns it should leave alone." }) : null,
       draft.steps.map((step2, index) => /* @__PURE__ */ jsxs43("div", { className: "flex flex-wrap items-center gap-1", "data-records-action-step": index, children: [
-        /* @__PURE__ */ jsxs43(Select5, { value: step2.field, onValueChange: (v) => setStep(index, { field: v }), children: [
-          /* @__PURE__ */ jsx49(SelectTrigger5, { size: "sm", "aria-label": `Column for change ${index + 1}`, children: /* @__PURE__ */ jsx49(SelectValue5, { placeholder: "Column" }) }),
-          /* @__PURE__ */ jsx49(SelectContent5, { children: settable.map((f) => /* @__PURE__ */ jsx49(SelectItem5, { value: f.id, children: fieldName(f) }, f.id)) })
+        /* @__PURE__ */ jsxs43(Select6, { value: step2.field, onValueChange: (v) => setStep(index, { field: v }), children: [
+          /* @__PURE__ */ jsx49(SelectTrigger6, { size: "sm", "aria-label": `Column for change ${index + 1}`, children: /* @__PURE__ */ jsx49(SelectValue6, { placeholder: "Column" }) }),
+          /* @__PURE__ */ jsx49(SelectContent6, { children: settable.map((f) => /* @__PURE__ */ jsx49(SelectItem6, { value: f.id, children: fieldName(f) }, f.id)) })
         ] }),
-        /* @__PURE__ */ jsxs43(Select5, { value: step2.set, onValueChange: (v) => setStep(index, { set: v }), children: [
-          /* @__PURE__ */ jsx49(SelectTrigger5, { size: "sm", "aria-label": `How change ${index + 1} sets it`, children: /* @__PURE__ */ jsx49(SelectValue5, {}) }),
-          /* @__PURE__ */ jsxs43(SelectContent5, { children: [
-            /* @__PURE__ */ jsx49(SelectItem5, { value: "value", children: "Set to" }),
-            /* @__PURE__ */ jsx49(SelectItem5, { value: "clear", children: "Clear" }),
-            /* @__PURE__ */ jsx49(SelectItem5, { value: "compute", children: "Work out" })
+        /* @__PURE__ */ jsxs43(Select6, { value: step2.set, onValueChange: (v) => setStep(index, { set: v }), children: [
+          /* @__PURE__ */ jsx49(SelectTrigger6, { size: "sm", "aria-label": `How change ${index + 1} sets it`, children: /* @__PURE__ */ jsx49(SelectValue6, {}) }),
+          /* @__PURE__ */ jsxs43(SelectContent6, { children: [
+            /* @__PURE__ */ jsx49(SelectItem6, { value: "value", children: "Set to" }),
+            /* @__PURE__ */ jsx49(SelectItem6, { value: "clear", children: "Clear" }),
+            /* @__PURE__ */ jsx49(SelectItem6, { value: "compute", children: "Work out" })
           ] })
         ] }),
         step2.set === "value" ? /* @__PURE__ */ jsx49(
-          BasicInput12,
+          BasicInput13,
           {
             className: "h-7 w-40",
             value: step2.value,
@@ -14339,7 +14598,7 @@ function ActionForm({
             onChange: (e) => setStep(index, { value: e.target.value })
           }
         ) : step2.set === "compute" ? /* @__PURE__ */ jsx49(
-          BasicInput12,
+          BasicInput13,
           {
             className: "h-7 w-56",
             value: step2.formula,
@@ -14372,9 +14631,9 @@ function ActionForm({
         /* @__PURE__ */ jsxs43("div", { className: "flex flex-wrap items-center gap-1", children: [
           /* @__PURE__ */ jsx49("span", { className: "font-medium", children: "Before and after" }),
           /* @__PURE__ */ jsx49("span", { className: "text-muted-foreground", children: "on" }),
-          /* @__PURE__ */ jsxs43(Select5, { value: previewRow.id, onValueChange: (v) => setPreviewId(v), children: [
-            /* @__PURE__ */ jsx49(SelectTrigger5, { size: "sm", "aria-label": "Record to preview on", children: /* @__PURE__ */ jsx49(SelectValue5, {}) }),
-            /* @__PURE__ */ jsx49(SelectContent5, { children: rows.map((row) => /* @__PURE__ */ jsx49(SelectItem5, { value: row.id, children: rowName2(row) }, row.id)) })
+          /* @__PURE__ */ jsxs43(Select6, { value: previewRow.id, onValueChange: (v) => setPreviewId(v), children: [
+            /* @__PURE__ */ jsx49(SelectTrigger6, { size: "sm", "aria-label": "Record to preview on", children: /* @__PURE__ */ jsx49(SelectValue6, {}) }),
+            /* @__PURE__ */ jsx49(SelectContent6, { children: rows.map((row) => /* @__PURE__ */ jsx49(SelectItem6, { value: row.id, children: rowName2(row) }, row.id)) })
           ] })
         ] }),
         /* @__PURE__ */ jsx49(
@@ -14409,15 +14668,15 @@ function ActionForm({
       colors.length > 0 ? /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx49("span", { className: "text-muted-foreground", children: "Color" }),
         /* @__PURE__ */ jsxs43(
-          Select5,
+          Select6,
           {
             value: draft.color || NO_COLOR,
             onValueChange: (v) => setDraft((d) => ({ ...d, color: v === NO_COLOR ? "" : v })),
             children: [
-              /* @__PURE__ */ jsx49(SelectTrigger5, { size: "sm", "aria-label": "Button color", children: /* @__PURE__ */ jsx49(SelectValue5, {}) }),
-              /* @__PURE__ */ jsxs43(SelectContent5, { children: [
-                /* @__PURE__ */ jsx49(SelectItem5, { value: NO_COLOR, children: "None" }),
-                colors.map((c) => /* @__PURE__ */ jsx49(SelectItem5, { value: c, children: c.charAt(0).toUpperCase() + c.slice(1) }, c))
+              /* @__PURE__ */ jsx49(SelectTrigger6, { size: "sm", "aria-label": "Button color", children: /* @__PURE__ */ jsx49(SelectValue6, {}) }),
+              /* @__PURE__ */ jsxs43(SelectContent6, { children: [
+                /* @__PURE__ */ jsx49(SelectItem6, { value: NO_COLOR, children: "None" }),
+                colors.map((c) => /* @__PURE__ */ jsx49(SelectItem6, { value: c, children: c.charAt(0).toUpperCase() + c.slice(1) }, c))
               ] })
             ]
           }
@@ -14650,21 +14909,21 @@ function TableSettings({
 
 // src/Peek.tsx
 import { useState as useState44 } from "react";
-import { useFields as useFields11, useRecord as useRecord2, useRecordsClient as useRecordsClient28, useTable as useTable7 } from "@ai-matrx/records/react";
+import { useFields as useFields11, useRecord as useRecord2, useRecordsClient as useRecordsClient29, useTable as useTable7 } from "@ai-matrx/records/react";
 import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 
 // src/RecordChat.tsx
-import { useEffect as useEffect30, useMemo as useMemo27, useState as useState40 } from "react";
-import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
+import { useEffect as useEffect31, useMemo as useMemo27, useState as useState40 } from "react";
+import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton4, cn as cn28 } from "@ai-matrx/design-system";
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
 var NO_CHAT_REASON = "Chatting about this record is not switched on here yet, so this panel is empty rather than showing a box that goes nowhere. It is on our list, not yours.";
 function RecordChat({ tableId, recordId, className }) {
-  const client = useRecordsClient25();
+  const client = useRecordsClient26();
   const host = useRecordsUi();
   const [scope, setScope] = useState40(null);
   const [error, setError] = useState40(null);
-  useEffect30(() => {
+  useEffect31(() => {
     let cancelled = false;
     setScope(null);
     setError(null);
@@ -14781,12 +15040,12 @@ function entriesFor(scope) {
 import { Button as Button37, Separator as Separator8, Skeleton as Skeleton5, cn as cn30 } from "@ai-matrx/design-system";
 
 // src/RecordForm.tsx
-import { useEffect as useEffect32, useMemo as useMemo29, useRef as useRef15, useState as useState42 } from "react";
+import { useEffect as useEffect33, useMemo as useMemo29, useRef as useRef16, useState as useState42 } from "react";
 import {
   useFields as useFields10,
   useRecord,
   useRecordMutation,
-  useRecordsClient as useRecordsClient27
+  useRecordsClient as useRecordsClient28
 } from "@ai-matrx/records/react";
 import { asWriteConflict as asWriteConflict3, predictWriteRefusals, wholeValueOf as wholeValueOf5 } from "@ai-matrx/records/core";
 
@@ -14824,8 +15083,8 @@ async function updateOnTheWinningVersion(client, recordId, patch, expectedVersio
 import { Button as Button35, Separator as Separator7, cn as cn29 } from "@ai-matrx/design-system";
 
 // src/systemTable.ts
-import { useEffect as useEffect31, useMemo as useMemo28, useState as useState41 } from "react";
-import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
+import { useEffect as useEffect32, useMemo as useMemo28, useState as useState41 } from "react";
+import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
 var inFlight = /* @__PURE__ */ new Map();
 async function ensureSystemTable(client, spec) {
   const cacheKey = `${client.config.organizationId}:${spec.slug}`;
@@ -14953,11 +15212,11 @@ async function declare(client, spec) {
   return { ok: true, data: table.data };
 }
 function useSystemTable(spec) {
-  const client = useRecordsClient26();
+  const client = useRecordsClient27();
   const [state, setState] = useState41({ tableId: null, loading: true, error: null });
   const slug = spec.slug;
   const stable = useMemo28(() => spec, [slug]);
-  useEffect31(() => {
+  useEffect32(() => {
     let cancelled = false;
     setState({ tableId: null, loading: true, error: null });
     void ensureSystemTable(client, stable).then((result) => {
@@ -14973,9 +15232,9 @@ function useSystemTable(spec) {
   return state;
 }
 function useRecordVersion(recordId) {
-  const client = useRecordsClient26();
+  const client = useRecordsClient27();
   const [version, setVersion] = useState41(null);
-  useEffect31(() => {
+  useEffect32(() => {
     let cancelled = false;
     setVersion(null);
     if (!recordId) return;
@@ -15008,7 +15267,7 @@ function RecordForm({
   const fields = useFields10(tableId, recordType);
   const existing = useRecord(recordId ?? null);
   const mutation = useRecordMutation();
-  const client = useRecordsClient27();
+  const client = useRecordsClient28();
   const [edit, setEdit] = useState42({
     saving: false,
     error: null,
@@ -15029,9 +15288,9 @@ function RecordForm({
   const [answered, setAnswered] = useState42(null);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
-  const changedRef = useRef15({});
+  const changedRef = useRef16({});
   changedRef.current = changed;
-  useEffect32(() => {
+  useEffect33(() => {
     const document3 = existing.data?.document;
     if (!document3) return;
     const mine = changedRef.current;
@@ -15232,7 +15491,7 @@ function asWords(value) {
 }
 
 // src/ShareControl.tsx
-import { useEffect as useEffect33, useState as useState43 } from "react";
+import { useEffect as useEffect34, useState as useState43 } from "react";
 import { Button as Button36 } from "@ai-matrx/design-system";
 import { Fragment as Fragment19, jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
 function useCanShare() {
@@ -15254,7 +15513,7 @@ function ShareControl({
 }) {
   const host = useRecordsUi();
   const [open, setOpen] = useState43(initiallyOpen);
-  useEffect33(() => {
+  useEffect34(() => {
     if (initiallyOpen) setOpen(true);
   }, [initiallyOpen]);
   const asked = useRecordRights(may === void 0 ? subjectId : null);
@@ -15293,7 +15552,7 @@ function Peek({ tableId, recordId, onClose, className }) {
   const record = useRecord2(recordId, true);
   const may = useRecordRights(recordId);
   const host = useRecordsUi();
-  const organizationId = useRecordsClient28().config.organizationId;
+  const organizationId = useRecordsClient29().config.organizationId;
   const [editing, setEditing] = useState44(false);
   const [talking, setTalking] = useState44(false);
   if (record.error) return /* @__PURE__ */ jsx54(RefusalNotice, { error: record.error, className });
@@ -15470,8 +15729,8 @@ var LOOK_WORDS = {
 };
 
 // src/ViewSwitcher.tsx
-import { useEffect as useEffect35, useMemo as useMemo31, useState as useState46 } from "react";
-import { useFields as useFields13, useRecords as useRecords6, useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
+import { useEffect as useEffect36, useMemo as useMemo31, useState as useState46 } from "react";
+import { useFields as useFields13, useRecords as useRecords6, useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey4 } from "@ai-matrx/records";
 import { Button as Button39, Skeleton as Skeleton7, cn as cn32 } from "@ai-matrx/design-system";
 import {
@@ -15480,11 +15739,11 @@ import {
 } from "@ai-matrx/design-system/data-table";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback20, useEffect as useEffect34, useMemo as useMemo30, useRef as useRef16, useState as useState45 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect35, useMemo as useMemo30, useRef as useRef17, useState as useState45 } from "react";
 import {
   mayDrag,
   useFields as useFields12,
-  useRecordsClient as useRecordsClient29
+  useRecordsClient as useRecordsClient30
 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey3 } from "@ai-matrx/records";
 import {
@@ -15576,7 +15835,7 @@ function PipelineBoard({
   dateFields,
   className
 }) {
-  const client = useRecordsClient29();
+  const client = useRecordsClient30();
   const fields = useFields12(tableId);
   const ownDecorations = useTableDecorations(style ? null : tableId);
   const cardStyle = useMemo30(
@@ -15591,15 +15850,15 @@ function PipelineBoard({
   const [waiting, setWaiting] = useState45(/* @__PURE__ */ new Map());
   const [dragging, setDragging] = useState45(null);
   const [over, setOver] = useState45(null);
-  const alive = useRef16(true);
+  const alive = useRef17(true);
   const [selected, setSelected] = useState45(/* @__PURE__ */ new Set());
-  const anchor = useRef16(null);
+  const anchor = useRef17(null);
   const [versions, setVersions] = useState45(null);
   const [batch, setBatch] = useState45(/* @__PURE__ */ new Map());
   const [batchSaid, setBatchSaid] = useState45(null);
   const [batchError, setBatchError] = useState45(null);
   const [moving, setMoving] = useState45(false);
-  useEffect34(() => {
+  useEffect35(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -15624,10 +15883,10 @@ 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, filterKey]);
-  useEffect34(() => {
+  useEffect35(() => {
     void reload();
   }, [reload]);
-  useEffect34(() => {
+  useEffect35(() => {
     const ids = rows.filter((r) => mayDrag(r.level)).map((r) => r.id);
     if (ids.length === 0) {
       setVersions({ ok: true, map: /* @__PURE__ */ new Map() });
@@ -16227,7 +16486,7 @@ function batchSentence(moved, waiting, notMoved, label) {
 import { Fragment as Fragment22, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 var NO_FIELDS = [];
 function useViewRecords(view, pageSize = 200, filter, viewId) {
-  const client = useRecordsClient30();
+  const client = useRecordsClient31();
   const table = useRecords6(view.ruleId ? null : view.subject, {
     pageSize,
     ...filter ? { filter } : {}
@@ -16238,7 +16497,7 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
     error: null
   });
   const ruleId = view.ruleId ?? null;
-  useEffect35(() => {
+  useEffect36(() => {
     if (!ruleId) return;
     let cancelled = false;
     setRuled({ rows: [], loading: true, error: null });
@@ -16325,7 +16584,7 @@ function ViewSwitcher({
   const hostLayouts = useRecordsUi().layouts ?? [];
   const drawnByHost = hostLayout ? hostLayouts.find((h) => h.id === hostLayout) ?? null : null;
   const [local, setLocal] = useState46({});
-  useEffect35(() => {
+  useEffect36(() => {
     setLayout(view.layout);
     setLocal({});
   }, [view.layout, view.name, view.subject]);
@@ -16432,12 +16691,12 @@ function offerableFields(all, want) {
   });
 }
 function useStageField(tableId) {
-  const client = useRecordsClient30();
+  const client = useRecordsClient31();
   const [stage, setStage] = useState46({
     asked: false,
     key: null
   });
-  useEffect35(() => {
+  useEffect36(() => {
     let cancelled = false;
     setStage({ asked: false, key: null });
     void client.tableStageField({ table_id: tableId }).then((r) => {
@@ -16845,7 +17104,7 @@ function Card2({
 }
 
 // src/ArchivedView.tsx
-import { useCallback as useCallback21, useEffect as useEffect36, useState as useState47 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect37, useState as useState47 } from "react";
 import {
   ARCHIVE_LANES,
   ARCHIVE_LANE_LABEL,
@@ -16854,7 +17113,7 @@ import {
   archivedByLine,
   emptyArchiveLine
 } from "@ai-matrx/records";
-import { useFields as useFields14, useRecordsClient as useRecordsClient31, useTable as useTable8 } from "@ai-matrx/records/react";
+import { useFields as useFields14, useRecordsClient as useRecordsClient32, useTable as useTable8 } from "@ai-matrx/records/react";
 import { Button as Button40, Skeleton as Skeleton8, cn as cn33 } from "@ai-matrx/design-system";
 import { jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 var ARCHIVE_MEANS = "Archiving never destroys anything. A record you remove from the grid waits here until somebody brings it back.";
@@ -16873,7 +17132,7 @@ function ArchivedView({
   onRestored,
   className
 }) {
-  const client = useRecordsClient31();
+  const client = useRecordsClient32();
   const table = useTable8(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields14(tableId);
@@ -16883,7 +17142,7 @@ function ArchivedView({
   const [error, setError] = useState47(null);
   const [restoring, setRestoring] = useState47(null);
   const [refusal2, setRefusal] = useState47(null);
-  useEffect36(() => {
+  useEffect37(() => {
     if (laneFromHost) setLane(laneFromHost);
   }, [laneFromHost]);
   const read = useCallback21(async () => {
@@ -16898,7 +17157,7 @@ function ArchivedView({
     }
     setLoading(false);
   }, [client, tableId, lane, pageSize]);
-  useEffect36(() => {
+  useEffect37(() => {
     void read();
   }, [read]);
   const pick = (next) => {
@@ -16980,14 +17239,14 @@ function ArchivedView({
 }
 
 // src/ArchivedDisclosure.tsx
-import { useCallback as useCallback22, useEffect as useEffect37, useState as useState48 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect38, useState as useState48 } from "react";
 import {
   emptyPortalArchiveLine,
   portalConfirmLine,
   portalTitleTypedBack
 } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient32 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput13, Button as Button41, Skeleton as Skeleton9, cn as cn34 } from "@ai-matrx/design-system";
+import { useRecordsClient as useRecordsClient33 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput14, Button as Button41, Skeleton as Skeleton9, cn as cn34 } from "@ai-matrx/design-system";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 var ARCHIVED_NEVER_DESTROYED = "Archiving never destroys anything. What you put away waits here until somebody brings it back.";
 function ArchivedDisclosure({
@@ -17031,7 +17290,7 @@ function ArchivedPortals({
   defaultOpen,
   className
 }) {
-  const client = useRecordsClient32();
+  const client = useRecordsClient33();
   const [rows, setRows] = useState48(null);
   const [error, setError] = useState48(null);
   const [confirming, setConfirming] = useState48(null);
@@ -17049,7 +17308,7 @@ function ArchivedPortals({
       setError(answered.error);
     }
   }, [client]);
-  useEffect37(() => {
+  useEffect38(() => {
     void read();
   }, [read, refreshToken]);
   const restore = async (portal) => {
@@ -17132,7 +17391,7 @@ function ArchivedPortals({
                   ] }),
                   /* @__PURE__ */ jsxs53("div", { className: "flex flex-wrap items-center gap-1.5", children: [
                     /* @__PURE__ */ jsx59(
-                      BasicInput13,
+                      BasicInput14,
                       {
                         value: typed,
                         placeholder: portal.title,
@@ -17165,14 +17424,14 @@ function ArchivedPortals({
 }
 
 // src/ViewBar.tsx
-import { useCallback as useCallback24, useEffect as useEffect38, useState as useState49 } from "react";
-import { useRecordsClient as useRecordsClient33 } from "@ai-matrx/records/react";
+import { useCallback as useCallback24, useEffect as useEffect39, useState as useState49 } from "react";
+import { useRecordsClient as useRecordsClient34 } from "@ai-matrx/records/react";
 import { Badge as Badge11, Button as Button42, Input as Input2, Popover as Popover5, PopoverContent as PopoverContent5, PopoverTrigger as PopoverTrigger5, Skeleton as Skeleton10, cn as cn35 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
-import { useCallback as useCallback23, useRef as useRef17 } from "react";
+import { useCallback as useCallback23, useRef as useRef18 } from "react";
 function useSeedGuard() {
-  const claimed = useRef17(/* @__PURE__ */ new Set());
+  const claimed = useRef18(/* @__PURE__ */ new Set());
   return useCallback23((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
@@ -17189,7 +17448,7 @@ function seedIsSatisfied(seed, views) {
   return seed.isDefault === true && views.some((v) => v.isDefault);
 }
 function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, className }) {
-  const client = useRecordsClient33();
+  const client = useRecordsClient34();
   const claimSeed = useSeedGuard();
   const table = useTable9(tableId);
   const rights = useTableRights(table.data);
@@ -17241,10 +17500,10 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     setViews(mine);
     onViews?.(mine);
   }, [client, readViews, tableId, seedKey]);
-  useEffect38(() => {
+  useEffect39(() => {
     void load();
   }, [load]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!views || views.length === 0) return;
     const chosen = views.find((v) => v.id === (activeViewId ?? active)) ?? defaultViewOf(views) ?? views[0];
     if (chosen.id !== active) setActive(chosen.id);
@@ -17348,7 +17607,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
 
 // src/ProposalRow.tsx
 import { useState as useState50 } from "react";
-import { useRecordsClient as useRecordsClient34 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient35 } from "@ai-matrx/records/react";
 import { Badge as Badge12, Button as Button43, cn as cn36 } from "@ai-matrx/design-system";
 import { jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 var ACT_WORD = PROPOSED_CHANGE_ACT_LABEL;
@@ -17361,7 +17620,7 @@ function ProposalRow({
   onSettled,
   className
 }) {
-  const client = useRecordsClient34();
+  const client = useRecordsClient35();
   const [settled, setSettled] = useState50(outcome ?? null);
   const [busy, setBusy] = useState50(false);
   const [confirming, setConfirming] = useState50(false);
@@ -17449,15 +17708,15 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback26, useEffect as useEffect40, useMemo as useMemo33, useRef as useRef18, useState as useState52 } from "react";
-import { useRecordsClient as useRecordsClient36 } from "@ai-matrx/records/react";
+import { useCallback as useCallback26, useEffect as useEffect41, useMemo as useMemo33, useRef as useRef19, useState as useState52 } from "react";
+import { useRecordsClient as useRecordsClient37 } from "@ai-matrx/records/react";
 import { Badge as Badge14, Button as Button45, Checkbox as Checkbox7, Skeleton as Skeleton12, cn as cn38 } from "@ai-matrx/design-system";
 import { toggleSelection as toggleSelection2 } from "@ai-matrx/design-system/data-table";
 
 // src/ChecklistRunner.tsx
-import { useCallback as useCallback25, useEffect as useEffect39, useMemo as useMemo32, useState as useState51 } from "react";
-import { useRecordsClient as useRecordsClient35, useTable as useTable10 } from "@ai-matrx/records/react";
-import { Badge as Badge13, BasicInput as BasicInput14, BasicTextarea as BasicTextarea9, Button as Button44, Skeleton as Skeleton11, cn as cn37 } from "@ai-matrx/design-system";
+import { useCallback as useCallback25, useEffect as useEffect40, useMemo as useMemo32, useState as useState51 } from "react";
+import { useRecordsClient as useRecordsClient36, useTable as useTable10 } from "@ai-matrx/records/react";
+import { Badge as Badge13, BasicInput as BasicInput15, BasicTextarea as BasicTextarea9, Button as Button44, Skeleton as Skeleton11, cn as cn37 } from "@ai-matrx/design-system";
 import { Fragment as Fragment23, jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
 var DUE_WORD = DUE_STATE_LABEL;
 var REQUIRES_WORD = CHECKLIST_REQUIREMENT_LABEL;
@@ -17470,7 +17729,7 @@ function ChecklistRunner({
   offerToStart,
   className
 }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const table = useTable10(tableId ?? null);
   const rights = useTableRights(table.data);
   const [runs, setRuns] = useState51(null);
@@ -17503,10 +17762,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]);
-  useEffect39(() => {
+  useEffect40(() => {
     void loadRuns();
   }, [loadRuns]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (runId) setActiveId(runId);
   }, [runId]);
   const loadSteps = useCallback25(async () => {
@@ -17523,10 +17782,10 @@ function ChecklistRunner({
     setError(null);
     setSteps(answered.data);
   }, [client, activeId]);
-  useEffect39(() => {
+  useEffect40(() => {
     void loadSteps();
   }, [loadSteps]);
-  useEffect39(() => {
+  useEffect40(() => {
     if (!mayStart || !tableId) return;
     let cancelled = false;
     void client.checklistTemplates({ about_table_id: tableId, limit: 50 }).then((answered) => {
@@ -17692,7 +17951,7 @@ function StepRow({
             }
           ) : null,
           step2.requires === "answer" ? /* @__PURE__ */ jsx62(
-            BasicInput14,
+            BasicInput15,
             {
               "aria-label": step2.requires_label ?? REQUIRES_WORD.answer,
               placeholder: step2.requires_label ?? REQUIRES_WORD.answer,
@@ -17719,7 +17978,7 @@ function StepRow({
   );
 }
 function useMyChecklistSteps(limit = 25) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const me = client.config.actor.user_id ?? null;
   const [steps, setSteps] = useState51([]);
   const [loading, setLoading] = useState51(true);
@@ -17752,7 +18011,7 @@ function useMyChecklistSteps(limit = 25) {
     setSteps(held);
     setLoading(false);
   }, [client, limit, me]);
-  useEffect39(() => {
+  useEffect40(() => {
     void refresh();
   }, [refresh]);
   return { steps, loading, error, refresh };
@@ -17763,9 +18022,9 @@ function MyChecklistSteps({
   onSteps,
   actions
 }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const { steps: held, loading, error, refresh } = useMyChecklistSteps();
-  useEffect39(() => {
+  useEffect40(() => {
     onSteps?.(held.map((s) => s.step_id));
   }, [held, onSteps]);
   const steps = onlyIds ? held.filter((s) => onlyIds.has(s.step_id)) : held;
@@ -17811,7 +18070,7 @@ function MyChecklistSteps({
   ] });
 }
 function ChecklistsPanel({ tableId, onOpenRecord, className }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const table = useTable10(tableId);
   const rights = useTableRights(table.data);
   const [templates, setTemplates] = useState51(null);
@@ -17833,7 +18092,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
     if (!r.ok) setRuns([]);
     else setRuns(r.data);
   }, [client, tableId]);
-  useEffect39(() => {
+  useEffect40(() => {
     void load();
   }, [load]);
   if (templates === null) return /* @__PURE__ */ jsx62(Skeleton11, { className: cn37("h-40 w-full", className) });
@@ -17972,14 +18231,14 @@ function ChecklistTemplateEditor({
   onDone,
   className
 }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const [name, setName] = useState51("");
   const [rows, setRows] = useState51([{ ...EMPTY_ROW }]);
   const [refusal2, setRefusal] = useState51(null);
   const [error, setError] = useState51(null);
   const [busy, setBusy] = useState51(false);
   const [loading, setLoading] = useState51(Boolean(templateId));
-  useEffect39(() => {
+  useEffect40(() => {
     if (!templateId) return;
     let cancelled = false;
     void client.checklistTemplateShape({ template_id: templateId }).then((answered) => {
@@ -18016,7 +18275,7 @@ function ChecklistTemplateEditor({
     }),
     [aboutTableId, name, rows]
   );
-  useEffect39(() => {
+  useEffect40(() => {
     if (spec.steps.length === 0 || spec.name.length === 0) {
       setRefusal(null);
       return;
@@ -18052,7 +18311,7 @@ function ChecklistTemplateEditor({
       /* @__PURE__ */ jsx62(Button44, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => onDone?.(), children: "Cancel" })
     ] }),
     /* @__PURE__ */ jsx62(
-      BasicInput14,
+      BasicInput15,
       {
         "aria-label": "Checklist name",
         placeholder: "What is this checklist called?",
@@ -18066,7 +18325,7 @@ function ChecklistTemplateEditor({
       /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx62("span", { className: "w-4 text-right text-[11px] tabular-nums text-muted-foreground", children: index + 1 }),
         /* @__PURE__ */ jsx62(
-          BasicInput14,
+          BasicInput15,
           {
             "aria-label": `Step ${index + 1}`,
             placeholder: "What happens in this step?",
@@ -18089,7 +18348,7 @@ function ChecklistTemplateEditor({
       ] }),
       /* @__PURE__ */ jsxs56("div", { className: "mt-1 flex flex-wrap items-center gap-1.5 pl-6", children: [
         /* @__PURE__ */ jsx62(
-          BasicInput14,
+          BasicInput15,
           {
             "aria-label": `Step ${index + 1} role`,
             placeholder: "whose? (a role)",
@@ -18099,7 +18358,7 @@ function ChecklistTemplateEditor({
           }
         ),
         /* @__PURE__ */ jsx62(
-          BasicInput14,
+          BasicInput15,
           {
             "aria-label": `Step ${index + 1} due days`,
             placeholder: "days in",
@@ -18110,7 +18369,7 @@ function ChecklistTemplateEditor({
           }
         ),
         /* @__PURE__ */ jsx62(
-          BasicInput14,
+          BasicInput15,
           {
             "aria-label": `Step ${index + 1} waits for`,
             placeholder: "waits for (step numbers)",
@@ -18130,7 +18389,7 @@ function ChecklistTemplateEditor({
           }
         ),
         row.requires === "answer" || row.requires === "record_field" ? /* @__PURE__ */ jsx62(
-          BasicInput14,
+          BasicInput15,
           {
             "aria-label": `Step ${index + 1} asks for which value`,
             placeholder: "which value?",
@@ -18263,7 +18522,7 @@ function ActionInbox({
   onOpenRecord,
   className
 }) {
-  const client = useRecordsClient36();
+  const client = useRecordsClient37();
   const [showDecided, setShowDecided] = useState52(includeSettled);
   const [groupBy, setGroupBy] = useState52(defaultGroupBy);
   const [everyTable, setEveryTable] = useState52(false);
@@ -18272,9 +18531,9 @@ function ActionInbox({
   const [outcome, setOutcome] = useState52({});
   const [busy, setBusy] = useState52(null);
   const [cursor, setCursor] = useState52(0);
-  const listRef = useRef18(null);
+  const listRef = useRef19(null);
   const [selected, setSelected] = useState52(/* @__PURE__ */ new Set());
-  const anchor = useRef18(null);
+  const anchor = useRef19(null);
   const [deciding, setDeciding] = useState52(false);
   const [batchSaid, setBatchSaid] = useState52(null);
   const [view, setView] = useState52("inbox");
@@ -18298,7 +18557,7 @@ function ActionInbox({
     setError(null);
     setItems(result.data);
   }, [client, showDecided, view]);
-  useEffect40(() => {
+  useEffect41(() => {
     void load();
   }, [load]);
   const narrowed = useMemo33(() => {
@@ -18313,10 +18572,10 @@ function ActionInbox({
   const groups = useMemo33(() => groupInbox(narrowed, groupBy), [narrowed, groupBy]);
   const shown3 = useMemo33(() => groups.flatMap((g) => g.items), [groups]);
   const elsewhere = (items?.length ?? 0) - narrowed.length;
-  useEffect40(() => {
+  useEffect41(() => {
     if (cursor >= shown3.length) setCursor(Math.max(0, shown3.length - 1));
   }, [shown3.length, cursor]);
-  useEffect40(() => {
+  useEffect41(() => {
     const el = listRef.current?.querySelector(`[data-row="${cursor}"]`);
     el?.scrollIntoView({ block: "nearest" });
   }, [cursor, shown3.length]);
@@ -18337,11 +18596,11 @@ function ActionInbox({
     [client, load]
   );
   const [held, setHeld] = useState52({});
-  const holds2 = useRef18(/* @__PURE__ */ new Map());
-  const lastHold = useRef18(null);
-  const holdSeq = useRef18(0);
+  const holds2 = useRef19(/* @__PURE__ */ new Map());
+  const lastHold = useRef19(null);
+  const holdSeq = useRef19(0);
   const [, tick] = useState52(0);
-  useEffect40(() => {
+  useEffect41(() => {
     if (Object.keys(held).length === 0) return;
     const t = setInterval(() => tick((n) => n + 1), 250);
     return () => clearInterval(t);
@@ -18386,7 +18645,7 @@ function ActionInbox({
     });
     setSaid({ text: entry.ids.length === 1 ? "Undone. It is waiting on you again, exactly as it was." : `Undone. All ${entry.ids.length} are waiting on you again, exactly as they were.`, undo: null });
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     const flush = () => {
       for (const entry of [...holds2.current.values()]) entry.commit();
     };
@@ -18396,8 +18655,8 @@ function ActionInbox({
       flush();
     };
   }, []);
-  const resumed = useRef18(false);
-  useEffect40(() => {
+  const resumed = useRef19(false);
+  useEffect41(() => {
     if (resumed.current || items === null || view !== "inbox") return;
     resumed.current = true;
     const kept = readHolds();
@@ -19000,17 +19259,17 @@ function ActionInbox({
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback27, useEffect as useEffect41, useRef as useRef19, useState as useState53 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect42, useRef as useRef20, useState as useState53 } from "react";
 import {
   useFields as useFields15,
   useRecordChangeRevision,
-  useRecordsClient as useRecordsClient37,
+  useRecordsClient as useRecordsClient38,
   useTable as useTable11
 } from "@ai-matrx/records/react";
 import { Badge as Badge15, Button as Button46, Skeleton as Skeleton13, cn as cn39 } from "@ai-matrx/design-system";
 import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
-  const client = useRecordsClient37();
+  const client = useRecordsClient38();
   const table = useTable11(tableId);
   const fields = useFields15(tableId);
   const rights = useTableRights(table.data);
@@ -19019,7 +19278,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [open, setOpen] = useState53(null);
   const [pending, setPending] = useState53({ phase: "idle" });
   const [said, setSaid] = useState53(null);
-  const listRef = useRef19(null);
+  const listRef = useRef20(null);
   const changed = useRecordChangeRevision(recordId);
   const load = useCallback27(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
@@ -19030,7 +19289,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
     setError(null);
     setEntries(answered.data);
   }, [client, recordId, changed]);
-  useEffect41(() => {
+  useEffect42(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx64(RefusalNotice, { error, className });
@@ -19311,16 +19570,16 @@ function say(value, field2) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback28, useEffect as useEffect42, useMemo as useMemo34, useRef as useRef20, useState as useState54 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect43, useMemo as useMemo34, useRef as useRef21, useState as useState54 } from "react";
 import {
   useFields as useFields16,
-  useRecordsClient as useRecordsClient38,
+  useRecordsClient as useRecordsClient39,
   useTable as useTable12
 } from "@ai-matrx/records/react";
 import { Badge as Badge16, Button as Button47, Skeleton as Skeleton14, Textarea, cn as cn40 } from "@ai-matrx/design-system";
 import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
 function CommentThread({ tableId, recordId, fieldKey, className }) {
-  const client = useRecordsClient38();
+  const client = useRecordsClient39();
   const table = useTable12(tableId);
   const fields = useFields16(tableId);
   const host = useRecordsUi();
@@ -19334,7 +19593,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState54([]);
   const [mentionQuery, setMentionQuery] = useState54(null);
   const [picked, setPicked] = useState54([]);
-  const box = useRef20(null);
+  const box = useRef21(null);
   const load = useCallback28(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -19348,10 +19607,10 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
       mayResolve: answered.data.may_resolve
     });
   }, [client, recordId, showResolved]);
-  useEffect42(() => {
+  useEffect43(() => {
     void load();
   }, [load]);
-  useEffect42(() => {
+  useEffect43(() => {
     let alive = true;
     if (!host.members) return;
     void host.members().then((roster) => {
@@ -19554,10 +19813,10 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-import { useCallback as useCallback29, useEffect as useEffect43, useState as useState55 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect44, useState as useState55 } from "react";
 import {
   useFields as useFields17,
-  useRecordsClient as useRecordsClient39,
+  useRecordsClient as useRecordsClient40,
   useTable as useTable13
 } from "@ai-matrx/records/react";
 import { Badge as Badge17, Button as Button48, Skeleton as Skeleton15, cn as cn41 } from "@ai-matrx/design-system";
@@ -19570,7 +19829,7 @@ function FieldHistoryPanel({
   onOpenRecord,
   className
 }) {
-  const client = useRecordsClient39();
+  const client = useRecordsClient40();
   const table = useTable13(tableId);
   const fields = useFields17(tableId);
   const rights = useTableRights(table.data);
@@ -19589,7 +19848,7 @@ function FieldHistoryPanel({
     setError(null);
     setRows(answered.data);
   }, [client, tableId, fieldKey, recordId]);
-  useEffect43(() => {
+  useEffect44(() => {
     void load();
   }, [load]);
   const label = (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanize(fieldKey);
@@ -19801,13 +20060,13 @@ function submissionStamp(args) {
 }
 
 // src/PortalBuilder.tsx
-import { useCallback as useCallback30, useEffect as useEffect44, useMemo as useMemo35, useState as useState56 } from "react";
-import { useRecordsClient as useRecordsClient40, useTables as useTables3 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput15, Button as Button49, Checkbox as Checkbox8, Label as Label12, Separator as Separator9, Skeleton as Skeleton16, cn as cn42 } from "@ai-matrx/design-system";
+import { useCallback as useCallback30, useEffect as useEffect45, useMemo as useMemo35, useState as useState56 } from "react";
+import { useRecordsClient as useRecordsClient41, useTables as useTables3 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput16, Button as Button49, Checkbox as Checkbox8, Label as Label12, Separator as Separator9, Skeleton as Skeleton16, cn as cn42 } from "@ai-matrx/design-system";
 import { Fragment as Fragment26, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
-  const client = useRecordsClient40();
+  const client = useRecordsClient41();
   const tables = useTables3();
   const [title, setTitle] = useState56("");
   const [clientTableId, setClientTableId] = useState56(null);
@@ -19834,7 +20093,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     },
     [client, fieldsByTable]
   );
-  useEffect44(() => {
+  useEffect45(() => {
     if (!portalId) return;
     void (async () => {
       const answered = await client.portalCard({ portal_id: portalId });
@@ -19848,7 +20107,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
       setClientTableId(answered.data.client_table_id);
     })();
   }, [client, portalId]);
-  useEffect44(() => {
+  useEffect45(() => {
     if (!tableId) return;
     setExposures(
       (prev) => prev[tableId] ? prev : {
@@ -19931,7 +20190,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     /* @__PURE__ */ jsxs61("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx67(Label12, { className: "text-xs font-medium", children: "What your clients see it called" }),
       /* @__PURE__ */ jsx67(
-        BasicInput15,
+        BasicInput16,
         {
           value: title,
           placeholder: "Your jobs and invoices",
@@ -20059,7 +20318,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
           /* @__PURE__ */ jsxs61("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx67("span", { className: "text-xs text-muted-foreground", children: "Their email" }),
             /* @__PURE__ */ jsx67(
-              BasicInput15,
+              BasicInput16,
               {
                 className: "h-8 w-full @md:w-56",
                 value: inviteEmail,
@@ -20070,7 +20329,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
           /* @__PURE__ */ jsxs61("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx67("span", { className: "text-xs text-muted-foreground", children: "Their record in the client table" }),
             /* @__PURE__ */ jsx67(
-              BasicInput15,
+              BasicInput16,
               {
                 className: "h-8 w-full @md:w-80",
                 placeholder: "the record id",
@@ -20096,15 +20355,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 }
 
 // src/PortalsPanel.tsx
-import { useCallback as useCallback31, useEffect as useEffect46, useMemo as useMemo37, useState as useState58 } from "react";
-import { useRecordsClient as useRecordsClient42 } from "@ai-matrx/records/react";
+import { useCallback as useCallback31, useEffect as useEffect47, useMemo as useMemo37, useState as useState58 } from "react";
+import { useRecordsClient as useRecordsClient43 } from "@ai-matrx/records/react";
 import {
   portalArchiveConsequence,
   portalConfirmLine as portalConfirmLine2,
   portalPath,
   portalTitleTypedBack as portalTitleTypedBack2
 } from "@ai-matrx/records";
-import { Badge as Badge18, BasicInput as BasicInput17, Button as Button52, Separator as Separator10, Skeleton as Skeleton17, cn as cn45 } from "@ai-matrx/design-system";
+import { Badge as Badge18, BasicInput as BasicInput18, Button as Button52, Separator as Separator10, Skeleton as Skeleton17, cn as cn45 } from "@ai-matrx/design-system";
 
 // src/BuildOrAsk.tsx
 import { Button as Button50, cn as cn43 } from "@ai-matrx/design-system";
@@ -20136,9 +20395,9 @@ function BuildOrAsk({
 }
 
 // src/PortalLookEditor.tsx
-import { useEffect as useEffect45, useMemo as useMemo36, useState as useState57 } from "react";
-import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput16, Button as Button51, cn as cn44 } from "@ai-matrx/design-system";
+import { useEffect as useEffect46, useMemo as useMemo36, useState as useState57 } from "react";
+import { useRecordsClient as useRecordsClient42 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput17, Button as Button51, cn as cn44 } from "@ai-matrx/design-system";
 import { STYLE_COLOR_LABELS as STYLE_COLOR_LABELS3, SWATCH_CLASS as SWATCH_CLASS2 } from "@ai-matrx/design-system/data-table";
 import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
 function candidateRows(card, available) {
@@ -20165,7 +20424,7 @@ function candidateRows(card, available) {
   return rows;
 }
 function PortalLookEditor({ card, onSaved, className }) {
-  const client = useRecordsClient41();
+  const client = useRecordsClient42();
   const stored = card.config?.style ?? {};
   const [name, setName] = useState57(stored.display_name ?? "");
   const [welcome, setWelcome] = useState57(stored.welcome ?? "");
@@ -20178,7 +20437,7 @@ function PortalLookEditor({ card, onSaved, className }) {
   const [said, setSaid] = useState57(null);
   const [formsError, setFormsError] = useState57(null);
   const [formsUnread, setFormsUnread] = useState57(false);
-  useEffect45(() => {
+  useEffect46(() => {
     let cancelled = false;
     void (async () => {
       try {
@@ -20255,7 +20514,7 @@ function PortalLookEditor({ card, onSaved, className }) {
     /* @__PURE__ */ jsxs63("label", { className: "flex flex-col gap-1 text-xs", children: [
       /* @__PURE__ */ jsx69("span", { children: "Business name clients see" }),
       /* @__PURE__ */ jsx69(
-        BasicInput16,
+        BasicInput17,
         {
           value: name,
           placeholder: orgName ?? card.style.display_name,
@@ -20272,7 +20531,7 @@ function PortalLookEditor({ card, onSaved, className }) {
     /* @__PURE__ */ jsxs63("label", { className: "flex flex-col gap-1 text-xs", children: [
       /* @__PURE__ */ jsx69("span", { children: "Welcome line" }),
       /* @__PURE__ */ jsx69(
-        BasicInput16,
+        BasicInput17,
         {
           value: welcome,
           placeholder: "Your service calls and invoices, in one place.",
@@ -20343,7 +20602,7 @@ function PortalLookEditor({ card, onSaved, className }) {
         // never pushed past the edge (measured at 390: it was clipped).
         /* @__PURE__ */ jsxs63("div", { className: "flex flex-wrap items-center gap-1.5", children: [
           /* @__PURE__ */ jsx69(
-            BasicInput16,
+            BasicInput17,
             {
               className: "min-w-0 flex-1 basis-32",
               value: link.label,
@@ -20353,7 +20612,7 @@ function PortalLookEditor({ card, onSaved, className }) {
             }
           ),
           /* @__PURE__ */ jsx69(
-            BasicInput16,
+            BasicInput17,
             {
               className: "min-w-0 flex-1 basis-40",
               value: link.url,
@@ -20396,7 +20655,7 @@ function PortalLookEditor({ card, onSaved, className }) {
         ] }),
         /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-1.5 pl-5", children: [
           /* @__PURE__ */ jsx69(
-            BasicInput16,
+            BasicInput17,
             {
               className: "h-7 min-w-0 flex-1",
               value: f.label,
@@ -20460,13 +20719,13 @@ function stateWords(person) {
 }
 var PORTAL_SUGGESTION = "Let each of my customers sign in and see their own jobs and invoices, and nothing else.";
 function PortalsPanel({ tableId, activePortalId, className }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const host = useRecordsUi();
   const [portals, setPortals] = useState58(null);
   const [exposures, setExposures] = useState58([]);
   const [listError, setListError] = useState58(null);
   const [openId, setOpenId] = useState58(activePortalId ?? null);
-  useEffect46(() => {
+  useEffect47(() => {
     if (activePortalId) setOpenId(activePortalId);
   }, [activePortalId]);
   const [building, setBuilding] = useState58(false);
@@ -20484,7 +20743,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
     setPortals(answered.data);
     setExposures(mapped.ok ? mapped.data : []);
   }, [client]);
-  useEffect46(() => {
+  useEffect47(() => {
     void load();
   }, [load]);
   if (portals === null) return /* @__PURE__ */ jsx70(Skeleton17, { className: cn45("h-32 w-full", className) });
@@ -20640,7 +20899,7 @@ function ArchivePortalControl({
   portal,
   onArchived
 }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const [asking, setAsking] = useState58(false);
   const [typed, setTyped] = useState58("");
   const [busy, setBusy] = useState58(false);
@@ -20686,7 +20945,7 @@ function ArchivePortalControl({
       /* @__PURE__ */ jsx70("p", { className: "text-xs text-muted-foreground", children: portalConfirmLine2(portal.title) }),
       /* @__PURE__ */ jsxs64("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ jsx70(
-          BasicInput17,
+          BasicInput18,
           {
             value: typed,
             placeholder: portal.title,
@@ -20747,7 +21006,7 @@ function PortalDetail({
   origin,
   onChanged
 }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const [card, setCard] = useState58(null);
   const [error, setError] = useState58(null);
   const load = useCallback31(async () => {
@@ -20760,7 +21019,7 @@ function PortalDetail({
     setError(null);
     setCard(answered.data);
   }, [client, portalId]);
-  useEffect46(() => {
+  useEffect47(() => {
     void load();
   }, [load]);
   const revoke = useCallback31(
@@ -20968,7 +21227,7 @@ function Preview({
   const [which, setWhich] = useState58(first?.table_id ?? null);
   const [rows, setRows] = useState58(null);
   const [error, setError] = useState58(null);
-  useEffect46(() => {
+  useEffect47(() => {
     if (!which) return;
     let cancelled = false;
     setRows(null);
@@ -21005,7 +21264,7 @@ function Preview({
   ] });
 }
 function Invite({ card, onInvited }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const [rows, setRows] = useState58(null);
   const [clientTable, setClientTable] = useState58(null);
   const [search, setSearch] = useState58("");
@@ -21014,7 +21273,7 @@ function Invite({ card, onInvited }) {
   const [busy, setBusy] = useState58(false);
   const [said, setSaid] = useState58(null);
   const [error, setError] = useState58(null);
-  useEffect46(() => {
+  useEffect47(() => {
     let cancelled = false;
     void client.list({ table_id: card.client_table_id, limit: 200 }).then((answered) => {
       if (cancelled) return;
@@ -21065,7 +21324,7 @@ function Invite({ card, onInvited }) {
     said ? /* @__PURE__ */ jsx70("p", { className: "text-xs text-muted-foreground", children: said }) : null,
     rows === null ? /* @__PURE__ */ jsx70(Skeleton17, { className: "h-9 w-full" }) : /* @__PURE__ */ jsxs64(Fragment27, { children: [
       /* @__PURE__ */ jsx70(
-        BasicInput17,
+        BasicInput18,
         {
           className: "text-base",
           placeholder: "Find the client\u2026",
@@ -21093,7 +21352,7 @@ function Invite({ card, onInvited }) {
         ) }, option.id))
       ] }),
       /* @__PURE__ */ jsx70(
-        BasicInput17,
+        BasicInput18,
         {
           className: "text-base",
           type: "email",
@@ -21116,9 +21375,9 @@ function Invite({ card, onInvited }) {
 }
 
 // src/DigestScheduler.tsx
-import { useCallback as useCallback32, useEffect as useEffect47, useMemo as useMemo38, useState as useState59 } from "react";
-import { useRecordsClient as useRecordsClient43 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput18, Button as Button53, Checkbox as Checkbox9, Label as Label13, Separator as Separator11, Skeleton as Skeleton18, cn as cn46 } from "@ai-matrx/design-system";
+import { useCallback as useCallback32, useEffect as useEffect48, useMemo as useMemo38, useState as useState59 } from "react";
+import { useRecordsClient as useRecordsClient44 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput19, Button as Button53, Checkbox as Checkbox9, Label as Label13, Separator as Separator11, Skeleton as Skeleton18, cn as cn46 } from "@ai-matrx/design-system";
 import { Fragment as Fragment28, jsx as jsx71, jsxs as jsxs65 } from "react/jsx-runtime";
 var WEEKDAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
 var CADENCE_WORDS = {
@@ -21141,7 +21400,7 @@ function DigestScheduler({
   onClose,
   className
 }) {
-  const client = useRecordsClient43();
+  const client = useRecordsClient44();
   const host = useRecordsUi();
   const [views, setViews] = useState59(null);
   const [cadences, setCadences] = useState59([]);
@@ -21180,7 +21439,7 @@ function DigestScheduler({
       setMembers([]);
     }
   }, [client, tableId, host]);
-  useEffect47(() => {
+  useEffect48(() => {
     void load();
   }, [load]);
   const schedule = useMemo38(() => {
@@ -21258,7 +21517,7 @@ function DigestScheduler({
     /* @__PURE__ */ jsxs65("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx71(Label13, { className: "text-xs font-medium", children: "What to call it" }),
       /* @__PURE__ */ jsx71(
-        BasicInput18,
+        BasicInput19,
         {
           value: name,
           placeholder: "Monday donor summary",
@@ -21309,7 +21568,7 @@ function DigestScheduler({
       ] }) : null,
       cadence === "weekly" || cadence === "daily" ? /* @__PURE__ */ jsxs65("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx71(Label13, { className: "text-xs font-medium", children: "At" }),
-        /* @__PURE__ */ jsx71(BasicInput18, { type: "time", value: time, onChange: (e) => setTime(e.target.value) })
+        /* @__PURE__ */ jsx71(BasicInput19, { type: "time", value: time, onChange: (e) => setTime(e.target.value) })
       ] }) : null,
       cadence !== "instant" ? /* @__PURE__ */ jsxs65(
         "p",
@@ -21360,7 +21619,7 @@ function DigestScheduler({
     ] }),
     quiet ? /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx71(
-        BasicInput18,
+        BasicInput19,
         {
           type: "time",
           className: "h-8 w-28",
@@ -21370,7 +21629,7 @@ function DigestScheduler({
       ),
       /* @__PURE__ */ jsx71("span", { className: "text-xs text-muted-foreground", children: "and" }),
       /* @__PURE__ */ jsx71(
-        BasicInput18,
+        BasicInput19,
         {
           type: "time",
           className: "h-8 w-28",
@@ -21432,14 +21691,14 @@ function DigestScheduler({
 }
 
 // src/SubscriptionsPanel.tsx
-import { useCallback as useCallback34, useEffect as useEffect49, useState as useState61 } from "react";
-import { useRecordsClient as useRecordsClient45 } from "@ai-matrx/records/react";
+import { useCallback as useCallback34, useEffect as useEffect50, useState as useState61 } from "react";
+import { useRecordsClient as useRecordsClient46 } from "@ai-matrx/records/react";
 import { Badge as Badge19, Button as Button55, Skeleton as Skeleton20, Switch as Switch2, cn as cn48 } from "@ai-matrx/design-system";
 
 // src/WebhooksPanel.tsx
-import { useCallback as useCallback33, useEffect as useEffect48, useState as useState60 } from "react";
-import { useRecordsClient as useRecordsClient44, useTable as useTable14 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput19, Button as Button54, Checkbox as Checkbox10, ConfirmDialog as ConfirmDialog6, Label as Label14, Skeleton as Skeleton19, cn as cn47 } from "@ai-matrx/design-system";
+import { useCallback as useCallback33, useEffect as useEffect49, useState as useState60 } from "react";
+import { useRecordsClient as useRecordsClient45, useTable as useTable14 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput20, Button as Button54, Checkbox as Checkbox10, ConfirmDialog as ConfirmDialog6, Label as Label14, Skeleton as Skeleton19, cn as cn47 } from "@ai-matrx/design-system";
 import { jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
 var WEBHOOK_EVENT_LABEL = {
   "record.created": "A record is added",
@@ -21458,7 +21717,7 @@ function health(hook) {
   return "Nothing has changed since it was set up, so nothing has been sent yet.";
 }
 function WebhooksPanel({ tableId, className }) {
-  const client = useRecordsClient44();
+  const client = useRecordsClient45();
   const table = useTable14(tableId);
   const rights = useTableRights(table.data);
   const [hooks, setHooks] = useState60(null);
@@ -21480,7 +21739,7 @@ function WebhooksPanel({ tableId, className }) {
     setError(null);
     setHooks(answered.data ?? []);
   }, [client, tableId]);
-  useEffect48(() => {
+  useEffect49(() => {
     void load();
   }, [load]);
   const declare2 = async () => {
@@ -21529,7 +21788,7 @@ function WebhooksPanel({ tableId, className }) {
       /* @__PURE__ */ jsxs66("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx72(Label14, { className: "text-xs", children: "Where to send it (an https address)" }),
         /* @__PURE__ */ jsx72(
-          BasicInput19,
+          BasicInput20,
           {
             value: url,
             "aria-label": "Webhook address",
@@ -21541,7 +21800,7 @@ function WebhooksPanel({ tableId, className }) {
       /* @__PURE__ */ jsxs66("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx72(Label14, { className: "text-xs", children: "What it is for" }),
         /* @__PURE__ */ jsx72(
-          BasicInput19,
+          BasicInput20,
           {
             value: description,
             "aria-label": "What this webhook is for",
@@ -21638,7 +21897,7 @@ function nextSummaryAt(subscription, now) {
 var CHANNEL_WORDS2 = SUBSCRIPTION_CHANNEL_LABEL;
 var DIGEST_SUGGESTION = "Email me a summary of this every Monday at 8 in the morning.";
 function SubscriptionsPanel({ tableId, activeRuleId, className }) {
-  const client = useRecordsClient45();
+  const client = useRecordsClient46();
   const [rows, setRows] = useState61(null);
   const [error, setError] = useState61(null);
   const [busy, setBusy] = useState61(null);
@@ -21655,7 +21914,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
     setError(null);
     setRows(answered.data);
   }, [client, tableId]);
-  useEffect49(() => {
+  useEffect50(() => {
     void load();
   }, [load]);
   const flip = useCallback34(
@@ -21831,17 +22090,17 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 }
 
 // src/FormBuilder.tsx
-import { useCallback as useCallback37, useEffect as useEffect53, useMemo as useMemo40, useState as useState65 } from "react";
-import { useFields as useFields19, useRecordsClient as useRecordsClient48, useTable as useTable16 } from "@ai-matrx/records/react";
+import { useCallback as useCallback37, useEffect as useEffect54, useMemo as useMemo40, useState as useState65 } from "react";
+import { useFields as useFields19, useRecordsClient as useRecordsClient49, useTable as useTable16 } from "@ai-matrx/records/react";
 
 // src/publish-gate.ts
-import { useEffect as useEffect50, useState as useState62 } from "react";
-import { useRecordsClient as useRecordsClient46 } from "@ai-matrx/records/react";
+import { useEffect as useEffect51, useState as useState62 } from "react";
+import { useRecordsClient as useRecordsClient47 } 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 = useRecordsClient46();
+  const client = useRecordsClient47();
   const [storeOpen, setStoreOpen] = useState62(null);
-  useEffect50(() => {
+  useEffect51(() => {
     let alive = true;
     void (async () => {
       const answered = await client.storeIsOpen();
@@ -21862,7 +22121,7 @@ function usePublishGate() {
 // src/FormBuilder.tsx
 import { publicFormPath } from "@ai-matrx/records";
 import {
-  BasicInput as BasicInput20,
+  BasicInput as BasicInput21,
   BasicTextarea as BasicTextarea10,
   Button as Button58,
   Checkbox as Checkbox11,
@@ -21872,7 +22131,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback35, useEffect as useEffect51, useMemo as useMemo39, useRef as useRef21, useState as useState63 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect52, useMemo as useMemo39, useRef as useRef22, useState as useState63 } from "react";
 import { useFields as useFields18, useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
 import { Button as Button56, Progress, Skeleton as Skeleton21, cn as cn49 } from "@ai-matrx/design-system";
 import { Fragment as Fragment29, jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
@@ -21972,8 +22231,8 @@ function FormStage({
   const [writing, setWriting] = useState63(false);
   const [done, setDone] = useState63(null);
   const [hidden, setHidden] = useState63({});
-  const decoy = useRef21("");
-  const stage = useRef21(null);
+  const decoy = useRef22("");
+  const stage = useRef22(null);
   const questions = useMemo39(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -21988,7 +22247,7 @@ function FormStage({
       };
     });
   }, [fields, form.questions]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (!whichAsked) return;
     if (!questions.some((q) => q.showIf)) return;
     let cancelled = false;
@@ -22031,19 +22290,19 @@ function FormStage({
     };
   }, [whichAsked, questions, answers]);
   const live = questions.filter((q) => !hidden[q.key]);
-  const told = useRef21(answers);
-  useEffect51(() => {
+  const told = useRef22(answers);
+  useEffect52(() => {
     if (told.current === answers) return;
     told.current = answers;
     onAnswersChange?.(answers);
   }, [answers, onAnswersChange]);
-  const resumeAt = useRef21(
+  const resumeAt = useRef22(
     resumed && initialAnswers && Object.keys(initialAnswers).length > 0 ? questions.find((q) => {
       const v = initialAnswers[q.key];
       return v === void 0 || v === null || v === "";
     })?.key ?? null : null
   );
-  useEffect51(() => {
+  useEffect52(() => {
     const key = resumeAt.current;
     if (!key) return;
     const i = live.findIndex((q) => q.key === key);
@@ -22109,7 +22368,7 @@ function FormStage({
     if (event.shiftKey) retreat();
     else advance();
   }
-  useEffect51(() => {
+  useEffect52(() => {
     const input = stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox']"
     );
@@ -22220,7 +22479,7 @@ function ThankYou({ form, done, className }) {
   const host = useRecordsUi();
   const redirect = form.thankYou?.redirectUrl?.trim() || null;
   const going = redirect !== null && done !== "preview";
-  useEffect51(() => {
+  useEffect52(() => {
     if (!going || !redirect) return;
     const timer = window.setTimeout(() => window.location.assign(redirect), REDIRECT_AFTER_MS);
     return () => window.clearTimeout(timer);
@@ -22279,14 +22538,14 @@ function Question({
 }
 
 // src/NotifyRuleEditor.tsx
-import { useCallback as useCallback36, useEffect as useEffect52, useState as useState64 } from "react";
-import { useRecordsClient as useRecordsClient47, useTable as useTable15 } from "@ai-matrx/records/react";
+import { useCallback as useCallback36, useEffect as useEffect53, useState as useState64 } from "react";
+import { useRecordsClient as useRecordsClient48, useTable as useTable15 } from "@ai-matrx/records/react";
 import { Button as Button57, Skeleton as Skeleton22, cn as cn50 } from "@ai-matrx/design-system";
 import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
 function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className }) {
-  const client = useRecordsClient47();
+  const client = useRecordsClient48();
   const host = useRecordsUi();
   const table = useTable15(tableId);
   const rights = useTableRights(table.data);
@@ -22324,7 +22583,7 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
     }
     setViews(listed.data.map((v) => ({ id: v.view_id, name: v.name })));
   }, [client, host, tableId]);
-  useEffect52(() => {
+  useEffect53(() => {
     void load();
   }, [load]);
   const write = useCallback36(
@@ -22352,7 +22611,7 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
     },
     [client, tableId]
   );
-  useEffect52(() => {
+  useEffect53(() => {
     if (!subscriptions || !seed || seed.length === 0) return;
     const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
     if (missing.length === 0) return;
@@ -22557,7 +22816,7 @@ function whyNotAskable(fields, hidden = []) {
 // src/FormBuilder.tsx
 import { Fragment as Fragment30, jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
-  const client = useRecordsClient48();
+  const client = useRecordsClient49();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
@@ -22602,10 +22861,10 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  useEffect53(() => {
+  useEffect54(() => {
     void load();
   }, [load]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (!forms || forms.length === 0) return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -22772,7 +23031,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
             /* @__PURE__ */ jsxs70("label", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsx76(Label15, { className: "text-xs font-medium", children: "Thank-you title" }),
               /* @__PURE__ */ jsx76(
-                BasicInput20,
+                BasicInput21,
                 {
                   value: draft.thankYou?.title ?? "",
                   placeholder: "Thank you",
@@ -22783,7 +23042,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
             /* @__PURE__ */ jsxs70("label", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsx76(Label15, { className: "text-xs font-medium", children: "Then go to (optional)" }),
               /* @__PURE__ */ jsx76(
-                BasicInput20,
+                BasicInput21,
                 {
                   type: "url",
                   inputMode: "url",
@@ -22810,7 +23069,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
         /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-2 gap-2", children: [
           /* @__PURE__ */ jsxs70("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx76(Label15, { className: "text-xs font-medium", children: "Name" }),
-            /* @__PURE__ */ jsx76(BasicInput20, { value: draft.name, onChange: (e) => patch({ name: e.target.value }) })
+            /* @__PURE__ */ jsx76(BasicInput21, { value: draft.name, onChange: (e) => patch({ name: e.target.value }) })
           ] }),
           /* @__PURE__ */ jsxs70("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx76(Label15, { className: "text-xs font-medium", children: "Flow" }),
@@ -22838,7 +23097,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
           /* @__PURE__ */ jsxs70("label", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx76(Label15, { className: "text-xs font-medium", children: "Submit button" }),
             /* @__PURE__ */ jsx76(
-              BasicInput20,
+              BasicInput21,
               {
                 value: draft.submitLabel ?? "",
                 placeholder: "Submit",
@@ -22879,7 +23138,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
               ] }),
               asked && question ? /* @__PURE__ */ jsxs70("div", { className: "mt-1.5 grid grid-cols-2 gap-2 pl-6", children: [
                 /* @__PURE__ */ jsx76(
-                  BasicInput20,
+                  BasicInput21,
                   {
                     className: "h-8 text-xs",
                     placeholder: fieldName(field2),
@@ -22889,7 +23148,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
                   }
                 ),
                 /* @__PURE__ */ jsx76(
-                  BasicInput20,
+                  BasicInput21,
                   {
                     className: "h-8 text-xs",
                     placeholder: "Help text",
@@ -23183,17 +23442,17 @@ function bucketWindow(groupKey, value) {
 
 // src/chartFrame.tsx
 import {
-  useEffect as useEffect54,
+  useEffect as useEffect55,
   useId as useId2,
-  useRef as useRef22,
+  useRef as useRef23,
   useState as useState66
 } from "react";
 import { cn as cn52 } from "@ai-matrx/design-system";
 import { jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef22(null);
+  const ref = useRef23(null);
   const [width, setWidth] = useState66(fallback);
-  useEffect54(() => {
+  useEffect55(() => {
     const node = ref.current;
     if (!node) return;
     const apply = () => {
@@ -23317,12 +23576,12 @@ function isSignatureField(field2) {
 }
 
 // src/DocTemplate.tsx
-import { useCallback as useCallback38, useEffect as useEffect55, useState as useState67 } from "react";
-import { useFields as useFields20, useRecordsClient as useRecordsClient49, useTable as useTable17 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput21, BasicTextarea as BasicTextarea11, Button as Button59, Label as Label16, Skeleton as Skeleton24, cn as cn53 } from "@ai-matrx/design-system";
+import { useCallback as useCallback38, useEffect as useEffect56, useState as useState67 } from "react";
+import { useFields as useFields20, useRecordsClient as useRecordsClient50, useTable as useTable17 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput22, BasicTextarea as BasicTextarea11, Button as Button59, Label as Label16, Skeleton as Skeleton24, cn as cn53 } from "@ai-matrx/design-system";
 import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = useRecordsClient49();
+  const client = useRecordsClient50();
   const claimSeed = useSeedGuard();
   const table = useTable17(tableId);
   const rights = useTableRights(table.data);
@@ -23365,10 +23624,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  useEffect55(() => {
+  useEffect56(() => {
     void load();
   }, [load]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -23376,7 +23635,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  useEffect55(() => {
+  useEffect56(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -23461,7 +23720,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     ] }),
     /* @__PURE__ */ jsxs72("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx78(Label16, { className: "text-xs font-medium", children: "Name" }),
-      /* @__PURE__ */ jsx78(BasicInput21, { value: draftName, onChange: (e) => setDraftName(e.target.value), placeholder: "Agreement" })
+      /* @__PURE__ */ jsx78(BasicInput22, { value: draftName, onChange: (e) => setDraftName(e.target.value), placeholder: "Agreement" })
     ] }),
     /* @__PURE__ */ jsxs72("div", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ jsx78("span", { className: "text-xs text-muted-foreground", children: "Insert" }),
@@ -23501,18 +23760,18 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback39, useEffect as useEffect56, useRef as useRef23, useState as useState68 } from "react";
-import { useRecordsClient as useRecordsClient50 } from "@ai-matrx/records/react";
+import { useCallback as useCallback39, useEffect as useEffect57, useRef as useRef24, useState as useState68 } from "react";
+import { useRecordsClient as useRecordsClient51 } from "@ai-matrx/records/react";
 import { Button as Button60, Skeleton as Skeleton25, cn as cn54 } from "@ai-matrx/design-system";
 import { jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = useRecordsClient50();
+  const client = useRecordsClient51();
   const [preview, setPreview] = useState68(null);
   const [renders, setRenders] = useState68(null);
   const [showing, setShowing] = useState68(null);
   const [error, setError] = useState68(null);
   const [busy, setBusy] = useState68(null);
-  const paper = useRef23(null);
+  const paper = useRef24(null);
   const load = useCallback39(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -23530,7 +23789,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  useEffect56(() => {
+  useEffect57(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -23614,13 +23873,13 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-import { useCallback as useCallback40, useEffect as useEffect57, useState as useState69 } from "react";
-import { useFields as useFields21, useRecordsClient as useRecordsClient51 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput22, Button as Button61, Skeleton as Skeleton26, cn as cn55 } from "@ai-matrx/design-system";
+import { useCallback as useCallback40, useEffect as useEffect58, useState as useState69 } from "react";
+import { useFields as useFields21, useRecordsClient as useRecordsClient52 } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput23, Button as Button61, Skeleton as Skeleton26, cn as cn55 } from "@ai-matrx/design-system";
 import { useTable as useTable18 } from "@ai-matrx/records/react";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = useRecordsClient51();
+  const client = useRecordsClient52();
   const table = useTable18(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields21(tableId);
@@ -23644,7 +23903,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  useEffect57(() => {
+  useEffect58(() => {
     void load();
   }, [load]);
   async function sign(field2) {
@@ -23739,7 +23998,7 @@ function SignBlock({ tableId, recordId, render, className }) {
           },
           children: [
             /* @__PURE__ */ jsx80(
-              BasicInput22,
+              BasicInput23,
               {
                 className: "h-8 w-56 text-xs",
                 "aria-label": `Sign ${fieldName(field2)}`,
@@ -24209,22 +24468,22 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-import { useCallback as useCallback41, useEffect as useEffect58, useMemo as useMemo42, useState as useState70 } from "react";
-import { useFields as useFields22, useRecordsClient as useRecordsClient52, useTable as useTable19 } from "@ai-matrx/records/react";
+import { useCallback as useCallback41, useEffect as useEffect59, useMemo as useMemo42, useState as useState70 } from "react";
+import { useFields as useFields22, useRecordsClient as useRecordsClient53, useTable as useTable19 } from "@ai-matrx/records/react";
 import {
-  BasicInput as BasicInput23,
+  BasicInput as BasicInput24,
   Button as Button62,
-  Select as Select6,
-  SelectContent as SelectContent6,
-  SelectItem as SelectItem6,
-  SelectTrigger as SelectTrigger6,
-  SelectValue as SelectValue6,
+  Select as Select7,
+  SelectContent as SelectContent7,
+  SelectItem as SelectItem7,
+  SelectTrigger as SelectTrigger7,
+  SelectValue as SelectValue7,
   Skeleton as Skeleton27,
   cn as cn57
 } from "@ai-matrx/design-system";
 import { Fragment as Fragment32, jsx as jsx82, jsxs as jsxs76 } from "react/jsx-runtime";
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
-  const client = useRecordsClient52();
+  const client = useRecordsClient53();
   const host = useRecordsUi();
   const table = useTable19(tableId);
   const rights = useTableRights(table.data);
@@ -24256,17 +24515,17 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     return read;
   }, [client, tableId]);
   const [notKept, setNotKept] = useState70(null);
-  useEffect58(() => {
+  useEffect59(() => {
     void load();
   }, [load]);
-  useEffect58(() => {
+  useEffect59(() => {
     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 = useMemo42(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  useEffect58(() => {
+  useEffect59(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -24397,15 +24656,15 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       rights.admin ? /* @__PURE__ */ jsx82(Button62, { size: "sm", variant: "ghost", onClick: () => void create(), children: "New dashboard" }) : null,
       board ? /* @__PURE__ */ jsxs76("span", { className: "ml-auto flex items-center gap-1", children: [
         (board.blocks ?? []).some((b) => !!b.bucket) ? /* @__PURE__ */ jsxs76(
-          Select6,
+          Select7,
           {
             value: grain ?? "saved",
             onValueChange: (v) => setGrain(v === "saved" ? null : v),
             children: [
-              /* @__PURE__ */ jsx82(SelectTrigger6, { size: "sm", "aria-label": "Date grain for every chart on this dashboard", className: "h-7 min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue6, {}) }),
-              /* @__PURE__ */ jsxs76(SelectContent6, { children: [
-                /* @__PURE__ */ jsx82(SelectItem6, { value: "saved", children: "By the saved grain" }),
-                Object.keys(GRAIN_LABEL).map((g) => /* @__PURE__ */ jsxs76(SelectItem6, { value: g, children: [
+              /* @__PURE__ */ jsx82(SelectTrigger7, { size: "sm", "aria-label": "Date grain for every chart on this dashboard", className: "h-7 min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue7, {}) }),
+              /* @__PURE__ */ jsxs76(SelectContent7, { children: [
+                /* @__PURE__ */ jsx82(SelectItem7, { value: "saved", children: "By the saved grain" }),
+                Object.keys(GRAIN_LABEL).map((g) => /* @__PURE__ */ jsxs76(SelectItem7, { value: g, children: [
                   "By ",
                   GRAIN_LABEL[g].toLowerCase()
                 ] }, g))
@@ -24457,7 +24716,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     board ? /* @__PURE__ */ jsxs76("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx82(
-          BasicInput23,
+          BasicInput24,
           {
             value: question,
             "aria-label": "Ask for a change to this dashboard",
@@ -24583,18 +24842,18 @@ function GroupingPicker({
   const known = choices.some((c) => c.field.key === current);
   return /* @__PURE__ */ jsxs76(Fragment32, { children: [
     /* @__PURE__ */ jsx82("label", { className: "text-muted-foreground", htmlFor: `block-group-${block.title}`, children: "Group by" }),
-    /* @__PURE__ */ jsxs76(Select6, { value: known ? current : "", onValueChange: onPick, children: [
+    /* @__PURE__ */ jsxs76(Select7, { value: known ? current : "", onValueChange: onPick, children: [
       /* @__PURE__ */ jsx82(
-        SelectTrigger6,
+        SelectTrigger7,
         {
           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__ */ jsx82(SelectValue6, { placeholder: "Choose a column" })
+          children: /* @__PURE__ */ jsx82(SelectValue7, { placeholder: "Choose a column" })
         }
       ),
-      /* @__PURE__ */ jsx82(SelectContent6, { children: choices.map(({ field: field2, unusual }) => /* @__PURE__ */ jsx82(SelectItem6, { value: field2.key, children: unusual ? `${fieldName(field2)} \u2014 ${UNUSUAL_FIELD_NOTE}` : fieldName(field2) }, field2.key)) })
+      /* @__PURE__ */ jsx82(SelectContent7, { children: choices.map(({ field: field2, unusual }) => /* @__PURE__ */ jsx82(SelectItem7, { value: field2.key, children: unusual ? `${fieldName(field2)} \u2014 ${UNUSUAL_FIELD_NOTE}` : fieldName(field2) }, field2.key)) })
     ] }),
     known ? null : /* @__PURE__ */ jsx82("span", { className: "text-muted-foreground", children: "The column this block was grouped by is no longer on this table \u2014 choose another." })
   ] });
@@ -24680,7 +24939,7 @@ function CompareControl({
   );
   return /* @__PURE__ */ jsxs76(Fragment32, { children: [
     /* @__PURE__ */ jsxs76(
-      Select6,
+      Select7,
       {
         value: current ?? "none",
         onValueChange: (v) => {
@@ -24694,22 +24953,22 @@ function CompareControl({
           });
         },
         children: [
-          /* @__PURE__ */ jsx82(SelectTrigger6, { size: "sm", "aria-label": `What ${block.title} is compared with`, className: "h-7 w-auto min-w-[9rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue6, {}) }),
-          /* @__PURE__ */ jsxs76(SelectContent6, { children: [
-            /* @__PURE__ */ jsx82(SelectItem6, { value: "none", children: "No comparison" }),
-            kinds.map((k) => /* @__PURE__ */ jsx82(SelectItem6, { value: k, children: COMPARE_LABEL[k] }, k))
+          /* @__PURE__ */ jsx82(SelectTrigger7, { size: "sm", "aria-label": `What ${block.title} is compared with`, className: "h-7 w-auto min-w-[9rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue7, {}) }),
+          /* @__PURE__ */ jsxs76(SelectContent7, { children: [
+            /* @__PURE__ */ jsx82(SelectItem7, { value: "none", children: "No comparison" }),
+            kinds.map((k) => /* @__PURE__ */ jsx82(SelectItem7, { value: k, children: COMPARE_LABEL[k] }, k))
           ] })
         ]
       }
     ),
     current && !explicitWindow ? /* @__PURE__ */ jsxs76(
-      Select6,
+      Select7,
       {
         value: period,
         onValueChange: (v) => onChange({ ...block.compare ?? { against: current, key }, period: v }),
         children: [
-          /* @__PURE__ */ jsx82(SelectTrigger6, { size: "sm", "aria-label": `Which period ${block.title} shows`, className: "h-7 w-auto min-w-[7rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue6, {}) }),
-          /* @__PURE__ */ jsx82(SelectContent6, { children: Object.keys(GRAIN_LABEL).map((g) => /* @__PURE__ */ jsxs76(SelectItem6, { value: g, children: [
+          /* @__PURE__ */ jsx82(SelectTrigger7, { size: "sm", "aria-label": `Which period ${block.title} shows`, className: "h-7 w-auto min-w-[7rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue7, {}) }),
+          /* @__PURE__ */ jsx82(SelectContent7, { children: Object.keys(GRAIN_LABEL).map((g) => /* @__PURE__ */ jsxs76(SelectItem7, { value: g, children: [
             "This ",
             GRAIN_LABEL[g].toLowerCase()
           ] }, g)) })
@@ -24727,7 +24986,7 @@ function TargetControl({
   const [mode, setMode] = useState70(saved);
   const savedValue = block.target && "value" in block.target && typeof block.target.value === "number" ? block.target.value : null;
   const [draft, setDraft] = useState70(savedValue === null ? "" : String(savedValue));
-  useEffect58(() => {
+  useEffect59(() => {
     setMode(saved);
     setDraft(savedValue === null ? "" : String(savedValue));
   }, [saved, savedValue]);
@@ -24742,7 +25001,7 @@ function TargetControl({
   }
   return /* @__PURE__ */ jsxs76(Fragment32, { children: [
     /* @__PURE__ */ jsxs76(
-      Select6,
+      Select7,
       {
         value: mode,
         onValueChange: (v) => {
@@ -24751,17 +25010,17 @@ function TargetControl({
           if (next === "none" && saved !== "none") onChange(null);
         },
         children: [
-          /* @__PURE__ */ jsx82(SelectTrigger6, { size: "sm", "aria-label": `The target ${block.title} aims for`, className: "h-7 w-auto min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue6, {}) }),
-          /* @__PURE__ */ jsxs76(SelectContent6, { children: [
-            /* @__PURE__ */ jsx82(SelectItem6, { value: "none", children: "No target" }),
-            /* @__PURE__ */ jsx82(SelectItem6, { value: "value", children: "A target number" }),
-            columns.length > 0 ? /* @__PURE__ */ jsx82(SelectItem6, { value: "field", children: "A goal column" }) : null
+          /* @__PURE__ */ jsx82(SelectTrigger7, { size: "sm", "aria-label": `The target ${block.title} aims for`, className: "h-7 w-auto min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue7, {}) }),
+          /* @__PURE__ */ jsxs76(SelectContent7, { children: [
+            /* @__PURE__ */ jsx82(SelectItem7, { value: "none", children: "No target" }),
+            /* @__PURE__ */ jsx82(SelectItem7, { value: "value", children: "A target number" }),
+            columns.length > 0 ? /* @__PURE__ */ jsx82(SelectItem7, { value: "field", children: "A goal column" }) : null
           ] })
         ]
       }
     ),
     mode === "value" ? /* @__PURE__ */ jsx82(
-      BasicInput23,
+      BasicInput24,
       {
         inputMode: "decimal",
         value: draft,
@@ -24776,7 +25035,7 @@ function TargetControl({
       }
     ) : null,
     mode === "field" ? /* @__PURE__ */ jsxs76(
-      Select6,
+      Select7,
       {
         value: block.target && "field" in block.target && block.target.field ? block.target.field : "",
         onValueChange: (key) => {
@@ -24785,8 +25044,8 @@ function TargetControl({
           onChange({ field: key, op: "sum", label: fieldName(picked) });
         },
         children: [
-          /* @__PURE__ */ jsx82(SelectTrigger6, { size: "sm", "aria-label": `Which column holds the goal for ${block.title}`, className: "h-7 w-auto min-w-[9rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue6, { placeholder: "Choose a column" }) }),
-          /* @__PURE__ */ jsx82(SelectContent6, { children: columns.map((f) => /* @__PURE__ */ jsx82(SelectItem6, { value: f.key, children: fieldName(f) }, f.key)) })
+          /* @__PURE__ */ jsx82(SelectTrigger7, { size: "sm", "aria-label": `Which column holds the goal for ${block.title}`, className: "h-7 w-auto min-w-[9rem] text-xs", children: /* @__PURE__ */ jsx82(SelectValue7, { placeholder: "Choose a column" }) }),
+          /* @__PURE__ */ jsx82(SelectContent7, { children: columns.map((f) => /* @__PURE__ */ jsx82(SelectItem7, { value: f.key, children: fieldName(f) }, f.key)) })
         ]
       }
     ) : null
@@ -24794,8 +25053,8 @@ function TargetControl({
 }
 
 // src/FormsPanel.tsx
-import { useCallback as useCallback42, useEffect as useEffect59, useState as useState71 } from "react";
-import { useRecordsClient as useRecordsClient53, useTable as useTable20 } from "@ai-matrx/records/react";
+import { useCallback as useCallback42, useEffect as useEffect60, useState as useState71 } from "react";
+import { useRecordsClient as useRecordsClient54, useTable as useTable20 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
 import { Badge as Badge20, Button as Button63, Skeleton as Skeleton28, cn as cn58 } from "@ai-matrx/design-system";
 import { Fragment as Fragment33, jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -24807,7 +25066,7 @@ function formSuggestion(tableName2) {
   return `Make me a form that collects new ${subject} entries and tells me when somebody answers.`;
 }
 function FormsPanel({ tableId, activeFormId, className }) {
-  const client = useRecordsClient53();
+  const client = useRecordsClient54();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable20(tableId);
@@ -24819,7 +25078,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
   const [building, setBuilding] = useState71(false);
   const linked = activeFormId && forms !== null ? forms.find((f) => f.form_id === activeFormId) ?? null : null;
   const linkedMissing = Boolean(activeFormId) && forms !== null && linked === null;
-  useEffect59(() => {
+  useEffect60(() => {
     if (linked && rights.structure) setBuilding(true);
   }, [linked, rights.structure]);
   const load = useCallback42(async () => {
@@ -24832,7 +25091,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  useEffect59(() => {
+  useEffect60(() => {
     void load();
   }, [load]);
   const toggle = useCallback42(
@@ -24963,12 +25222,12 @@ function FormsPanel({ tableId, activeFormId, className }) {
 }
 
 // src/BookingBuilder.tsx
-import { useCallback as useCallback43, useEffect as useEffect60, useMemo as useMemo43, useState as useState72 } from "react";
-import { useFields as useFields23, useRecordsClient as useRecordsClient54, useTable as useTable21 } from "@ai-matrx/records/react";
+import { useCallback as useCallback43, useEffect as useEffect61, useMemo as useMemo43, useState as useState72 } from "react";
+import { useFields as useFields23, useRecordsClient as useRecordsClient55, useTable as useTable21 } from "@ai-matrx/records/react";
 import {
   bookingPath
 } from "@ai-matrx/records";
-import { BasicInput as BasicInput24, BasicTextarea as BasicTextarea12, Button as Button64, Checkbox as Checkbox12, Label as Label17, Skeleton as Skeleton29, cn as cn59 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput25, BasicTextarea as BasicTextarea12, Button as Button64, Checkbox as Checkbox12, Label as Label17, Skeleton as Skeleton29, cn as cn59 } from "@ai-matrx/design-system";
 import { Fragment as Fragment34, jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 var STORE_ANSWERS_THESE = ["slot", "status", "booked_with"];
 var DAYS = [
@@ -24994,7 +25253,7 @@ function draftWindows(availability) {
   });
 }
 function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
-  const client = useRecordsClient54();
+  const client = useRecordsClient55();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable21(tableId);
@@ -25038,18 +25297,18 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setLoaded(true);
     if (mine) setFormId(mine.form_id);
   }, [client, tableId, bookingId]);
-  useEffect60(() => {
+  useEffect61(() => {
     void load();
   }, [load]);
-  useEffect60(() => {
+  useEffect61(() => {
     if (title !== "" || !table.data) return;
     setTitle(existing?.title ?? `Book a ${minutes}-minute ${table.data.name} appointment`);
   }, [table.data, existing]);
-  useEffect60(() => {
+  useEffect61(() => {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
-  useEffect60(() => {
+  useEffect61(() => {
     if (!offer) return;
     setWindows(draftWindows(offer));
     setMinutes(offer.slot_minutes);
@@ -25127,7 +25386,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
       error ? /* @__PURE__ */ jsx84(RefusalNotice, { error }) : null,
       /* @__PURE__ */ jsxs78("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx84(Label17, { className: "text-xs font-medium", children: "What it is called" }),
-        /* @__PURE__ */ jsx84(BasicInput24, { value: title, onChange: (e) => setTitle(e.target.value) })
+        /* @__PURE__ */ jsx84(BasicInput25, { value: title, onChange: (e) => setTitle(e.target.value) })
       ] }),
       /* @__PURE__ */ jsxs78("div", { className: "grid grid-cols-1 gap-2 @md:grid-cols-2", children: [
         /* @__PURE__ */ jsxs78("label", { className: "flex flex-col gap-1", children: [
@@ -25172,7 +25431,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
         /* @__PURE__ */ jsxs78("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx84(Label17, { className: "text-xs font-medium", children: "Most in one day" }),
           /* @__PURE__ */ jsx84(
-            BasicInput24,
+            BasicInput25,
             {
               type: "number",
               min: 1,
@@ -25212,7 +25471,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
           ] }),
           w.on ? /* @__PURE__ */ jsxs78(Fragment34, { children: [
             /* @__PURE__ */ jsx84(
-              BasicInput24,
+              BasicInput25,
               {
                 type: "time",
                 className: "h-8 w-28",
@@ -25222,7 +25481,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
             ),
             /* @__PURE__ */ jsx84("span", { className: "text-xs text-muted-foreground", children: "to" }),
             /* @__PURE__ */ jsx84(
-              BasicInput24,
+              BasicInput25,
               {
                 type: "time",
                 className: "h-8 w-28",
@@ -25311,8 +25570,8 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 }
 
 // src/BookingSlots.tsx
-import { useCallback as useCallback44, useEffect as useEffect61, useMemo as useMemo44, useState as useState73 } from "react";
-import { useRecordsClient as useRecordsClient55, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
+import { useCallback as useCallback44, useEffect as useEffect62, useMemo as useMemo44, useState as useState73 } from "react";
+import { useRecordsClient as useRecordsClient56, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
 import { Badge as Badge21, Button as Button65, Skeleton as Skeleton30, cn as cn60 } from "@ai-matrx/design-system";
 import { Fragment as Fragment35, jsx as jsx85, jsxs as jsxs79 } from "react/jsx-runtime";
@@ -25325,7 +25584,7 @@ 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, activeBookingId, className }) {
-  const client = useRecordsClient55();
+  const client = useRecordsClient56();
   const host = useRecordsUi();
   const [pages, setPages] = useState73(null);
   const [error, setError] = useState73(null);
@@ -25343,7 +25602,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
     setError(null);
     setPages(answered.data);
   }, [client, tableId]);
-  useEffect61(() => {
+  useEffect62(() => {
     void load();
   }, [load]);
   const subjectIds = useMemo44(
@@ -25526,18 +25785,18 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback46, useEffect as useEffect63, useRef as useRef25, useState as useState75 } from "react";
-import { useFields as useFields24, useRecordsClient as useRecordsClient57, useTable as useTable22 } from "@ai-matrx/records/react";
+import { useCallback as useCallback46, useEffect as useEffect64, useRef as useRef26, useState as useState75 } from "react";
+import { useFields as useFields24, useRecordsClient as useRecordsClient58, useTable as useTable22 } from "@ai-matrx/records/react";
 import { Button as Button67, Input as Input4, Skeleton as Skeleton32, Textarea as Textarea3, cn as cn62 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback45, useEffect as useEffect62, useMemo as useMemo45, useRef as useRef24, useState as useState74 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect63, useMemo as useMemo45, useRef as useRef25, useState as useState74 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer3,
   coercionLabel,
   openCaptureQueue
 } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient56 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient57 } from "@ai-matrx/records/react";
 import { Button as Button66, Input as Input3, Skeleton as Skeleton31, Textarea as Textarea2, cn as cn61 } from "@ai-matrx/design-system";
 import { jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function controlFor(field2) {
@@ -25576,7 +25835,7 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = useRecordsClient56();
+  const client = useRecordsClient57();
   const host = useRecordsUi();
   const [face, setFace] = useState74(given);
   const [loadFailed, setLoadFailed] = useState74(null);
@@ -25589,8 +25848,8 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState74([]);
   const [lastSynced, setLastSynced] = useState74(null);
   const [sending, setSending] = useState74(false);
-  const queueRef = useRef24(null);
-  useEffect62(() => {
+  const queueRef = useRef25(null);
+  useEffect63(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
         setCounts(c);
@@ -25628,7 +25887,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  useEffect62(() => {
+  useEffect63(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -25956,7 +26215,7 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = useRecordsClient57();
+  const client = useRecordsClient58();
   const host = useRecordsUi();
   const table = useTable22(tableId);
   const fields = useFields24(tableId);
@@ -25969,7 +26228,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState75(null);
   const [uploadError, setUploadError] = useState75(null);
   const [flushing, setFlushing] = useState75(false);
-  const queue = useRef25([]);
+  const queue = useRef26([]);
   const keep = useCallback46(
     async (next) => {
       queue.current = next;
@@ -25978,7 +26237,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  useEffect63(() => {
+  useEffect64(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -26157,12 +26416,12 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-import { useCallback as useCallback47, useEffect as useEffect64, useState as useState76 } from "react";
-import { useRecordsClient as useRecordsClient58 } from "@ai-matrx/records/react";
+import { useCallback as useCallback47, useEffect as useEffect65, useState as useState76 } from "react";
+import { useRecordsClient as useRecordsClient59 } from "@ai-matrx/records/react";
 import { Button as Button68, Skeleton as Skeleton33, cn as cn63 } from "@ai-matrx/design-system";
 import { jsx as jsx88, jsxs as jsxs82 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = useRecordsClient58();
+  const client = useRecordsClient59();
   const [card, setCard] = useState76(null);
   const [reach, setReach] = useState76(null);
   const [error, setError] = useState76(null);
@@ -26183,7 +26442,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  useEffect64(() => {
+  useEffect65(() => {
     void load();
   }, [load]);
   if (error) {
@@ -26241,9 +26500,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = useRecordsClient58();
+  const client = useRecordsClient59();
   const [title, setTitle] = useState76(null);
-  useEffect64(() => {
+  useEffect65(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -26263,12 +26522,12 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-import { useCallback as useCallback48, useEffect as useEffect65, useState as useState77 } from "react";
-import { useRecordsClient as useRecordsClient59 } from "@ai-matrx/records/react";
+import { useCallback as useCallback48, useEffect as useEffect66, useState as useState77 } from "react";
+import { useRecordsClient as useRecordsClient60 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton34, cn as cn64 } from "@ai-matrx/design-system";
 import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
-  const client = useRecordsClient59();
+  const client = useRecordsClient60();
   const [binding, setBinding] = useState77(null);
   const [rows, setRows] = useState77(null);
   const [fields, setFields] = useState77(null);
@@ -26307,7 +26566,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: found.resource_id, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  useEffect65(() => {
+  useEffect66(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx89(RefusalNotice, { error, className });
@@ -26344,8 +26603,8 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-import { useCallback as useCallback49, useEffect as useEffect66, useState as useState78 } from "react";
-import { useRecordsClient as useRecordsClient60 } from "@ai-matrx/records/react";
+import { useCallback as useCallback49, useEffect as useEffect67, useState as useState78 } from "react";
+import { useRecordsClient as useRecordsClient61 } from "@ai-matrx/records/react";
 import { Button as Button69, Input as Input5, Skeleton as Skeleton35, Textarea as Textarea4, cn as cn65 } from "@ai-matrx/design-system";
 import { useTable as useTable23 } from "@ai-matrx/records/react";
 import { Fragment as Fragment37, jsx as jsx90, jsxs as jsxs84 } from "react/jsx-runtime";
@@ -26357,7 +26616,7 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = useRecordsClient60();
+  const client = useRecordsClient61();
   const host = useRecordsUi();
   const table = useTable23(tableId);
   const rights = useTableRights(table.data);
@@ -26451,13 +26710,13 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = useRecordsClient60();
+  const client = useRecordsClient61();
   const [binding, setBinding] = useState78(null);
   const [error, setError] = useState78(null);
   const [loading, setLoading] = useState78(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  useEffect66(() => {
+  useEffect67(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -26479,7 +26738,7 @@ function useEmbedHandshake(args) {
 }
 
 // src/RecordsMount.tsx
-import { useRef as useRef26 } from "react";
+import { useRef as useRef27 } from "react";
 import { RecordsProvider } from "@ai-matrx/records/react";
 import { jsx as jsx91 } from "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.";
@@ -26497,7 +26756,7 @@ function RecordsMount({
   return /* @__PURE__ */ jsx91(RecordsProvider, { config, children: /* @__PURE__ */ jsx91(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ jsx91(RecordLabelProvider, { children }) }) });
 }
 function useShallowStableHost(host) {
-  const held = useRef26(null);
+  const held = useRef27(null);
   const next = host ?? {};
   const previous = held.current;
   if (previous !== null && sameParts(previous, next)) return previous;
@@ -26529,15 +26788,15 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-import { useCallback as useCallback50, useEffect as useEffect69, useState as useState81 } from "react";
-import { useRecordsClient as useRecordsClient63, useTables as useTables4 } from "@ai-matrx/records/react";
+import { useCallback as useCallback50, useEffect as useEffect70, useState as useState81 } from "react";
+import { useRecordsClient as useRecordsClient64, useTables as useTables4 } from "@ai-matrx/records/react";
 import { withTableFacts } from "@ai-matrx/records/core";
 import { withTablePlacement } from "@ai-matrx/records";
-import { BasicInput as BasicInput25, Button as Button72, Skeleton as Skeleton37, cn as cn67 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput26, Button as Button72, Skeleton as Skeleton37, cn as cn67 } from "@ai-matrx/design-system";
 
 // src/ExampleTables.tsx
-import { useEffect as useEffect67, useState as useState79 } from "react";
-import { useRecordsClient as useRecordsClient61 } from "@ai-matrx/records/react";
+import { useEffect as useEffect68, useState as useState79 } from "react";
+import { useRecordsClient as useRecordsClient62 } from "@ai-matrx/records/react";
 import { loadUseCase, summarize as summarize2, useCaseIds } from "@ai-matrx/records/use-cases";
 import { Button as Button70, Skeleton as Skeleton36, cn as cn66 } from "@ai-matrx/design-system";
 import { jsx as jsx92, jsxs as jsxs85 } from "react/jsx-runtime";
@@ -26546,12 +26805,12 @@ function ExampleTables({
   onClose,
   className
 }) {
-  const client = useRecordsClient61();
+  const client = useRecordsClient62();
   const [summaries, setSummaries] = useState79(null);
   const [busy, setBusy] = useState79(null);
   const [error, setError] = useState79(null);
   const [built, setBuilt] = useState79(null);
-  useEffect67(() => {
+  useEffect68(() => {
     let alive = true;
     void Promise.all(useCaseIds().map(async (id) => summarize2(await loadUseCase(id)))).then((rows) => {
       if (alive) setSummaries(rows);
@@ -26635,13 +26894,13 @@ import {
 } from "@ai-matrx/records/core";
 
 // src/WhereItLives.tsx
-import { useEffect as useEffect68, useState as useState80 } from "react";
+import { useEffect as useEffect69, useState as useState80 } from "react";
 import { moveConsequence } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient62 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient63 } from "@ai-matrx/records/react";
 import { Button as Button71, ErrorBox as ErrorBox2, Popover as Popover6, PopoverContent as PopoverContent6, PopoverTrigger as PopoverTrigger6 } from "@ai-matrx/design-system";
 import { jsx as jsx93, jsxs as jsxs86 } from "react/jsx-runtime";
 function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "header" }) {
-  const client = useRecordsClient62();
+  const client = useRecordsClient63();
   const host = useRecordsUi();
   const [answer, setAnswer] = useState80(null);
   const [attempt, setAttempt] = useState80(0);
@@ -26650,7 +26909,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
   const [choosing, setChoosing] = useState80(null);
   const [moving, setMoving] = useState80(false);
   const [said, setSaid] = useState80(null);
-  useEffect68(() => {
+  useEffect69(() => {
     if (!armed) return;
     let alive = true;
     setAnswer(null);
@@ -26896,11 +27155,11 @@ function visibilityLaneFor(table) {
   return "organization";
 }
 function TablesHome({ onOpenTable, organizationName, makingOnly = false, className }) {
-  const client = useRecordsClient63();
+  const client = useRecordsClient64();
   const tables = useTables4();
   const me = client.config.actor.user_id ?? null;
   const [facts, setFacts] = useState81({ phase: "reading" });
-  useEffect69(() => {
+  useEffect70(() => {
     let alive = true;
     void client.tableFacts().then((answered) => {
       if (!alive) return;
@@ -26918,7 +27177,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
   const keptCount = listed.filter((t) => laneFor(t) === "app").length;
   const [askedName, setAskedName] = useState81(null);
   const firstTableId = listed[0]?.id ?? null;
-  useEffect69(() => {
+  useEffect70(() => {
     if (organizationName || !firstTableId) return;
     let alive = true;
     void client.tableHome({ table_id: firstTableId }).then((answered) => {
@@ -26938,7 +27197,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
   const [importInto, setImportInto] = useState81(null);
   const [examples, setExamples] = useState81(false);
   const [boards, setBoards] = useState81(null);
-  useEffect69(() => {
+  useEffect70(() => {
     if (makingOnly) return;
     let cancelled = false;
     void client.dashboards({}).then((result) => {
@@ -26972,7 +27231,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
   return /* @__PURE__ */ jsxs87("div", { className: cn67("flex min-h-0 flex-col gap-4", className), children: [
     /* @__PURE__ */ jsx94("div", { className: "flex items-center gap-2", children: creating ? /* @__PURE__ */ jsxs87(Fragment38, { children: [
       /* @__PURE__ */ jsx94(
-        BasicInput25,
+        BasicInput26,
         {
           autoFocus: true,
           value: name,
@@ -27114,9 +27373,9 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
 }
 
 // src/TablePage.tsx
-import { useCallback as useCallback51, useEffect as useEffect72, useRef as useRef27, useState as useState84 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect73, useRef as useRef28, useState as useState84 } from "react";
 import { archivedByLine as archivedByLine2 } from "@ai-matrx/records";
-import { useFields as useFields26, useRecordsClient as useRecordsClient64, useTable as useTable24 } from "@ai-matrx/records/react";
+import { useFields as useFields26, useRecordsClient as useRecordsClient65, useTable as useTable24 } from "@ai-matrx/records/react";
 import {
   BottomSheet,
   Button as Button74,
@@ -27137,7 +27396,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/ViewFilter.tsx
-import { useEffect as useEffect70, useMemo as useMemo46, useState as useState82 } from "react";
+import { useEffect as useEffect71, useMemo as useMemo46, useState as useState82 } from "react";
 import { Button as Button73, cn as cn68 } from "@ai-matrx/design-system";
 import { useFields as useFields25 } from "@ai-matrx/records/react";
 import { jsx as jsx95, jsxs as jsxs88 } from "react/jsx-runtime";
@@ -27155,7 +27414,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
   const saved = view?.where ?? null;
   const [draft, setDraft] = useState82(saved);
   const savedKey = JSON.stringify(saved);
-  useEffect70(() => {
+  useEffect71(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
   const conditionFields = useMemo46(
@@ -27238,7 +27497,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
 }
 
 // src/toolbarFit.ts
-import { useEffect as useEffect71, useState as useState83 } from "react";
+import { useEffect as useEffect72, useState as useState83 } from "react";
 var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 function toolbarFold(input) {
   const { available, needsNow, gap, folded } = input;
@@ -27290,7 +27549,7 @@ function rowNeeds(row) {
 }
 function useToolbarFit(row) {
   const [fold, setFold] = useState83(0);
-  useEffect71(() => {
+  useEffect72(() => {
     if (!row) return;
     const widths = {
       look: { full: null, folded: null },
@@ -27371,7 +27630,7 @@ function clippedEnds(scrollLeft, clientWidth, scrollWidth) {
 }
 function useSlotScroll(slot) {
   const [ends, setEnds] = useState83("none");
-  useEffect71(() => {
+  useEffect72(() => {
     if (!slot) return;
     let pending = 0;
     const read = () => {
@@ -27487,11 +27746,11 @@ function TableNotHere({
   leaveLabel,
   className
 }) {
-  const client = useRecordsClient64();
+  const client = useRecordsClient65();
   const [archived, setArchived] = useState84({ phase: "asking" });
   const [restoring, setRestoring] = useState84(false);
   const [refusal2, setRefusal] = useState84(null);
-  useEffect72(() => {
+  useEffect73(() => {
     let alive = true;
     void client.tableArchived({ table_id: tableId }).then((answered) => {
       if (!alive) return;
@@ -27668,15 +27927,15 @@ function TablePage({
   onShownViewChange,
   className
 }) {
-  const client = useRecordsClient64();
+  const client = useRecordsClient65();
   const table = useTable24(tableId);
   const rights = useTableRights(table.data);
   const pageFields = useFields26(filter ? tableId : null);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = useRecordsClient64().config.organizationId;
+  const organizationId = useRecordsClient65().config.organizationId;
   const [view, setView] = useState84(null);
   const [looks, setLooks] = useState84(void 0);
-  useEffect72(() => {
+  useEffect73(() => {
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -27725,7 +27984,7 @@ function TablePage({
   const chooserInline = !designated && !phone && toolbarFold2 < 2;
   const chooserCompact = !designated && !phone && toolbarFold2 >= 2;
   const controlsInSheet = phone && !designated;
-  useEffect72(() => {
+  useEffect73(() => {
     if (face.kind !== "designated") return;
     if (hostFromLink || opened.layout || layoutChosen) return;
     setHostLayout(face.hostLayout);
@@ -27756,9 +28015,9 @@ function TablePage({
     lookDiffers: view ? lookDiffers(view, look) : false
   };
   const shownSignature = JSON.stringify(shownReport);
-  const reportRef = useRef27(onShownViewChange);
+  const reportRef = useRef28(onShownViewChange);
   reportRef.current = onShownViewChange;
-  useEffect72(() => {
+  useEffect73(() => {
     reportRef.current?.(JSON.parse(shownSignature));
   }, [shownSignature]);
   const pickLayout = (next) => {
@@ -27776,18 +28035,18 @@ function TablePage({
     onViewChanged?.(id);
   };
   const openedFromMenu = MENU.find((entry) => entry.press.main !== void 0 && entry.press.main === main) ?? MENU.find((entry) => entry.press.rail !== void 0 && entry.press.rail === rail) ?? null;
-  useEffect72(() => {
+  useEffect73(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  useEffect72(() => {
+  useEffect73(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
     if (named === null || named === "share") return;
     setSurface((now) => ({ ...now, rail: named }));
   }, [activeRail, activeRecordId]);
-  useEffect72(() => {
+  useEffect73(() => {
     const host = hostLayoutFor(activeView);
     if (host) {
       setHostLayout(host);
@@ -28414,6 +28673,7 @@ export {
   CHECKLIST_REQUIREMENT_LABEL,
   CONDITION_OPS,
   CONTEXT_POLICY_LABEL,
+  ADDABLE_TYPES as CUSTOM_FIELD_ADDABLE_TYPES,
   CaptureRun,
   CaptureSheet,
   ChartBlock,
@@ -28606,6 +28866,7 @@ export {
   conditionValue,
   controlFor,
   currencyCodeFor,
+  customFieldRequestProblems,
   dashboardDeclareArgs,
   dashboardFromSummary,
   dateFormatFor,