@ai-matrx/records-ui 0.113.27 → 0.113.29

package/CHANGELOG.md

@@ -1,11 +1,41 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.113.29
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.28..npm/records-ui/v0.113.29 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.113.28
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.27..npm/records-ui/v0.113.28 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.113.27
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see
 `git diff npm/records-ui/v0.113.26..npm/records-ui/v0.113.27 -- apps/shared/records-ui`).
 No source changes intended and no consumer action required.
 
+## 0.113.26
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.25..npm/records-ui/v0.113.26 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.113.25
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.24..npm/records-ui/v0.113.25 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.113.24
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.23..npm/records-ui/v0.113.24 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.113.23
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -5169,8 +5169,11 @@ var import_jsx_runtime14 = (
   // `FieldLabel`, so the sentence does not say it a second time.
   require("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 = (0, import_react24.useOptionalRecordsClient)();
   const [rows, setRows] = (0, import_react23.useState)(null);
   const [words2, setWords] = (0, import_react23.useState)({});
@@ -5199,7 +5202,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 () => {
@@ -5305,7 +5308,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("");
@@ -11435,7 +11438,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}`;
@@ -11520,9 +11523,9 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       if (hostTakesFiles(host)) {
         return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AttachmentControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, excludeId: recordId });
     case "relation":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose, onCancel });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(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__ */ (0, import_jsx_runtime41.jsx)(
@@ -12930,6 +12933,7 @@ function GridCell({
         OpenCell,
         {
           field: field2,
+          recordId: row.id,
           draft: editing.draft,
           initialSearch: editing.searchSeed,
           onType: editing.type,
@@ -13275,7 +13279,8 @@ function OpenCell({
   onCommit,
   onCancel,
   below,
-  initialSearch
+  initialSearch,
+  recordId
 }) {
   const multiline = takesANewline(field2);
   const picker = opensAsAList(field2, hostTakesFiles(useRecordsUi()));
@@ -13398,7 +13403,8 @@ function OpenCell({
             ...picker && ahead ? { initialSearch: ahead } : {},
             onCommit: () => once(() => onCommit(null, "pick")),
             onCancel: () => once(() => onCancel("pick")),
-            addsChoices: true
+            addsChoices: true,
+            recordId
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
@@ -15414,6 +15420,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();
@@ -17793,6 +17800,7 @@ function CustomRecordForm({
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "grid gap-3 sm:grid-cols-2", children: (fields.data ?? []).map((field2) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           FieldRow,
           {
+            recordId,
             field: field2,
             value: draft[field2.key],
             document: existing.data?.document,
@@ -17867,7 +17875,8 @@ function FieldRow({
   problems,
   onChange,
   onKeepEditing,
-  onDiscard
+  onDiscard,
+  recordId
 }) {
   const id = `field-${field2.id}`;
   const storedWords = document2?.[field2.key];
@@ -17878,7 +17887,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__ */ (0, import_jsx_runtime60.jsx)(WholeValueEditor, { field: field2, pointer: whole, words: String(storedWords ?? ""), value, onChange, id })
-    ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FieldControl, { field: field2, value, onChange, id }),
+    ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FieldControl, { field: field2, value, onChange, id, recordId }),
     problems.map((problem, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       RefusalNotice,
       {
@@ -19543,6 +19552,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__ */ (0, import_jsx_runtime64.jsx)(ReverseCell, { held, column, rowId: row.id, tableId }),
@@ -19585,10 +19597,14 @@ function ReverseCell({ held, column, rowId, tableId }) {
   const reading = (0, import_react106.useSyncExternalStore)(subscribe, readReading, readReading);
   const chips = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ReverseLinkChips, { column, answer, loading: reading, clamp: { tableId, recordId: rowId } });
   if (column.read_only) return chips;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex min-w-0 items-start gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "min-w-0 flex-1", children: chips }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ReverseLinksEditPopover, { tableId, recordId: rowId, column })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(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 = (0, import_react107.useOptionalRecordsClient)();
@@ -19626,27 +19642,48 @@ function ReverseLinksEditor({ tableId, recordId, column, autoOpen, onClose }) {
     if (done.ok) read.reload();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex min-w-0 flex-col gap-1", "data-records-reverse-editor": column.key, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RelationPicker, { field: field2, value: current, onChange: (next) => void write(next), autoOpen, onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RelationPicker, { field: field2, value: current, onChange: (next) => void write(next), autoOpen, onClose, excludeId: recordId }),
     refused ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RefusalNotice, { error: refused }) : null
   ] });
 }
 var REVERSE_LINKS_EDIT_MAX = 50;
-function ReverseLinksEditPopover({ tableId, recordId, column }) {
+function ReverseLinksEditCell({ tableId, recordId, column, chips }) {
   const [open, setOpen] = (0, import_react106.useState)(false);
+  const key = `${recordId}|${reverseColumnId(column)}`;
+  (0, import_react106.useEffect)(() => {
+    reverseCellOpeners.set(key, () => setOpen(true));
+    return () => {
+      reverseCellOpeners.delete(key);
+    };
+  }, [key]);
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_design_system57.Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_design_system57.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-      import_design_system57.Button,
+      "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__ */ (0, import_jsx_runtime64.jsx)("span", { className: "min-w-0 flex-1", children: chips })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_design_system57.PopoverContent, { sizing: "content", align: "start", className: "w-80 p-2", children: open ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ReverseLinksEditor, { tableId, recordId, column }) : null })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_design_system57.PopoverContent, { sizing: "content", align: "start", className: "w-80 p-2", children: open ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ReverseLinksEditor, { tableId, recordId, column, autoOpen: true, onClose: () => setOpen(false) }) : null })
   ] });
 }
 var EMPTY_COLUMNS = [];
@@ -25262,9 +25299,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 = (0, import_react127.useRef)(null);
   const columns = columnsHeld.current !== null && sameColumns(columnsHeld.current, drawnColumns) ? columnsHeld.current : drawnColumns;
@@ -25273,7 +25311,7 @@ function GridBody({
     () => offersRowActions ? [...columns, { id: "custom-actions", header: merged ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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] = (0, import_react127.useState)(
@@ -25441,6 +25479,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") {
@@ -36115,6 +36156,7 @@ function copyName(name, taken) {
 // src/ViewBar.tsx
 var import_jsx_runtime117 = require("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);
@@ -36272,7 +36314,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     );
   }
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RefusalNotice, { error, className, actions: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system100.Button, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
-  if (views === null) return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system100.Skeleton, { className: (0, import_design_system100.cn)("h-8 w-28 shrink-0", className) });
+  if (views === null) return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system100.Skeleton, { className: (0, import_design_system100.cn)(VIEW_CHIP_BOX, className), "data-view-picker-reserved": "" });
   const current = views.find((v) => v.id === active) ?? null;
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_design_system100.Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system100.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
@@ -36280,7 +36322,8 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       {
         size: "sm",
         variant: "subtle",
-        className: (0, import_design_system100.cn)("h-8 max-w-[14rem] shrink-0 gap-1 px-2 text-xs", className),
+        className: (0, import_design_system100.cn)(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: [
@@ -50671,6 +50714,37 @@ function TablePage({
   const [shareAsked, setShareAsked] = (0, import_react288.useState)(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
   const [archiveAsked, setArchiveAsked] = (0, import_react288.useState)(0);
+  const pageArchive = (0, import_react289.useTableArchive)(tableId);
+  const archiveRunning = (0, import_react288.useRef)(false);
+  const archiveFromMenu = (0, import_react288.useCallback)(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: () => (0, import_react289.tableShapeChanged)(tableId)
+        });
+        (0, import_react289.tableShapeChanged)(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] = (0, import_react288.useState)(0);
   const [duplicateOpen, setDuplicateOpen] = (0, import_react288.useState)(false);
   const [referenceOpen, setReferenceOpen] = (0, import_react288.useState)(false);
@@ -51038,8 +51112,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",