@ai-matrx/records-ui 0.113.28 → 0.113.29

package/dist/index.d.cts

@@ -4468,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

@@ -4468,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

@@ -14966,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();
@@ -19184,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 }),
@@ -19226,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();
@@ -19272,22 +19280,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] = 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 = [];
@@ -24937,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;
@@ -24948,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(
@@ -25116,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") {
@@ -35900,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);
@@ -36057,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(
@@ -36065,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: [
@@ -49467,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,
@@ -50581,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);
@@ -50948,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",