@ai-matrx/records-ui 0.93.2 → 0.93.3

package/dist/index.cjs

@@ -4349,7 +4349,20 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
     }
     return null;
   }, [client, tableId, reload, order]);
+  const rowSignature = (0, import_react22.useCallback)(
+    (rowId) => {
+      const out = [];
+      if (editing?.rowId === rowId) out.push("open", editing.key, draft);
+      const prefix = `${rowId}::`;
+      for (const id in optimistic) if (id.startsWith(prefix)) out.push("held", id, optimistic[id]);
+      for (const id in saving) if (id.startsWith(prefix)) out.push("saving", id);
+      for (const id in refusals) if (id.startsWith(prefix)) out.push("refused", id, refusals[id]);
+      return out;
+    },
+    [editing, draft, optimistic, saving, refusals]
+  );
   return {
+    rowSignature,
     valueFor,
     editing,
     draft,
@@ -8202,11 +8215,12 @@ function placePinnedRows(pageRows, pinned, anchors) {
 }
 function withAddRowCells(columns, line) {
   if (line === null) return columns;
+  const draw = () => typeof line === "function" ? line() : line;
   return columns.map((column, index) => {
     const own2 = column.cell;
     return {
       ...column,
-      cell: (row, rowIndex) => row.id === ADD_ROW_ID ? index === 0 ? line : null : own2 ? own2(row, rowIndex) : null
+      cell: (row, rowIndex) => row.id === ADD_ROW_ID ? index === 0 ? draw() : null : own2 ? own2(row, rowIndex) : null
     };
   });
 }
@@ -8229,6 +8243,7 @@ function AddRowLine({ onAdd, busy }) {
     }
   );
 }
