@ai-matrx/records-ui 0.113.27 → 0.113.29

package/dist/index.d.cts

@@ -3242,8 +3242,13 @@ interface RelationPickerProps {
     onClose?: (() => void) | undefined;
     /** Escape in a grid cell's list: the cell's cancel — nothing is written (`PickOrAdd.onEscape`). */
     onCancel?: (() => void) | undefined;
+    /**
+     * THE RECORD BEING EDITED (walk 2026-10-08 D11): never offered in its own list — a row cannot be
+     * blocked by, or the parent of, itself (the store refuses it too).
+     */
+    excludeId?: string | undefined;
 }
-declare function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate, onPicked, autoOpen, onClose, onCancel }: RelationPickerProps): react.JSX.Element;
+declare function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate, onPicked, autoOpen, onClose, onCancel, excludeId }: RelationPickerProps): react.JSX.Element;
 
 interface PickOrAddItem {
     id: string;
@@ -3451,6 +3456,8 @@ interface FieldEditorControlProps {
     asForm?: boolean | undefined;
     /** A FORM'S SINGLE CHOICE WAS PICKED (lane TYPEFORM-2): the runner may go on to the next question. */
     onChosen?: (() => void) | undefined;
+    /** The record whose value this is: a link picker never offers it (walk 2026-10-08 D11). */
+    recordId?: string | undefined;
 }
 /** The label row every editor shares: one line, the label, the unit, the required mark. */
 declare function FieldLabel({ field, htmlFor, children }: {
@@ -3458,7 +3465,7 @@ declare function FieldLabel({ field, htmlFor, children }: {
     htmlFor: string;
     children?: ReactNode;
 }): react.JSX.Element;
-declare function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen }: FieldEditorControlProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
+declare function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen, recordId }: FieldEditorControlProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
 /** The chip a picked record shows as — REC-2's "a record is a chip" in one place. */
 declare function RecordChip({ title, onRemove, className, }: {
     title: string;
@@ -4461,10 +4468,6 @@ interface ViewBarProps {
  * still works and a longer sentence would suggest otherwise.
  */
 declare const SAVED_VIEWS_UNAVAILABLE: string;
-/**
- * WHETHER A SEED IS ALREADY THERE. A view by the seed's name always satisfies it; a DEFAULT seed
- * is also satisfied by any view the table already marks as its default, whatever it is called.
- */
 declare function seedIsSatisfied(seed: SavedViewSpec, views: readonly SavedView[]): boolean;
 declare function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }: ViewBarProps): react.JSX.Element;
 

package/dist/index.d.ts

@@ -3242,8 +3242,13 @@ interface RelationPickerProps {
     onClose?: (() => void) | undefined;
     /** Escape in a grid cell's list: the cell's cancel — nothing is written (`PickOrAdd.onEscape`). */
     onCancel?: (() => void) | undefined;
+    /**
+     * THE RECORD BEING EDITED (walk 2026-10-08 D11): never offered in its own list — a row cannot be
+     * blocked by, or the parent of, itself (the store refuses it too).
+     */
+    excludeId?: string | undefined;
 }
-declare function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate, onPicked, autoOpen, onClose, onCancel }: RelationPickerProps): react.JSX.Element;
+declare function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate, onPicked, autoOpen, onClose, onCancel, excludeId }: RelationPickerProps): react.JSX.Element;
 
 interface PickOrAddItem {
     id: string;
@@ -3451,6 +3456,8 @@ interface FieldEditorControlProps {
     asForm?: boolean | undefined;
     /** A FORM'S SINGLE CHOICE WAS PICKED (lane TYPEFORM-2): the runner may go on to the next question. */
     onChosen?: (() => void) | undefined;
+    /** The record whose value this is: a link picker never offers it (walk 2026-10-08 D11). */
+    recordId?: string | undefined;
 }
 /** The label row every editor shares: one line, the label, the unit, the required mark. */
 declare function FieldLabel({ field, htmlFor, children }: {
@@ -3458,7 +3465,7 @@ declare function FieldLabel({ field, htmlFor, children }: {
     htmlFor: string;
     children?: ReactNode;
 }): react.JSX.Element;
-declare function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen }: FieldEditorControlProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
+declare function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen, recordId }: FieldEditorControlProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
 /** The chip a picked record shows as — REC-2's "a record is a chip" in one place. */
 declare function RecordChip({ title, onRemove, className, }: {
     title: string;
@@ -4461,10 +4468,6 @@ interface ViewBarProps {
  * still works and a longer sentence would suggest otherwise.
  */
 declare const SAVED_VIEWS_UNAVAILABLE: string;
-/**
- * WHETHER A SEED IS ALREADY THERE. A view by the seed's name always satisfies it; a DEFAULT seed
- * is also satisfied by any view the table already marks as its default, whatever it is called.
- */
 declare function seedIsSatisfied(seed: SavedViewSpec, views: readonly SavedView[]): boolean;
 declare function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }: ViewBarProps): react.JSX.Element;
 

package/dist/index.js

@@ -4603,8 +4603,11 @@ function tellApart(rows, nameOf2) {
 
 // src/RelationPicker.tsx
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function withoutSelf(rows, selfId) {
+  return selfId ? rows.filter((row) => row.id !== selfId) : rows;
+}
 var NO_STORE_ON_THIS_SCREEN_REASON = "This question points at a record in somebody's own data, and a page answered without an account is never allowed to search that. Leave it blank \u2014 whoever receives your answer will fill it in.";
-function RelationPicker({ field: field2, value, onChange, disabled, id, className, allowCreate = true, onPicked, autoOpen, onClose, onCancel }) {
+function RelationPicker({ field: field2, value, onChange, disabled, id, className, allowCreate = true, onPicked, autoOpen, onClose, onCancel, excludeId }) {
   const client = useOptionalRecordsClient3();
   const [rows, setRows] = useState11(null);
   const [words2, setWords] = useState11({});
@@ -4633,7 +4636,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
     let cancelled = false;
     void client.list({ table_id: target2, limit: 200 }).then((result) => {
       if (cancelled) return;
-      if (result.ok) setRows(result.data.rows);
+      if (result.ok) setRows(withoutSelf(result.data.rows, excludeId));
       else setRefusal(result.error);
     });
     return () => {
@@ -4743,7 +4746,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
     }
     const createdId = String(written.data);
     const refreshed = await client.list({ table_id: tableId, limit: 200 });
-    if (refreshed.ok) setRows(refreshed.data.rows);
+    if (refreshed.ok) setRows(withoutSelf(refreshed.data.rows, excludeId));
     setBusy(false);
     setCreating(false);
     setNewTitle("");
@@ -10920,7 +10923,7 @@ function isPersonsName(field2) {
   const words2 = `${field2.key} ${field2.label ?? ""}`.toLowerCase();
   return /(^|[\s_])(full[\s_]?)?name(\s|$)/.test(words2) && !/(therapist|doctor|physician|company|business|pet|room)/.test(words2);
 }
-function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen }) {
+function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm, onChosen, recordId }) {
   const host = useRecordsUi();
   const kind = editorKindFor(field2);
   const inputId = id ?? `field-${field2.key}`;
@@ -11005,9 +11008,9 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       if (hostTakesFiles(host)) {
         return /* @__PURE__ */ jsx41(AttachmentControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose });
       }
-      return /* @__PURE__ */ jsx41(RelationPicker, { field: field2, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx41(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, excludeId: recordId });
     case "relation":
-      return /* @__PURE__ */ jsx41(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose, onCancel });
+      return /* @__PURE__ */ jsx41(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose, onCancel, excludeId: recordId });
     default:
       if (typeof value === "boolean" || field2.config?.["kind"] === "boolean") {
         return /* @__PURE__ */ jsx41(
@@ -12415,6 +12418,7 @@ function GridCell({
         OpenCell,
         {
           field: field2,
+          recordId: row.id,
           draft: editing.draft,
           initialSearch: editing.searchSeed,
           onType: editing.type,
@@ -12760,7 +12764,8 @@ function OpenCell({
   onCommit,
   onCancel,
   below,
-  initialSearch
+  initialSearch,
+  recordId
 }) {
   const multiline = takesANewline(field2);
   const picker = opensAsAList(field2, hostTakesFiles(useRecordsUi()));
@@ -12883,7 +12888,8 @@ function OpenCell({
             ...picker && ahead ? { initialSearch: ahead } : {},
             onCommit: () => once(() => onCommit(null, "pick")),
             onCancel: () => once(() => onCancel("pick")),
-            addsChoices: true
+            addsChoices: true,
+            recordId
           }
         ),
         /* @__PURE__ */ jsxs38("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
@@ -14960,6 +14966,7 @@ function ActionsHeaderControls({ onAddColumn }) {
       "aria-label": ADD_COLUMN_LABEL,
       title: ADD_COLUMN_LABEL,
       "data-records-actions-header-add": "",
+      "data-records-add-column": "",
       onClick: (event) => {
         event.stopPropagation();
         onAddColumn();
@@ -17399,6 +17406,7 @@ function CustomRecordForm({
         /* @__PURE__ */ jsx60("div", { className: "grid gap-3 sm:grid-cols-2", children: (fields.data ?? []).map((field2) => /* @__PURE__ */ jsx60(
           FieldRow,
           {
+            recordId,
             field: field2,
             value: draft[field2.key],
             document: existing.data?.document,
@@ -17473,7 +17481,8 @@ function FieldRow({
   problems,
   onChange,
   onKeepEditing,
-  onDiscard
+  onDiscard,
+  recordId
 }) {
   const id = `field-${field2.id}`;
   const storedWords = document2?.[field2.key];
@@ -17484,7 +17493,7 @@ function FieldRow({
       // A TEXT KEPT AS A FILE opens WHOLE, never as the 1000 characters its cell holds —
       // saving those would cut the value (lane BIG-VALUES-WRITE).
       /* @__PURE__ */ jsx60(WholeValueEditor, { field: field2, pointer: whole, words: String(storedWords ?? ""), value, onChange, id })
-    ) : /* @__PURE__ */ jsx60(FieldControl, { field: field2, value, onChange, id }),
+    ) : /* @__PURE__ */ jsx60(FieldControl, { field: field2, value, onChange, id, recordId }),
     problems.map((problem, index) => /* @__PURE__ */ jsx60(
       RefusalNotice,
       {
@@ -19176,6 +19185,9 @@ function useReverseGridColumns(tableId, rowIds) {
       label: column.label,
       accessorFn: (row) => held.answers?.[column.key]?.[row.id]?.total ?? 0,
       sortable: false,
+      // THE SAME HEADER AS EVERY OTHER COLUMN (WALK-FIXES-3 D13): its hover icon opens the menu,
+      // which says why this column cannot sort — its links are kept on the other table.
+      sortRefusal: `Kept on ${column.source_table_name}, so it cannot sort here.`,
       filter: false,
       copyValue: (row) => (held.answers?.[column.key]?.[row.id]?.links ?? []).map((l) => l.words).join(", "),
       cell: (row) => row.id === SUMMARY_ROW_ID || row.id === ADD_ROW_ID ? null : /* @__PURE__ */ jsx64(ReverseCell, { held, column, rowId: row.id, tableId }),
@@ -19218,10 +19230,14 @@ function ReverseCell({ held, column, rowId, tableId }) {
   const reading = useSyncExternalStore3(subscribe, readReading, readReading);
   const chips = /* @__PURE__ */ jsx64(ReverseLinkChips, { column, answer, loading: reading, clamp: { tableId, recordId: rowId } });
   if (column.read_only) return chips;
-  return /* @__PURE__ */ jsxs59("span", { className: "flex min-w-0 items-start gap-1", children: [
-    /* @__PURE__ */ jsx64("span", { className: "min-w-0 flex-1", children: chips }),
-    /* @__PURE__ */ jsx64(ReverseLinksEditPopover, { tableId, recordId: rowId, column })
-  ] });
+  return /* @__PURE__ */ jsx64(ReverseLinksEditCell, { tableId, recordId: rowId, column, chips });
+}
+var reverseCellOpeners = /* @__PURE__ */ new Map();
+function openReverseCell(rowId, columnId2) {
+  const open = reverseCellOpeners.get(`${rowId}|${columnId2}`);
+  if (!open) return false;
+  open();
+  return true;
 }
 function useReverseField(tableId, column) {
   const client = useOptionalRecordsClient11();
@@ -19259,27 +19275,48 @@ function ReverseLinksEditor({ tableId, recordId, column, autoOpen, onClose }) {
     if (done.ok) read.reload();
   };
   return /* @__PURE__ */ jsxs59("span", { className: "flex min-w-0 flex-col gap-1", "data-records-reverse-editor": column.key, children: [
-    /* @__PURE__ */ jsx64(RelationPicker, { field: field2, value: current, onChange: (next) => void write(next), autoOpen, onClose }),
+    /* @__PURE__ */ jsx64(RelationPicker, { field: field2, value: current, onChange: (next) => void write(next), autoOpen, onClose, excludeId: recordId }),
     refused ? /* @__PURE__ */ jsx64(RefusalNotice, { error: refused }) : null
   ] });
 }
 var REVERSE_LINKS_EDIT_MAX = 50;
-function ReverseLinksEditPopover({ tableId, recordId, column }) {
+function ReverseLinksEditCell({ tableId, recordId, column, chips }) {
   const [open, setOpen] = useState54(false);
+  const key = `${recordId}|${reverseColumnId(column)}`;
+  useEffect44(() => {
+    reverseCellOpeners.set(key, () => setOpen(true));
+    return () => {
+      reverseCellOpeners.delete(key);
+    };
+  }, [key]);
   return /* @__PURE__ */ jsxs59(Popover8, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx64(PopoverTrigger8, { asChild: true, children: /* @__PURE__ */ jsx64(
-      Button37,
+      "span",
       {
-        size: "sm",
-        variant: "ghost",
-        className: "h-5 w-5 shrink-0 p-0 text-muted-foreground",
-        "aria-label": `Link ${column.source_table_name}`,
-        title: `Link ${column.source_table_name}`,
+        role: "button",
+        tabIndex: 0,
+        "data-matrx-cell-control": "",
+        "data-matrx-cell-fill": "",
         "data-records-reverse-edit": column.key,
-        children: "+"
+        "aria-label": `Edit ${column.label}`,
+        title: `${column.label} \u2014 click or press Enter to edit`,
+        className: "flex w-full min-w-0 cursor-text items-center gap-1 rounded px-1 py-0.5 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        onClick: (event) => {
+          if (event.target instanceof Element && event.target.closest("a[href]")) {
+            event.preventDefault();
+            return;
+          }
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === "F2") {
+            event.preventDefault();
+            setOpen(true);
+          }
+        },
+        children: /* @__PURE__ */ jsx64("span", { className: "min-w-0 flex-1", children: chips })
       }
     ) }),
-    /* @__PURE__ */ jsx64(PopoverContent8, { sizing: "content", align: "start", className: "w-80 p-2", children: open ? /* @__PURE__ */ jsx64(ReverseLinksEditor, { tableId, recordId, column }) : null })
+    /* @__PURE__ */ jsx64(PopoverContent8, { sizing: "content", align: "start", className: "w-80 p-2", children: open ? /* @__PURE__ */ jsx64(ReverseLinksEditor, { tableId, recordId, column, autoOpen: true, onClose: () => setOpen(false) }) : null })
   ] });
 }
 var EMPTY_COLUMNS = [];
@@ -24929,9 +24966,10 @@ function GridBody({
         (key) => holdHeaderMenu(headerHeld.current, menuLatest.current, key, controls.headerMenuFor(key)),
         (key) => holdByContent(headerHeld.current, `filter:${key}`, filterFor(key))
       );
-      return merged && rights.structure && !readOnly ? [...drawn, addColumnDef] : drawn;
+      const pinnedPlus = offersRowActions && mayManageActions;
+      return merged && rights.structure && !readOnly && !pinnedPlus ? [...drawn, addColumnDef] : drawn;
     },
-    [bodyColumns, controls.headerMenuFor, controls.filterFor, merged, rights.structure, readOnly, addColumnDef]
+    [bodyColumns, controls.headerMenuFor, controls.filterFor, merged, rights.structure, readOnly, addColumnDef, offersRowActions, mayManageActions]
   );
   const columnsHeld = useRef37(null);
   const columns = columnsHeld.current !== null && sameColumns(columnsHeld.current, drawnColumns) ? columnsHeld.current : drawnColumns;
@@ -24940,7 +24978,7 @@ function GridBody({
     () => offersRowActions ? [...columns, { id: "custom-actions", header: merged ? /* @__PURE__ */ jsxs69("span", { className: "inline-flex items-center gap-0.5", children: [
       /* @__PURE__ */ jsx76("span", { children: "Actions" }),
       actionsHeader
-    ] }) : "Actions", label: "Actions", reorderable: false, sortable: false, filter: false, customActions: rowActions }] : columns,
+    ] }) : "Actions", label: "Actions", reorderable: false, sortable: false, filter: false, customActions: rowActions, cell: drawNothing }] : columns,
     [columns, offersRowActions, merged, actionsHeader, rowActions]
   );
   const [localColumns, setLocalColumns] = useState63(
@@ -25108,6 +25146,9 @@ function GridBody({
        */
       onEditRequest: (address2, seed) => {
         const now = sheetNow.current;
+        if (address2.columnId.startsWith(REVERSE_COLUMN_PREFIX)) {
+          return (seed === null || seed === "") && now.mayWriteRow(address2.rowId) && openReverseCell(address2.rowId, address2.columnId);
+        }
         const field2 = now.fields.find((f) => f.key === address2.columnId);
         if (!field2 || !fieldIsEditable(field2) || !now.mayWriteRow(address2.rowId)) return false;
         if (editorKindFor(field2) === "checkbox") {
@@ -35892,6 +35933,7 @@ function copyName(name, taken) {
 // src/ViewBar.tsx
 import { jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 var SAVED_VIEWS_UNAVAILABLE = "Saved views are not available in this organization right now, so the layout you pick here is not being kept. Everything else on this table works as usual.";
+var VIEW_CHIP_BOX = "h-8 w-32 shrink-0";
 function seedIsSatisfied(seed, views) {
   if (views.some((v) => v.name === seed.name)) return true;
   return seed.isDefault === true && views.some((v) => v.isDefault);
@@ -36049,7 +36091,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     );
   }
   if (error) return /* @__PURE__ */ jsx117(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx117(Button73, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
-  if (views === null) return /* @__PURE__ */ jsx117(Skeleton15, { className: cn61("h-8 w-28 shrink-0", className) });
+  if (views === null) return /* @__PURE__ */ jsx117(Skeleton15, { className: cn61(VIEW_CHIP_BOX, className), "data-view-picker-reserved": "" });
   const current = views.find((v) => v.id === active) ?? null;
   return /* @__PURE__ */ jsxs107(Popover12, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx117(PopoverTrigger12, { asChild: true, children: /* @__PURE__ */ jsxs107(
@@ -36057,7 +36099,8 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       {
         size: "sm",
         variant: "subtle",
-        className: cn61("h-8 max-w-[14rem] shrink-0 gap-1 px-2 text-xs", className),
+        className: cn61(VIEW_CHIP_BOX, "justify-between gap-1 px-2 text-xs", className),
+        title: current?.name ?? void 0,
         "aria-label": `View: ${current?.name ?? "none yet"}. Change view`,
         "data-view-picker": "",
         children: [
@@ -49459,7 +49502,7 @@ function useEmbedHandshake(args) {
 import { copyText as copyText12 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback70, useEffect as useEffect117, useMemo as useMemo78, useRef as useRef63, useState as useState137 } from "react";
 import { archivedByLine as archivedByLine2 } from "@ai-matrx/records";
-import { useFields as useFields37, useRecordsClient as useRecordsClient98, useSeededAnswer, useTable as useTable37 } from "@ai-matrx/records/react";
+import { tableShapeChanged as tableShapeChanged14, useFields as useFields37, useRecordsClient as useRecordsClient98, useSeededAnswer, useTable as useTable37, useTableArchive as useTableArchive2 } from "@ai-matrx/records/react";
 import {
   Badge as Badge26,
   BottomSheet,
@@ -50573,6 +50616,37 @@ function TablePage({
   const [shareAsked, setShareAsked] = useState137(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
   const [archiveAsked, setArchiveAsked] = useState137(0);
+  const pageArchive = useTableArchive2(tableId);
+  const archiveRunning = useRef63(false);
+  const archiveFromMenu = useCallback70(async () => {
+    if (archiveRunning.current) return;
+    archiveRunning.current = true;
+    try {
+      const look2 = await pageArchive.preview();
+      const line = look2?.confirm_over;
+      if (!look2 || typeof line !== "number" || look2.remaining > line) {
+        setSurface((now) => ({ ...now, main: "records", rail: "settings" }));
+        setArchiveAsked((n) => n + 1);
+        return;
+      }
+      const finished = await pageArchive.start();
+      if (finished?.done && finished.table_archived) {
+        announceTableArchived({
+          notify: recordsUi.notify,
+          client,
+          tableId,
+          name: finished.table_name || table.data?.name || "the table",
+          onRestored: () => tableShapeChanged14(tableId)
+        });
+        tableShapeChanged14(tableId);
+        return;
+      }
+      setSurface((now) => ({ ...now, main: "records", rail: "settings" }));
+      setArchiveAsked((n) => n + 1);
+    } finally {
+      archiveRunning.current = false;
+    }
+  }, [pageArchive, client, tableId, table.data, recordsUi.notify]);
   const [moveAsked, setMoveAsked] = useState137(0);
   const [duplicateOpen, setDuplicateOpen] = useState137(false);
   const [referenceOpen, setReferenceOpen] = useState137(false);
@@ -50940,8 +51014,7 @@ function TablePage({
       ...layoutShowingLabel ? { layoutLabel: layoutShowingLabel } : {},
       openBuiltOn: (destination) => go(BUILT_ON_PRESS[destination]),
       archive: () => {
-        setSurface((now) => ({ ...now, main: "records", rail: "settings" }));
-        setArchiveAsked((n) => n + 1);
+        void archiveFromMenu();
       },
       unavailableReasons: {
         open: "Already open",