@ai-matrx/design-system 0.56.2 → 0.59.0

package/dist/data-table/index.js

@@ -34543,9 +34543,9 @@ function TableIconActions({ actions }) {
 
 // src/data-table/MatrxDataTable.tsx
 import {
-  cloneElement as cloneElement2,
+  cloneElement as cloneElement3,
   Fragment as Fragment18,
-  isValidElement as isValidElement2,
+  isValidElement as isValidElement3,
   memo,
   useCallback as useCallback15,
   useEffect as useEffect26,
@@ -35451,6 +35451,162 @@ function Skeleton({ className, animated = true, ...props }) {
   );
 }
 
+// src/data-table/row-drawing.ts
+import { cloneElement, isValidElement } from "react";
+var LAZY = /* @__PURE__ */ Symbol.for("@ai-matrx/design-system/data-table/lazy-callback");
+var MAX_DEPTH = 32;
+var HANDLER_KEY = /^on[A-Z]/;
+function lazyCallback(fn) {
+  fn[LAZY] = true;
+  return fn;
+}
+function isLazy(fn) {
+  return fn[LAZY] === true;
+}
+function trampolinable(key, fn) {
+  return isLazy(fn) || HANDLER_KEY.test(key);
+}
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") return false;
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+}
+function makeSlot(fn) {
+  const slot = {
+    fn,
+    // A Proxy rather than a bare wrapper: a handler that carries its own members (a debounced
+    // function's `cancel`) keeps them, read from the latest function.
+    stable: new Proxy((() => void 0), {
+      apply: (_target, thisArg, args) => Reflect.apply(slot.fn, thisArg, args),
+      get: (_target, key) => Reflect.get(slot.fn, key)
+    })
+  };
+  return slot;
+}
+function sameEntries(a, b, path2, depth, updates) {
+  const keys2 = Object.keys(a);
+  if (keys2.length !== Object.keys(b).length) return false;
+  for (const key of keys2) {
+    if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
+    if (key === "ref") {
+      if (!Object.is(a[key], b[key])) return false;
+      continue;
+    }
+    if (!sameDrawing(a[key], b[key], key, `${path2}/${key}`, depth + 1, updates)) return false;
+  }
+  return true;
+}
+function sameDrawing(previous, next, key, path2, depth, updates) {
+  if (Object.is(previous, next)) return true;
+  if (typeof previous === "function" && typeof next === "function") {
+    if (trampolinable(key, previous) && trampolinable(key, next)) {
+      updates.push([path2, next]);
+      return true;
+    }
+    return false;
+  }
+  if (depth > MAX_DEPTH) return false;
+  if (isValidElement(previous) && isValidElement(next)) {
+    if (previous.type !== next.type || previous.key !== next.key) return false;
+    return sameEntries(
+      previous.props,
+      next.props,
+      path2,
+      depth,
+      updates
+    );
+  }
+  if (Array.isArray(previous) && Array.isArray(next)) {
+    if (previous.length !== next.length) return false;
+    for (let i = 0; i < previous.length; i += 1) {
+      if (!sameDrawing(previous[i], next[i], key, `${path2}/${i}`, depth + 1, updates)) return false;
+    }
+    return true;
+  }
+  if (isPlainObject(previous) && isPlainObject(next)) return sameEntries(previous, next, path2, depth, updates);
+  return false;
+}
+function stabilize(value, key, path2, depth, slots, reuse) {
+  if (typeof value === "function") {
+    if (!trampolinable(key, value)) return value;
+    const fn = value;
+    const kept = reuse?.get(path2);
+    const slot = kept ?? makeSlot(fn);
+    slot.fn = fn;
+    slots.set(path2, slot);
+    return slot.stable;
+  }
+  if (depth > MAX_DEPTH) return value;
+  if (isValidElement(value)) {
+    const props = value.props;
+    let changed = null;
+    for (const propKey of Object.keys(props)) {
+      if (propKey === "ref") continue;
+      const before2 = props[propKey];
+      const after2 = stabilize(before2, propKey, `${path2}/${propKey}`, depth + 1, slots, reuse);
+      if (after2 !== before2) (changed ??= {})[propKey] = after2;
+    }
+    if (!changed) return value;
+    const clone = cloneElement(value, changed);
+    const before = value._store;
+    const after = clone._store;
+    if (before && after && "validated" in before) {
+      try {
+        after.validated = before.validated;
+      } catch {
+      }
+    }
+    return clone;
+  }
+  if (Array.isArray(value)) {
+    let out = null;
+    for (let i = 0; i < value.length; i += 1) {
+      const after = stabilize(value[i], key, `${path2}/${i}`, depth + 1, slots, reuse);
+      if (after !== value[i]) (out ??= value.slice())[i] = after;
+    }
+    return out ?? value;
+  }
+  if (isPlainObject(value)) {
+    let out = null;
+    for (const entryKey of Object.keys(value)) {
+      const before = value[entryKey];
+      const after = stabilize(before, entryKey, `${path2}/${entryKey}`, depth + 1, slots, reuse);
+      if (after !== before) (out ??= { ...value })[entryKey] = after;
+    }
+    return out ?? value;
+  }
+  return value;
+}
+var RowDrawings = class {
+  rows = /* @__PURE__ */ new Map();
+  /**
+   * The element to hand React for this row. The SAME object as last time when `raw` draws what the
+   * last one drew (its handlers are re-pointed); a new one otherwise.
+   */
+  draw(rowId, raw) {
+    const previous = this.rows.get(rowId);
+    if (previous) {
+      const updates = [];
+      if (sameDrawing(previous.raw, raw, "", "", 0, updates) && updates.every(([path2]) => previous.slots.has(path2))) {
+        for (const [path2, fn] of updates) previous.slots.get(path2).fn = fn;
+        previous.raw = raw;
+        return previous.out;
+      }
+    }
+    const slots = /* @__PURE__ */ new Map();
+    const out = stabilize(raw, "", "", 0, slots, previous?.slots);
+    this.rows.set(rowId, { raw, out, slots });
+    return out;
+  }
+  /** Forget rows that are no longer in the table (bounded by what was ever drawn). */
+  prune(liveIds) {
+    for (const id of this.rows.keys()) if (!liveIds.has(id)) this.rows.delete(id);
+  }
+  get size() {
+    return this.rows.size;
+  }
+};
+
 // src/data-table/TableTitleRow.tsx
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function TableTitleRow({
@@ -40702,9 +40858,9 @@ function WorkspaceWindowSlot({ onNode, sessionKey, onClose }) {
 
 // src/tap-target/tap-target-button.tsx
 import {
-  cloneElement,
+  cloneElement as cloneElement2,
   forwardRef as forwardRef13,
-  isValidElement,
+  isValidElement as isValidElement2,
   useCallback as useCallback9,
   useRef as useRef15
 } from "react";
@@ -41115,8 +41271,8 @@ function IconContent({
   className
 }) {
   if (icon) {
-    if (isValidElement(icon)) {
-      return cloneElement(icon, {
+    if (isValidElement2(icon)) {
+      return cloneElement2(icon, {
         className: cn2(className, icon.props.className)
       });
     }
@@ -49896,7 +50052,7 @@ function formatValue2(value) {
     return String(value);
   }
 }
-function isPlainObject(value) {
+function isPlainObject2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date);
 }
 function DataRowInspector({
@@ -49909,7 +50065,7 @@ function DataRowInspector({
   location,
   tokenForField = noFieldToken
 }) {
-  const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
+  const entries = isPlainObject2(row) ? Object.entries(row) : [["value", row]];
   const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ jsx53("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ jsx53(
     CopyButtons,
     {
@@ -52149,7 +52305,7 @@ function TableToolbarAction({
         disabled,
         onClick,
         children: [
-          isValidElement2(children) ? cloneElement2(children, { className: cn("h-4 w-4", children.props.className) }) : children,
+          isValidElement3(children) ? cloneElement3(children, { className: cn("h-4 w-4", children.props.className) }) : children,
           /* @__PURE__ */ jsx59("span", { children: ariaLabel })
         ]
       }
@@ -52171,7 +52327,7 @@ function TableToolbarAction({
         "aria-busy": busy || void 0,
         disabled,
         onClick,
-        children: isValidElement2(children) ? cloneElement2(children, { className: cn("h-5 w-5", children.props.className) }) : children
+        children: isValidElement3(children) ? cloneElement3(children, { className: cn("h-5 w-5", children.props.className) }) : children
       }
     ) }) }),
     /* @__PURE__ */ jsx59(TooltipContent, { children: tooltip ?? ariaLabel })
@@ -52200,9 +52356,10 @@ function tableRowCopyProps(copy, row, sourceId, defaultColumns) {
     label: copy.label,
     ...copy.rowReferences ? { references: copy.rowReferences(row) } : {},
     ...copy.triggerVariant ? { triggerVariant: copy.triggerVariant } : {},
-    human: () => copy.humanRow(row),
-    json: () => copy.agentRow ? copy.agentRow(row) : row,
-    agent: () => defaultColumns ? buildDefaultTableRowAgentInput(copy, row, defaultColumns) : buildRowAgentInput(copy, row),
+    // Run on a copy, never while the menu renders: a row may keep a trampoline to them.
+    human: lazyCallback(() => copy.humanRow(row)),
+    json: lazyCallback(() => copy.agentRow ? copy.agentRow(row) : row),
+    agent: lazyCallback(() => defaultColumns ? buildDefaultTableRowAgentInput(copy, row, defaultColumns()) : buildRowAgentInput(copy, row)),
     ...aiVariants === void 0 ? {} : { aiVariants }
   };
 }
@@ -52435,10 +52592,10 @@ function versionFacts(version2) {
   return Array.isArray(version2) ? ["rowVersion", ...version2] : ["rowVersion", version2];
 }
 function sameBodyRow(a, b) {
-  return a.row === b.row && a.index === b.index && a.epoch === b.epoch && a.rowId === b.rowId && a.facts.length === b.facts.length && a.facts.every((fact, i) => Object.is(fact, b.facts[i]));
+  return a.row === b.row && a.index === b.index && a.epoch === b.epoch && a.probe === b.probe && a.rowId === b.rowId && a.facts.length === b.facts.length && a.facts.every((fact, i) => Object.is(fact, b.facts[i]));
 }
-var MatrxTableBodyRow = memo(function MatrxTableBodyRow2({ row, index, render }) {
-  return /* @__PURE__ */ jsx59(Fragment19, { children: render(row, index) });
+var MatrxTableBodyRow = memo(function MatrxTableBodyRow2({ rowId, row, index, draw }) {
+  return draw(rowId, row, index);
 }, sameBodyRow);
 var MatrxTableChrome = memo(function MatrxTableChrome2({ render }) {
   return /* @__PURE__ */ jsx59(Fragment19, { children: render() });
@@ -52873,7 +53030,7 @@ function MatrxDataTableCore(coreProps) {
     if (!el) return;
     hintScrollLeft.current = el.scrollLeft;
     const hasRows = Boolean(el.querySelector("tbody tr[data-row-id]"));
-    const actions = el.querySelector("th[data-matrx-table-actions-column]");
+    const actions = el.querySelector("th[data-matrx-table-actions-column], th[data-matrx-table-pinned-actions]");
     setScrollHintRight(hasRows && el.scrollLeft + el.clientWidth < el.scrollWidth - 2);
     setScrollHintLeft(hasRows && el.scrollLeft > 2);
     setScrollHintRightInset(actions ? Math.ceil(actions.getBoundingClientRect().width) + 6 : 6);
@@ -53193,13 +53350,24 @@ function MatrxDataTableCore(coreProps) {
         ...strips.map((strip) => Math.ceil(strip.scrollWidth) + 16),
         actionsHeader ? Math.ceil(actionsHeader.scrollWidth) : 0
       );
+      const custom = {};
+      for (const strip of Array.from(el.querySelectorAll("[data-matrx-table-custom-actions]"))) {
+        const id = strip.closest("td")?.getAttribute("data-matrx-table-column-id");
+        if (id) custom[id] = Math.max(custom[id] ?? 0, Math.ceil(strip.scrollWidth) + 16);
+      }
+      for (const id of Object.keys(custom)) {
+        const header = Array.from(el.querySelectorAll("thead th[data-matrx-table-column-id]")).find((th) => th.getAttribute("data-matrx-table-column-id") === id);
+        const inner = header?.firstElementChild;
+        if (inner) custom[id] = Math.max(custom[id], Math.ceil(inner.scrollWidth) + 16);
+      }
       const table2 = el.querySelector(":scope > table");
       const spill = table2 && table2.hasAttribute("data-matrx-table-fit") ? Math.max(0, el.scrollWidth - el.clientWidth) : 0;
       setFitSpace((now) => {
         const sameWidth = now !== null && now.width === el.clientWidth;
         const slack = sameWidth ? now.slack + spill : spill;
-        const next = { width: el.clientWidth, actions, slack };
-        return now && now.width === next.width && now.actions === next.actions && now.slack === next.slack ? now : next;
+        const next = { width: el.clientWidth, actions, slack, custom };
+        const sameCustom = now !== null && Object.keys(now.custom).length === Object.keys(custom).length && Object.entries(custom).every(([id, w]) => now.custom[id] === w);
+        return now && sameCustom && now.width === next.width && now.actions === next.actions && now.slack === next.slack ? now : next;
       });
     };
     read2();
@@ -53212,11 +53380,12 @@ function MatrxDataTableCore(coreProps) {
   }, [fitToWidth, data.length]);
   const fittedWidths = useMemo12(() => {
     if (!fitToWidth || !fitSpace) return null;
-    const keepsItsWidth = (col) => resolveColumnMarker(col) !== void 0 || col.resizable === false && pixelWidth(col.width) !== void 0;
+    const contentWidth = (col) => col.customActions ? fitSpace.custom[columnId(col)] : void 0;
+    const keepsItsWidth = (col) => resolveColumnMarker(col) !== void 0 || col.resizable === false && pixelWidth(col.width) !== void 0 || contentWidth(col) !== void 0;
     const scaling = visibleColumns.filter((col) => !keepsItsWidth(col));
-    const fixed = visibleColumns.filter(keepsItsWidth).reduce((sum, col) => sum + (pixelWidth(col.width) ?? 40), 0);
+    const fixed = visibleColumns.filter(keepsItsWidth).reduce((sum, col) => sum + (contentWidth(col) ?? pixelWidth(col.width) ?? 40), 0);
     const utilities = (selection ? selectionColumnWidth ?? SELECTION_COLUMN_PX : 0) + fitSpace.actions;
-    return fitColumnWidths(
+    const shares = fitColumnWidths(
       scaling.map(columnId),
       (id) => {
         const col = scaling.find((c) => columnId(c) === id);
@@ -53224,6 +53393,13 @@ function MatrxDataTableCore(coreProps) {
       },
       fitSpace.width - utilities - fixed - fitSpace.slack
     );
+    if (!shares) return null;
+    const out = { ...shares };
+    for (const col of visibleColumns) {
+      const w = contentWidth(col);
+      if (w !== void 0) out[columnId(col)] = w;
+    }
+    return out;
   }, [fitToWidth, fitSpace, visibleColumns, selection, selectionColumnWidth, effectiveColumnWidths]);
   const fitActive = fittedWidths !== null;
   const actionsColumnWidth = fitActive && fitSpace ? fitSpace.actions : fixedTableGeometry?.actionsWidth;
@@ -53283,6 +53459,9 @@ function MatrxDataTableCore(coreProps) {
   const tableContextMenuInstanceId = useId4();
   const tableDndContextId = useId4();
   const defaultCopyTitle = toolbar?.title || "Table";
+  const copyColumnsLatest = useRef28(declaredVisibleCopyColumns);
+  copyColumnsLatest.current = declaredVisibleCopyColumns;
+  const readDeclaredCopyColumns = lazyCallback(() => copyColumnsLatest.current);
   const defaultCopy = useMemo12(() => ({
     label: defaultCopyTitle,
     listLabel: defaultCopyTitle,
@@ -53292,11 +53471,11 @@ function MatrxDataTableCore(coreProps) {
     listDescription: `${defaultCopyTitle} \u2014 ${remoteQuery ? "current filtered/sorted loaded view" : "current filtered/sorted view"}.`,
     listAttributes: (_visible, loaded) => remoteQuery ? { coverage: "loaded-current-view", loaded_count: loaded.length } : { coverage: "current-view" },
     humanRow: (row) => formatDefaultTableCopyRecord(
-      projectDefaultTableCopyRow(row, declaredVisibleCopyColumns),
-      declaredVisibleCopyColumns
+      projectDefaultTableCopyRow(row, copyColumnsLatest.current),
+      copyColumnsLatest.current
     ),
-    agentRow: (row) => projectDefaultTableCopyRow(row, declaredVisibleCopyColumns)
-  }), [defaultCopyTitle, declaredVisibleCopyColumns, remoteQuery]);
+    agentRow: (row) => projectDefaultTableCopyRow(row, copyColumnsLatest.current)
+  }), [defaultCopyTitle, remoteQuery]);
   const effectiveCopy = copy === false ? void 0 : copy ?? defaultCopy;
   const visibleDataColumns = useMemo12(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
   const effectiveCopyColumns = copy === void 0 ? declaredVisibleCopyColumns : visibleDataColumns;
@@ -53906,7 +54085,8 @@ function MatrxDataTableCore(coreProps) {
   const showRowCopy = effectiveCopy !== void 0 && effectiveCopy.showRow !== false;
   const menuActionsColumn = visibleColumns.find((column) => column.customActions);
   const rowCopyInMenu = rowCopyPlacement === "menu" && menuActionsColumn !== void 0;
-  const showInlineRowCopy = showRowCopy && !rowCopyInMenu;
+  const rowCopyInCustomColumn = showRowCopy && !rowCopyInMenu && menuActionsColumn !== void 0;
+  const showInlineRowCopy = showRowCopy && !rowCopyInMenu && !rowCopyInCustomColumn;
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
   const placeToolbar = (node) => {
     if (toolbar && "portalInto" in toolbar) {
@@ -53990,7 +54170,7 @@ function MatrxDataTableCore(coreProps) {
     return /* @__PURE__ */ jsx59(
       MatrxTableRowAlchemyProvider,
       {
-        copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? declaredVisibleCopyColumns : void 0),
+        copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
         placement: rowCopyInMenu ? "menu" : "inline",
         controls,
         children: scopedActions
@@ -54594,6 +54774,8 @@ function MatrxDataTableCore(coreProps) {
     );
   }, [host.rowContextRegistry, tableContextMenuInstanceId]);
   const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
+  const lastVisibleColumn = visibleColumns[visibleColumns.length - 1];
+  const pinnedActionsColumnId = !showActionsCol && lastVisibleColumn?.customActions ? columnId(lastVisibleColumn) : void 0;
   const getSelectionId = selection?.getSelectionId ?? getRowId;
   const selectedIdSet = useMemo12(
     () => new Set(selection?.selectedIds ?? []),
@@ -54666,15 +54848,28 @@ function MatrxDataTableCore(coreProps) {
     if (col.customActions) {
       const controls = suppliedControls ?? liveRecordControls(displayRow);
       const content = /* @__PURE__ */ jsx59(MatrxTableRowControlsScope, { value: controls, children: col.customActions(displayRow, controls) });
-      return /* @__PURE__ */ jsx59("div", { "data-matrx-table-custom-actions": true, "data-matrx-cell-control": true, className: "inline-flex items-center justify-end gap-0", onClick: (event) => event.stopPropagation(), children: effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx59(
-        MatrxTableRowAlchemyProvider,
-        {
-          copy: tableRowCopyProps(effectiveCopy, displayRow, `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`, copy === void 0 ? declaredVisibleCopyColumns : void 0),
-          placement: rowCopyInMenu && columnId(col) === (menuActionsColumn ? columnId(menuActionsColumn) : void 0) ? "menu" : "inline",
-          controls,
-          children: content
-        }
-      ) : content });
+      const copyHere = rowCopyInCustomColumn && effectiveCopy && menuActionsColumn !== void 0 && columnId(col) === columnId(menuActionsColumn);
+      return /* @__PURE__ */ jsxs48("div", { "data-matrx-table-custom-actions": true, "data-matrx-cell-control": true, className: cn("inline-flex items-center justify-end gap-0", compactRows && "[&_button]:h-6 [&_button]:min-h-6"), onClick: (event) => event.stopPropagation(), children: [
+        copyHere && effectiveCopy ? /* @__PURE__ */ jsx59(
+          TableRowCopyControl,
+          {
+            size: "toolbar",
+            copy: effectiveCopy,
+            row: displayRow,
+            sourceId: `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`,
+            ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
+          }
+        ) : null,
+        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx59(
+          MatrxTableRowAlchemyProvider,
+          {
+            copy: tableRowCopyProps(effectiveCopy, displayRow, `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
+            placement: rowCopyInMenu && columnId(col) === (menuActionsColumn ? columnId(menuActionsColumn) : void 0) ? "menu" : "inline",
+            controls,
+            children: content
+          }
+        ) : content
+      ] });
     }
     const display = renderCell(displayRow, col, index);
     const href = col.href?.(row) ?? void 0;
@@ -54842,15 +55037,15 @@ function MatrxDataTableCore(coreProps) {
     const drawn = buildRecordControls(row);
     const live = {};
     for (const [key, value] of Object.entries(drawn)) {
-      live[key] = typeof value === "function" ? (...args) => {
+      live[key] = typeof value === "function" ? lazyCallback((...args) => {
         const now = rowLatest.current.buildRecordControls(row);
         const handler = now[key];
         return typeof handler === "function" ? handler(...args) : void 0;
-      } : value;
+      }) : value;
     }
     return live;
   };
-  const rowEpoch = useRenderEpoch([
+  const rowShape = [
     // WHAT A BODY ROW READS FROM THIS TABLE'S PROPS — and nothing it does not, so a host that
     // rebuilds its toolbar, its query or its empty state on every render redraws no row. Handlers
     // are absent on purpose: they run through `rowLatest`. Columns count by what a body cell
@@ -54914,7 +55109,12 @@ function MatrxDataTableCore(coreProps) {
     hierarchyIndex,
     hierarchyBlockedIds,
     draggedRowId
-  ]);
+  ];
+  const rowEpoch = useRenderEpoch(rowShape.filter((value) => typeof value !== "function" && (typeof value !== "object" || value === null)));
+  const rowProbe = useRenderEpoch(rowShape.filter((value) => typeof value === "function" || typeof value === "object" && value !== null));
+  const rowDrawings = useRef28(null);
+  rowDrawings.current ??= new RowDrawings();
+  const drawBodyRow = (rowId, row, index) => rowDrawings.current.draw(rowId, renderRecordRow(row, index));
   chromeLatest.current = { processed, data, toggleAllOnPage, showMore: progressiveRows.showMore, applySavedView };
   const chromeGeometry = [
     ...Object.entries(effectiveColumnWidths).flat(),
@@ -55178,6 +55378,7 @@ function MatrxDataTableCore(coreProps) {
               "td",
               {
                 "data-matrx-table-column-id": columnId(col),
+                "data-matrx-table-pinned-actions": pinnedActionsColumnId === columnId(col) ? "" : void 0,
                 "data-matrx-column-drag-shadow": isColumnDragShadow ? "true" : void 0,
                 ...sheetCell ? {
                   "data-matrx-cell-row": sheetCell["data-matrx-cell-row"],
@@ -55216,6 +55417,11 @@ function MatrxDataTableCore(coreProps) {
                   frozen && sheetCell?.["data-matrx-cell-selected"] && "sm:bg-[color-mix(in_oklab,var(--color-primary)_10%,var(--color-card))]",
                   frozen && canHoverFrozenCell && "sm:group-hover/matrx-row:bg-[color-mix(in_oklab,var(--color-muted)_50%,var(--color-card))]",
                   frozenEdgeId === columnId(col) && FROZEN_EDGE_CLASS,
+                  pinnedActionsColumnId === columnId(col) && [
+                    "text-right sm:sticky sm:right-0 sm:z-20 sm:shadow-[inset_1px_0_0_var(--color-border)]",
+                    frozenRowBackgroundClass,
+                    canHoverFrozenCell && "sm:group-hover/matrx-row:bg-[color-mix(in_oklab,var(--color-muted)_50%,var(--color-card))]"
+                  ],
                   // A cell tint paints OVER the row tint beneath
                   // it, and the consumer's own hook comes last so
                   // it can always win.
@@ -55350,7 +55556,7 @@ function MatrxDataTableCore(coreProps) {
                         copy: effectiveCopy,
                         row: displayRow,
                         sourceId: `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`,
-                        ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+                        ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
                       }
                     ) : null,
                     renderRowActions(displayRow, controls),
@@ -55986,7 +56192,7 @@ function MatrxDataTableCore(coreProps) {
                                           copy: effectiveCopy,
                                           row: displayRow,
                                           sourceId: `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`,
-                                          ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+                                          ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
                                         }
                                       ) : null,
                                       renderRowActions(displayRow, controls),
@@ -56198,6 +56404,7 @@ function MatrxDataTableCore(coreProps) {
                                             {
                                               "data-matrx-table-column-id": id,
                                               "data-matrx-header-column-id": id,
+                                              "data-matrx-table-pinned-actions": pinnedActionsColumnId === id ? "" : void 0,
                                               "data-matrx-column-drag-shadow": isColumnDragShadow ? "true" : void 0,
                                               "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
                                               className: cn(
@@ -56225,7 +56432,9 @@ function MatrxDataTableCore(coreProps) {
                                                 frozenColumns.offsets[id] !== void 0 && FROZEN_HEADER_CLASS,
                                                 phoneFrozenId === id && FROZEN_PHONE_HEADER_CLASS,
                                                 embedded && (frozenColumns.offsets[id] !== void 0 || phoneFrozenId === id) && "sm:bg-card max-sm:bg-card",
-                                                frozenEdgeId === id && FROZEN_EDGE_CLASS
+                                                frozenEdgeId === id && FROZEN_EDGE_CLASS,
+                                                pinnedActionsColumnId === id && "sm:sticky sm:right-0 sm:z-30 sm:bg-muted sm:shadow-[inset_1px_0_0_var(--color-border)]",
+                                                pinnedActionsColumnId === id && embedded && "sm:bg-card"
                                               ),
                                               style: {
                                                 ...columnWidthVar(width, windowedWidthFor(id, width), id, columnResizable),
@@ -56424,8 +56633,9 @@ function MatrxDataTableCore(coreProps) {
                                           row,
                                           index,
                                           epoch: rowEpoch,
+                                          probe: rowProbe,
                                           facts: rowFactsFor(row, id, index),
-                                          render: renderRecordRow
+                                          draw: drawBodyRow
                                         },
                                         id
                                       );
@@ -56876,7 +57086,7 @@ function MatrxDataTableCore(coreProps) {
                             copy: effectiveCopy,
                             sourceId: `${tableCopySourceNamespace}:row:${getRowId(selectedRow)}`,
                             row: selectedRow,
-                            ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+                            ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
                           }
                         ) : null,
                         detail?.headerActions?.(selectedRow),
@@ -56964,7 +57174,7 @@ function MatrxDataTableCore(coreProps) {
                             copy: effectiveCopy,
                             sourceId: `${tableCopySourceNamespace}:row:${getRowId(windowRow)}`,
                             row: windowRow,
-                            ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+                            ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
                           }
                         ) : null
                       ] }),
@@ -57231,9 +57441,9 @@ function HierarchyDroppableRow({
   children
 }) {
   const { setNodeRef } = useDroppable2({ id, disabled });
-  if (!isValidElement2(children) || children.type !== "tr") return children;
+  if (!isValidElement3(children) || children.type !== "tr") return children;
   const row = children;
-  return cloneElement2(row, {
+  return cloneElement3(row, {
     ref: setNodeRef,
     className: row.props.className
   });