+var drawNothing = () => null;
 function addColumnColumn(onAdd) {
   return {
     id: ADD_COLUMN_ID,
@@ -8248,7 +8263,8 @@ function addColumnColumn(onAdd) {
         children: "+"
       }
     ),
-    cell: () => null,
+    // ONE function for the life of the module: a body cell that draws nothing never changes.
+    cell: drawNothing,
     sortable: false,
     filter: false,
     hideable: false,
@@ -10836,6 +10852,8 @@ function HandOrderDialog({
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var NO_COLUMNS_YET = "This table has no columns yet";
 var NO_COLUMNS_WHY = "A column is what a record holds \u2014 a name, a date, an amount, a person. Add the first one and the grid appears with it; everything else on this page works the moment it exists.";
+var NO_SUMMARIES = Object.freeze({});
+var rowIdOf = (row) => row.id;
 function Grid({
   tableId,
   pageSize = 50,
@@ -10985,6 +11003,15 @@ function Grid({
       onEnded: (exit, from, how) => sheetController.current?.endEdit(exit, { rowId: from.rowId, columnId: from.key }, how)
     } : {}
   });
+  const editingNow = (0, import_react60.useRef)(editing);
+  editingNow.current = editing;
+  const editingHandle = (0, import_react60.useMemo)(
+    () => new Proxy({}, {
+      get: (_target, key) => editingNow.current[key]
+    }),
+    []
+  );
+  const rowVersion = (0, import_react60.useCallback)((row) => editingNow.current.rowSignature(row.id), []);
   const undo = useGridUndo({ tableId, reload: records.reload, forget: editing.forget });
   pushWritten.current = (write) => {
     const field2 = (fields.data ?? []).find((f) => f.key === write.key);
@@ -11055,7 +11082,7 @@ function Grid({
   const [selectedIds, setSelectedIds] = (0, import_react60.useState)([]);
   const offerSelection = canWrite && (merged || tableActions.runnable.length > 0);
   const [reordering, setReordering] = (0, import_react60.useState)(false);
-  const chosenSummaries = localSummaries ?? presentation.summaries ?? {};
+  const chosenSummaries = localSummaries ?? presentation.summaries ?? NO_SUMMARIES;
   const summaries = useColumnSummaries({ tableId, chosen: chosenSummaries, filter: question.filter, version: records.data });
   const [duplicated, setDuplicated] = (0, import_react60.useState)(null);
   const duplicate = (0, import_react60.useCallback)(
@@ -11504,7 +11531,7 @@ function Grid({
     () => ordered.map(
       (field2) => columnForField(
         field2,
-        canWrite ? editing : null,
+        canWrite ? editingHandle : null,
         mayWriteRow,
         whyNotRow,
         {
@@ -11523,7 +11550,7 @@ function Grid({
     [
       ordered,
       canWrite,
-      editing,
+      editingHandle,
       mayWriteRow,
       whyNotRow,
       presentation.formats,
@@ -11535,9 +11562,34 @@ function Grid({
       pinCell
     ]
   );
-  const columns = (0, import_react60.useMemo)(
-    () => {
-      const drawn = withHeaderMenus(withAddRowCells(withSummaryCells(
+  const footerNow = (0, import_react60.useRef)({
+    summaryCell: () => null,
+    addLine: () => null
+  });
+  footerNow.current = {
+    summaryCell: (columnId) => {
+      const field2 = ordered.find((f) => f.key === columnId);
+      if (!field2) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        SummaryCell,
+        {
+          field: field2,
+          firstColumn: ordered[0]?.key === columnId,
+          chosen: chosenSummaries[columnId],
+          value: summaries.values[columnId],
+          rowCount: summaries.rowCount,
+          summaries,
+          onChoose: (op2) => chooseSummary(columnId, op2)
+        }
+      );
+    },
+    addLine: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AddRowLine, { onAdd: () => void addRowHere(), busy: added.busy })
+  };
+  const addColumnNow = (0, import_react60.useRef)(controls.addColumn);
+  addColumnNow.current = controls.addColumn;
+  const bodyColumns = (0, import_react60.useMemo)(
+    () => withAddRowCells(
+      withSummaryCells(
         // THE ONE WAY A ROW OPENS ITS RECORD (VERIFIER-17): an Open control on the first cell,
         // and Space on any cell. Absent when the host cannot open a record.
         withOpenRecord(
@@ -11547,26 +11599,111 @@ function Grid({
           // The merged grid's handle sits at the START of the row, where Airtable's expand sits.
           merged ? "start" : "end"
         ),
-        (columnId) => {
-          const field2 = ordered.find((f) => f.key === columnId);
-          if (!field2) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            SummaryCell,
-            {
-              field: field2,
-              firstColumn: ordered[0]?.key === columnId,
-              chosen: chosenSummaries[columnId],
-              value: summaries.values[columnId],
-              rowCount: summaries.rowCount,
-              summaries,
-              onChoose: (op2) => chooseSummary(columnId, op2)
-            }
-          );
+        (columnId) => footerNow.current.summaryCell(columnId)
+      ),
+      mayAddRow ? () => footerNow.current.addLine() : null
+    ),
+    [fieldColumns, onOpenRecord, table.data, merged, mayAddRow]
+  );
+  const isRowSelectable = (0, import_react60.useCallback)((row) => row.id !== SUMMARY_ROW.id && mayWriteRow(row.id), [mayWriteRow]);
+  const copyConfig = (0, import_react60.useMemo)(
+    () => table.data ? gridCopyConfig({
+      tableId,
+      tableName: tableName(table.data),
+      fields: ordered,
+      rowLabel: (row) => recordNameIn(table.data, row.document ?? {})
+    }) : null,
+    [tableId, table.data, ordered]
+  );
+  const tableStyleProp = (0, import_react60.useMemo)(
+    () => (0, import_data_table9.tableStyleIsEmpty)(paint.style) ? null : {
+      style: paint.style,
+      // A choice is read as its OPTION (`paintByOption`): the rule, the value and the
+      // colour a column keeps for it all name the same option, however it is stored.
+      documentOf: (row) => paint.documentOf(row.document ?? {}),
+      // A value its column keeps a colour for wears THAT colour (`choiceLooks.ts`);
+      // any other value still paints from its word.
+      choiceColorFor: paint.choiceColorFor
+    },
+    [paint]
+  );
+  const rowActionsNow = (0, import_react60.useRef)({ runner, handToAgent, host, table: table.data, duplicate });
+  rowActionsNow.current = { runner, handToAgent, host, table: table.data, duplicate };
+  const offersRowActions = canWrite || Boolean(host.talkToRecord) || Boolean(host.runAgentAction && tableActions.agent.length > 0);
+  const hasTalk = Boolean(host.talkToRecord);
+  const hasAgent = Boolean(host.runAgentAction);
+  const rowActions = (0, import_react60.useCallback)(
+    (row) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      canWrite && mayWriteRow(row.id) ? tableActions.runnable.map((action) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        ActionButton,
+        {
+          action,
+          busy: runner.busy === action.id,
+          onPress: () => rowActionsNow.current.runner.press(action, [row.id])
+        },
+        action.id
+      )) : null,
+      host.runAgentAction ? tableActions.agent.map((action) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        ActionButton,
+        {
+          action,
+          busy: false,
+          onPress: () => rowActionsNow.current.handToAgent(action, row)
+        },
+        action.id
+      )) : null,
+      host.talkToRecord ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_design_system35.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          onClick: () => rowActionsNow.current.host.talkToRecord?.({
+            tableId,
+            recordId: row.id,
+            // ONE NAMING CALL (`names.ts`), not this file's own join
+            // of a Table's title column to a document.
+            title: recordNameIn(
+              rowActionsNow.current.table,
+              row.document ?? {}
+            )
+          }),
+          children: "Talk"
+        }
+      ) : null,
+      Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_design_system35.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          "data-records-duplicate": row.id,
+          title: "Duplicate this record",
+          onClick: (event) => {
+            event.stopPropagation();
+            void rowActionsNow.current.duplicate(row);
+          },
+          children: "Duplicate"
+        }
+      ) : null,
+      canWrite && mayWriteRow(row.id) ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_design_system35.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          title: "Delete this record",
+          onClick: () => setDeleting(row),
+          children: "Delete"
         }
-      ), mayAddRow ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AddRowLine, { onAdd: () => void addRowHere(), busy: added.busy }) : null), controls.headerMenuFor, controls.filterFor);
-      return merged && rights.structure && editable ? [...drawn, addColumnColumn(controls.addColumn)] : drawn;
+      ) : null
+    ] }),
+    // 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 = (0, import_react60.useMemo)(
+    () => {
+      const drawn = withHeaderMenus(bodyColumns, controls.headerMenuFor, controls.filterFor);
+      return merged && rights.structure && editable ? [...drawn, addColumnColumn(() => addColumnNow.current())] : drawn;
     },
-    [fieldColumns, onOpenRecord, table.data, ordered, chosenSummaries, summaries, chooseSummary, controls.headerMenuFor, controls.filterFor, mayAddRow, addRowHere, added.busy, merged, rights.structure, editable, controls.addColumn]
+    [bodyColumns, controls.headerMenuFor, controls.filterFor, merged, rights.structure, editable]
   );
   const [localColumns, setLocalColumns] = (0, import_react60.useState)(
     null
@@ -11800,7 +11937,8 @@ function Grid({
                   ...fills ? { className: "min-h-0 flex-1" } : {},
                   data: rows,
                   columns,
-                  getRowId: (row) => row.id,
+                  getRowId: rowIdOf,
+                  rowVersion,
                   isLoading: nothingToShowYet,
                   isFetching: refreshing,
                   density: host.density ?? "condensed",
@@ -11826,20 +11964,13 @@ function Grid({
                     ];
                     return footerRows.length > 0 ? { footerRows } : {};
                   })(),
-                  ...table.data ? {
-                    copy: gridCopyConfig({
-                      tableId,
-                      tableName: tableName(table.data),
-                      fields: ordered,
-                      rowLabel: (row) => recordNameIn(table.data, row.document ?? {})
-                    })
-                  } : {},
+                  ...copyConfig ? { copy: copyConfig } : {},
                   ...offerSelection ? {
                     selection: {
                       selectedIds,
                       onSelectedIdsChange: setSelectedIds,
                       noun,
-                      isRowSelectable: (row) => row.id !== SUMMARY_ROW.id && mayWriteRow(row.id),
+                      isRowSelectable,
                       actions: (_selected, ids) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
                         merged ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                           BulkActions,
@@ -11935,85 +12066,9 @@ function Grid({
                     noun: "record",
                     ...typeof records.data?.total === "number" ? { total: records.data.total } : {}
                   },
-                  ...!(0, import_data_table9.tableStyleIsEmpty)(paint.style) ? {
-                    tableStyle: {
-                      style: paint.style,
-                      // A choice is read as its OPTION (`paintByOption`): the rule, the value and the
-                      // colour a column keeps for it all name the same option, however it is stored.
-                      documentOf: (row) => paint.documentOf(row.document ?? {}),
-                      // A value its column keeps a colour for wears THAT colour (`choiceLooks.ts`);
-                      // any other value still paints from its word.
-                      choiceColorFor: paint.choiceColorFor
-                    }
-                  } : {},
+                  ...tableStyleProp ? { tableStyle: tableStyleProp } : {},
                   ...onOpenRecord ? { onRowOpen: (row) => onOpenRecord(row.id) } : {},
-                  ...canWrite || host.talkToRecord || host.runAgentAction && tableActions.agent.length > 0 ? {
-                    // ABSENT, NEVER DEAD: a row this person may not delete carries no
-                    // Delete at all, rather than one that refuses when pressed — and a
-                    // deployment with no chat surface bound carries no Talk.
-                    rowActions: (row) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-                      canWrite && mayWriteRow(row.id) ? tableActions.runnable.map((action) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        ActionButton,
-                        {
-                          action,
-                          busy: runner.busy === action.id,
-                          onPress: () => runner.press(action, [row.id])
-                        },
-                        action.id
-                      )) : null,
-                      host.runAgentAction ? tableActions.agent.map((action) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        ActionButton,
-                        {
-                          action,
-                          busy: false,
-                          onPress: () => handToAgent(action, row)
-                        },
-                        action.id
-                      )) : null,
-                      host.talkToRecord ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        import_design_system35.Button,
-                        {
-                          size: "sm",
-                          variant: "ghost",
-                          onClick: () => host.talkToRecord?.({
-                            tableId,
-                            recordId: row.id,
-                            // ONE NAMING CALL (`names.ts`), not this file's own join
-                            // of a Table's title column to a document.
-                            title: recordNameIn(
-                              table.data,
-                              row.document ?? {}
-                            )
-                          }),
-                          children: "Talk"
-                        }
-                      ) : null,
-                      Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        import_design_system35.Button,
-                        {
-                          size: "sm",
-                          variant: "ghost",
-                          "data-records-duplicate": row.id,
-                          title: "Duplicate this record",
-                          onClick: (event) => {
-                            event.stopPropagation();
-                            void duplicate(row);
-                          },
-                          children: "Duplicate"
-                        }
-                      ) : null,
-                      canWrite && mayWriteRow(row.id) ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        import_design_system35.Button,
-                        {
-                          size: "sm",
-                          variant: "ghost",
-                          title: "Delete this record",
-                          onClick: () => setDeleting(row),
-                          children: "Delete"
-                        }
-                      ) : null
-                    ] })
-                  } : {},
+                  ...offersRowActions ? { rowActions } : {},
                   emptyState: emptyWords({
                     error: records.error,
                     asked: questionIsAsked({ search: query.search, columnFilters: query.columnFilters, filter }),
@@ -26512,7 +26567,8 @@ function useEmbedHandshake(args) {
 }
 
 // src/RecordsMount.tsx
-var import_react160 = require("@ai-matrx/records/react");
+var import_react160 = require("react");
+var import_react161 = require("@ai-matrx/records/react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
 function storeDecidesRights(_table) {
@@ -26524,9 +26580,25 @@ function RecordsMount({
   letTheStoreDecideRights,
   children
 }) {
-  const bound = { ...host ?? {} };
+  const bound = useShallowStableHost(host);
   void letTheStoreDecideRights;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react160.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RecordLabelProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react161.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RecordLabelProvider, { children }) }) });
+}
+function useShallowStableHost(host) {
+  const held = (0, import_react160.useRef)(null);
+  const next = host ?? {};
+  const previous = held.current;
+  if (previous !== null && sameParts(previous, next)) return previous;
+  const bound = { ...next };
+  held.current = bound;
+  return bound;
+}
+function sameParts(a, b) {
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) return false;
+  for (const key of aKeys) if (a[key] !== b[key]) return false;
+  return true;
 }
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
@@ -26545,15 +26617,15 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-var import_react165 = require("react");
-var import_react166 = require("@ai-matrx/records/react");
+var import_react166 = require("react");
+var import_react167 = require("@ai-matrx/records/react");
 var import_core16 = require("@ai-matrx/records/core");
 var import_records29 = require("@ai-matrx/records");
 var import_design_system85 = require("@ai-matrx/design-system");
 
 // src/ExampleTables.tsx
-var import_react161 = require("react");
-var import_react162 = require("@ai-matrx/records/react");
+var import_react162 = require("react");
+var import_react163 = require("@ai-matrx/records/react");
 var import_use_cases = require("@ai-matrx/records/use-cases");
 var import_design_system83 = require("@ai-matrx/design-system");
 var import_jsx_runtime92 = require("react/jsx-runtime");
@@ -26562,12 +26634,12 @@ function ExampleTables({
   onClose,
   className
 }) {
-  const client = (0, import_react162.useRecordsClient)();
-  const [summaries, setSummaries] = (0, import_react161.useState)(null);
-  const [busy, setBusy] = (0, import_react161.useState)(null);
-  const [error, setError] = (0, import_react161.useState)(null);
-  const [built, setBuilt] = (0, import_react161.useState)(null);
-  (0, import_react161.useEffect)(() => {
+  const client = (0, import_react163.useRecordsClient)();
+  const [summaries, setSummaries] = (0, import_react162.useState)(null);
+  const [busy, setBusy] = (0, import_react162.useState)(null);
+  const [error, setError] = (0, import_react162.useState)(null);
+  const [built, setBuilt] = (0, import_react162.useState)(null);
+  (0, import_react162.useEffect)(() => {
     let alive = true;
     void Promise.all((0, import_use_cases.useCaseIds)().map(async (id) => (0, import_use_cases.summarize)(await (0, import_use_cases.loadUseCase)(id)))).then((rows) => {
       if (alive) setSummaries(rows);
@@ -26645,22 +26717,22 @@ function ExampleTables({
 var import_core15 = require("@ai-matrx/records/core");
 
 // src/WhereItLives.tsx
-var import_react163 = require("react");
+var import_react164 = require("react");
 var import_records28 = require("@ai-matrx/records");
-var import_react164 = require("@ai-matrx/records/react");
+var import_react165 = require("@ai-matrx/records/react");
 var import_design_system84 = require("@ai-matrx/design-system");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "header" }) {
-  const client = (0, import_react164.useRecordsClient)();
+  const client = (0, import_react165.useRecordsClient)();
   const host = useRecordsUi();
-  const [answer, setAnswer] = (0, import_react163.useState)(null);
-  const [attempt, setAttempt] = (0, import_react163.useState)(0);
-  const [open, setOpen] = (0, import_react163.useState)(false);
-  const [armed, setArmed] = (0, import_react163.useState)(variant !== "row" || !knownOrganizationName);
-  const [choosing, setChoosing] = (0, import_react163.useState)(null);
-  const [moving, setMoving] = (0, import_react163.useState)(false);
-  const [said, setSaid] = (0, import_react163.useState)(null);
-  (0, import_react163.useEffect)(() => {
+  const [answer, setAnswer] = (0, import_react164.useState)(null);
+  const [attempt, setAttempt] = (0, import_react164.useState)(0);
+  const [open, setOpen] = (0, import_react164.useState)(false);
+  const [armed, setArmed] = (0, import_react164.useState)(variant !== "row" || !knownOrganizationName);
+  const [choosing, setChoosing] = (0, import_react164.useState)(null);
+  const [moving, setMoving] = (0, import_react164.useState)(false);
+  const [said, setSaid] = (0, import_react164.useState)(null);
+  (0, import_react164.useEffect)(() => {
     if (!armed) return;
     let alive = true;
     setAnswer(null);
@@ -26906,11 +26978,11 @@ function visibilityLaneFor(table) {
   return "organization";
 }
 function TablesHome({ onOpenTable, organizationName, makingOnly = false, className }) {
-  const client = (0, import_react166.useRecordsClient)();
-  const tables = (0, import_react166.useTables)();
+  const client = (0, import_react167.useRecordsClient)();
+  const tables = (0, import_react167.useTables)();
   const me = client.config.actor.user_id ?? null;
-  const [facts, setFacts] = (0, import_react165.useState)({ phase: "reading" });
-  (0, import_react165.useEffect)(() => {
+  const [facts, setFacts] = (0, import_react166.useState)({ phase: "reading" });
+  (0, import_react166.useEffect)(() => {
     let alive = true;
     void client.tableFacts().then((answered) => {
       if (!alive) return;
@@ -26924,11 +26996,11 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
     (0, import_core16.withTableFacts)(tables.data ?? [], facts.rows, me),
     facts.rows
   ) : tables.data ?? [];
-  const [showEverything, setShowEverything] = (0, import_react165.useState)(false);
+  const [showEverything, setShowEverything] = (0, import_react166.useState)(false);
   const keptCount = listed.filter((t) => laneFor(t) === "app").length;
-  const [askedName, setAskedName] = (0, import_react165.useState)(null);
+  const [askedName, setAskedName] = (0, import_react166.useState)(null);
   const firstTableId = listed[0]?.id ?? null;
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (organizationName || !firstTableId) return;
     let alive = true;
     void client.tableHome({ table_id: firstTableId }).then((answered) => {
@@ -26941,14 +27013,14 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
   const livesIn = organizationName || askedName;
   const isMine = (t) => Boolean(me) && laneFor(t) !== "system" && laneFor(t) !== "app" && t.created_by === me;
   const sectionsKnown = facts.phase !== "failed";
-  const [creating, setCreating] = (0, import_react165.useState)(false);
-  const [name, setName] = (0, import_react165.useState)("");
-  const [busy, setBusy] = (0, import_react165.useState)(false);
-  const [error, setError] = (0, import_react165.useState)(null);
-  const [importInto, setImportInto] = (0, import_react165.useState)(null);
-  const [examples, setExamples] = (0, import_react165.useState)(false);
-  const [boards, setBoards] = (0, import_react165.useState)(null);
-  (0, import_react165.useEffect)(() => {
+  const [creating, setCreating] = (0, import_react166.useState)(false);
+  const [name, setName] = (0, import_react166.useState)("");
+  const [busy, setBusy] = (0, import_react166.useState)(false);
+  const [error, setError] = (0, import_react166.useState)(null);
+  const [importInto, setImportInto] = (0, import_react166.useState)(null);
+  const [examples, setExamples] = (0, import_react166.useState)(false);
+  const [boards, setBoards] = (0, import_react166.useState)(null);
+  (0, import_react166.useEffect)(() => {
     if (makingOnly) return;
     let cancelled = false;
     void client.dashboards({}).then((result) => {
@@ -26959,7 +27031,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
       cancelled = true;
     };
   }, [client, makingOnly]);
-  const create = (0, import_react165.useCallback)(
+  const create = (0, import_react166.useCallback)(
     async (mode) => {
       const trimmed = name.trim();
       if (!trimmed) return;
@@ -27124,15 +27196,15 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
 }
 
 // src/TablePage.tsx
-var import_react170 = require("react");
+var import_react171 = require("react");
 var import_records30 = require("@ai-matrx/records");
-var import_react171 = require("@ai-matrx/records/react");
+var import_react172 = require("@ai-matrx/records/react");
 var import_design_system87 = require("@ai-matrx/design-system");
 
 // src/ViewFilter.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 var import_design_system86 = require("@ai-matrx/design-system");
-var import_react168 = require("@ai-matrx/records/react");
+var import_react169 = require("@ai-matrx/records/react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
@@ -27143,15 +27215,15 @@ function conditionCount(expr) {
   return 1;
 }
 function ViewFilter({ tableId, view, onApply, className }) {
-  const fields = (0, import_react168.useFields)(tableId);
-  const [open, setOpen] = (0, import_react167.useState)(false);
+  const fields = (0, import_react169.useFields)(tableId);
+  const [open, setOpen] = (0, import_react168.useState)(false);
   const saved = view?.where ?? null;
-  const [draft, setDraft] = (0, import_react167.useState)(saved);
+  const [draft, setDraft] = (0, import_react168.useState)(saved);
   const savedKey = JSON.stringify(saved);
-  (0, import_react167.useEffect)(() => {
+  (0, import_react168.useEffect)(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
-  const conditionFields = (0, import_react167.useMemo)(
+  const conditionFields = (0, import_react168.useMemo)(
     () => (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f })),
     [fields.data]
   );
@@ -27231,7 +27303,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
 }
 
 // src/toolbarFit.ts
-var import_react169 = require("react");
+var import_react170 = require("react");
 var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 function toolbarFold(input) {
   const { available, needsNow, gap, folded } = input;
@@ -27282,8 +27354,8 @@ function rowNeeds(row) {
   return { needs: needs + gap * Math.max(0, pieces.length - 1), gap };
 }
 function useToolbarFit(row) {
-  const [fold, setFold] = (0, import_react169.useState)(0);
-  (0, import_react169.useEffect)(() => {
+  const [fold, setFold] = (0, import_react170.useState)(0);
+  (0, import_react170.useEffect)(() => {
     if (!row) return;
     const widths = {
       look: { full: null, folded: null },
@@ -27363,8 +27435,8 @@ function clippedEnds(scrollLeft, clientWidth, scrollWidth) {
   return start && end ? "both" : start ? "start" : end ? "end" : "none";
 }
 function useSlotScroll(slot) {
-  const [ends, setEnds] = (0, import_react169.useState)("none");
-  (0, import_react169.useEffect)(() => {
+  const [ends, setEnds] = (0, import_react170.useState)("none");
+  (0, import_react170.useEffect)(() => {
     if (!slot) return;
     let pending = 0;
     const read = () => {
@@ -27480,11 +27552,11 @@ function TableNotHere({
   leaveLabel,
   className
 }) {
-  const client = (0, import_react171.useRecordsClient)();
-  const [archived, setArchived] = (0, import_react170.useState)({ phase: "asking" });
-  const [restoring, setRestoring] = (0, import_react170.useState)(false);
-  const [refusal2, setRefusal] = (0, import_react170.useState)(null);
-  (0, import_react170.useEffect)(() => {
+  const client = (0, import_react172.useRecordsClient)();
+  const [archived, setArchived] = (0, import_react171.useState)({ phase: "asking" });
+  const [restoring, setRestoring] = (0, import_react171.useState)(false);
+  const [refusal2, setRefusal] = (0, import_react171.useState)(null);
+  (0, import_react171.useEffect)(() => {
     let alive = true;
     void client.tableArchived({ table_id: tableId }).then((answered) => {
       if (!alive) return;
@@ -27661,15 +27733,15 @@ function TablePage({
   onShownViewChange,
   className
 }) {
-  const client = (0, import_react171.useRecordsClient)();
-  const table = (0, import_react171.useTable)(tableId);
+  const client = (0, import_react172.useRecordsClient)();
+  const table = (0, import_react172.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const pageFields = (0, import_react171.useFields)(filter ? tableId : null);
+  const pageFields = (0, import_react172.useFields)(filter ? tableId : null);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = (0, import_react171.useRecordsClient)().config.organizationId;
-  const [view, setView] = (0, import_react170.useState)(null);
-  const [looks, setLooks] = (0, import_react170.useState)(void 0);
-  (0, import_react170.useEffect)(() => {
+  const organizationId = (0, import_react172.useRecordsClient)().config.organizationId;
+  const [view, setView] = (0, import_react171.useState)(null);
+  const [looks, setLooks] = (0, import_react171.useState)(void 0);
+  (0, import_react171.useEffect)(() => {
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -27682,35 +27754,35 @@ function TablePage({
   }, [client, tableId]);
   const look = view && looks ? looks[view.id] : void 0;
   const shown3 = view ? applyLook(view, look) : null;
-  const [viewsEpoch, setViewsEpoch] = (0, import_react170.useState)(0);
+  const [viewsEpoch, setViewsEpoch] = (0, import_react171.useState)(0);
   const opening = openingRail(activeRecordId, activeRail);
   const hostLayouts = useRecordsUi().layouts ?? [];
   const hostLayoutFor = (asked) => openingHostLayout(asked, hostLayouts);
   const hostFromLink = hostLayoutFor(activeView);
   const openedByPackage = openingView(hostFromLink ? null : activeView, activeDashboardId);
   const opened = hostFromLink ? { ...openedByPackage, main: "records" } : openedByPackage;
-  const [hostLayout, setHostLayout] = (0, import_react170.useState)(hostFromLink);
-  const [views, setViews] = (0, import_react170.useState)(void 0);
-  const [pickedViewId, setPickedViewId] = (0, import_react170.useState)(null);
-  const [layoutChosen, setLayoutChosen] = (0, import_react170.useState)(false);
+  const [hostLayout, setHostLayout] = (0, import_react171.useState)(hostFromLink);
+  const [views, setViews] = (0, import_react171.useState)(void 0);
+  const [pickedViewId, setPickedViewId] = (0, import_react171.useState)(null);
+  const [layoutChosen, setLayoutChosen] = (0, import_react171.useState)(false);
   const railAsked = typeof activeRail === "string" ? activeRail.trim() : "";
   const railUnknown = railAsked !== "" && railFromParam(railAsked) === null ? railAsked : null;
   const shareFromLink = railFromParam(activeRail) === "share";
   const canShare = useCanShare();
   const itemFor = (which) => railFromParam(activeRail) === which ? activeItemId ?? null : null;
-  const [asking, setAsking] = (0, import_react170.useState)(null);
-  const [layoutFromLink, setLayoutFromLink] = (0, import_react170.useState)(opened.layout);
-  const [surface, setSurface] = (0, import_react170.useState)({
+  const [asking, setAsking] = (0, import_react171.useState)(null);
+  const [layoutFromLink, setLayoutFromLink] = (0, import_react171.useState)(opened.layout);
+  const [surface, setSurface] = (0, import_react171.useState)({
     main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [openRecord, setOpenRecord] = (0, import_react170.useState)(opening.record);
+  const [openRecord, setOpenRecord] = (0, import_react171.useState)(opening.record);
   const phone = (0, import_design_system87.useIsMobile)();
-  const [shareAsked, setShareAsked] = (0, import_react170.useState)(0);
-  const [toolbarSlot, setToolbarSlot] = (0, import_react170.useState)(null);
-  const [toolbarRow, setToolbarRow] = (0, import_react170.useState)(null);
+  const [shareAsked, setShareAsked] = (0, import_react171.useState)(0);
+  const [toolbarSlot, setToolbarSlot] = (0, import_react171.useState)(null);
+  const [toolbarRow, setToolbarRow] = (0, import_react171.useState)(null);
   const toolbarFold2 = useToolbarFit(toolbarRow);
   const slotClipped = useSlotScroll(toolbarSlot);
   const face = tableOpening(view, hostLayouts.map((h) => h.id));
@@ -27718,7 +27790,7 @@ function TablePage({
   const chooserInline = !designated && !phone && toolbarFold2 < 2;
   const chooserCompact = !designated && !phone && toolbarFold2 >= 2;
   const controlsInSheet = phone && !designated;
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     if (face.kind !== "designated") return;
     if (hostFromLink || opened.layout || layoutChosen) return;
     setHostLayout(face.hostLayout);
@@ -27749,9 +27821,9 @@ function TablePage({
     lookDiffers: view ? lookDiffers(view, look) : false
   };
   const shownSignature = JSON.stringify(shownReport);
-  const reportRef = (0, import_react170.useRef)(onShownViewChange);
+  const reportRef = (0, import_react171.useRef)(onShownViewChange);
   reportRef.current = onShownViewChange;
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     reportRef.current?.(JSON.parse(shownSignature));
   }, [shownSignature]);
   const pickLayout = (next) => {
@@ -27769,18 +27841,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;
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
     if (named === null || named === "share") return;
     setSurface((now) => ({ ...now, rail: named }));
   }, [activeRail, activeRecordId]);
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     const host = hostLayoutFor(activeView);
     if (host) {
       setHostLayout(host);
@@ -27794,8 +27866,8 @@ function TablePage({
     setLayoutFromLink(isLayout ? named : null);
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
-  const [viewSaveRefused, setViewSaveRefused] = (0, import_react170.useState)(null);
-  const patchView = (0, import_react170.useCallback)(
+  const [viewSaveRefused, setViewSaveRefused] = (0, import_react171.useState)(null);
+  const patchView = (0, import_react171.useCallback)(
     async (asked) => {
       const current = view;
       if (!current) return;
@@ -27812,9 +27884,9 @@ function TablePage({
     [client, tableId, view, looks]
   );
   const lookShowing = Boolean(view && looks && lookDiffers(view, looks[view.id]));
-  const [lookRefused, setLookRefused] = (0, import_react170.useState)(null);
-  const [namingLook, setNamingLook] = (0, import_react170.useState)(false);
-  const [lookName, setLookName] = (0, import_react170.useState)("");
+  const [lookRefused, setLookRefused] = (0, import_react171.useState)(null);
+  const [namingLook, setNamingLook] = (0, import_react171.useState)(false);
+  const [lookName, setLookName] = (0, import_react171.useState)("");
   const resetLook = async () => {
     const current = view;
     if (!current) return;
@@ -27872,7 +27944,7 @@ function TablePage({
     setPickedViewId(written.data);
     setViewsEpoch((n) => n + 1);
   };
-  const [designateRefused, setDesignateRefused] = (0, import_react170.useState)(null);
+  const [designateRefused, setDesignateRefused] = (0, import_react171.useState)(null);
   const opensAs = view?.isDefault ? openingLayoutOf(view) : null;
   const canDesignate = Boolean(rights.write && view && layoutShowing && layoutShowing !== opensAs);
   const layoutShowingLabel = layoutShowing ? hostLayouts.find((h) => h.id === layoutShowing)?.label ?? (VIEW_LAYOUTS.includes(layoutShowing) ? LAYOUT_LABEL[layoutShowing] : layoutShowing) : "";