@ai-matrx/design-system 0.57.0 → 0.59.1

package/dist/data-table/index.cjs

@@ -34775,7 +34775,7 @@ function TableIconActions({ actions }) {
 }
 
 // src/data-table/MatrxDataTable.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_dom4 = require("react-dom");
 
 // src/data-table/tableCardContext.ts
@@ -35660,6 +35660,162 @@ function Skeleton({ className, animated = true, ...props }) {
   );
 }
 
+// src/data-table/row-drawing.ts
+var import_react3 = require("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 ((0, import_react3.isValidElement)(previous) && (0, import_react3.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 ((0, import_react3.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 = (0, import_react3.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, fresh = false) {
+    const previous = this.rows.get(rowId);
+    if (previous && !fresh) {
+      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
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function TableTitleRow({
@@ -35727,11 +35883,11 @@ function TableTitleRow({
 }
 
 // src/data-table/TableSearch.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholder = "Search\u2026" }) {
-  const [expanded, setExpanded] = (0, import_react3.useState)(false);
-  const inputRef = (0, import_react3.useRef)(null);
+  const [expanded, setExpanded] = (0, import_react4.useState)(false);
+  const inputRef = (0, import_react4.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "data-matrx-table-search": true, className: "h-11 min-w-0 w-full sm:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
@@ -35777,7 +35933,7 @@ function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholde
 }
 
 // src/data-table/useScrollPagination.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 var DEFAULT_THRESHOLD_PX = 96;
 var DEFAULT_INTENT_TIMEOUT_MS = 1200;
 function resolveContainer(container) {
@@ -35848,8 +36004,8 @@ function useScrollPagination({
   intentTimeoutMs = DEFAULT_INTENT_TIMEOUT_MS,
   enabled = true
 }) {
-  const [requestError, setRequestError] = (0, import_react4.useState)(null);
-  const latestRef = (0, import_react4.useRef)({
+  const [requestError, setRequestError] = (0, import_react5.useState)(null);
+  const latestRef = (0, import_react5.useRef)({
     queryKey,
     hasNextPage,
     isFetchingNextPage,
@@ -35871,16 +36027,16 @@ function useScrollPagination({
     thresholdPx,
     enabled
   };
-  const intentRef = (0, import_react4.useRef)(null);
-  const inputSequenceRef = (0, import_react4.useRef)(0);
-  const consumedSequenceRef = (0, import_react4.useRef)(0);
-  const requestGenerationRef = (0, import_react4.useRef)(0);
-  const inFlightGenerationRef = (0, import_react4.useRef)(null);
-  const requestErrorRef = (0, import_react4.useRef)(null);
-  const mountedRef = (0, import_react4.useRef)(false);
-  const observedTopRef = (0, import_react4.useRef)(/* @__PURE__ */ new WeakMap());
+  const intentRef = (0, import_react5.useRef)(null);
+  const inputSequenceRef = (0, import_react5.useRef)(0);
+  const consumedSequenceRef = (0, import_react5.useRef)(0);
+  const requestGenerationRef = (0, import_react5.useRef)(0);
+  const inFlightGenerationRef = (0, import_react5.useRef)(null);
+  const requestErrorRef = (0, import_react5.useRef)(null);
+  const mountedRef = (0, import_react5.useRef)(false);
+  const observedTopRef = (0, import_react5.useRef)(/* @__PURE__ */ new WeakMap());
   const effectiveError = error ?? requestError;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -35910,7 +36066,7 @@ function useScrollPagination({
       }
     }
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     intentRef.current = null;
     observedTopRef.current = /* @__PURE__ */ new WeakMap();
     consumedSequenceRef.current = inputSequenceRef.current;
@@ -35919,7 +36075,7 @@ function useScrollPagination({
     inFlightGenerationRef.current = null;
     requestGenerationRef.current += 1;
   }, [queryKey]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (mode !== "scroll" || !enabled || typeof window === "undefined") return;
     const attachable = containers.map(resolveContainer).filter((container) => container !== null);
     const ownerCleanups = /* @__PURE__ */ new Map();
@@ -36015,7 +36171,7 @@ function useScrollPagination({
 }
 
 // src/data-table/useProgressiveTableRows.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function safePageSize(pageSize) {
   return Number.isFinite(pageSize) && pageSize > 0 ? Math.floor(pageSize) : 0;
 }
@@ -36041,15 +36197,15 @@ function useProgressiveTableRows({
   const pageSize = safePageSize(rawPageSize);
   const hasExplicitRequestedPage = rawRequestedPage !== void 0;
   const requestedPage = safeRequestedPage(rawRequestedPage);
-  const initialRequestedPageRef = (0, import_react5.useRef)(requestedPage);
-  const latestRequestedPageRef = (0, import_react5.useRef)(requestedPage);
-  const optimisticAdvancePageRef = (0, import_react5.useRef)(null);
+  const initialRequestedPageRef = (0, import_react6.useRef)(requestedPage);
+  const latestRequestedPageRef = (0, import_react6.useRef)(requestedPage);
+  const optimisticAdvancePageRef = (0, import_react6.useRef)(null);
   latestRequestedPageRef.current = requestedPage;
   const progressionKey = `${queryKey}\0${pageSize}`;
   const initialShownCount = startCount(pageSize, initialRequestedPageRef.current);
   const resetShownCount = startCount(pageSize, 1);
   const queryStartShownCount = hasExplicitRequestedPage ? startCount(pageSize, requestedPage) : resetShownCount;
-  const [progression, setProgression] = (0, import_react5.useState)(() => ({
+  const [progression, setProgression] = (0, import_react6.useState)(() => ({
     key: progressionKey,
     shownCount: initialShownCount,
     requestedPage
@@ -36060,7 +36216,7 @@ function useProgressiveTableRows({
   const shownCount = progression.key !== progressionKey ? queryStartShownCount : externallyRequestedPage ? startCount(pageSize, requestedPage) : Math.max(progression.shownCount, resetShownCount);
   const visibleCount = Math.min(rows.length, shownCount);
   const hasMore = enabled && pageSize > 0 && visibleCount < rows.length;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     setProgression((current) => {
       if (current.key !== progressionKey) {
         optimisticAdvancePageRef.current = null;
@@ -36100,12 +36256,12 @@ function useProgressiveTableRows({
       onPageAdvance(nextPage);
     }
   };
-  const warnedUnderfill = (0, import_react5.useRef)(null);
-  const numberedMeasured = (0, import_react5.useRef)(false);
-  const fillInputs = (0, import_react5.useRef)({ containers, onPageSizeChange, visibleCount });
+  const warnedUnderfill = (0, import_react6.useRef)(null);
+  const numberedMeasured = (0, import_react6.useRef)(false);
+  const fillInputs = (0, import_react6.useRef)({ containers, onPageSizeChange, visibleCount });
   fillInputs.current = { containers, onPageSizeChange, visibleCount };
   const containerCount = containers.length;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!hasMore && !numberedPageHasMore) return;
     if (!hasMore && numberedMeasured.current) return;
     if (!hasMore) numberedMeasured.current = true;
@@ -36151,7 +36307,7 @@ function useProgressiveTableRows({
     ...thresholdPx === void 0 ? {} : { thresholdPx }
   });
   return {
-    rows: (0, import_react5.useMemo)(() => rows.slice(0, visibleCount), [rows, visibleCount]),
+    rows: (0, import_react6.useMemo)(() => rows.slice(0, visibleCount), [rows, visibleCount]),
     shownCount: visibleCount,
     hasMore,
     showMore: scroll.requestNextPage
@@ -36761,32 +36917,32 @@ function DefaultTableStaleNotice({ error, what, onRetry }) {
 }
 
 // src/data-table/useTableNotice.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/data-table/host.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var HOST_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-host-context");
 var hostRegistry = globalThis;
-var HostContext = hostRegistry[HOST_SLOT] ??= (0, import_react6.createContext)({});
+var HostContext = hostRegistry[HOST_SLOT] ??= (0, import_react7.createContext)({});
 function MatrxDataTableProvider({ value, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HostContext.Provider, { value, children });
 }
 function useMatrxDataTableHost() {
-  return (0, import_react6.useContext)(HostContext);
+  return (0, import_react7.useContext)(HostContext);
 }
 var ROW_ALCHEMY_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-alchemy-context");
 var rowAlchemyRegistry = globalThis;
-var RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= (0, import_react6.createContext)(null);
+var RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= (0, import_react7.createContext)(null);
 function MatrxTableRowAlchemyScope({ value, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RowAlchemyContext.Provider, { value, children });
 }
 function useMatrxTableRowAlchemy() {
-  return (0, import_react6.useContext)(RowAlchemyContext);
+  return (0, import_react7.useContext)(RowAlchemyContext);
 }
 var ROW_CONTROLS_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-controls-context");
 var rowControlsRegistry = globalThis;
-var RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= (0, import_react6.createContext)(null);
+var RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= (0, import_react7.createContext)(null);
 function MatrxTableRowControlsScope({ value, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RowControlsContext.Provider, { value, children });
 }
@@ -36795,8 +36951,8 @@ function MatrxTableRowControlsScope({ value, children }) {
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function useTableNotice() {
   const host = useMatrxDataTableHost();
-  const [message, setMessage] = (0, import_react7.useState)(null);
-  const notify = (0, import_react7.useMemo)(
+  const [message, setMessage] = (0, import_react8.useState)(null);
+  const notify = (0, import_react8.useMemo)(
     () => ({
       success(text) {
         if (host.notify) host.notify.success(text);
@@ -37137,13 +37293,13 @@ function GenericTablePagination({
 }
 
 // src/data-table/TableViewTabs.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone, closable = true, closeLabel = "Close", addHint = "New view from the current one \xB7 double-click a tab to rename", renameable = true }) {
-  const [renaming, setRenaming] = (0, import_react8.useState)(null);
-  const [draft, setDraft] = (0, import_react8.useState)("");
-  const opened = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const [renaming, setRenaming] = (0, import_react9.useState)(null);
+  const [draft, setDraft] = (0, import_react9.useState)("");
+  const opened = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (!editingId || opened.current === editingId) return;
     const tab = tabs.find((t) => t.id === editingId);
     if (!tab) return;
@@ -37244,16 +37400,16 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
 }
 var same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 function TableViewWorkspace({ snapshot, onApply, related, store }) {
-  const [localViews, setLocalViews] = (0, import_react8.useState)([]);
-  const [defaultSnapshot, setDefaultSnapshot] = (0, import_react8.useState)(snapshot);
-  const [activeId, setActiveId] = (0, import_react8.useState)("default");
-  const [namingId, setNamingId] = (0, import_react8.useState)(null);
+  const [localViews, setLocalViews] = (0, import_react9.useState)([]);
+  const [defaultSnapshot, setDefaultSnapshot] = (0, import_react9.useState)(snapshot);
+  const [activeId, setActiveId] = (0, import_react9.useState)("default");
+  const [namingId, setNamingId] = (0, import_react9.useState)(null);
   const saved = store ? store.views : localViews;
   const write = (next) => store ? store.onChange(next) : setLocalViews(next);
   const tabs = [{ id: "default", label: "Default view", snapshot: defaultSnapshot }, ...saved];
   const stashed = () => saved.map((tab) => tab.id === activeId && !same(tab.snapshot, snapshot) ? { ...tab, snapshot } : tab);
   const activeSaved = saved.find((tab) => tab.id === activeId);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (store && activeSaved && !same(activeSaved.snapshot, snapshot)) write(stashed());
   }, [snapshot]);
   const select = (id) => {
@@ -38474,16 +38630,16 @@ var React17 = __toESM(require("react"), 1);
 var React15 = __toESM(require("react"), 1);
 
 // src/use-scroll-fade.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var EPSILON = 2;
 function useScrollFade() {
-  const [state, setState] = (0, import_react9.useState)({
+  const [state, setState] = (0, import_react10.useState)({
     top: false,
     bottom: false
   });
-  const nodeRef = (0, import_react9.useRef)(null);
-  const cleanupRef = (0, import_react9.useRef)(null);
-  const measure = (0, import_react9.useCallback)(() => {
+  const nodeRef = (0, import_react10.useRef)(null);
+  const cleanupRef = (0, import_react10.useRef)(null);
+  const measure = (0, import_react10.useCallback)(() => {
     const el = nodeRef.current;
     if (!el) return;
     const overflowing = el.scrollHeight - el.clientHeight > EPSILON;
@@ -38495,7 +38651,7 @@ function useScrollFade() {
       (prev) => prev.top === next.top && prev.bottom === next.bottom ? prev : next
     );
   }, []);
-  const ref = (0, import_react9.useCallback)(
+  const ref = (0, import_react10.useCallback)(
     (node) => {
       cleanupRef.current?.();
       cleanupRef.current = null;
@@ -38515,7 +38671,7 @@ function useScrollFade() {
     },
     [measure]
   );
-  (0, import_react9.useEffect)(() => () => cleanupRef.current?.(), []);
+  (0, import_react10.useEffect)(() => () => cleanupRef.current?.(), []);
   return {
     ref,
     state,
@@ -38755,7 +38911,7 @@ var ContextMenuShortcut = ({
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/data-table/LayeredFilterBuilder.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
@@ -38819,8 +38975,8 @@ function LayeredFilterBuilder({
   maxRules = 20,
   label = "Advanced filters"
 }) {
-  const [open, setOpen] = (0, import_react10.useState)(false);
-  const [draggedIndex, setDraggedIndex] = (0, import_react10.useState)(null);
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  const [draggedIndex, setDraggedIndex] = (0, import_react11.useState)(null);
   if (fields.length === 0) return null;
   const updateRule = (index, patch) => {
     onChange(
@@ -40853,7 +41009,7 @@ function WorkspaceWindowSlot({ onNode, sessionKey, onClose }) {
 }
 
 // src/tap-target/tap-target-button.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/tap-target/cn.ts
 function cn2(...values) {
@@ -40861,7 +41017,7 @@ function cn2(...values) {
 }
 
 // src/tap-target/tap-target-guard.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var GUARD_SLOT = /* @__PURE__ */ Symbol.for("@ai-matrx/tap-target:guard");
 function guardOn() {
   return globalThis[GUARD_SLOT] === true;
@@ -41122,8 +41278,8 @@ function assignRef(ref, value) {
   else if (ref) ref.current = value;
 }
 function useTapGuardRef(forwarded, propViolation) {
-  const current = (0, import_react11.useRef)(null);
-  return (0, import_react11.useCallback)(
+  const current = (0, import_react12.useRef)(null);
+  return (0, import_react12.useCallback)(
     (node) => {
       assignRef(forwarded, node);
       if (current.current && current.current !== node) mounted.delete(current.current);
@@ -41144,7 +41300,7 @@ function useTapGuardRef(forwarded, propViolation) {
 }
 
 // src/tap-target/tap-features.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var TAP_TONE_CLASS = {
   default: "text-foreground",
@@ -41186,7 +41342,7 @@ function matchesShortcut(e, shortcut) {
   return e.key.toLowerCase() === p.key;
 }
 function useTapShortcut(shortcut, getNode, enabled) {
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!shortcut || !enabled) return;
     const onKey = (e) => {
       if (!matchesShortcut(e, shortcut)) return;
@@ -41261,8 +41417,8 @@ function IconContent({
   className
 }) {
   if (icon) {
-    if ((0, import_react13.isValidElement)(icon)) {
-      return (0, import_react13.cloneElement)(icon, {
+    if ((0, import_react14.isValidElement)(icon)) {
+      return (0, import_react14.cloneElement)(icon, {
         className: cn2(className, icon.props.className)
       });
     }
@@ -41371,15 +41527,15 @@ function useTapTarget({
     buttonRef,
     propViolation
   );
-  const nodeRef = (0, import_react13.useRef)(null);
-  const triggerRef = (0, import_react13.useCallback)(
+  const nodeRef = (0, import_react14.useRef)(null);
+  const triggerRef = (0, import_react14.useCallback)(
     (node) => {
       nodeRef.current = node;
       guardRef(node);
     },
     [guardRef]
   );
-  const getNode = (0, import_react13.useCallback)(() => nodeRef.current, []);
+  const getNode = (0, import_react14.useCallback)(() => nodeRef.current, []);
   useTapShortcut(shortcut, getNode, !isDisabled && !loading);
   const toneColor = tone ? TAP_TONE_CLASS[tone] : pressed && !colorClassName ? TAP_TONE_CLASS.primary : null;
   if (toneColor) {
@@ -41569,7 +41725,7 @@ function withTooltip(trigger, {
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { side: tooltipSide, align: tooltipAlign, children: tooltipBody(label, shortcut) })
   ] });
 }
-var TapTargetButton = (0, import_react13.forwardRef)(function TapTargetButton2({
+var TapTargetButton = (0, import_react14.forwardRef)(function TapTargetButton2({
   icon,
   children,
   strokeWidth = 2,
@@ -41618,7 +41774,7 @@ var TapTargetButton = (0, import_react13.forwardRef)(function TapTargetButton2({
     buttonRef: ref
   });
 });
-var TapTargetButtonTransparent = (0, import_react13.forwardRef)(function TapTargetButtonTransparent2({
+var TapTargetButtonTransparent = (0, import_react14.forwardRef)(function TapTargetButtonTransparent2({
   icon,
   children,
   strokeWidth = 2,
@@ -41667,7 +41823,7 @@ var TapTargetButtonTransparent = (0, import_react13.forwardRef)(function TapTarg
     buttonRef: ref
   });
 });
-var TapTargetButtonOutline = (0, import_react13.forwardRef)(function TapTargetButtonOutline2({
+var TapTargetButtonOutline = (0, import_react14.forwardRef)(function TapTargetButtonOutline2({
   icon,
   children,
   strokeWidth = 2,
@@ -41717,7 +41873,7 @@ var TapTargetButtonOutline = (0, import_react13.forwardRef)(function TapTargetBu
     buttonRef: ref
   });
 });
-var TapTargetButtonSolid = (0, import_react13.forwardRef)(function TapTargetButtonSolid2({
+var TapTargetButtonSolid = (0, import_react14.forwardRef)(function TapTargetButtonSolid2({
   icon,
   children,
   strokeWidth = 2,
@@ -41784,10 +41940,10 @@ function solidClasses(tone, bgColor, iconColor, hoverBgColor, activeBgColor) {
     labelClassName: `matrx-tap-label ${glyph}`
   };
 }
-var TapTargetButtonDestructive = (0, import_react13.forwardRef)(function TapTargetButtonDestructive2({ tone = "destructive", ...rest }, ref) {
+var TapTargetButtonDestructive = (0, import_react14.forwardRef)(function TapTargetButtonDestructive2({ tone = "destructive", ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TapTargetButtonSolid, { ref, tone, ...rest });
 });
-var TapTargetButtonForGroup = (0, import_react13.forwardRef)(function TapTargetButtonForGroup2({
+var TapTargetButtonForGroup = (0, import_react14.forwardRef)(function TapTargetButtonForGroup2({
   icon,
   children,
   strokeWidth = 2,
@@ -43010,9 +43166,9 @@ function useCopySubsetVariant() {
 }
 
 // src/data-table/clipping.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useClippedContentGuard(ref, options) {
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!options.enabled || !ref.current) return;
     const node = ref.current;
     const check2 = () => {
@@ -43026,7 +43182,7 @@ function useClippedContentGuard(ref, options) {
 }
 
 // src/data-table/url-state.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_url_state = require("@ai-matrx/kit/url-state");
 function parseSort(raw) {
   if (!raw) return null;
@@ -43078,11 +43234,11 @@ function useTableUrlState(options) {
     textHistory = "session"
   } = options;
   const prefix = tableUrlParamPrefix(tableId);
-  const key = (0, import_react15.useCallback)((name) => `${prefix}.${name}`, [prefix]);
+  const key = (0, import_react16.useCallback)((name) => `${prefix}.${name}`, [prefix]);
   const defaultSortId = defaultSort?.id;
   const defaultSortDirection = defaultSort?.direction;
   const searchParams = (0, import_url_state.useUrlSearchParams)();
-  const readState = (0, import_react15.useCallback)(
+  const readState = (0, import_react16.useCallback)(
     (params) => {
       const initialSort = defaultSortId && defaultSortDirection ? { id: defaultSortId, direction: defaultSortDirection } : null;
       return {
@@ -43103,9 +43259,9 @@ function useTableUrlState(options) {
     [defaultPageSize, defaultSortDirection, defaultSortId, key]
   );
   const state = readState(searchParams);
-  const lastTextWriteAt = (0, import_react15.useRef)(0);
-  const [debouncedSearch, setDebouncedSearch] = (0, import_react15.useState)(state.search);
-  (0, import_react15.useEffect)(() => {
+  const lastTextWriteAt = (0, import_react16.useRef)(0);
+  const [debouncedSearch, setDebouncedSearch] = (0, import_react16.useState)(state.search);
+  (0, import_react16.useEffect)(() => {
     if (state.search === debouncedSearch) return;
     const timer = window.setTimeout(
       () => setDebouncedSearch(state.search),
@@ -43113,7 +43269,7 @@ function useTableUrlState(options) {
     );
     return () => window.clearTimeout(timer);
   }, [state.search, debouncedSearch, searchDebounceMs]);
-  const writeState = (0, import_react15.useCallback)(
+  const writeState = (0, import_react16.useCallback)(
     (nextState, mode = history) => {
       const params = new URLSearchParams(window.location.search);
       const setOrDelete = (name, value) => {
@@ -43164,7 +43320,7 @@ function useTableUrlState(options) {
     },
     [defaultPageSize, defaultSortDirection, defaultSortId, history, key]
   );
-  const onStateChange = (0, import_react15.useCallback)(
+  const onStateChange = (0, import_react16.useCallback)(
     (next) => {
       const changed = Object.keys(next).filter(
         (name) => JSON.stringify(next[name]) !== JSON.stringify(state[name])
@@ -43182,7 +43338,7 @@ function useTableUrlState(options) {
     },
     [history, state, textHistory, writeState]
   );
-  const reset = (0, import_react15.useCallback)(() => {
+  const reset = (0, import_react16.useCallback)(() => {
     const dSort = defaultSortId && defaultSortDirection ? { id: defaultSortId, direction: defaultSortDirection } : null;
     const next = {
       page: 1,
@@ -43198,7 +43354,7 @@ function useTableUrlState(options) {
     writeState(next);
     setDebouncedSearch("");
   }, [defaultPageSize, defaultSortDirection, defaultSortId, writeState]);
-  const queryState = (0, import_react15.useMemo)(
+  const queryState = (0, import_react16.useMemo)(
     () => state.search === debouncedSearch ? state : { ...state, search: debouncedSearch, page: 1 },
     [state, debouncedSearch]
   );
@@ -43209,14 +43365,14 @@ function useTableUrlState(options) {
 var import_url_state3 = require("@ai-matrx/kit/url-state");
 
 // src/data-table/RowAlchemyLauncher.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
-  const controller = (0, import_react16.useRef)(null);
+  const controller = (0, import_react17.useRef)(null);
   const { CopyControls } = useMatrxDataTableHost();
-  const [active, setActive] = (0, import_react16.useState)(false);
-  const [fallback, setFallback] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [active, setActive] = (0, import_react17.useState)(false);
+  const [fallback, setFallback] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (placement !== "menu" || active) return;
     const timer = window.setTimeout(() => {
       if (!active) {
@@ -43226,11 +43382,11 @@ function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
     }, 0);
     return () => window.clearTimeout(timer);
   }, [active, placement]);
-  const activate = (0, import_react16.useCallback)(() => setActive(true), []);
-  const mountMenu = (0, import_react16.useCallback)((target, onClose, restoreFocus) => {
+  const activate = (0, import_react17.useCallback)(() => setActive(true), []);
+  const mountMenu = (0, import_react17.useCallback)((target, onClose, restoreFocus) => {
     controller.current?.mountPalette(target, onClose, restoreFocus);
   }, []);
-  const prepare = (0, import_react16.useCallback)(async (restoreFocus) => {
+  const prepare = (0, import_react17.useCallback)(async (restoreFocus) => {
     if (copy.disabled) throw new Error("Alchemy is disabled for this record.");
     if (!controller.current) throw new Error("Alchemy is unavailable because its launcher did not mount.");
     await controller.current.preparePrimary(restoreFocus ? { restoreFocus } : void 0);
@@ -43251,7 +43407,7 @@ function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
 }
 
 // src/data-table/ColumnHeaderCell.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_core = require("@dnd-kit/core");
 
 // src/command.tsx
@@ -43522,7 +43678,7 @@ function HeaderMenuItems({
   onDone,
   depth = 0
 }) {
-  const [openSubmenu, setOpenSubmenu] = (0, import_react17.useState)(null);
+  const [openSubmenu, setOpenSubmenu] = (0, import_react18.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("flex flex-col gap-0.5", depth > 0 && "ml-3 border-l border-border pl-1"), role: "group", children: items.map((item) => {
     const disabled = Boolean(item.disabledReason);
     const hasSubmenu = Boolean(item.submenu && item.submenu.length > 0);
@@ -43563,7 +43719,7 @@ function HeaderMenuItems({
     ] }, item.id);
   }) });
 }
-var HeaderButton = (0, import_react17.forwardRef)(({ dragDescription, "aria-describedby": tooltipDescription, ...props }, ref) => {
+var HeaderButton = (0, import_react18.forwardRef)(({ dragDescription, "aria-describedby": tooltipDescription, ...props }, ref) => {
   const descriptions = [tooltipDescription, dragDescription].filter((value) => Boolean(value)).join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "button",
@@ -43638,18 +43794,18 @@ function ColumnHeaderCell({
   const filterActive = isColumnFilterActive(filterValue);
   const deferredFilter = filterKind === "text" || filterApplyLabel !== void 0 || Boolean(filterShowCancel) || filterFooterHint !== void 0;
   const showFilterCancel = filterShowCancel ?? filterKind === "text";
-  const [filterOpen, setFilterOpen] = (0, import_react17.useState)(false);
-  const [pendingNegation, setPendingNegation] = (0, import_react17.useState)(false);
-  const [draftFilter, setDraftFilter] = (0, import_react17.useState)(filterValue);
-  (0, import_react17.useEffect)(() => {
+  const [filterOpen, setFilterOpen] = (0, import_react18.useState)(false);
+  const [pendingNegation, setPendingNegation] = (0, import_react18.useState)(false);
+  const [draftFilter, setDraftFilter] = (0, import_react18.useState)(filterValue);
+  (0, import_react18.useEffect)(() => {
     if (!filterOpen) {
       setDraftFilter(filterValue);
       setPendingNegation(filterValue?.negated ?? false);
     }
   }, [filterOpen, filterValue]);
-  const notifyOpen = (0, import_react17.useRef)(onFilterOpen);
+  const notifyOpen = (0, import_react18.useRef)(onFilterOpen);
   notifyOpen.current = onFilterOpen;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (filterOpen) notifyOpen.current?.();
   }, [filterOpen]);
   const applyFilter = () => {
@@ -44146,10 +44302,10 @@ function FacetChecklist({
   value,
   onChange
 }) {
-  const [query, setQuery] = (0, import_react17.useState)("");
+  const [query, setQuery] = (0, import_react18.useState)("");
   const selected = value?.kind === "select" ? (value.values ?? (value.value && value.value !== "__all__" ? [value.value] : [])).map((candidate) => candidate === SELECT_EMPTY_VALUE ? "" : candidate) : [];
   const selectedSet = new Set(selected);
-  const rows = (0, import_react17.useMemo)(() => {
+  const rows = (0, import_react18.useMemo)(() => {
     if (!facets) return [];
     const listed = facets.values.map((entry) => ({
       value: entry.value,
@@ -44323,8 +44479,8 @@ function SearchableSelectFilter({
   single = false,
   allowCustom = false
 }) {
-  const [query, setQuery] = (0, import_react17.useState)("");
-  const filtered = (0, import_react17.useMemo)(() => {
+  const [query, setQuery] = (0, import_react18.useState)("");
+  const filtered = (0, import_react18.useMemo)(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter(
@@ -44453,11 +44609,11 @@ function NumberFilterBody({
 }) {
   const min = value?.kind === "number" ? value.min : void 0;
   const max = value?.kind === "number" ? value.max : void 0;
-  const [op, setOp] = (0, import_react17.useState)(() => numberOpOf(value));
-  const [minText, setMinText] = (0, import_react17.useState)(
+  const [op, setOp] = (0, import_react18.useState)(() => numberOpOf(value));
+  const [minText, setMinText] = (0, import_react18.useState)(
     value?.kind === "number" && value.op === "lt" && max !== void 0 ? String(max) : min !== void 0 ? String(min) : ""
   );
-  const [maxText, setMaxText] = (0, import_react17.useState)(max !== void 0 ? String(max) : "");
+  const [maxText, setMaxText] = (0, import_react18.useState)(max !== void 0 ? String(max) : "");
   const active = value?.kind === "number" && (value.op === "empty" || value.op === "not_empty" || min !== void 0 || max !== void 0);
   const emit2 = (nextOp, lowRaw, highRaw) => {
     if (nextOp === "empty" || nextOp === "not_empty") {
@@ -44663,7 +44819,7 @@ function MatrxTableGroupHeaderRow({
 }
 
 // src/data-table/DrillAnswerTable.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_format10 = require("@ai-matrx/kit/format");
 
 // src/dropdown-menu.tsx
@@ -45889,12 +46045,12 @@ function MatrxDrillAnswerTable({
   attributes
 }) {
   const host = useMatrxDataTableHost();
-  const tableId = `drill-answer-${(0, import_react18.useId)()}`;
-  const [query, setQuery] = (0, import_react18.useState)("");
-  const [peek, setPeek] = (0, import_react18.useState)(null);
-  const [collapsed, setCollapsed] = (0, import_react18.useState)(() => /* @__PURE__ */ new Set());
+  const tableId = `drill-answer-${(0, import_react19.useId)()}`;
+  const [query, setQuery] = (0, import_react19.useState)("");
+  const [peek, setPeek] = (0, import_react19.useState)(null);
+  const [collapsed, setCollapsed] = (0, import_react19.useState)(() => /* @__PURE__ */ new Set());
   const selectionFor = JSON.stringify([question.by, question.across ?? null, question.where, question.window ?? null]);
-  const [ticked, setTicked] = (0, import_react18.useState)(() => ({ forQuestion: selectionFor, keys: /* @__PURE__ */ new Set() }));
+  const [ticked, setTicked] = (0, import_react19.useState)(() => ({ forQuestion: selectionFor, keys: /* @__PURE__ */ new Set() }));
   const selected = ticked.forQuestion === selectionFor ? ticked.keys : /* @__PURE__ */ new Set();
   const toggleTick = (key) => setTicked(() => {
     const keys2 = new Set(selected);
@@ -45902,12 +46058,12 @@ function MatrxDrillAnswerTable({
     else keys2.add(key);
     return { forQuestion: selectionFor, keys: keys2 };
   });
-  const shown = (0, import_react18.useMemo)(
+  const shown = (0, import_react19.useMemo)(
     () => question.show.map((key) => measures.find((m) => m.key === key)).filter((m) => Boolean(m)),
     [question.show, measures]
   );
-  const tree = (0, import_react18.useMemo)(() => buildDrillTree(question, answers, measures), [question, answers, measures]);
-  const columns = (0, import_react18.useMemo)(
+  const tree = (0, import_react19.useMemo)(() => buildDrillTree(question, answers, measures), [question, answers, measures]);
+  const columns = (0, import_react19.useMemo)(
     () => pivotColumns(question, answers, dimensions, measures, pivotColumnCap ?? MATRX_DRILL_PIVOT_COLUMNS),
     [question, answers, dimensions, measures, pivotColumnCap]
   );
@@ -46087,7 +46243,7 @@ function MatrxDrillAnswerTable({
     const intoLabel = intoRef ? dimensionRefLabel(dimensions, intoRef) : null;
     const drill = () => onQuestionChange(drillInto(scope, node.groups, dimensions, intoRef, paths));
     const records = () => onQuestionChange(drillToRecords(scope, node.groups));
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react18.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react19.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         MatrxTableGroupHeaderRow,
         {
@@ -46349,7 +46505,7 @@ function DrillExport({
   measures,
   emptyLabel
 }) {
-  const [said, setSaid] = (0, import_react18.useState)(null);
+  const [said, setSaid] = (0, import_react19.useState)(null);
   const grid = drillAnswerGrid(question, answers, dimensions, measures, emptyLabel);
   const trail = question.where.map((w) => `${dimensionRefLabel(dimensions, w.dim)}: ${drillValueLabel(dimensions, w.dim, w.value, emptyLabel)}`);
   const copy = async (text, what) => {
@@ -46403,7 +46559,7 @@ function DrillExport({
 }
 
 // src/data-table/DrillControls.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var NONE = "\0none";
 function refsFree(dimensions, taken) {
@@ -46637,7 +46793,7 @@ function MatrxDrillTrail({
       children: [
         crumbs.map((crumb, i) => {
           const last = i === crumbs.length - 1;
-          return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react19.Fragment, { children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react20.Fragment, { children: [
             i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChevronRight, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
             last ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "span",
@@ -46693,11 +46849,11 @@ function MatrxDrillWindowMenu({
   customRange = true
 }) {
   const label = drillWindowLabel(question.window);
-  const [editing, setEditing] = (0, import_react19.useState)(false);
-  const toForm = (0, import_react19.useRef)(false);
+  const [editing, setEditing] = (0, import_react20.useState)(false);
+  const toForm = (0, import_react20.useRef)(false);
   const current = question.window ? drillWindowRange(question.window) : null;
-  const [from, setFrom] = (0, import_react19.useState)("");
-  const [to, setTo] = (0, import_react19.useState)("");
+  const [from, setFrom] = (0, import_react20.useState)("");
+  const [to, setTo] = (0, import_react20.useState)("");
   const isPreset = !question.window || presets.some((p) => p.key === question.window);
   const openCustom = () => {
     setFrom(localInput(current?.from));
@@ -46815,7 +46971,7 @@ function MatrxDrillWindowMenu({
 }
 
 // src/data-table/ColumnResizeHandle.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/data-table/column-resize.ts
 var DEFAULT_COLUMN_MIN_WIDTH = 80;
@@ -46857,24 +47013,24 @@ function ColumnResizeHandle({
   onResizeCancel,
   onResizeCommit
 }) {
-  const handleRef = (0, import_react20.useRef)(null);
-  const activeResizeRef = (0, import_react20.useRef)(null);
-  const previewRafRef = (0, import_react20.useRef)(null);
-  const queuedWidthRef = (0, import_react20.useRef)(null);
-  const keyboardWidthRef = (0, import_react20.useRef)(null);
-  const [announcedWidth, setAnnouncedWidth] = (0, import_react20.useState)(null);
+  const handleRef = (0, import_react21.useRef)(null);
+  const activeResizeRef = (0, import_react21.useRef)(null);
+  const previewRafRef = (0, import_react21.useRef)(null);
+  const queuedWidthRef = (0, import_react21.useRef)(null);
+  const keyboardWidthRef = (0, import_react21.useRef)(null);
+  const [announcedWidth, setAnnouncedWidth] = (0, import_react21.useState)(null);
   const bounds = resolveColumnResizeBounds(minWidth, maxWidth);
   const cssVar = columnResizeCssVar(columnId2);
-  const readWidth = (0, import_react20.useCallback)(() => {
+  const readWidth = (0, import_react21.useCallback)(() => {
     const header = handleRef.current?.closest("th");
     const measured = header?.getBoundingClientRect().width ?? 0;
     const computed = header ? Number.parseFloat(getComputedStyle(header).width) : 0;
     return clampColumnWidth(measured || computed || keyboardWidthRef.current || bounds.minWidth, bounds);
   }, [bounds]);
-  const writePreview = (0, import_react20.useCallback)((width) => {
+  const writePreview = (0, import_react21.useCallback)((width) => {
     tableRef.current?.style.setProperty(cssVar, `${width}px`);
   }, [cssVar, tableRef]);
-  const queuePreview = (0, import_react20.useCallback)((width) => {
+  const queuePreview = (0, import_react21.useCallback)((width) => {
     queuedWidthRef.current = width;
     if (previewRafRef.current !== null) return;
     previewRafRef.current = requestAnimationFrame(() => {
@@ -46884,12 +47040,12 @@ function ColumnResizeHandle({
       if (nextWidth !== null) writePreview(nextWidth);
     });
   }, [writePreview]);
-  const clearQueuedPreview = (0, import_react20.useCallback)(() => {
+  const clearQueuedPreview = (0, import_react21.useCallback)(() => {
     if (previewRafRef.current !== null) cancelAnimationFrame(previewRafRef.current);
     previewRafRef.current = null;
     queuedWidthRef.current = null;
   }, []);
-  const finishPointerResize = (0, import_react20.useCallback)((commit) => {
+  const finishPointerResize = (0, import_react21.useCallback)((commit) => {
     const active = activeResizeRef.current;
     if (!active) return;
     activeResizeRef.current = null;
@@ -46909,7 +47065,7 @@ function ColumnResizeHandle({
       handleRef.current.releasePointerCapture(active.pointerId);
     }
   }, [clearQueuedPreview, columnId2, cssVar, onResizeCancel, onResizeCommit, tableRef, writePreview]);
-  (0, import_react20.useEffect)(() => () => clearQueuedPreview(), [clearQueuedPreview]);
+  (0, import_react21.useEffect)(() => () => clearQueuedPreview(), [clearQueuedPreview]);
   const onPointerDown = (event) => {
     if (disabled || event.button !== 0 || !event.isPrimary) return;
     event.preventDefault();
@@ -47274,7 +47430,7 @@ function groupSummary(group, rowNoun = "row") {
 }
 
 // src/data-table/useSpreadsheetGrid.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/data-table/grid-selection.ts
 function rangeBounds(range, rowIds, fieldNames) {
@@ -48002,41 +48158,41 @@ var LAYERS_THE_GRID_OPENS = `[data-radix-popper-content-wrapper], [data-radix-po
 var OPEN_LAYERS = `[role="menu"], [role="dialog"], [role="alertdialog"], [role="listbox"]`;
 var READ_ONLY_REASON = "This table is view-only \u2014 you can select and copy, but not change cells.";
 function useSpreadsheetGrid(options) {
-  const [range, setRange] = (0, import_react21.useState)(null);
-  const [fillTarget, setFillTarget] = (0, import_react21.useState)(null);
-  const [stack, setStack] = (0, import_react21.useState)(() => createUndoStack(options?.undoDepth ?? 100));
-  const draggingRef = (0, import_react21.useRef)(null);
-  const catcherRef = (0, import_react21.useRef)(null);
-  const composingRef = (0, import_react21.useRef)(false);
-  const optionsRef = (0, import_react21.useRef)(options);
+  const [range, setRange] = (0, import_react22.useState)(null);
+  const [fillTarget, setFillTarget] = (0, import_react22.useState)(null);
+  const [stack, setStack] = (0, import_react22.useState)(() => createUndoStack(options?.undoDepth ?? 100));
+  const draggingRef = (0, import_react22.useRef)(null);
+  const catcherRef = (0, import_react22.useRef)(null);
+  const composingRef = (0, import_react22.useRef)(false);
+  const optionsRef = (0, import_react22.useRef)(options);
   optionsRef.current = options;
   const rowIds = options?.rowIds ?? [];
-  const columnIds = (0, import_react21.useMemo)(
+  const columnIds = (0, import_react22.useMemo)(
     () => options ? options.columnIds.filter((id) => id !== "") : [],
     [options]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!range) return;
     const rowSet = new Set(rowIds);
     const colSet = new Set(columnIds);
     const alive = rowSet.has(range.anchor.rowId) && rowSet.has(range.focus.rowId) && colSet.has(range.anchor.fieldName) && colSet.has(range.focus.fieldName);
     if (!alive) setRange(null);
   }, [range, rowIds, columnIds]);
-  const bounds = (0, import_react21.useMemo)(
+  const bounds = (0, import_react22.useMemo)(
     () => range ? rangeBounds(range, rowIds, columnIds) : null,
     [range, rowIds, columnIds]
   );
-  const rowIndexById = (0, import_react21.useMemo)(() => {
+  const rowIndexById = (0, import_react22.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (let i = 0; i < rowIds.length; i += 1) map.set(rowIds[i], i);
     return map;
   }, [rowIds]);
-  const columnIndexById = (0, import_react21.useMemo)(() => {
+  const columnIndexById = (0, import_react22.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (let i = 0; i < columnIds.length; i += 1) map.set(columnIds[i], i);
     return map;
   }, [columnIds]);
-  const screenPatches = (0, import_react21.useCallback)(
+  const screenPatches = (0, import_react22.useCallback)(
     (patches) => {
       const validate = optionsRef.current?.validateCell;
       if (!validate) return { accepted: patches, refusals: [] };
@@ -48056,7 +48212,7 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const applyPatches = (0, import_react21.useCallback)(
+  const applyPatches = (0, import_react22.useCallback)(
     async (patches, intent, label) => {
       const current = optionsRef.current;
       if (!current || patches.length === 0) return;
@@ -48074,21 +48230,21 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const refuseWrite = (0, import_react21.useCallback)(() => {
+  const refuseWrite = (0, import_react22.useCallback)(() => {
     const current = optionsRef.current;
     if (!current) return true;
     if (!current.readOnly && current.onPatch) return false;
     current.notify?.(current.readOnlyReason ?? READ_ONLY_REASON);
     return true;
   }, []);
-  const readValueAt = (0, import_react21.useCallback)((rowIndex, columnIndex) => {
+  const readValueAt = (0, import_react22.useCallback)((rowIndex, columnIndex) => {
     const current = optionsRef.current;
     const rowId = current?.rowIds[rowIndex];
     const columnId2 = current?.columnIds[columnIndex];
     if (!current || rowId === void 0 || columnId2 === void 0) return null;
     return current.valueAt(rowId, columnId2);
   }, []);
-  const fillRequestBase = (0, import_react21.useCallback)(() => {
+  const fillRequestBase = (0, import_react22.useCallback)(() => {
     const current = optionsRef.current;
     if (!current) return null;
     return {
@@ -48098,7 +48254,7 @@ function useSpreadsheetGrid(options) {
       isColumnWritable: current.isColumnWritable
     };
   }, [readValueAt]);
-  const announceSkips = (0, import_react21.useCallback)(
+  const announceSkips = (0, import_react22.useCallback)(
     (skipped, summary) => {
       const current = optionsRef.current;
       if (!current?.notify) return;
@@ -48113,7 +48269,7 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const doFillDown = (0, import_react21.useCallback)(async () => {
+  const doFillDown = (0, import_react22.useCallback)(async () => {
     if (refuseWrite()) return;
     const base = fillRequestBase();
     if (!base || !bounds) return;
@@ -48125,7 +48281,7 @@ function useSpreadsheetGrid(options) {
     await applyPatches(screened.accepted, "fill-down", "Filled down");
     announceSkips([...result.skipped, ...screened.refusals], result.summary);
   }, [fillRequestBase, bounds, applyPatches, announceSkips, screenPatches, refuseWrite]);
-  const doClear = (0, import_react21.useCallback)(async () => {
+  const doClear = (0, import_react22.useCallback)(async () => {
     if (refuseWrite()) return;
     const current = optionsRef.current;
     if (!current || !bounds) return;
@@ -48154,7 +48310,7 @@ function useSpreadsheetGrid(options) {
       `Cleared ${screened.accepted.length} cells.`
     );
   }, [bounds, applyPatches, announceSkips, screenPatches, refuseWrite]);
-  const doUndo = (0, import_react21.useCallback)(async () => {
+  const doUndo = (0, import_react22.useCallback)(async () => {
     if (refuseWrite()) return;
     const taken = popUndo(stack);
     if (!taken.entry) return;
@@ -48162,14 +48318,14 @@ function useSpreadsheetGrid(options) {
     await applyPatches(taken.entry.undo, "undo", taken.entry.label);
     optionsRef.current?.notify?.(taken.entry.label);
   }, [stack, applyPatches, refuseWrite]);
-  const doRedo = (0, import_react21.useCallback)(async () => {
+  const doRedo = (0, import_react22.useCallback)(async () => {
     if (refuseWrite()) return;
     const taken = popRedo(stack);
     if (!taken.entry) return;
     setStack(taken.stack);
     await applyPatches(taken.entry.redo, "redo", taken.entry.label);
   }, [stack, applyPatches, refuseWrite]);
-  const move = (0, import_react21.useCallback)(
+  const move = (0, import_react22.useCallback)(
     (direction, extend) => {
       setRange((previous) => {
         const from = previous ? extend ? previous.focus : previous.anchor : null;
@@ -48181,31 +48337,31 @@ function useSpreadsheetGrid(options) {
     },
     [rowIds, columnIds]
   );
-  const rowIdsRef = (0, import_react21.useRef)(rowIds);
+  const rowIdsRef = (0, import_react22.useRef)(rowIds);
   rowIdsRef.current = rowIds;
-  const columnIdsRef = (0, import_react21.useRef)(columnIds);
+  const columnIdsRef = (0, import_react22.useRef)(columnIds);
   columnIdsRef.current = columnIds;
-  const rangeRef = (0, import_react21.useRef)(range);
+  const rangeRef = (0, import_react22.useRef)(range);
   rangeRef.current = range;
-  const focusGrid = (0, import_react21.useCallback)(() => {
+  const focusGrid = (0, import_react22.useCallback)(() => {
     const catcher = catcherRef.current;
     if (catcher && catcher.isConnected) {
       catcher.focus({ preventScroll: true });
       return;
     }
   }, []);
-  const focusIsLost = (0, import_react21.useCallback)(() => {
+  const focusIsLost = (0, import_react22.useCallback)(() => {
     if (typeof document === "undefined") return false;
     const active = document.activeElement;
     return !active || active === document.body || active === document.documentElement || !active.isConnected;
   }, []);
-  const focusIsLostOrOurs = (0, import_react21.useCallback)(() => {
+  const focusIsLostOrOurs = (0, import_react22.useCallback)(() => {
     if (focusIsLost()) return true;
     const container = catcherRef.current?.closest('[data-matrx-table-spreadsheet="true"]');
     const active = typeof document === "undefined" ? null : document.activeElement;
     return Boolean(container && active && container.contains(active));
   }, [focusIsLost]);
-  const endEdit = (0, import_react21.useCallback)(
+  const endEdit = (0, import_react22.useCallback)(
     (exit = "stay", from = null, how = "keyboard") => {
       const move2 = exit === "down" ? "down" : exit === "up" ? "up" : exit === "right" ? "nextCell" : exit === "left" ? "prevCell" : null;
       const at2 = from ? { rowId: from.rowId, fieldName: from.columnId } : null;
@@ -48228,7 +48384,7 @@ function useSpreadsheetGrid(options) {
     },
     [focusGrid, focusIsLost, focusIsLostOrOurs]
   );
-  const select = (0, import_react21.useCallback)(
+  const select = (0, import_react22.useCallback)(
     (anchor, focus) => {
       const a = { rowId: anchor.rowId, fieldName: anchor.columnId };
       const f = focus ? { rowId: focus.rowId, fieldName: focus.columnId } : a;
@@ -48236,7 +48392,7 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const onKeyDownCapture = (0, import_react21.useCallback)(
+  const onKeyDownCapture = (0, import_react22.useCallback)(
     (event) => {
       const key = event.key;
       if (key !== "Enter" && key !== "Tab" && key !== "Escape") return;
@@ -48255,7 +48411,7 @@ function useSpreadsheetGrid(options) {
     [endEdit, focusIsLost]
   );
   const holdsARange = range !== null;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!holdsARange || typeof document === "undefined") return;
     const onPointerDown = (event) => {
       const target = event.target instanceof Element ? event.target : null;
@@ -48271,7 +48427,7 @@ function useSpreadsheetGrid(options) {
     document.addEventListener("pointerdown", onPointerDown, true);
     return () => document.removeEventListener("pointerdown", onPointerDown, true);
   }, [holdsARange]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!holdsARange || typeof document === "undefined" || typeof MutationObserver === "undefined") return;
     const timers = [];
     const lookAgain = () => {
@@ -48297,8 +48453,8 @@ function useSpreadsheetGrid(options) {
       for (const t of timers) clearTimeout(t);
     };
   }, [holdsARange, focusGrid, focusIsLost]);
-  const controller = (0, import_react21.useMemo)(() => ({ endEdit, select, focusGrid }), [endEdit, select, focusGrid]);
-  const onKeyDown = (0, import_react21.useCallback)(
+  const controller = (0, import_react22.useMemo)(() => ({ endEdit, select, focusGrid }), [endEdit, select, focusGrid]);
+  const onKeyDown = (0, import_react22.useCallback)(
     (event) => {
       const current = optionsRef.current;
       if (!current) return;
@@ -48382,7 +48538,7 @@ function useSpreadsheetGrid(options) {
     },
     [move, range, rowIds, columnIds, doClear, doFillDown, doUndo, doRedo]
   );
-  const selectionAsTsv = (0, import_react21.useCallback)(() => {
+  const selectionAsTsv = (0, import_react22.useCallback)(() => {
     const current = optionsRef.current;
     if (!current || !range) return "";
     const grid = rangeRows(range, rowIds, columnIds).map(
@@ -48390,14 +48546,14 @@ function useSpreadsheetGrid(options) {
     );
     return gridToTsv(grid);
   }, [range, rowIds, columnIds]);
-  const selectionAddresses = (0, import_react21.useCallback)(() => {
+  const selectionAddresses = (0, import_react22.useCallback)(() => {
     if (!range || !bounds) return { rowIds: [], columnIds: [] };
     return {
       rowIds: rowIds.slice(bounds.r0, bounds.r1 + 1),
       columnIds: columnIds.slice(bounds.c0, bounds.c1 + 1)
     };
   }, [range, bounds, rowIds, columnIds]);
-  const onCopy = (0, import_react21.useCallback)(
+  const onCopy = (0, import_react22.useCallback)(
     (event) => {
       if (!optionsRef.current || !range || targetsAnEditor(event.target)) return;
       if (camePastAPortalIntoTheContainer(event.target)) return;
@@ -48411,7 +48567,7 @@ function useSpreadsheetGrid(options) {
     },
     [range, selectionAsTsv, selectionAddresses]
   );
-  const onCut = (0, import_react21.useCallback)(
+  const onCut = (0, import_react22.useCallback)(
     (event) => {
       if (!optionsRef.current || !range || targetsAnEditor(event.target)) return;
       if (camePastAPortalIntoTheContainer(event.target)) return;
@@ -48423,7 +48579,7 @@ function useSpreadsheetGrid(options) {
     },
     [range, selectionAsTsv, doClear]
   );
-  const onPaste = (0, import_react21.useCallback)(
+  const onPaste = (0, import_react22.useCallback)(
     (event) => {
       const current = optionsRef.current;
       if (!current || current.paste === false || !range || targetsAnEditor(event.target)) return;
@@ -48520,7 +48676,7 @@ function useSpreadsheetGrid(options) {
     },
     [range, bounds, rowIds, columnIds, applyPatches, announceSkips, screenPatches, refuseWrite]
   );
-  const cellProps = (0, import_react21.useCallback)(
+  const cellProps = (0, import_react22.useCallback)(
     (rowId, columnId2) => {
       const address = { rowId, fieldName: columnId2 };
       const rowIndex = rowIndexById.get(rowId) ?? -1;
@@ -48569,7 +48725,7 @@ function useSpreadsheetGrid(options) {
     },
     [rowIndexById, columnIndexById, bounds, range, fillTarget]
   );
-  const isFillHandleCell = (0, import_react21.useCallback)(
+  const isFillHandleCell = (0, import_react22.useCallback)(
     (rowId, columnId2) => {
       const current = optionsRef.current;
       if (!current || current.fillHandle === false || current.readOnly || !bounds) return false;
@@ -48577,7 +48733,7 @@ function useSpreadsheetGrid(options) {
     },
     [bounds, rowIds, columnIds]
   );
-  const startFillDrag = (0, import_react21.useCallback)(
+  const startFillDrag = (0, import_react22.useCallback)(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -48585,11 +48741,11 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const fillTargetRef = (0, import_react21.useRef)(null);
+  const fillTargetRef = (0, import_react22.useRef)(null);
   fillTargetRef.current = fillTarget;
-  const boundsRef = (0, import_react21.useRef)(null);
+  const boundsRef = (0, import_react22.useRef)(null);
   boundsRef.current = bounds;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!options) return;
     const commit = () => {
       const wasDragging = draggingRef.current;
@@ -48614,7 +48770,7 @@ function useSpreadsheetGrid(options) {
     window.addEventListener("mouseup", commit);
     return () => window.removeEventListener("mouseup", commit);
   }, [options, fillRequestBase, applyPatches, announceSkips, screenPatches, refuseWrite]);
-  const takeTypedText = (0, import_react21.useCallback)(
+  const takeTypedText = (0, import_react22.useCallback)(
     (text) => {
       if (catcherRef.current) catcherRef.current.value = "";
       const current = optionsRef.current;
@@ -48685,7 +48841,7 @@ function useSpreadsheetGrid(options) {
 }
 
 // src/data-table/ToolbarOverflow.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/bottom-sheet.tsx
 var import_react_visually_hidden = require("@radix-ui/react-visually-hidden");
@@ -48925,13 +49081,13 @@ function BottomSheet({
 // src/data-table/ToolbarOverflow.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var TOOLBAR_CONTROL_HEIGHT = "h-8";
-var ListedContext = (0, import_react22.createContext)(false);
+var ListedContext = (0, import_react23.createContext)(false);
 function useToolbarListed() {
-  return (0, import_react22.useContext)(ListedContext);
+  return (0, import_react23.useContext)(ListedContext);
 }
 var LIST_CLASS = "flex flex-col items-stretch gap-1 [&>*]:w-full [&_[data-matrx-table-toolbar-action]]:w-full [&_[data-matrx-table-group-by]]:w-full";
 function ToolbarOverflowMenu({ children, label = "More tools" }) {
-  const [open, setOpen] = (0, import_react22.useState)(false);
+  const [open, setOpen] = (0, import_react23.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       Button,
@@ -48959,7 +49115,7 @@ function ToolbarOverflowSheet({
   title = "Table tools",
   top
 }) {
-  const [open, setOpen] = (0, import_react22.useState)(false);
+  const [open, setOpen] = (0, import_react23.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       Button,
@@ -49004,16 +49160,16 @@ function ToolbarListedLabel({ label, children }) {
 }
 
 // src/data-table/pinned-fold.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 function pinnedMustFold(room, full) {
   if (room <= 0 || full === null) return false;
   return full > room + 0.5;
 }
 function usePinnedFold(el, active) {
-  const [folded, setFolded] = (0, import_react23.useState)(false);
-  const full = (0, import_react23.useRef)(null);
-  const current = (0, import_react23.useRef)(false);
-  (0, import_react23.useEffect)(() => {
+  const [folded, setFolded] = (0, import_react24.useState)(false);
+  const full = (0, import_react24.useRef)(null);
+  const current = (0, import_react24.useRef)(false);
+  (0, import_react24.useEffect)(() => {
     if (!active || !el) {
       if (current.current) {
         current.current = false;
@@ -49200,7 +49356,7 @@ function rankTableSearchRows(rows, columns, query, options = {}, extraText) {
 }
 
 // src/data-table/ColumnManager.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_core2 = require("@dnd-kit/core");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function ColumnManager({
@@ -49211,15 +49367,15 @@ function ColumnManager({
   hidden,
   onApply
 }) {
-  const byId = (0, import_react24.useMemo)(
+  const byId = (0, import_react25.useMemo)(
     () => new Map(columns.map((column) => [columnId(column), column])),
     [columns]
   );
-  const [draftOrder, setDraftOrder] = (0, import_react24.useState)(order);
-  const [draftHidden, setDraftHidden] = (0, import_react24.useState)(() => new Set(hidden));
-  const [draggedColumnId, setDraggedColumnId] = (0, import_react24.useState)(null);
-  const [dropTarget, setDropTarget] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
+  const [draftOrder, setDraftOrder] = (0, import_react25.useState)(order);
+  const [draftHidden, setDraftHidden] = (0, import_react25.useState)(() => new Set(hidden));
+  const [draggedColumnId, setDraggedColumnId] = (0, import_react25.useState)(null);
+  const [dropTarget, setDropTarget] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     if (!open) return;
     setDraftOrder(order);
     setDraftHidden(new Set(hidden));
@@ -49761,7 +49917,7 @@ function parseTableViewSnapshot(raw) {
 }
 
 // src/data-table/MatrxUuidCell.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
@@ -49801,11 +49957,11 @@ function MatrxUuidCell({
 }) {
   const { resolveEntityDoors, ResourcePeek } = useMatrxDataTableHost();
   const { notify, notice } = useTableNotice();
-  const [copied, setCopied] = (0, import_react25.useState)(false);
-  const [opening, setOpening] = (0, import_react25.useState)(false);
-  const [peekOpen, setPeekOpen] = (0, import_react25.useState)(false);
-  const timer = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(
+  const [copied, setCopied] = (0, import_react26.useState)(false);
+  const [opening, setOpening] = (0, import_react26.useState)(false);
+  const [peekOpen, setPeekOpen] = (0, import_react26.useState)(false);
+  const timer = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
@@ -50015,7 +50171,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({
@@ -50028,7 +50184,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__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     CopyButtons,
     {
@@ -50101,7 +50257,7 @@ function DataRowInspector({
 }
 
 // src/data-table/DataRowWindow.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function DataRowWindow({
   isOpen,
@@ -50122,8 +50278,8 @@ function DataRowWindow({
   const hasEdit = editContent != null;
   const hasTabs = hasEdit && children == null;
   const initialTab = defaultTab ?? (hasEdit ? "edit" : "view");
-  const [tab, setTab] = (0, import_react26.useState)(initialTab);
-  (0, import_react26.useEffect)(() => {
+  const [tab, setTab] = (0, import_react27.useState)(initialTab);
+  (0, import_react27.useEffect)(() => {
     if (!isOpen) return;
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
@@ -51364,7 +51520,7 @@ function DirtySavePill({
 }
 
 // src/data-table/EditableTableCell.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function CellRefusal({ reason }) {
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -51426,12 +51582,12 @@ function EditableTableCell({
   editRequest,
   editSeed
 }) {
-  const [open, setOpen] = (0, import_react27.useState)(false);
-  const [refusal, setRefusal] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
+  const [open, setOpen] = (0, import_react28.useState)(false);
+  const [refusal, setRefusal] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
     if (editRequest !== void 0) setOpen(true);
   }, [editRequest]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!open) setRefusal(null);
   }, [open]);
   const usePencil = Boolean(href) || editTrigger === "pencil";
@@ -51535,13 +51691,13 @@ function InlineStringEditor({
   editRequest,
   editSeed
 }) {
-  const [editing, setEditing] = (0, import_react27.useState)(false);
-  const [draft, setDraft] = (0, import_react27.useState)(value);
-  const [refusal, setRefusal] = (0, import_react27.useState)(null);
-  const handledEditRequest = (0, import_react27.useRef)(void 0);
-  const seedRef = (0, import_react27.useRef)(editSeed);
+  const [editing, setEditing] = (0, import_react28.useState)(false);
+  const [draft, setDraft] = (0, import_react28.useState)(value);
+  const [refusal, setRefusal] = (0, import_react28.useState)(null);
+  const handledEditRequest = (0, import_react28.useRef)(void 0);
+  const seedRef = (0, import_react28.useRef)(editSeed);
   seedRef.current = editSeed;
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (editRequest === void 0 || handledEditRequest.current === editRequest) return;
     handledEditRequest.current = editRequest;
     setDraft(seedRef.current ?? value);
@@ -51701,8 +51857,8 @@ function DateEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = (0, import_react27.useState)(value);
-  const done = (0, import_react27.useRef)(false);
+  const [draft, setDraft] = (0, import_react28.useState)(value);
+  const done = (0, import_react28.useRef)(false);
   const finish = () => {
     if (done.current) return;
     done.current = true;
@@ -51737,8 +51893,8 @@ function TagsEditor({
   onCommit,
   onCancel
 }) {
-  const [tags, setTags] = (0, import_react27.useState)(value);
-  const [draft, setDraft] = (0, import_react27.useState)("");
+  const [tags, setTags] = (0, import_react28.useState)(value);
+  const [draft, setDraft] = (0, import_react28.useState)("");
   const add = (raw) => {
     const next = raw.trim();
     if (!next || tags.includes(next)) return;
@@ -51835,7 +51991,7 @@ function NumberEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = (0, import_react27.useState)(String(value));
+  const [draft, setDraft] = (0, import_react28.useState)(String(value));
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       Input,
@@ -52264,7 +52420,7 @@ function TableToolbarAction({
         disabled,
         onClick,
         children: [
-          (0, import_react28.isValidElement)(children) ? (0, import_react28.cloneElement)(children, { className: cn("h-4 w-4", children.props.className) }) : children,
+          (0, import_react29.isValidElement)(children) ? (0, import_react29.cloneElement)(children, { className: cn("h-4 w-4", children.props.className) }) : children,
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: ariaLabel })
         ]
       }
@@ -52286,7 +52442,7 @@ function TableToolbarAction({
         "aria-busy": busy || void 0,
         disabled,
         onClick,
-        children: (0, import_react28.isValidElement)(children) ? (0, import_react28.cloneElement)(children, { className: cn("h-5 w-5", children.props.className) }) : children
+        children: (0, import_react29.isValidElement)(children) ? (0, import_react29.cloneElement)(children, { className: cn("h-5 w-5", children.props.className) }) : children
       }
     ) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipContent, { children: tooltip ?? ariaLabel })
@@ -52315,9 +52471,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 }
   };
 }
@@ -52343,7 +52500,7 @@ function MatrxDataTable(suppliedProps) {
   const props = card ? withTableCardDefaults(suppliedProps, card) : suppliedProps;
   const sourceRows = props.query?.mode === "controlled-append" ? props.query.pagination.rows : props.data;
   const availableRows = sourceRows ?? EMPTY_TABLE_ROWS;
-  const [defaultSelectionState, setDefaultSelectionState] = (0, import_react28.useState)({
+  const [defaultSelectionState, setDefaultSelectionState] = (0, import_react29.useState)({
     sourceRows: availableRows,
     selectedIds: []
   });
@@ -52381,7 +52538,7 @@ function useHostCustomFieldColumns(token, rows) {
   const host = useMatrxDataTableHost();
   const useColumns = host.useCustomFieldColumns ?? noCustomFieldColumns;
   const orgKey = token ? rowOrganizationIds(rows).join(",") : "";
-  const organizationIds = (0, import_react28.useMemo)(() => orgKey ? orgKey.split(",") : [], [orgKey]);
+  const organizationIds = (0, import_react29.useMemo)(() => orgKey ? orgKey.split(",") : [], [orgKey]);
   const answer = useColumns(token, organizationIds);
   return answer?.columns ?? NO_CUSTOM_FIELD_COLUMNS;
 }
@@ -52401,7 +52558,7 @@ function MatrxDataTableWithUrlState({
     ...urlState.history === void 0 ? {} : { history: urlState.history },
     ...urlState.textHistory === void 0 ? {} : { textHistory: urlState.textHistory }
   });
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (activeUrlTableIds.has(urlState.id)) {
       throw new Error(
         `Duplicate MatrxDataTable urlState.id "${urlState.id}" on one page. Give every table a unique stable id.`
@@ -52510,7 +52667,7 @@ var DND_MEASURING = { droppable: { strategy: import_core3.MeasuringStrategy.Alwa
 var NO_LAYERED_FILTERS = [];
 var NO_GROUPING_VALUE = "__matrx_no_grouping__";
 function useRenderEpoch(values) {
-  const held = (0, import_react28.useRef)(null);
+  const held = (0, import_react29.useRef)(null);
   const previous = held.current;
   if (previous !== null && previous.values.length === values.length && previous.values.every((value, i) => Object.is(value, values[i]))) {
     return previous.epoch;
@@ -52550,12 +52707,16 @@ 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]));
-}
-var MatrxTableBodyRow = (0, import_react28.memo)(function MatrxTableBodyRow2({ row, index, render }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: render(row, index) });
+  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 = (0, import_react29.memo)(function MatrxTableBodyRow2(props) {
+  const { rowId, row, index, draw } = props;
+  const last = (0, import_react29.useRef)(null);
+  const fresh = last.current === null || !sameBodyRow({ ...last.current, probe: props.probe }, props);
+  last.current = props;
+  return draw(rowId, row, index, fresh);
 }, sameBodyRow);
-var MatrxTableChrome = (0, import_react28.memo)(function MatrxTableChrome2({ render }) {
+var MatrxTableChrome = (0, import_react29.memo)(function MatrxTableChrome2({ render }) {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: render() });
 }, (a, b) => a.part === b.part && a.epoch === b.epoch);
 function columnsSignature(columns) {
@@ -52653,7 +52814,7 @@ function MatrxDataTableCore(coreProps) {
     fitToWidth = false,
     appearance = "standalone"
   } = coreProps;
-  const columns = (0, import_react28.useMemo)(() => suppliedColumns.filter((column) => !("customActions" in column) || column.customActions !== void 0).map((column) => {
+  const columns = (0, import_react29.useMemo)(() => suppliedColumns.filter((column) => !("customActions" in column) || column.customActions !== void 0).map((column) => {
     if (!column.customActions) return column;
     const {
       accessorKey: _key,
@@ -52668,11 +52829,11 @@ function MatrxDataTableCore(coreProps) {
   }), [suppliedColumns]);
   const embedded = appearance === "embedded";
   const zebra = suppliedZebra ?? !embedded;
-  const tableCard = (0, import_react28.useContext)(TableCardOwnerContext);
+  const tableCard = (0, import_react29.useContext)(TableCardOwnerContext);
   const selectionConfig = suppliedSelectionConfig === false ? void 0 : suppliedSelectionConfig;
   const appendQuery = query?.mode === "controlled-append" ? query : null;
   const appendQueryKey = appendQuery?.pagination.queryKey ?? null;
-  const committedAppendQueryKey = (0, import_react28.useRef)(appendQueryKey);
+  const committedAppendQueryKey = (0, import_react29.useRef)(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
   const data = (appendQuery ? appendQuery.pagination.rows : suppliedData) ?? EMPTY_TABLE_ROWS;
   const readView = tableReadView(read, data.length, appendQuery ? appendQuery.pagination.loading : suppliedLoading);
@@ -52690,16 +52851,16 @@ function MatrxDataTableCore(coreProps) {
   const Link = host.Link ?? DefaultTableLink;
   const SidePanelSurface = host.SidePanelSurface ?? DefaultTableSidePanel;
   const { notify: toast, notice } = useTableNotice();
-  const [savedViewError, setSavedViewError] = (0, import_react28.useState)(null);
-  const [toolbarActionError, setToolbarActionError] = (0, import_react28.useState)(null);
-  const [toolbarActionPending, setToolbarActionPending] = (0, import_react28.useState)({ refresh: false, add: false });
-  const toolbarActionPendingRef = (0, import_react28.useRef)({ refresh: false, add: false });
+  const [savedViewError, setSavedViewError] = (0, import_react29.useState)(null);
+  const [toolbarActionError, setToolbarActionError] = (0, import_react29.useState)(null);
+  const [toolbarActionPending, setToolbarActionPending] = (0, import_react29.useState)({ refresh: false, add: false });
+  const toolbarActionPendingRef = (0, import_react29.useRef)({ refresh: false, add: false });
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "lg" ? "lg:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : "max-sm:hidden";
   const cardsQuery = mobileCardsBreakpoint === "lg" ? "(max-width: 1023px)" : "(max-width: 639px)";
-  const [cardsActive, setCardsActive] = (0, import_react28.useState)(null);
-  (0, import_react28.useEffect)(() => {
+  const [cardsActive, setCardsActive] = (0, import_react29.useState)(null);
+  (0, import_react29.useEffect)(() => {
     if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(cardsQuery);
     const read2 = () => setCardsActive(mql.matches);
@@ -52720,7 +52881,7 @@ function MatrxDataTableCore(coreProps) {
   const sourceOwnsIntelligentSearch = sourceProcessing?.intelligentSearch === "source";
   const sourceOwnsSearch = remoteQuery?.mode === "controlled" && sourceProcessing?.search !== "local" || appendQuery !== null && sourceProcessing === void 0 || sourceProcessing?.search === "source" || sourceOwnsIntelligentSearch;
   const intelligentSearchEnabled = toolbar?.intelligentSearch !== void 0 && (sourceOwnsIntelligentSearch || remoteQuery === null && !sourceOwnsSearch);
-  const emitControlledQueryChange = (0, import_react28.useCallback)(
+  const emitControlledQueryChange = (0, import_react29.useCallback)(
     (patch, options) => {
       if (!controlledQuery) return;
       controlledQuery.onStateChange(
@@ -52729,8 +52890,8 @@ function MatrxDataTableCore(coreProps) {
     },
     [controlledQuery]
   );
-  const [internalSearch, setInternalSearch] = (0, import_react28.useState)("");
-  const [draggedRowId, setDraggedRowId] = (0, import_react28.useState)(null);
+  const [internalSearch, setInternalSearch] = (0, import_react29.useState)("");
+  const [draggedRowId, setDraggedRowId] = (0, import_react29.useState)(null);
   const hierarchySensors = (0, import_core3.useSensors)((0, import_core3.useSensor)(import_core3.PointerSensor, POINTER_SENSOR_OPTIONS));
   const toolbarSearchControlled = toolbar?.searchValue !== void 0;
   const searchValue = controlledQuery ? controlledQuery.state.search : toolbarSearchControlled ? toolbar?.searchValue ?? "" : internalSearch;
@@ -52742,7 +52903,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.onSearchChange?.(v);
   };
-  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react28.useState)(
+  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react29.useState)(
     toolbar?.searchMatch?.defaultMode ?? "contains"
   );
   const searchMatchMode = controlledQuery ? controlledQuery.state.searchMatchMode ?? toolbar?.searchMatch?.defaultMode ?? "contains" : internalSearchMatchMode;
@@ -52753,7 +52914,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchMatchMode(mode);
   };
-  const [internalSearchScope, setInternalSearchScope] = (0, import_react28.useState)("all");
+  const [internalSearchScope, setInternalSearchScope] = (0, import_react29.useState)("all");
   const searchScope = controlledQuery ? controlledQuery.state.searchScope ?? "all" : internalSearchScope;
   const setSearchScope = (scope) => {
     if (controlledQuery) {
@@ -52762,7 +52923,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchScope(scope);
   };
-  const [internalAnyOf, setInternalAnyOf] = (0, import_react28.useState)("");
+  const [internalAnyOf, setInternalAnyOf] = (0, import_react29.useState)("");
   const toolbarAnyOfControlled = toolbar?.anyOf?.value !== void 0;
   const anyOfValue = controlledQuery ? controlledQuery.state.anyOf : toolbarAnyOfControlled ? toolbar?.anyOf?.value ?? "" : internalAnyOf;
   const setAnyOfValue = (v) => {
@@ -52773,7 +52934,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.anyOf?.onChange?.(v);
   };
-  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react28.useState)([]);
+  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react29.useState)([]);
   const layeredFilters = controlledQuery ? controlledQuery.state.layeredFilters ?? NO_LAYERED_FILTERS : internalLayeredFilters;
   const setLayeredFilters = (next) => {
     if (controlledQuery) {
@@ -52782,9 +52943,9 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalLayeredFilters(next);
   };
-  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react28.useState)({});
+  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react29.useState)({});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
-  const localColumnFilters = (0, import_react28.useMemo)(() => {
+  const localColumnFilters = (0, import_react29.useMemo)(() => {
     if (appendDefaultsToSourceProcessing) return {};
     if (sourceColumnFilterOwnership === "source") return {};
     if (sourceColumnFilterOwnership === void 0 || sourceColumnFilterOwnership === "local") {
@@ -52806,7 +52967,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalColumnFilters(nextFilters);
   };
-  const [internalSort, setInternalSort] = (0, import_react28.useState)(defaultSort);
+  const [internalSort, setInternalSort] = (0, import_react29.useState)(defaultSort);
   const sort = controlledQuery ? controlledQuery.state.sort : internalSort;
   const setSort = (next) => {
     if (controlledQuery) {
@@ -52815,7 +52976,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSort(next);
   };
-  const [internalPage, setInternalPage] = (0, import_react28.useState)(1);
+  const [internalPage, setInternalPage] = (0, import_react29.useState)(1);
   const page = controlledQuery ? controlledQuery.state.page : internalPage;
   const setPage = (next) => {
     if (controlledQuery) {
@@ -52824,7 +52985,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPage(next);
   };
-  const [internalPageSize, setInternalPageSize] = (0, import_react28.useState)(
+  const [internalPageSize, setInternalPageSize] = (0, import_react29.useState)(
     defaultPageSize
   );
   const pageSize = controlledQuery ? controlledQuery.state.pageSize : internalPageSize;
@@ -52835,29 +52996,29 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPageSize(next);
   };
-  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react28.useState)(null);
+  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react29.useState)(null);
   const rawSelectedId = controlledSelectedId !== void 0 ? controlledSelectedId : uncontrolledSelectedId;
   const selectedId = appendSourceChanged ? null : rawSelectedId;
-  const [openRequest, setOpenRequest] = (0, import_react28.useState)(0);
+  const [openRequest, setOpenRequest] = (0, import_react29.useState)(0);
   const setSelectedId = (id) => {
     if (controlledSelectedId === void 0) setUncontrolledSelectedId(id);
     onSelectedIdChange?.(id);
   };
-  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react28.useState)(null);
+  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react29.useState)(null);
   const rawWindowRowId = controlledWindowRowId !== void 0 ? controlledWindowRowId : uncontrolledWindowRowId;
   const windowRowId = appendSourceChanged ? null : rawWindowRowId;
   const setWindowRowId = (id) => {
     if (controlledWindowRowId === void 0) setUncontrolledWindowRowId(id);
     onWindowRowIdChange?.(id);
   };
-  const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react28.useState)(null);
+  const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react29.useState)(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
-  const [editsByScope, setEditsByScope] = (0, import_react28.useState)({});
-  const editRevisionRef = (0, import_react28.useRef)({});
-  const [savingByScope, setSavingByScope] = (0, import_react28.useState)({});
-  const savingScopesRef = (0, import_react28.useRef)(/* @__PURE__ */ new Set());
-  const [editRequest, setEditRequest] = (0, import_react28.useState)(null);
-  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react28.useState)(false);
+  const [editsByScope, setEditsByScope] = (0, import_react29.useState)({});
+  const editRevisionRef = (0, import_react29.useRef)({});
+  const [savingByScope, setSavingByScope] = (0, import_react29.useState)({});
+  const savingScopesRef = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
+  const [editRequest, setEditRequest] = (0, import_react29.useState)(null);
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react29.useState)(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
@@ -52924,7 +53085,7 @@ function MatrxDataTableCore(coreProps) {
     rows: Object.entries(draft.values).map(([rowId, columns2]) => ({ rowId, columns: columns2 }))
   }));
   const selection = appendSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -52942,15 +53103,15 @@ function MatrxDataTableCore(coreProps) {
     onWindowRowIdChange,
     selectionConfig
   ]);
-  const scrollRef = (0, import_react28.useRef)(null);
-  const tableRef = (0, import_react28.useRef)(null);
-  const tableHeaderRef = (0, import_react28.useRef)(null);
-  const cardsScrollRef = (0, import_react28.useRef)(null);
-  const scrollContainers = (0, import_react28.useMemo)(() => [scrollRef, cardsScrollRef], []);
-  const [documentStickyHeader, setDocumentStickyHeader] = (0, import_react28.useState)(false);
-  const documentStickyHeaderRef = (0, import_react28.useRef)(false);
-  const previousAppendKeyForScrollReset = (0, import_react28.useRef)(appendQueryKey);
-  (0, import_react28.useLayoutEffect)(() => {
+  const scrollRef = (0, import_react29.useRef)(null);
+  const tableRef = (0, import_react29.useRef)(null);
+  const tableHeaderRef = (0, import_react29.useRef)(null);
+  const cardsScrollRef = (0, import_react29.useRef)(null);
+  const scrollContainers = (0, import_react29.useMemo)(() => [scrollRef, cardsScrollRef], []);
+  const [documentStickyHeader, setDocumentStickyHeader] = (0, import_react29.useState)(false);
+  const documentStickyHeaderRef = (0, import_react29.useRef)(false);
+  const previousAppendKeyForScrollReset = (0, import_react29.useRef)(appendQueryKey);
+  (0, import_react29.useLayoutEffect)(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -52975,15 +53136,15 @@ function MatrxDataTableCore(coreProps) {
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.thresholdPx !== void 0 ? { thresholdPx: appendScrollPolicy.thresholdPx } : {},
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
   });
-  const rootRef = (0, import_react28.useRef)(null);
+  const rootRef = (0, import_react29.useRef)(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
-  const [scrollHintRight, setScrollHintRight] = (0, import_react28.useState)(false);
-  const [scrollHintLeft, setScrollHintLeft] = (0, import_react28.useState)(false);
-  const [scrollHintRightInset, setScrollHintRightInset] = (0, import_react28.useState)(6);
-  const hintScrollLeft = (0, import_react28.useRef)(0);
-  const updateScrollHint = (0, import_react28.useCallback)(() => {
+  const [scrollHintRight, setScrollHintRight] = (0, import_react29.useState)(false);
+  const [scrollHintLeft, setScrollHintLeft] = (0, import_react29.useState)(false);
+  const [scrollHintRightInset, setScrollHintRightInset] = (0, import_react29.useState)(6);
+  const hintScrollLeft = (0, import_react29.useRef)(0);
+  const updateScrollHint = (0, import_react29.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     hintScrollLeft.current = el.scrollLeft;
@@ -52993,7 +53154,7 @@ function MatrxDataTableCore(coreProps) {
     setScrollHintLeft(hasRows && el.scrollLeft > 2);
     setScrollHintRightInset(actions ? Math.ceil(actions.getBoundingClientRect().width) + 6 : 6);
   }, []);
-  const onTableScroll = (0, import_react28.useCallback)(() => {
+  const onTableScroll = (0, import_react29.useCallback)(() => {
     const el = scrollRef.current;
     if (!el || el.scrollLeft === hintScrollLeft.current) return;
     updateScrollHint();
@@ -53006,7 +53167,7 @@ function MatrxDataTableCore(coreProps) {
       behavior: "smooth"
     });
   };
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
     const observer = el && typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateScrollHint) : null;
@@ -53021,7 +53182,7 @@ function MatrxDataTableCore(coreProps) {
       observer?.disconnect();
     };
   }, [updateScrollHint, data, columns]);
-  (0, import_react28.useLayoutEffect)(() => {
+  (0, import_react29.useLayoutEffect)(() => {
     const scroll = scrollRef.current;
     const table = tableRef.current;
     const header = tableHeaderRef.current;
@@ -53080,30 +53241,30 @@ function MatrxDataTableCore(coreProps) {
       window.removeEventListener("resize", requestUpdate);
     };
   }, [stickyHeader, data, columns]);
-  const [columnOrder, setColumnOrder] = (0, import_react28.useState)(() => columnState?.order ?? columns.map(columnId));
-  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react28.useState)(
+  const [columnOrder, setColumnOrder] = (0, import_react29.useState)(() => columnState?.order ?? columns.map(columnId));
+  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react29.useState)(
     () => new Set(columnState?.hidden ?? columns.filter((column) => column.hidden).map(columnId))
   );
-  const [columnWidths, setColumnWidths] = (0, import_react28.useState)(
+  const [columnWidths, setColumnWidths] = (0, import_react29.useState)(
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
-  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react28.useState)(null);
-  const knownColumnIds = (0, import_react28.useRef)(new Set(columns.map(columnId)));
-  const draggedColumnId = (0, import_react28.useRef)(null);
-  const columnDragActive = (0, import_react28.useRef)(false);
-  const columnDragRaf = (0, import_react28.useRef)(null);
-  const columnDragScrollDirection = (0, import_react28.useRef)(0);
-  const [columnDragPreview, setColumnDragPreview] = (0, import_react28.useState)(null);
-  const stopColumnDragScroll = (0, import_react28.useCallback)(() => {
+  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react29.useState)(null);
+  const knownColumnIds = (0, import_react29.useRef)(new Set(columns.map(columnId)));
+  const draggedColumnId = (0, import_react29.useRef)(null);
+  const columnDragActive = (0, import_react29.useRef)(false);
+  const columnDragRaf = (0, import_react29.useRef)(null);
+  const columnDragScrollDirection = (0, import_react29.useRef)(0);
+  const [columnDragPreview, setColumnDragPreview] = (0, import_react29.useState)(null);
+  const stopColumnDragScroll = (0, import_react29.useCallback)(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  (0, import_react28.useEffect)(() => () => {
+  (0, import_react29.useEffect)(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
-  const startColumnDragScroll = (0, import_react28.useCallback)(() => {
+  const startColumnDragScroll = (0, import_react29.useCallback)(() => {
     if (!columnDragActive.current || columnDragRaf.current !== null) return;
     const scrollStep = () => {
       const scroll = scrollRef.current;
@@ -53130,25 +53291,25 @@ function MatrxDataTableCore(coreProps) {
     };
     columnDragRaf.current = requestAnimationFrame(scrollStep);
   }, []);
-  const commitColumnState = (0, import_react28.useCallback)((order, hidden) => {
+  const commitColumnState = (0, import_react29.useCallback)((order, hidden) => {
     if (columnState) columnState.onChange({ order, hidden: [...hidden] });
     else {
       setColumnOrder(order);
       setHiddenColumnIds(hidden);
     }
   }, [columnState]);
-  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react28.useState)(false);
+  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react29.useState)(false);
   const columnManagerOpen = controlledColumnManager?.open ?? internalColumnManagerOpen;
   const setColumnManagerOpen = controlledColumnManager?.onOpenChange ?? setInternalColumnManagerOpen;
-  const columnIds = (0, import_react28.useMemo)(() => columns.map(columnId), [columns]);
-  const effectiveColumnOrder = (0, import_react28.useMemo)(() => columnState ? [...columnState.order.filter((id, index, values) => columnIds.includes(id) && values.indexOf(id) === index), ...columnIds.filter((id) => !columnState.order.includes(id))] : columnOrder, [columnIds, columnOrder, columnState]);
-  const effectiveHiddenColumnIds = (0, import_react28.useMemo)(() => columnState ? new Set(columnState.hidden.filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columnState, hiddenColumnIds]);
-  const effectiveColumnWidths = (0, import_react28.useMemo)(
+  const columnIds = (0, import_react29.useMemo)(() => columns.map(columnId), [columns]);
+  const effectiveColumnOrder = (0, import_react29.useMemo)(() => columnState ? [...columnState.order.filter((id, index, values) => columnIds.includes(id) && values.indexOf(id) === index), ...columnIds.filter((id) => !columnState.order.includes(id))] : columnOrder, [columnIds, columnOrder, columnState]);
+  const effectiveHiddenColumnIds = (0, import_react29.useMemo)(() => columnState ? new Set(columnState.hidden.filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columnState, hiddenColumnIds]);
+  const effectiveColumnWidths = (0, import_react29.useMemo)(
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
   );
-  const resizeGestureSnapshotRef = (0, import_react28.useRef)(null);
-  const measureVisibleColumnWidths = (0, import_react28.useCallback)(() => {
+  const resizeGestureSnapshotRef = (0, import_react29.useRef)(null);
+  const measureVisibleColumnWidths = (0, import_react29.useCallback)(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
       "thead th[data-matrx-table-column-id]"
@@ -53162,7 +53323,7 @@ function MatrxDataTableCore(coreProps) {
     }
     return normalizeColumnWidthsForColumns(measured, columns);
   }, [columns]);
-  const measureFixedTableGeometry = (0, import_react28.useCallback)(() => {
+  const measureFixedTableGeometry = (0, import_react29.useCallback)(() => {
     const table = tableRef.current;
     const headers = table ? Array.from(table.querySelectorAll("thead th")) : [];
     const widthFor = (selector) => {
@@ -53197,16 +53358,16 @@ function MatrxDataTableCore(coreProps) {
       ...actionsWidth === void 0 ? {} : { actionsWidth }
     };
   }, [resolvedDensity]);
-  const captureResizeGestureSnapshot = (0, import_react28.useCallback)(() => {
+  const captureResizeGestureSnapshot = (0, import_react29.useCallback)(() => {
     resizeGestureSnapshotRef.current = {
       widths: measureVisibleColumnWidths(),
       geometry: measureFixedTableGeometry()
     };
   }, [measureFixedTableGeometry, measureVisibleColumnWidths]);
-  const clearResizeGestureSnapshot = (0, import_react28.useCallback)(() => {
+  const clearResizeGestureSnapshot = (0, import_react29.useCallback)(() => {
     resizeGestureSnapshotRef.current = null;
   }, []);
-  const commitColumnWidths = (0, import_react28.useCallback)((next, captureInitialWidths = false) => {
+  const commitColumnWidths = (0, import_react29.useCallback)((next, captureInitialWidths = false) => {
     const gestureSnapshot = captureInitialWidths ? resizeGestureSnapshotRef.current : null;
     resizeGestureSnapshotRef.current = null;
     const normalized = normalizeColumnWidthsForColumns(
@@ -53225,7 +53386,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setColumnWidths(normalized);
   }, [columnIds, columnState, columns, measureFixedTableGeometry, measureVisibleColumnWidths]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -53244,31 +53405,31 @@ function MatrxDataTableCore(coreProps) {
     setColumnWidths((current) => normalizeColumnWidthsForColumns(current, columns));
     knownColumnIds.current = new Set(ids);
   }, [columns, columnState]);
-  (0, import_react28.useLayoutEffect)(() => {
+  (0, import_react29.useLayoutEffect)(() => {
     for (const id of columnIds) {
       tableRef.current?.style.removeProperty(columnResizeCssVar(id));
     }
   });
-  const previewColumnOrder = (0, import_react28.useMemo)(
+  const previewColumnOrder = (0, import_react29.useMemo)(
     () => projectColumnDragOrder(effectiveColumnOrder, columnDragPreview),
     [columnDragPreview, effectiveColumnOrder]
   );
   useColumnReorderAnimation(tableRef, previewColumnOrder.join("\0"), columnDragPreview !== null);
-  const visibleColumns = (0, import_react28.useMemo)(() => {
+  const visibleColumns = (0, import_react29.useMemo)(() => {
     const byId = new Map(columns.map((column) => [columnId(column), column]));
     return previewColumnOrder.map((id) => byId.get(id)).filter(
       (column) => column !== void 0 && !effectiveHiddenColumnIds.has(columnId(column))
     );
   }, [columns, effectiveHiddenColumnIds, previewColumnOrder]);
   const usesMeasuredFixedLayout = visibleColumns.length > 0 && visibleColumns.every((column) => effectiveColumnWidths[columnId(column)] !== void 0);
-  (0, import_react28.useLayoutEffect)(() => {
+  (0, import_react29.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) {
       if (fixedTableGeometry !== null) setFixedTableGeometry(null);
       return;
     }
     if (fixedTableGeometry === null) setFixedTableGeometry(measureFixedTableGeometry());
   }, [fixedTableGeometry, measureFixedTableGeometry, usesMeasuredFixedLayout]);
-  (0, import_react28.useLayoutEffect)(() => {
+  (0, import_react29.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) return;
     const table = tableRef.current;
     if (!table) return;
@@ -53292,8 +53453,8 @@ function MatrxDataTableCore(coreProps) {
   const fixedLayoutActive = usesMeasuredFixedLayout && fixedTableGeometry !== null;
   const freezeWanted = visibleColumns.some((column) => column.frozen);
   const selectionColumnWidth = fixedTableGeometry?.selectionWidth ?? (selection && (freezeWanted || fitToWidth) ? SELECTION_COLUMN_PX : void 0);
-  const [fitSpace, setFitSpace] = (0, import_react28.useState)(null);
-  (0, import_react28.useLayoutEffect)(() => {
+  const [fitSpace, setFitSpace] = (0, import_react29.useState)(null);
+  (0, import_react29.useLayoutEffect)(() => {
     if (!fitToWidth) {
       setFitSpace(null);
       return;
@@ -53336,7 +53497,7 @@ function MatrxDataTableCore(coreProps) {
     if (table) observer.observe(table);
     return () => observer.disconnect();
   }, [fitToWidth, data.length]);
-  const fittedWidths = (0, import_react28.useMemo)(() => {
+  const fittedWidths = (0, import_react29.useMemo)(() => {
     if (!fitToWidth || !fitSpace) return null;
     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;
@@ -53361,7 +53522,7 @@ function MatrxDataTableCore(coreProps) {
   }, [fitToWidth, fitSpace, visibleColumns, selection, selectionColumnWidth, effectiveColumnWidths]);
   const fitActive = fittedWidths !== null;
   const actionsColumnWidth = fitActive && fitSpace ? fitSpace.actions : fixedTableGeometry?.actionsWidth;
-  const frozenColumns = (0, import_react28.useMemo)(() => {
+  const frozenColumns = (0, import_react29.useMemo)(() => {
     if (!freezeWanted) return NO_FROZEN_COLUMNS;
     const ids = visibleColumns.map(columnId);
     const byId = new Map(visibleColumns.map((column) => [columnId(column), column]));
@@ -53409,15 +53570,18 @@ function MatrxDataTableCore(coreProps) {
     const color = cellTintColor(row, id, colId);
     return color ? CELL_TINT_CLASS[color] : void 0;
   };
-  const declaredVisibleCopyColumns = (0, import_react28.useMemo)(
+  const declaredVisibleCopyColumns = (0, import_react29.useMemo)(
     () => visibleColumns.filter((column) => column.accessorFn !== void 0 || column.accessorKey !== void 0),
     [visibleColumns]
   );
-  const tableCopySourceNamespace = (0, import_react28.useId)();
-  const tableContextMenuInstanceId = (0, import_react28.useId)();
-  const tableDndContextId = (0, import_react28.useId)();
+  const tableCopySourceNamespace = (0, import_react29.useId)();
+  const tableContextMenuInstanceId = (0, import_react29.useId)();
+  const tableDndContextId = (0, import_react29.useId)();
   const defaultCopyTitle = toolbar?.title || "Table";
-  const defaultCopy = (0, import_react28.useMemo)(() => ({
+  const copyColumnsLatest = (0, import_react29.useRef)(declaredVisibleCopyColumns);
+  copyColumnsLatest.current = declaredVisibleCopyColumns;
+  const readDeclaredCopyColumns = lazyCallback(() => copyColumnsLatest.current);
+  const defaultCopy = (0, import_react29.useMemo)(() => ({
     label: defaultCopyTitle,
     listLabel: defaultCopyTitle,
     location: defaultCopyTitle,
@@ -53426,23 +53590,23 @@ 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 = (0, import_react28.useMemo)(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
+  const visibleDataColumns = (0, import_react29.useMemo)(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
   const effectiveCopyColumns = copy === void 0 ? declaredVisibleCopyColumns : visibleDataColumns;
   const copySubsetVariant2 = useCopySubsetVariant();
-  const chromeLatest = (0, import_react28.useRef)({
+  const chromeLatest = (0, import_react29.useRef)({
     processed: [],
     data: [],
     toggleAllOnPage: () => void 0,
     showMore: async () => void 0,
     applySavedView: () => void 0
   });
-  const applyLatestSavedView = (0, import_react28.useCallback)((snapshot) => chromeLatest.current.applySavedView(snapshot), []);
+  const applyLatestSavedView = (0, import_react29.useCallback)((snapshot) => chromeLatest.current.applySavedView(snapshot), []);
   const copySubsetColumns = () => effectiveCopyColumns.filter((c) => c.filter !== false || c.accessorKey || c.accessorFn).map((c) => ({
     id: columnId(c),
     header: typeof c.header === "string" ? c.header : columnId(c),
@@ -53463,7 +53627,7 @@ function MatrxDataTableCore(coreProps) {
       serializer: (shaped) => buildViewAgentInput(effectiveCopy, shaped, chromeLatest.current.data, { scope: "custom" })
     }), copySubsetSize(rows().length, copySubsetColumns().length))
   ] : [];
-  const filterMeta = (0, import_react28.useMemo)(() => {
+  const filterMeta = (0, import_react29.useMemo)(() => {
     const meta = /* @__PURE__ */ new Map();
     for (const col of visibleColumns) {
       const id = columnId(col);
@@ -53471,14 +53635,14 @@ function MatrxDataTableCore(coreProps) {
     }
     return meta;
   }, [visibleColumns, data, remoteQuery]);
-  const intelligentSearchScopes = (0, import_react28.useMemo)(
+  const intelligentSearchScopes = (0, import_react29.useMemo)(
     () => resolveTableSearchScopes(data, columns, {
       ...toolbar?.intelligentSearch?.roles === void 0 ? {} : { roles: toolbar.intelligentSearch.roles },
       ...toolbar?.intelligentSearch?.scopes === void 0 ? {} : { scopes: toolbar.intelligentSearch.scopes }
     }),
     [columns, data, toolbar?.intelligentSearch?.roles, toolbar?.intelligentSearch?.scopes]
   );
-  const processed = (0, import_react28.useMemo)(() => {
+  const processed = (0, import_react29.useMemo)(() => {
     if (remoteQuery && !appendUsesLocalProcessing && !remoteQueryUsesLocalProcessing) return data;
     if (processLocalRows) {
       return processLocalRows(data, {
@@ -53542,8 +53706,8 @@ function MatrxDataTableCore(coreProps) {
     intelligentSearchEnabled,
     searchScope
   ]);
-  const lastNotifiedViewRows = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const lastNotifiedViewRows = (0, import_react29.useRef)(null);
+  (0, import_react29.useEffect)(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       return;
@@ -53552,7 +53716,7 @@ function MatrxDataTableCore(coreProps) {
     lastNotifiedViewRows.current = processed;
     if (changed) onViewChange(processed);
   }, [processed, onViewChange]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -53600,7 +53764,7 @@ function MatrxDataTableCore(coreProps) {
     numberedPageHasMore: !hidePagination && !isLoading && !isFetching && processed.length > 0 && safePage < pageCount && (remoteQuery?.mode === "controlled" || !remoteQuery),
     onPageAdvance: setPage
   });
-  const paginated = (0, import_react28.useMemo)(() => {
+  const paginated = (0, import_react29.useMemo)(() => {
     if (remoteQuery) return processed;
     if (hidePagination) return processed;
     if (localProgressiveEnabled) return [...progressiveRows.rows];
@@ -53610,16 +53774,16 @@ function MatrxDataTableCore(coreProps) {
   }, [processed, safePage, effectivePageSize, pageSize, remoteQuery, hidePagination, localProgressiveEnabled, progressiveRows.rows]);
   const drillGrouped = Boolean(drill && drill.question.by.length > 0);
   const groupingColumnId = drill ? null : grouping?.columnId ?? null;
-  const [uncontrolledCollapsed, setUncontrolledCollapsed] = (0, import_react28.useState)([]);
+  const [uncontrolledCollapsed, setUncontrolledCollapsed] = (0, import_react29.useState)([]);
   const collapsedGroups = grouping?.collapsed ?? uncontrolledCollapsed;
-  const setCollapsedGroups = (0, import_react28.useCallback)(
+  const setCollapsedGroups = (0, import_react29.useCallback)(
     (next) => {
       if (grouping?.onCollapsedChange) grouping.onCollapsedChange(next);
       else setUncontrolledCollapsed(next);
     },
     [grouping]
   );
-  const groups = (0, import_react28.useMemo)(() => {
+  const groups = (0, import_react29.useMemo)(() => {
     if (!grouping || !groupingColumnId) return null;
     const groupColumn = columns.find((col) => columnId(col) === groupingColumnId);
     if (!groupColumn) return null;
@@ -53638,7 +53802,7 @@ function MatrxDataTableCore(coreProps) {
       ...grouping.emptyLabel ? { emptyLabel: grouping.emptyLabel } : {}
     });
   }, [grouping, groupingColumnId, columns, paginated]);
-  const groupableColumns = (0, import_react28.useMemo)(() => {
+  const groupableColumns = (0, import_react29.useMemo)(() => {
     const allowed = grouping?.groupableColumnIds;
     return visibleColumns.filter((col) => {
       const id = columnId(col);
@@ -53646,7 +53810,7 @@ function MatrxDataTableCore(coreProps) {
       return col.accessorKey !== void 0 || col.accessorFn !== void 0;
     });
   }, [visibleColumns, grouping?.groupableColumnIds]);
-  const groupedRenderRows = (0, import_react28.useMemo)(
+  const groupedRenderRows = (0, import_react29.useMemo)(
     () => groups ? flattenGroups(groups, collapsedGroups) : null,
     [groups, collapsedGroups]
   );
@@ -53658,7 +53822,7 @@ function MatrxDataTableCore(coreProps) {
   const bodyEntryCount = groupedRenderRows ? groupedRenderRows.length : paginated.length;
   const virtualizeActive = virtualizeConfig !== null && virtualizeConfig.enabled !== false && bodyEntryCount > virtualThreshold && !hierarchy && expandedDetail === void 0;
   const columnWindowWidth = virtualizeConfig?.columnWidth ?? 160;
-  const frozenRunLength = (0, import_react28.useMemo)(() => {
+  const frozenRunLength = (0, import_react29.useMemo)(() => {
     let run = 0;
     for (const col of visibleColumns) {
       if (frozenColumns.offsets[columnId(col)] === void 0) break;
@@ -53667,9 +53831,9 @@ function MatrxDataTableCore(coreProps) {
     return run;
   }, [visibleColumns, frozenColumns]);
   const columnVirtualizeActive = virtualizeConfig !== null && virtualizeConfig.enabled !== false && virtualizeConfig.columns === true && visibleColumns.length - frozenRunLength > 30 && !hierarchy && mobileCards === void 0;
-  const [rowWindow, setRowWindow] = (0, import_react28.useState)(null);
-  const [columnWindow, setColumnWindow] = (0, import_react28.useState)(null);
-  const windowInputs = (0, import_react28.useRef)({
+  const [rowWindow, setRowWindow] = (0, import_react29.useState)(null);
+  const [columnWindow, setColumnWindow] = (0, import_react29.useState)(null);
+  const windowInputs = (0, import_react29.useRef)({
     virtualizeActive: false,
     bodyEntryCount: 0,
     virtualRowHeight: 40,
@@ -53689,7 +53853,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   };
-  const recomputeWindows = (0, import_react28.useCallback)(() => {
+  const recomputeWindows = (0, import_react29.useCallback)(() => {
     const el = scrollRef.current;
     const input = windowInputs.current;
     const nextRow = input.virtualizeActive ? computeWindow({
@@ -53710,7 +53874,7 @@ function MatrxDataTableCore(coreProps) {
     setRowWindow((prev) => sameWindow(prev, nextRow) ? prev : nextRow);
     setColumnWindow((prev) => sameWindow(prev, nextColumn) ? prev : nextColumn);
   }, []);
-  const effectiveRowWindow = (0, import_react28.useMemo)(() => {
+  const effectiveRowWindow = (0, import_react29.useMemo)(() => {
     if (!virtualizeActive) return null;
     if (rowWindow && rowWindow.end <= bodyEntryCount) return rowWindow;
     return computeWindow({
@@ -53721,7 +53885,7 @@ function MatrxDataTableCore(coreProps) {
       overscan: virtualizeConfig?.overscan ?? 8
     });
   }, [virtualizeActive, rowWindow, bodyEntryCount, virtualRowHeight, virtualizeConfig?.overscan]);
-  const effectiveColumnWindow = (0, import_react28.useMemo)(() => {
+  const effectiveColumnWindow = (0, import_react29.useMemo)(() => {
     if (!columnVirtualizeActive) return null;
     if (columnWindow && columnWindow.end <= visibleColumns.length) return columnWindow;
     return computeWindow({
@@ -53741,7 +53905,7 @@ function MatrxDataTableCore(coreProps) {
     frozenRunLength
   ]);
   const metricsWanted = virtualizeActive || columnVirtualizeActive;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     recomputeWindows();
   }, [
     recomputeWindows,
@@ -53753,7 +53917,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   ]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!metricsWanted) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -53774,7 +53938,7 @@ function MatrxDataTableCore(coreProps) {
       observer?.disconnect();
     };
   }, [metricsWanted, recomputeWindows]);
-  const renderedColumns = (0, import_react28.useMemo)(
+  const renderedColumns = (0, import_react29.useMemo)(
     () => effectiveColumnWindow ? [
       ...visibleColumns.slice(0, frozenRunLength),
       ...visibleColumns.slice(effectiveColumnWindow.start, effectiveColumnWindow.end)
@@ -53782,7 +53946,7 @@ function MatrxDataTableCore(coreProps) {
     [effectiveColumnWindow, visibleColumns, frozenRunLength]
   );
   const columnSpacers = effectiveColumnWindow ? { start: effectiveColumnWindow.padStart, end: effectiveColumnWindow.padEnd } : null;
-  const windowedWidthFor = (0, import_react28.useCallback)(
+  const windowedWidthFor = (0, import_react29.useCallback)(
     (id, declared) => {
       const fitted = fittedWidths?.[id];
       if (fitted !== void 0) return fitted;
@@ -53794,7 +53958,7 @@ function MatrxDataTableCore(coreProps) {
     [effectiveColumnWindow, effectiveColumnWidths, frozenColumns, columnWindowWidth, fittedWidths]
   );
   const coverageUnanswered = readView.failure || read?.status === "loading" && data.length === 0;
-  const coverageResult = (0, import_react28.useMemo)(() => {
+  const coverageResult = (0, import_react29.useMemo)(() => {
     if (!coverage || coverageUnanswered) return null;
     return describeCoverage({
       loaded: coverage.loaded ?? data.length,
@@ -53805,7 +53969,7 @@ function MatrxDataTableCore(coreProps) {
       ...coverage.noun === void 0 ? {} : { noun: coverage.noun }
     });
   }, [coverage, coverageUnanswered, data.length]);
-  const bodyEntries = (0, import_react28.useMemo)(() => {
+  const bodyEntries = (0, import_react29.useMemo)(() => {
     const from = effectiveRowWindow ? effectiveRowWindow.start : 0;
     const to = effectiveRowWindow ? effectiveRowWindow.end : void 0;
     const windowed = groupedRenderRows ? groupedRenderRows.slice(from, to).map(
@@ -53822,28 +53986,28 @@ function MatrxDataTableCore(coreProps) {
       windowed.push({ kind: "spacer", height: effectiveRowWindow.padEnd, place: "end" });
     return windowed;
   }, [groupedRenderRows, collapsedGroups, paginated, effectiveRowWindow]);
-  const getRowIdRef = (0, import_react28.useRef)(getRowId);
+  const getRowIdRef = (0, import_react29.useRef)(getRowId);
   getRowIdRef.current = getRowId;
-  const spreadsheetRowIds = (0, import_react28.useMemo)(
+  const spreadsheetRowIds = (0, import_react29.useMemo)(
     () => paginated.map((row) => getRowIdRef.current(row)),
     [paginated]
   );
-  const spreadsheetColumnIds = (0, import_react28.useMemo)(
+  const spreadsheetColumnIds = (0, import_react29.useMemo)(
     () => visibleColumns.filter((col) => !col.customActions).map((col) => columnId(col)),
     [visibleColumns]
   );
-  const spreadsheetRowById = (0, import_react28.useMemo)(() => {
+  const spreadsheetRowById = (0, import_react29.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of paginated) map.set(getRowIdRef.current(row), row);
     return map;
   }, [paginated]);
-  const spreadsheetColumnById = (0, import_react28.useMemo)(() => {
+  const spreadsheetColumnById = (0, import_react29.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const col of visibleColumns) if (!col.customActions) map.set(columnId(col), col);
     return map;
   }, [visibleColumns]);
   const spreadsheetEnabled = Boolean(spreadsheet && spreadsheet.enabled !== false);
-  const openRowRef = (0, import_react28.useRef)(() => void 0);
+  const openRowRef = (0, import_react29.useRef)(() => void 0);
   const sheet = useSpreadsheetGrid(
     spreadsheetEnabled && spreadsheet ? {
       rowIds: spreadsheetRowIds,
@@ -53885,12 +54049,12 @@ function MatrxDataTableCore(coreProps) {
     } : null
   );
   if (spreadsheet?.controllerRef) spreadsheet.controllerRef.current = spreadsheetEnabled ? sheet.controller : null;
-  const sheetRef = (0, import_react28.useRef)(sheet);
+  const sheetRef = (0, import_react29.useRef)(sheet);
   sheetRef.current = sheet;
-  const onSheetSelectionRef = (0, import_react28.useRef)(spreadsheet?.onSelectionChange);
+  const onSheetSelectionRef = (0, import_react29.useRef)(spreadsheet?.onSelectionChange);
   onSheetSelectionRef.current = spreadsheet?.onSelectionChange;
   const sheetSelectionKey = sheet.range ? `${sheet.range.anchor.rowId}\0${sheet.range.anchor.fieldName}\0${sheet.range.focus.rowId}\0${sheet.range.focus.fieldName}\0${sheet.bounds ? `${sheet.bounds.r0}:${sheet.bounds.r1}:${sheet.bounds.c0}:${sheet.bounds.c1}` : ""}` : "";
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const tell = onSheetSelectionRef.current;
     if (!tell) return;
     const current = sheetRef.current;
@@ -53907,12 +54071,12 @@ function MatrxDataTableCore(coreProps) {
       tsv: current.selectionTsv()
     });
   }, [sheetSelectionKey]);
-  const searchValueRef = (0, import_react28.useRef)(searchValue);
+  const searchValueRef = (0, import_react29.useRef)(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);
   const coreSuggestionsEnabled = facets?.enabled !== false;
-  const [facetState, setFacetState] = (0, import_react28.useState)({});
-  const facetReadCell = (0, import_react28.useCallback)(
+  const [facetState, setFacetState] = (0, import_react29.useState)({});
+  const facetReadCell = (0, import_react29.useCallback)(
     (row, colId) => {
       if (facets?.readCell) return facets.readCell(row, colId);
       const col = visibleColumns.find((candidate) => columnId(candidate) === colId);
@@ -53922,11 +54086,11 @@ function MatrxDataTableCore(coreProps) {
   );
   const coreFacetTotal = remoteQuery?.mode === "controlled" ? remoteQuery.totalItems : appendQuery?.pagination.sourceRecords?.total ?? coverage?.matched ?? coverage?.total;
   const coreFacetLoaded = appendQuery?.pagination.sourceRecords?.loaded;
-  const facetInputsRef = (0, import_react28.useRef)({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
+  const facetInputsRef = (0, import_react29.useRef)({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
   facetInputsRef.current = { data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded };
-  const facetRequestRef = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
-  const requestedFacetColumns = (0, import_react28.useRef)(/* @__PURE__ */ new Set());
-  const requestFacets = (0, import_react28.useCallback)((colId) => {
+  const facetRequestRef = (0, import_react29.useRef)(/* @__PURE__ */ new Map());
+  const requestedFacetColumns = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
+  const requestFacets = (0, import_react29.useCallback)((colId) => {
     requestedFacetColumns.current.add(colId);
     const { data: rows, facets: config, facetReadCell: readCell, coreFacetTotal: total, coreFacetLoaded: loaded } = facetInputsRef.current;
     if (!config || config.enabled === false) {
@@ -54009,7 +54173,7 @@ function MatrxDataTableCore(coreProps) {
       }));
     });
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     setFacetState((current) => Object.keys(current).length === 0 ? current : {});
     for (const [colId, ticket] of facetRequestRef.current) {
       facetRequestRef.current.set(colId, ticket + 1);
@@ -54019,15 +54183,15 @@ function MatrxDataTableCore(coreProps) {
     }
   }, [facetsEnabled, coreSuggestionsEnabled, data, searchValue, coreFacetTotal, coreFacetLoaded, requestFacets]);
   const totalIsKnown = !isLoading && !readView.failure;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!controlledQuery || !totalIsKnown || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage, totalIsKnown]);
-  const selectedRow = (0, import_react28.useMemo)(() => {
+  const selectedRow = (0, import_react29.useMemo)(() => {
     if (!selectedId) return null;
     return data.find((r) => getRowId(r) === selectedId) ?? null;
   }, [data, selectedId, getRowId]);
-  const windowRow = (0, import_react28.useMemo)(() => {
+  const windowRow = (0, import_react29.useMemo)(() => {
     if (!windowRowId) return null;
     return data.find((r) => getRowId(r) === windowRowId) ?? (windowRowSnapshot && windowRowSnapshot.queryKey === appendQueryKey && getRowId(windowRowSnapshot.row) === windowRowId ? windowRowSnapshot.row : null);
   }, [data, windowRowId, windowRowSnapshot, getRowId, appendQueryKey]);
@@ -54054,14 +54218,14 @@ function MatrxDataTableCore(coreProps) {
   const reportCardTotal = embedded ? tableCard?.reportTotal : void 0;
   const cardTotal = appendQuery ? appendQuery.pagination.totalItems : remoteQuery?.mode === "controlled" ? isLoading ? void 0 : remoteQuery.totalItems : isLoading ? void 0 : sourceProcessing ? sourceTotal : data.length;
   const embeddedControlledPage = embedded && remoteQuery?.mode === "controlled" ? remoteQuery.state.page : 1;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (embeddedControlledPage !== 1) emitControlledQueryChange({ page: 1 });
   }, [embeddedControlledPage]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     reportCardTotal?.(cardTotal);
   }, [reportCardTotal, cardTotal]);
-  (0, import_react28.useEffect)(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
-  const [pinnedEl, setPinnedEl] = (0, import_react28.useState)(null);
+  (0, import_react29.useEffect)(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
+  const [pinnedEl, setPinnedEl] = (0, import_react29.useState)(null);
   const pinnedRowActive = Boolean(
     toolbar?.singleRow && toolbar.overflow && toolbar.overflow.mode !== "sheet" && (toolbar.overflow.pinned || toolbar.overflow.mode === "menu")
   );
@@ -54125,7 +54289,7 @@ function MatrxDataTableCore(coreProps) {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       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
@@ -54181,7 +54345,7 @@ function MatrxDataTableCore(coreProps) {
     ...resolveSummaryValue(summary?.source?.totals?.[id], value)
   }));
   const hasSummaryTotals = summaryTotals.length > 0;
-  const changeCount = (0, import_react28.useMemo)(() => {
+  const changeCount = (0, import_react29.useMemo)(() => {
     let n = 0;
     for (const fields of Object.values(edits)) {
       n += Object.keys(fields).length;
@@ -54366,7 +54530,7 @@ function MatrxDataTableCore(coreProps) {
     }));
     return true;
   };
-  const requestCellEditRef = (0, import_react28.useRef)(requestCellEdit);
+  const requestCellEditRef = (0, import_react29.useRef)(requestCellEdit);
   requestCellEditRef.current = requestCellEdit;
   const buildRecordControls = (row) => {
     const rowId = getRowId(row);
@@ -54393,7 +54557,7 @@ function MatrxDataTableCore(coreProps) {
   };
   const hierarchyRows = hierarchy?.rows ?? data;
   const hierarchyGetParentId = hierarchy?.getParentId;
-  const hierarchyIndex = (0, import_react28.useMemo)(() => {
+  const hierarchyIndex = (0, import_react29.useMemo)(() => {
     if (!hierarchyGetParentId) return null;
     const byId = /* @__PURE__ */ new Map();
     const parentById = /* @__PURE__ */ new Map();
@@ -54425,7 +54589,7 @@ function MatrxDataTableCore(coreProps) {
     return { byId, parentById, depthById };
   }, [hierarchyGetParentId, hierarchyRows, getRowId]);
   const draggedRow = draggedRowId && hierarchyIndex ? hierarchyIndex.byId.get(draggedRowId) : void 0;
-  const hierarchyBlockedIds = (0, import_react28.useMemo)(() => {
+  const hierarchyBlockedIds = (0, import_react29.useMemo)(() => {
     if (!draggedRowId || !hierarchyIndex) return null;
     const childrenById = /* @__PURE__ */ new Map();
     for (const [id, parentId] of hierarchyIndex.parentById) {
@@ -54712,16 +54876,16 @@ function MatrxDataTableCore(coreProps) {
       return [];
     }
   };
-  const menuSectionsForRef = (0, import_react28.useRef)(menuSectionsFor);
+  const menuSectionsForRef = (0, import_react29.useRef)(menuSectionsFor);
   menuSectionsForRef.current = menuSectionsFor;
   const hasMenuSections = Boolean(contextMenu?.sections);
-  const boundarySections = (0, import_react28.useCallback)(
+  const boundarySections = (0, import_react29.useCallback)(
     (target) => menuSectionsForRef.current(target),
     []
   );
-  const resolveMenuLevelRef = (0, import_react28.useRef)(resolveMenuLevel);
+  const resolveMenuLevelRef = (0, import_react29.useRef)(resolveMenuLevel);
   resolveMenuLevelRef.current = resolveMenuLevel;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!host.rowContextRegistry) return;
     return host.rowContextRegistry.register(
       tableContextMenuInstanceId,
@@ -54732,7 +54896,7 @@ function MatrxDataTableCore(coreProps) {
   const lastVisibleColumn = visibleColumns[visibleColumns.length - 1];
   const pinnedActionsColumnId = !showActionsCol && lastVisibleColumn?.customActions ? columnId(lastVisibleColumn) : void 0;
   const getSelectionId = selection?.getSelectionId ?? getRowId;
-  const selectedIdSet = (0, import_react28.useMemo)(
+  const selectedIdSet = (0, import_react29.useMemo)(
     () => new Set(selection?.selectedIds ?? []),
     [selection?.selectedIds]
   );
@@ -54744,7 +54908,7 @@ function MatrxDataTableCore(coreProps) {
   );
   const allOnPageSelected = selectableRows.length > 0 && selectedOnPage.length === selectableRows.length;
   const someOnPageSelected = selectedOnPage.length > 0 && !allOnPageSelected;
-  const selectedRows = (0, import_react28.useMemo)(() => {
+  const selectedRows = (0, import_react29.useMemo)(() => {
     const resolved = /* @__PURE__ */ new Set();
     return data.filter((row) => {
       const id = getSelectionId(row);
@@ -54753,7 +54917,7 @@ function MatrxDataTableCore(coreProps) {
       return true;
     });
   }, [data, getSelectionId, selectedIdSet]);
-  const lastToggledIndex = (0, import_react28.useRef)(null);
+  const lastToggledIndex = (0, import_react29.useRef)(null);
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
     if (!selection) return;
@@ -54794,7 +54958,7 @@ function MatrxDataTableCore(coreProps) {
       }
     } : facet
   ) : toolbar?.facets;
-  const rowLatest = (0, import_react28.useRef)(null);
+  const rowLatest = (0, import_react29.useRef)(null);
   const renderRecordCell = (row, col, index, suppliedControls) => {
     const id = getRowId(row);
     const field = col.accessorKey ? String(col.accessorKey) : columnId(col);
@@ -54812,13 +54976,13 @@ function MatrxDataTableCore(coreProps) {
             copy: effectiveCopy,
             row: displayRow,
             sourceId: `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`,
-            ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+            ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
           }
         ) : null,
         effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           MatrxTableRowAlchemyProvider,
           {
-            copy: tableRowCopyProps(effectiveCopy, displayRow, `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`, copy === void 0 ? declaredVisibleCopyColumns : void 0),
+            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
@@ -54857,7 +55021,7 @@ function MatrxDataTableCore(coreProps) {
     }
     return href ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Link, { href, onClick: (event) => event.stopPropagation(), className: "block w-full min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
   };
-  const currentViewSnapshot = (0, import_react28.useMemo)(
+  const currentViewSnapshot = (0, import_react29.useMemo)(
     () => ({
       __kind: "matrx-table-view",
       version: 1,
@@ -54893,7 +55057,7 @@ function MatrxDataTableCore(coreProps) {
     ]
   );
   const declaredDefaultSort = urlState ? urlState.defaultSort ?? null : defaultSort;
-  const declaredDefaultViewSnapshot = (0, import_react28.useMemo)(
+  const declaredDefaultViewSnapshot = (0, import_react29.useMemo)(
     () => defaultViewSnapshot ?? {
       __kind: "matrx-table-view",
       version: 1,
@@ -54911,7 +55075,7 @@ function MatrxDataTableCore(coreProps) {
     },
     [columns, defaultPageSize, declaredDefaultSort, defaultViewSnapshot]
   );
-  const applySavedView = (0, import_react28.useCallback)(
+  const applySavedView = (0, import_react29.useCallback)(
     (rawSnapshot) => {
       const snapshot = parseTableViewSnapshot(rawSnapshot);
       if (!snapshot) {
@@ -54992,15 +55156,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
@@ -55064,7 +55228,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 = (0, import_react29.useRef)(null);
+  rowDrawings.current ??= new RowDrawings();
+  const drawBodyRow = (rowId, row, index, fresh) => rowDrawings.current.draw(rowId, renderRecordRow(row, index), fresh);
   chromeLatest.current = { processed, data, toggleAllOnPage, showMore: progressiveRows.showMore, applySavedView };
   const chromeGeometry = [
     ...Object.entries(effectiveColumnWidths).flat(),
@@ -55506,7 +55675,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),
@@ -55556,7 +55725,7 @@ function MatrxDataTableCore(coreProps) {
       },
       `${id}:expanded-detail`
     ) : null;
-    return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react28.Fragment, { children: [
+    return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react29.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         HierarchyDroppableRow,
         {
@@ -55566,7 +55735,7 @@ function MatrxDataTableCore(coreProps) {
         }
       ),
       inlineDetail
-    ] }, id) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react28.Fragment, { children: [
+    ] }, id) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react29.Fragment, { children: [
       wrappedRow,
       inlineDetail
     ] }, id);
@@ -56142,11 +56311,11 @@ 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),
-                                      visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react28.Fragment, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
+                                      visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react29.Fragment, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
                                     ]
                                   }
                                 ) : null,
@@ -56583,8 +56752,9 @@ function MatrxDataTableCore(coreProps) {
                                           row,
                                           index,
                                           epoch: rowEpoch,
+                                          probe: rowProbe,
                                           facts: rowFactsFor(row, id, index),
-                                          render: renderRecordRow
+                                          draw: drawBodyRow
                                         },
                                         id
                                       );
@@ -57035,7 +57205,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),
@@ -57123,7 +57293,7 @@ function MatrxDataTableCore(coreProps) {
                             copy: effectiveCopy,
                             sourceId: `${tableCopySourceNamespace}:row:${getRowId(windowRow)}`,
                             row: windowRow,
-                            ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
+                            ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
                           }
                         ) : null
                       ] }),
@@ -57286,7 +57456,7 @@ function HierarchyDragIndicatorLayer({
   scrollRef,
   resolve: resolve2
 }) {
-  const [indicator, setIndicator] = (0, import_react28.useState)(
+  const [indicator, setIndicator] = (0, import_react29.useState)(
     null
   );
   (0, import_core3.useDndMonitor)({
@@ -57390,9 +57560,9 @@ function HierarchyDroppableRow({
   children
 }) {
   const { setNodeRef } = (0, import_core3.useDroppable)({ id, disabled });
-  if (!(0, import_react28.isValidElement)(children) || children.type !== "tr") return children;
+  if (!(0, import_react29.isValidElement)(children) || children.type !== "tr") return children;
   const row = children;
-  return (0, import_react28.cloneElement)(row, {
+  return (0, import_react29.cloneElement)(row, {
     ref: setNodeRef,
     className: row.props.className
   });
@@ -57486,7 +57656,7 @@ function columnWidthVar(width, resizedWidth, id, resizable) {
   };
 }
 function DefaultJsonCell({ value }) {
-  const [open, setOpen] = (0, import_react28.useState)(false);
+  const [open, setOpen] = (0, import_react29.useState)(false);
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
   const text = JSON.stringify(value, null, 2);
@@ -57566,7 +57736,7 @@ function resolveStringTitle(title, fallback) {
 }
 
 // src/data-table/MatrxTableCard.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function nounText(noun) {
   return `${noun.count.toLocaleString()} ${noun.count === 1 ? noun.singular : noun.plural}`;
@@ -57590,10 +57760,10 @@ function MatrxTableCard({
   className
 }) {
   const { Link } = useMatrxDataTableHost();
-  const [toolbarSlot, setToolbarSlot] = (0, import_react29.useState)(null);
-  const [footerSlot, setFooterSlot] = (0, import_react29.useState)(null);
-  const [reportedTotal, setReportedTotal] = (0, import_react29.useState)(void 0);
-  const context = (0, import_react29.useMemo)(
+  const [toolbarSlot, setToolbarSlot] = (0, import_react30.useState)(null);
+  const [footerSlot, setFooterSlot] = (0, import_react30.useState)(null);
+  const [reportedTotal, setReportedTotal] = (0, import_react30.useState)(void 0);
+  const context = (0, import_react30.useMemo)(
     () => ({ appearance: "embedded", toolbarSlot, footerSlot, initialRows, reportTotal: setReportedTotal }),
     [toolbarSlot, footerSlot, initialRows]
   );
@@ -57706,7 +57876,7 @@ function MatrxTableCardEmpty({ message, action, children }) {
 }
 
 // src/data-table/SavedViewsControl.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function SavedViewsControl({
   views,
@@ -57723,14 +57893,14 @@ function SavedViewsControl({
   onRemove,
   related
 }) {
-  const unsavedChangesId = (0, import_react30.useId)();
-  const [saveOpen, setSaveOpen] = (0, import_react30.useState)(false);
-  const [name, setName] = (0, import_react30.useState)("");
-  const [saving, setSaving] = (0, import_react30.useState)(false);
-  const [removing, setRemoving] = (0, import_react30.useState)(false);
-  const [actionError, setActionError] = (0, import_react30.useState)(null);
-  const [pendingSelect, setPendingSelect] = (0, import_react30.useState)(void 0);
-  const [pendingRemove, setPendingRemove] = (0, import_react30.useState)(null);
+  const unsavedChangesId = (0, import_react31.useId)();
+  const [saveOpen, setSaveOpen] = (0, import_react31.useState)(false);
+  const [name, setName] = (0, import_react31.useState)("");
+  const [saving, setSaving] = (0, import_react31.useState)(false);
+  const [removing, setRemoving] = (0, import_react31.useState)(false);
+  const [actionError, setActionError] = (0, import_react31.useState)(null);
+  const [pendingSelect, setPendingSelect] = (0, import_react31.useState)(void 0);
+  const [pendingRemove, setPendingRemove] = (0, import_react31.useState)(null);
   const visibleError = actionError ?? error;
   const select = (id) => {
     if (id === activeId) return;
@@ -57948,7 +58118,7 @@ function downloadTableAsXlsx({
 }
 
 // src/data-table/drill-url-state.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_url_state4 = require("@ai-matrx/kit/url-state");
 function useDrillUrlState({
   fallback,
@@ -57956,19 +58126,19 @@ function useDrillUrlState({
 }) {
   const params = (0, import_url_state4.useUrlSearchParams)();
   const fallbackKey = JSON.stringify(fallback);
-  const question = (0, import_react31.useMemo)(
+  const question = (0, import_react32.useMemo)(
     () => drillQuestionFromParams(params, JSON.parse(fallbackKey), prefix),
     [params, fallbackKey, prefix]
   );
   const fromAddress = addressHasDrill(params, prefix);
-  const setQuestion = (0, import_react31.useCallback)(
+  const setQuestion = (0, import_react32.useCallback)(
     (next) => {
       const current = new URLSearchParams(window.location.search);
       (0, import_url_state4.commitUrlParams)(drillQuestionToParams(next, current, prefix), "push");
     },
     [prefix]
   );
-  const clearAddress = (0, import_react31.useCallback)(() => {
+  const clearAddress = (0, import_react32.useCallback)(() => {
     const current = new URLSearchParams(window.location.search);
     const patch = drillQuestionToParams({ by: [], across: null, show: [], where: [] }, current, prefix);
     (0, import_url_state4.commitUrlParams)(patch, "replace");