@ai-matrx/records-ui 0.113.28 → 0.113.30

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.113.30
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.29..npm/records-ui/v0.113.30 -- 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

package/dist/index.cjs

@@ -15420,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();
@@ -19551,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 }),
@@ -19593,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)();
@@ -19639,22 +19647,43 @@ function ReverseLinksEditor({ tableId, recordId, column, autoOpen, onClose }) {
   ] });
 }
 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 = [];
@@ -25270,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;
@@ -25281,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)(
@@ -25449,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") {
@@ -36123,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);
@@ -36280,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)(
@@ -36288,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: [
@@ -50679,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);
@@ -51046,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",