@ai-matrx/records-ui 0.93.2 → 0.93.4

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,
@@ -7965,6 +7978,10 @@ function useMergedGridControls(args) {
     (columnKey) => enabled && fieldOf2(columnKey) ? headerMenuItems(columnKey, ctx) : void 0,
     [enabled, ctx, fieldOf2]
   );
+  const columnsControl = (0, import_react40.useMemo)(
+    () => enabled ? { order, hidden, onChange: keepColumns } : void 0,
+    [enabled, order, hidden, keepColumns]
+  );
   const close = () => setDialog(null);
   const dialogs = !enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
     colours.dialogs,
@@ -8096,7 +8113,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__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
@@ -8202,11 +8219,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 +8247,7 @@ function AddRowLine({ onAdd, busy }) {
     }
   );
 }
+var drawNothing = () => null;
 function addColumnColumn(onAdd) {
   return {
     id: ADD_COLUMN_ID,
@@ -8248,7 +8267,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,
@@ -9623,7 +9643,43 @@ function useGridUndo(args) {
     [push, undo, redo, held, busy, notice, dismiss]
   );
 }
-function UndoRedoButtons({ undo }) {
+function useUndoSource(undo) {
+  const box = (0, import_react52.useRef)({
+    undo,
+    face: { back: undo.depth.back, forward: undo.depth.forward, busy: undo.busy },
+    listeners: /* @__PURE__ */ new Set()
+  });
+  box.current.undo = undo;
+  const source = (0, import_react52.useMemo)(
+    () => ({
+      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;
+  (0, import_react52.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 = (0, import_react52.useSyncExternalStore)(source.subscribe, source.face, source.face);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(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__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
@@ -9635,7 +9691,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__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-undo-count": "", children: undo.depth.back })
@@ -9651,7 +9707,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__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-redo-count": "", children: undo.depth.forward })
@@ -10836,6 +10892,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,7 +11043,17 @@ 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 });
+  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);
@@ -11055,7 +11123,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 +11572,7 @@ function Grid({
     () => ordered.map(
       (field2) => columnForField(
         field2,
-        canWrite ? editing : null,
+        canWrite ? editingHandle : null,
         mayWriteRow,
         whyNotRow,
         {
@@ -11523,7 +11591,7 @@ function Grid({
     [
       ordered,
       canWrite,
-      editing,
+      editingHandle,
       mayWriteRow,
       whyNotRow,
       presentation.formats,
@@ -11535,9 +11603,39 @@ function Grid({
       pinCell
     ]
   );
-  const columns = (0, import_react60.useMemo)(
-    () => {
-      const drawn = withHeaderMenus(withAddRowCells(withSummaryCells(
+  const footerNow = (0, import_react60.useRef)({
+    summaryCell: () => 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;
+      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) => footerNow.current.choose(columnId, op2)
+        }
+      );
+    },
+    addLine: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AddRowLine, { onAdd: () => footerNow.current.add(), 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,27 +11645,123 @@ 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"
         }
-      ), 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,
+      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"
+        }
+      ) : 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 headerHeld = (0, import_react60.useRef)(/* @__PURE__ */ new Map());
+  const menuLatest = (0, import_react60.useRef)(/* @__PURE__ */ new Map());
+  const addColumnDef = (0, import_react60.useMemo)(() => addColumnColumn(() => addColumnNow.current()), []);
+  const drawnColumns = (0, import_react60.useMemo)(
+    () => {
+      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;
     },
-    [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, addColumnDef]
   );
+  const columnsHeld = (0, import_react60.useRef)(null);
+  const columns = columnsHeld.current !== null && sameColumns(columnsHeld.current, drawnColumns) ? columnsHeld.current : drawnColumns;
+  columnsHeld.current = columns;
   const [localColumns, setLocalColumns] = (0, import_react60.useState)(
     null
   );
@@ -11640,6 +11834,274 @@ function Grid({
       } : {}
     };
   }, [presentation, onPresentationChange, writeLook, merged, phone]);
+  const queryTotal = records.data?.total ?? rows.length;
+  const tableQuery = (0, import_react60.useMemo)(
+    () => 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 = (0, import_react60.useMemo)(
+    () => [...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 = (0, import_react60.useMemo)(
+    () => ({
+      answeredBy: merged ? "source" : "client",
+      ...merged && coverageTotal !== null ? { matched: coverageTotal } : {},
+      noun: "record",
+      ...coverageTotal !== null ? { total: coverageTotal } : {}
+    }),
+    [merged, coverageTotal]
+  );
+  const sheetNow = (0, import_react60.useRef)({ 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 = (0, import_react60.useMemo)(
+    () => 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 = (0, import_react60.useMemo)(
+    () => ({
+      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__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          "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__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+        manual ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          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__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
+        !merged && Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", disabled: editingBusy, onClick: () => void addRecord(), children: editingBusy ? "Adding\u2026" : "New record" }) : null,
+        rights.structure && onAddField ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AddFieldButton, { onClick: onAddField }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          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__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(UndoRedoLive, { source: undoSource }),
+            Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", className: "shrink-0", disabled: added.busy, onClick: () => addRowRef.current(), children: added.busy ? "Adding\u2026" : "New record" }) : null
+          ] }),
+          ...phone ? {
+            sheetTop: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-1.5 pb-1", "data-records-grid-sheet-top": "", "data-matrx-table-tools-keep-open": "", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                "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__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-grid-sheet-sort": "", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "shrink-0", children: "Sort by" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                  "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__ */ (0, import_jsx_runtime42.jsx)("option", { value: "", children: "No sort" }),
+                      ordered.flatMap((field2) => [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: `${field2.key}:asc`, children: `${fieldName(field2)} \u2191` }, `${field2.key}:asc`),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("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 = (0, import_react60.useCallback)(
     (key) => {
       const held = (fields.data ?? []).find((f) => f.key === key);
@@ -11800,46 +12262,27 @@ 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",
                   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: (0, import_design_system35.cn)(
                     !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 } : {};
-                  })(),
-                  ...table.data ? {
-                    copy: gridCopyConfig({
-                      tableId,
-                      tableName: tableName(table.data),
-                      fields: ordered,
-                      rowLabel: (row) => recordNameIn(table.data, row.document ?? {})
-                    })
-                  } : {},
+                  footerRows,
+                  ...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,
@@ -11866,154 +12309,18 @@ 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 } : {}
-                  },
-                  ...!(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
-                    }
-                  } : {},
+                  virtualize: fills ? VIRTUALIZE_FILLED : true,
+                  coverage: tableCoverage,
+                  ...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 }),
@@ -12022,142 +12329,7 @@ function Grid({
                     ...mayAddRow ? { addFirst: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(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__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        "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__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-                      manual ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        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__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
-                      !merged && Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", disabled: editing.busy, onClick: () => void editing.addRecord(), children: editing.busy ? "Adding\u2026" : "New record" }) : null,
-                      rights.structure && onAddField ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AddFieldButton, { onClick: onAddField }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        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__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(UndoRedoButtons, { undo }),
-                          Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_design_system35.Button, { size: "sm", className: "shrink-0", disabled: added.busy, onClick: () => void addRowHere(), children: added.busy ? "Adding\u2026" : "New record" }) : null
-                        ] }),
-                        ...phone ? {
-                          sheetTop: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-1.5 pb-1", "data-records-grid-sheet-top": "", "data-matrx-table-tools-keep-open": "", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                              "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__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-grid-sheet-sort": "", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "shrink-0", children: "Sort by" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-                                "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__ */ (0, import_jsx_runtime42.jsx)("option", { value: "", children: "No sort" }),
-                                    ordered.flatMap((field2) => [
-                                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: `${field2.key}:asc`, children: `${fieldName(field2)} \u2191` }, `${field2.key}:asc`),
-                                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: `${field2.key}:desc`, children: `${fieldName(field2)} \u2193` }, `${field2.key}:desc`)
-                                    ])
-                                  ]
-                                }
-                              )
-                            ] }),
-                            controls.sheetTools
-                          ] }),
-                          ...sheetExtras ? { sheetExtras } : {}
-                        } : {}
-                      }
-                    } : {}
-                  }
+                  toolbar: tableToolbar
                 },
                 `records-grid-${tableId}:${openingKey}`
               )
@@ -12259,6 +12431,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));
@@ -26512,7 +26736,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 +26749,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 +26786,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 +26803,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 +26886,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 +27147,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 +27165,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 +27182,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 +27200,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 +27365,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 +27384,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 +27472,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 +27523,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 +27604,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 +27721,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 +27902,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 +27923,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 +27959,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 +27990,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 +28010,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 +28035,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 +28053,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 +28113,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) : "";