@ai-matrx/design-system 0.86.361 → 0.86.363

package/dist/data-table/index.cjs

@@ -1118,14 +1118,18 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
+var DropdownMenuSubContent = React6.forwardRef(({ container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OpenDropdownMenuSubContent, { ref, ...props }) });
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var OpenDropdownMenuSubContent = React6.forwardRef(({ className, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const [bottomClearance] = React6.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
   const edges = useMenuScrollEdges(keep.ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     DropdownMenuPrimitive.SubContent,
     {
       ref: edges.ref,
@@ -1139,9 +1143,9 @@ var DropdownMenuSubContent = React6.forwardRef(({ className, container, surface
       ...props,
       children: nested.wrap(edges.wrap(children))
     }
-  ) });
+  );
 });
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+OpenDropdownMenuSubContent.displayName = "OpenDropdownMenuSubContent";
 function menuCollisionPadding(caller, top, bottom, fallback = 0) {
   const side = (key) => typeof caller === "number" ? caller : caller?.[key] ?? fallback;
   return { top: Math.max(side("top"), top), right: side("right"), bottom: Math.max(side("bottom"), bottom), left: side("left") };
@@ -1170,12 +1174,16 @@ function measureClearance(height) {
   probe2.remove();
   return Number.isFinite(px2) ? Math.ceil(px2) : 0;
 }
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
+var DropdownMenuContent = React6.forwardRef(({ container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OpenDropdownMenuContent, { ref, ...props }) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var OpenDropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   const [topClearance] = React6.useState(sharedTopClearance);
   const [bottomClearance] = React6.useState(sharedBottomClearance);
   const edges = useMenuScrollEdges(ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     DropdownMenuPrimitive.Content,
     {
       ref: edges.ref,
@@ -1195,9 +1203,9 @@ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, contai
       onCloseAutoFocus: keepMovedFocus(onCloseAutoFocus),
       children: edges.wrap(children)
     }
-  ) });
+  );
 });
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+OpenDropdownMenuContent.displayName = "OpenDropdownMenuContent";
 var DropdownMenuItem = React6.forwardRef(({ className, inset, tone, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   DropdownMenuPrimitive.Item,
   {
@@ -3832,7 +3840,7 @@ function DragCursorMonitor({
 }
 
 // src/data-table/MatrxDataTable.tsx
-var import_react45 = require("react");
+var import_react47 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_text_case2 = require("@ai-matrx/kit/text-case");
 
@@ -20358,8 +20366,85 @@ var MAC_ROW_HEIGHT_BY_DENSITY = {
   spacious: MAC_TABLE_SIZE.rowLarge
 };
 
-// src/data-table/MatrxDataTable.tsx
+// src/data-table/MultilineRowMarker.tsx
+var import_react46 = require("react");
+
+// src/data-table/multiline-rows.ts
+var import_react45 = require("react");
+var MULTI = "multi";
+function cellTextIsMultiline(cell) {
+  const lineHeight = Number.parseFloat(getComputedStyle(cell).lineHeight);
+  const minStep = Number.isFinite(lineHeight) ? lineHeight * 0.75 : 10;
+  const walker = cell.ownerDocument.createTreeWalker(cell, NodeFilter.SHOW_TEXT);
+  const range = cell.ownerDocument.createRange();
+  if (typeof range.getClientRects !== "function") return false;
+  let firstTop = null;
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    if (!node.textContent?.trim()) continue;
+    range.selectNodeContents(node);
+    for (const rect of Array.from(range.getClientRects())) {
+      if (rect.width === 0 || rect.height === 0) continue;
+      if (firstTop === null) firstTop = rect.top;
+      else if (Math.abs(rect.top - firstTop) >= minStep) return true;
+    }
+  }
+  return false;
+}
+function markRows(root) {
+  for (const row of Array.from(root.querySelectorAll("tbody > tr[data-row-id]"))) {
+    let multi = false;
+    for (const cell of Array.from(row.querySelectorAll("[data-matrx-cell-content]"))) {
+      if (cellTextIsMultiline(cell)) {
+        multi = true;
+        break;
+      }
+    }
+    if (multi) {
+      if (row.getAttribute("data-matrx-row-lines") !== MULTI) row.setAttribute("data-matrx-row-lines", MULTI);
+    } else if (row.hasAttribute("data-matrx-row-lines")) {
+      row.removeAttribute("data-matrx-row-lines");
+    }
+  }
+}
+function useMultilineRowMarker(anchorRef) {
+  (0, import_react45.useEffect)(() => {
+    const root = anchorRef.current?.closest("[data-matrx-table]");
+    if (!root || typeof ResizeObserver === "undefined" || typeof MutationObserver === "undefined") return;
+    let pending = false;
+    const run = () => {
+      pending = false;
+      if (root.isConnected) markRows(root);
+    };
+    const schedule = () => {
+      if (pending) return;
+      pending = true;
+      setTimeout(run, 0);
+    };
+    schedule();
+    const mutations = new MutationObserver(schedule);
+    mutations.observe(root, { childList: true, subtree: true, characterData: true });
+    const sizes = new ResizeObserver(schedule);
+    sizes.observe(root);
+    document.addEventListener("visibilitychange", schedule);
+    return () => {
+      pending = true;
+      mutations.disconnect();
+      sizes.disconnect();
+      document.removeEventListener("visibilitychange", schedule);
+    };
+  }, [anchorRef]);
+}
+
+// src/data-table/MultilineRowMarker.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
+function MultilineRowMarker() {
+  const anchorRef = (0, import_react46.useRef)(null);
+  useMultilineRowMarker(anchorRef);
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { ref: anchorRef, hidden: true, "aria-hidden": true, "data-matrx-multiline-row-marker": "" });
+}
+
+// src/data-table/MatrxDataTable.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var EMPTY_TABLE_ROWS = [];
 function TableToolbarAction({
   HostAction,
@@ -20372,7 +20457,7 @@ function TableToolbarAction({
 }) {
   const listed = useToolbarListed();
   if (listed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       Button,
       {
         type: "button",
@@ -20385,17 +20470,17 @@ function TableToolbarAction({
         disabled,
         onClick,
         children: [
-          (0, import_react45.isValidElement)(children) ? (0, import_react45.cloneElement)(children, { className: cn("h-4 w-4", children.props.className) }) : children,
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: ariaLabel })
+          (0, import_react47.isValidElement)(children) ? (0, import_react47.cloneElement)(children, { className: cn("h-4 w-4", children.props.className) }) : children,
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: ariaLabel })
         ]
       }
     ) });
   }
   if (HostAction) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Button2,
       {
         variant: "quiet",
@@ -20407,7 +20492,7 @@ function TableToolbarAction({
         icon: children
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: tooltip ?? ariaLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: tooltip ?? ariaLabel })
   ] });
 }
 function customActionsHeaderNeed(header) {
@@ -20432,7 +20517,7 @@ function TableRowCopyControl({
   sourceId,
   defaultColumns
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DeferredCopyButtons, { size, ...tableRowCopyProps(copy, row, sourceId, defaultColumns) });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeferredCopyButtons, { size, ...tableRowCopyProps(copy, row, sourceId, defaultColumns) });
 }
 function tableRowCopyProps(copy, row, sourceId, defaultColumns) {
   const aiVariants = copy.rowAiVariants?.(row);
@@ -20479,10 +20564,10 @@ function freeUrlTableId(base) {
   }
 }
 function useDefaultUrlTableId(base, auto) {
-  const [claimed, setClaimed] = (0, import_react45.useState)(null);
+  const [claimed, setClaimed] = (0, import_react47.useState)(null);
   const held = claimed && claimed.base === base ? claimed.id : null;
   const candidate = !auto || !base ? base : held ?? freeUrlTableId(base);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!auto || !base || !candidate) return;
     const id = urlTableIdHeld(candidate) ? freeUrlTableId(base) : candidate;
     if (id !== base) {
@@ -20496,7 +20581,7 @@ function useDefaultUrlTableId(base, auto) {
   }, [base, auto]);
   return candidate;
 }
-var InsideMatrxDataTableContext = (0, import_react45.createContext)(false);
+var InsideMatrxDataTableContext = (0, import_react47.createContext)(false);
 function gridCardsAcross(el) {
   return Math.max(1, Math.floor(((el?.clientWidth ?? 0) - 8 + 12) / (160 + 12)));
 }
@@ -20573,7 +20658,7 @@ function clearHeadersUnderScrollControls(el, hints) {
   }
 }
 function MatrxDataTable(suppliedProps) {
-  const nestedInTable = (0, import_react45.useContext)(InsideMatrxDataTableContext);
+  const nestedInTable = (0, import_react47.useContext)(InsideMatrxDataTableContext);
   const card = useMatrxTableCard();
   const lookHost = useMatrxDataTableHost();
   const lookedProps = suppliedProps.look === void 0 && lookHost.defaultLook !== void 0 ? { ...suppliedProps, look: lookHost.defaultLook } : suppliedProps;
@@ -20618,7 +20703,7 @@ function MatrxDataTable(suppliedProps) {
   const sourceRows = props.query?.mode === "controlled-append" ? props.query.pagination.rows : props.data;
   const availableRows = sourceRows ?? EMPTY_TABLE_ROWS;
   const selectionTableId = props.tableId ?? (props.urlState || void 0)?.id;
-  const [defaultSelectionState, setDefaultSelectionState] = (0, import_react45.useState)({
+  const [defaultSelectionState, setDefaultSelectionState] = (0, import_react47.useState)({
     tableId: selectionTableId,
     selectedIds: []
   });
@@ -20642,7 +20727,7 @@ function MatrxDataTable(suppliedProps) {
     resolvedUrlState?.auto ? resolvedUrlState.config.id : null,
     Boolean(resolvedUrlState?.auto)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MacLookContext.Provider, { value: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MacLookLayer, { density: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InsideMatrxDataTableContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableCardContext.Provider, { value: null, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableCardOwnerContext.Provider, { value: card, children: resolvedUrlState ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MacLookContext.Provider, { value: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MacLookLayer, { density: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(InsideMatrxDataTableContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableCardContext.Provider, { value: null, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableCardOwnerContext.Provider, { value: card, children: resolvedUrlState ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     MatrxDataTableWithUrlState,
     {
       ...presentedProps,
@@ -20650,7 +20735,7 @@ function MatrxDataTable(suppliedProps) {
       autoUrlState: resolvedUrlState.auto
     },
     resolvedUrlState.auto ? defaultUrlId ?? resolvedUrlState.config.id : resolvedUrlState.config.id
-  ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxDataTableCore, { ...presentedProps, urlState: false }) }) }) }) }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxDataTableCore, { ...presentedProps, urlState: false }) }) }) }) }) });
 }
 var NO_CUSTOM_FIELD_COLUMNS = [];
 function noCustomFieldColumns() {
@@ -20668,7 +20753,7 @@ function useHostCustomFieldColumns(token, rows) {
   const host = useMatrxDataTableHost();
   const useColumns = host.useCustomFieldColumns ?? noCustomFieldColumns;
   const orgKey = token ? rowOrganizationIds(rows).join(",") : "";
-  const organizationIds = (0, import_react45.useMemo)(() => orgKey ? orgKey.split(",") : [], [orgKey]);
+  const organizationIds = (0, import_react47.useMemo)(() => orgKey ? orgKey.split(",") : [], [orgKey]);
   const answer = useColumns(token, organizationIds);
   return answer?.columns ?? NO_CUSTOM_FIELD_COLUMNS;
 }
@@ -20706,7 +20791,7 @@ function listPresentationProps(props) {
     ...props.focusRowId === void 0 && props.activeRowId ? { focusRowId: props.activeRowId } : {},
     mobileCardsBreakpoint: "always",
     cardsLayout: "list",
-    mobileCards: props.mobileCards ?? ((row, _index, controls) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    mobileCards: props.mobileCards ?? ((row, _index, controls) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       TableListItem,
       {
         title: titleOf(row),
@@ -20744,8 +20829,8 @@ function MatrxDataTableWithUrlState({
   const seedSearch = props.initialSearch ?? "";
   const seedFilters = props.initialColumnFilters;
   const hasSeedFilters = Boolean(seedFilters && Object.keys(seedFilters).length > 0);
-  const [seeded, setSeeded] = (0, import_react45.useState)(!seedSearch && !hasSeedFilters);
-  (0, import_react45.useEffect)(() => {
+  const [seeded, setSeeded] = (0, import_react47.useState)(!seedSearch && !hasSeedFilters);
+  (0, import_react47.useEffect)(() => {
     if (seeded) return;
     const params = new URLSearchParams(window.location.search);
     const patch = {};
@@ -20758,7 +20843,7 @@ function MatrxDataTableWithUrlState({
     if (Object.keys(patch).length > 0) (0, import_url_state5.commitUrlParams)(patch, "replace");
     setSeeded(true);
   }, []);
-  const seededState = (0, import_react45.useMemo)(
+  const seededState = (0, import_react47.useMemo)(
     () => seeded ? table.state : {
       ...table.state,
       search: table.state.search || seedSearch,
@@ -20766,7 +20851,7 @@ function MatrxDataTableWithUrlState({
     },
     [seeded, table.state, seedSearch, seedFilters, hasSeedFilters]
   );
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const id = urlState.id;
     if (!autoUrlState) {
       if (urlTableIdHeld(id)) {
@@ -20817,8 +20902,8 @@ function MatrxDataTableWithUrlState({
     }
   } : props.selection;
   const viewSearch = (0, import_url_state5.useUrlSearchParams)().toString();
-  const carryView = (0, import_react45.useCallback)((href) => carryTableViewParams(href, viewSearch, urlState.id), [viewSearch, urlState.id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableViewHrefContext.Provider, { value: carryView, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const carryView = (0, import_react47.useCallback)((href) => carryTableViewParams(href, viewSearch, urlState.id), [viewSearch, urlState.id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableViewHrefContext.Provider, { value: carryView, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     MatrxDataTableCore,
     {
       ...props,
@@ -20882,7 +20967,7 @@ function opensRowHref(event) {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.button === 1;
 }
 function TableContextPassthrough({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children });
 }
 function sameWindow(a, b) {
   if (a === null || b === null) return a === b;
@@ -20898,7 +20983,7 @@ var DND_MEASURING = { droppable: { strategy: import_core4.MeasuringStrategy.Alwa
 var NO_LAYERED_FILTERS = [];
 var NO_GROUPING_VALUE = "__matrx_no_grouping__";
 function useRenderEpoch(values) {
-  const held = (0, import_react45.useRef)(null);
+  const held = (0, import_react47.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;
@@ -20940,15 +21025,15 @@ function versionFacts(version) {
 function sameBodyRow(a, b) {
   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_react45.memo)(function MatrxTableBodyRow2(props) {
+var MatrxTableBodyRow = (0, import_react47.memo)(function MatrxTableBodyRow2(props) {
   const { rowId, row, index, draw } = props;
-  const last = (0, import_react45.useRef)(null);
+  const last = (0, import_react47.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_react45.memo)(function MatrxTableChrome2({ render }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: render() });
+var MatrxTableChrome = (0, import_react47.memo)(function MatrxTableChrome2({ render }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: render() });
 }, (a, b) => a.part === b.part && a.epoch === b.epoch);
 function columnsSignature(columns) {
   const out = [];
@@ -21067,10 +21152,10 @@ function MatrxDataTableCore(coreProps) {
     appearance = "standalone"
   } = coreProps;
   const macPortalAttrs = useMacLookAttributes();
-  const wearMacLook = (node) => macPortalAttrs["data-matrx-table-look"] ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "contents", ...macPortalAttrs, children: node }) : node;
+  const wearMacLook = (node) => macPortalAttrs["data-matrx-table-look"] ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "contents", ...macPortalAttrs, children: node }) : node;
   const urlState = suppliedUrlState || void 0;
   const drill = isAnsweredDrillConfig(suppliedDrill) ? suppliedDrill : void 0;
-  const labelForField = (0, import_react45.useCallback)(
+  const labelForField = (0, import_react47.useCallback)(
     (key) => {
       const column = suppliedColumns.find((c) => c.accessorKey === key || c.id === key);
       if (!column) return void 0;
@@ -21078,7 +21163,7 @@ function MatrxDataTableCore(coreProps) {
     },
     [suppliedColumns]
   );
-  const columns = (0, import_react45.useMemo)(() => suppliedColumns.filter((column) => !("customActions" in column) || column.customActions !== void 0).map((column) => {
+  const columns = (0, import_react47.useMemo)(() => suppliedColumns.filter((column) => !("customActions" in column) || column.customActions !== void 0).map((column) => {
     if (!column.customActions) return column;
     const {
       accessorKey: _key,
@@ -21101,13 +21186,13 @@ function MatrxDataTableCore(coreProps) {
   }), [suppliedColumns]);
   const compact = appearance === "compact";
   const embedded = appearance === "embedded" || compact;
-  const [compactToolbarSlot, setCompactToolbarSlot] = (0, import_react45.useState)(null);
+  const [compactToolbarSlot, setCompactToolbarSlot] = (0, import_react47.useState)(null);
   const zebra = suppliedZebra ?? !embedded;
-  const tableCard = (0, import_react45.useContext)(TableCardOwnerContext);
+  const tableCard = (0, import_react47.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_react45.useRef)(appendQueryKey);
+  const committedAppendQueryKey = (0, import_react47.useRef)(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
   const data = (appendQuery ? appendQuery.pagination.rows : suppliedData) ?? EMPTY_TABLE_ROWS;
   const appendFirstPagePending = appendQuery !== null && data.length === 0 && appendQuery.pagination.hasNextPage && !appendQuery.pagination.error;
@@ -21116,14 +21201,14 @@ function MatrxDataTableCore(coreProps) {
   const frameHeight = isLoading && loadingRows === "fill" ? "fill" : askedFrameHeight;
   const skeletonRowCount = loadingRows === "fill" ? 40 : Math.max(1, Math.min(100, Math.round(loadingRows ?? (defaultPageSize > 0 ? defaultPageSize : 6))));
   const isFetching = appendQuery ? appendQuery.pagination.isFetchingNextPage : suppliedFetching;
-  const everLoadingRef = (0, import_react45.useRef)(false);
+  const everLoadingRef = (0, import_react47.useRef)(false);
   if (isLoading) everLoadingRef.current = true;
   const everLoading = everLoadingRef.current;
   const host = useMatrxDataTableHost();
-  const carryTableView = (0, import_react45.useContext)(TableViewHrefContext);
+  const carryTableView = (0, import_react47.useContext)(TableViewHrefContext);
   const ReadFailureView = host.ReadFailure ?? DefaultTableReadFailure;
   const StaleNoticeView = host.StaleNotice ?? DefaultTableStaleNotice;
-  const readFailure = readView.failure ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ReadFailureView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null;
+  const readFailure = readView.failure ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ReadFailureView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null;
   const ContextMenuBoundary = host.ContextMenuBoundary ?? TableContextPassthrough;
   const resolvedDensity = density ?? host.defaultDensity ?? "normal";
   const explicitRowHeight = askedRowHeight ?? (look === "mac" ? MAC_ROW_HEIGHT_BY_DENSITY[resolvedDensity] : void 0);
@@ -21133,17 +21218,17 @@ function MatrxDataTableCore(coreProps) {
   const Link = host.Link ?? DefaultTableLink;
   const SidePanelSurface = host.SidePanelSurface ?? DefaultTableSidePanel;
   const { notify: toast, notice } = useTableNotice();
-  const [savedViewError, setSavedViewError] = (0, import_react45.useState)(null);
-  const [toolbarActionError, setToolbarActionError] = (0, import_react45.useState)(null);
-  const [toolbarActionPending, setToolbarActionPending] = (0, import_react45.useState)({ refresh: false, add: false });
-  const toolbarActionPendingRef = (0, import_react45.useRef)({ refresh: false, add: false });
+  const [savedViewError, setSavedViewError] = (0, import_react47.useState)(null);
+  const [toolbarActionError, setToolbarActionError] = (0, import_react47.useState)(null);
+  const [toolbarActionPending, setToolbarActionPending] = (0, import_react47.useState)({ refresh: false, add: false });
+  const toolbarActionPendingRef = (0, import_react47.useRef)({ refresh: false, add: false });
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "always" ? "" : mobileCardsBreakpoint === "lg" ? "lg:hidden" : mobileCardsBreakpoint === "md" ? "md:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "always" ? "hidden" : mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : mobileCardsBreakpoint === "md" ? "max-md:hidden" : "max-sm:hidden";
   const cardsQuery = mobileCardsBreakpoint === "always" ? "all" : mobileCardsBreakpoint === "lg" ? "(max-width: 1023px)" : mobileCardsBreakpoint === "md" ? "(max-width: 767px)" : "(max-width: 639px)";
-  const [cardsActive, setCardsActive] = (0, import_react45.useState)(null);
-  const [touchSelection, setTouchSelection] = (0, import_react45.useState)(false);
-  (0, import_react45.useLayoutEffect)(() => {
+  const [cardsActive, setCardsActive] = (0, import_react47.useState)(null);
+  const [touchSelection, setTouchSelection] = (0, import_react47.useState)(false);
+  (0, import_react47.useLayoutEffect)(() => {
     if (typeof window === "undefined" || !window.matchMedia) return;
     const media = window.matchMedia("(pointer: coarse), (max-width: 639px)");
     const read2 = () => setTouchSelection(media.matches);
@@ -21152,7 +21237,7 @@ function MatrxDataTableCore(coreProps) {
     return () => media.removeEventListener?.("change", read2);
   }, []);
   const canonicalSelectionWidth = touchSelection ? 44 : SELECTION_COLUMN_PX;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(cardsQuery);
     const read2 = () => setCardsActive(mql.matches);
@@ -21163,7 +21248,7 @@ function MatrxDataTableCore(coreProps) {
   const inactiveProps = (active) => cardsActive === null || active ? {} : { inert: true, "aria-hidden": true };
   const controlledQuery = query?.mode === "controlled" || query?.mode === "controlled-local" || query?.mode === "controlled-append" ? query : null;
   const remoteQuery = query?.mode === "controlled" || query?.mode === "controlled-append" ? query : null;
-  const [mountedControlledState] = (0, import_react45.useState)(() => controlledQuery?.state ?? null);
+  const [mountedControlledState] = (0, import_react47.useState)(() => controlledQuery?.state ?? null);
   const sourceProcessing = query?.mode === "controlled" || query?.mode === "controlled-local" ? query.sourceProcessing : appendQuery?.sourceProcessing;
   const appendUsesLocalProcessing = appendQuery !== null && sourceProcessing !== void 0;
   const appendDefaultsToSourceProcessing = appendQuery !== null && sourceProcessing === void 0;
@@ -21174,7 +21259,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_react45.useCallback)(
+  const emitControlledQueryChange = (0, import_react47.useCallback)(
     (patch, options) => {
       if (!controlledQuery) return;
       controlledQuery.onStateChange(
@@ -21183,8 +21268,8 @@ function MatrxDataTableCore(coreProps) {
     },
     [controlledQuery]
   );
-  const [internalSearch, setInternalSearch] = (0, import_react45.useState)(initialSearch ?? "");
-  const [draggedRowId, setDraggedRowId] = (0, import_react45.useState)(null);
+  const [internalSearch, setInternalSearch] = (0, import_react47.useState)(initialSearch ?? "");
+  const [draggedRowId, setDraggedRowId] = (0, import_react47.useState)(null);
   const hierarchySensors = (0, import_core4.useSensors)((0, import_core4.useSensor)(import_core4.PointerSensor, POINTER_SENSOR_OPTIONS));
   const toolbarSearchControlled = toolbar?.searchValue !== void 0;
   const searchValue = controlledQuery ? controlledQuery.state.search : toolbarSearchControlled ? toolbar?.searchValue ?? "" : internalSearch;
@@ -21196,7 +21281,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.onSearchChange?.(v);
   };
-  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react45.useState)(
+  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react47.useState)(
     toolbar?.searchMatch?.defaultMode ?? "contains"
   );
   const searchMatchMode = controlledQuery ? controlledQuery.state.searchMatchMode ?? toolbar?.searchMatch?.defaultMode ?? "contains" : internalSearchMatchMode;
@@ -21207,7 +21292,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchMatchMode(mode);
   };
-  const [internalSearchScope, setInternalSearchScope] = (0, import_react45.useState)("all");
+  const [internalSearchScope, setInternalSearchScope] = (0, import_react47.useState)("all");
   const searchScope = controlledQuery ? controlledQuery.state.searchScope ?? "all" : internalSearchScope;
   const setSearchScope = (scope) => {
     if (controlledQuery) {
@@ -21216,7 +21301,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchScope(scope);
   };
-  const [internalAnyOf, setInternalAnyOf] = (0, import_react45.useState)("");
+  const [internalAnyOf, setInternalAnyOf] = (0, import_react47.useState)("");
   const toolbarAnyOfControlled = toolbar?.anyOf?.value !== void 0;
   const anyOfValue = controlledQuery ? controlledQuery.state.anyOf : toolbarAnyOfControlled ? toolbar?.anyOf?.value ?? "" : internalAnyOf;
   const setAnyOfValue = (v) => {
@@ -21227,7 +21312,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.anyOf?.onChange?.(v);
   };
-  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react45.useState)([]);
+  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react47.useState)([]);
   const layeredFilters = controlledQuery ? controlledQuery.state.layeredFilters ?? NO_LAYERED_FILTERS : internalLayeredFilters;
   const setLayeredFilters = (next) => {
     if (controlledQuery) {
@@ -21236,9 +21321,9 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalLayeredFilters(next);
   };
-  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react45.useState)(initialColumnFilters ?? {});
+  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react47.useState)(initialColumnFilters ?? {});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
-  const localColumnFilters = (0, import_react45.useMemo)(() => {
+  const localColumnFilters = (0, import_react47.useMemo)(() => {
     if (appendDefaultsToSourceProcessing) return {};
     if (sourceColumnFilterOwnership === "source") return {};
     if (sourceColumnFilterOwnership === void 0 || sourceColumnFilterOwnership === "local") {
@@ -21260,7 +21345,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalColumnFilters(nextFilters);
   };
-  const [internalSort, setInternalSort] = (0, import_react45.useState)(defaultSort);
+  const [internalSort, setInternalSort] = (0, import_react47.useState)(defaultSort);
   const sort = controlledQuery ? controlledQuery.state.sort : internalSort;
   const setSort = (next) => {
     if (controlledQuery) {
@@ -21269,7 +21354,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSort(next);
   };
-  const [internalPage, setInternalPage] = (0, import_react45.useState)(1);
+  const [internalPage, setInternalPage] = (0, import_react47.useState)(1);
   const page = controlledQuery ? controlledQuery.state.page : internalPage;
   const setPage = (next) => {
     if (controlledQuery) {
@@ -21278,7 +21363,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPage(next);
   };
-  const [internalPageSize, setInternalPageSize] = (0, import_react45.useState)(
+  const [internalPageSize, setInternalPageSize] = (0, import_react47.useState)(
     defaultPageSize
   );
   const pageSize = controlledQuery ? controlledQuery.state.pageSize : internalPageSize;
@@ -21289,29 +21374,29 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPageSize(next);
   };
-  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react45.useState)(null);
+  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react47.useState)(null);
   const rawSelectedId = controlledSelectedId !== void 0 ? controlledSelectedId : uncontrolledSelectedId;
   const selectedId = appendSourceChanged ? null : rawSelectedId;
-  const [openRequest, setOpenRequest] = (0, import_react45.useState)(0);
+  const [openRequest, setOpenRequest] = (0, import_react47.useState)(0);
   const setSelectedId = (id) => {
     if (controlledSelectedId === void 0) setUncontrolledSelectedId(id);
     onSelectedIdChange?.(id);
   };
-  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react45.useState)(null);
+  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react47.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_react45.useState)(null);
+  const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react47.useState)(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
-  const [editsByScope, setEditsByScope] = (0, import_react45.useState)({});
-  const editRevisionRef = (0, import_react45.useRef)({});
-  const [savingByScope, setSavingByScope] = (0, import_react45.useState)({});
-  const savingScopesRef = (0, import_react45.useRef)(/* @__PURE__ */ new Set());
-  const [editRequest, setEditRequest] = (0, import_react45.useState)(null);
-  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react45.useState)(false);
+  const [editsByScope, setEditsByScope] = (0, import_react47.useState)({});
+  const editRevisionRef = (0, import_react47.useRef)({});
+  const [savingByScope, setSavingByScope] = (0, import_react47.useState)({});
+  const savingScopesRef = (0, import_react47.useRef)(/* @__PURE__ */ new Set());
+  const [editRequest, setEditRequest] = (0, import_react47.useState)(null);
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react47.useState)(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
@@ -21381,10 +21466,10 @@ function MatrxDataTableCore(coreProps) {
     selectionConfig?.scopeKey === void 0 ? "receipt" : "membership",
     selectionConfig?.scopeKey ?? appendQueryKey
   ]);
-  const committedSelectionSourceKey = (0, import_react45.useRef)(selectionSourceKey);
+  const committedSelectionSourceKey = (0, import_react47.useRef)(selectionSourceKey);
   const selectionSourceChanged = selectionSourceKey !== null && committedSelectionSourceKey.current !== null && committedSelectionSourceKey.current !== selectionSourceKey;
   const selection = selectionSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -21401,22 +21486,22 @@ function MatrxDataTableCore(coreProps) {
     onWindowRowIdChange
   ]);
   const onSelectionSourceChange = selectionConfig?.onSelectedIdsChange;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const previous = committedSelectionSourceKey.current;
     committedSelectionSourceKey.current = selectionSourceKey;
     if (previous !== null && selectionSourceKey !== null && previous !== selectionSourceKey) {
       onSelectionSourceChange?.([]);
     }
   }, [selectionSourceKey, onSelectionSourceChange]);
-  const scrollRef = (0, import_react45.useRef)(null);
-  const tableRef = (0, import_react45.useRef)(null);
-  const tableHeaderRef = (0, import_react45.useRef)(null);
-  const cardsScrollRef = (0, import_react45.useRef)(null);
-  const scrollContainers = (0, import_react45.useMemo)(() => [scrollRef, cardsScrollRef], []);
-  const [documentStickyHeader, setDocumentStickyHeader] = (0, import_react45.useState)(false);
-  const documentStickyHeaderRef = (0, import_react45.useRef)(false);
-  const previousAppendKeyForScrollReset = (0, import_react45.useRef)(appendQueryKey);
-  (0, import_react45.useLayoutEffect)(() => {
+  const scrollRef = (0, import_react47.useRef)(null);
+  const tableRef = (0, import_react47.useRef)(null);
+  const tableHeaderRef = (0, import_react47.useRef)(null);
+  const cardsScrollRef = (0, import_react47.useRef)(null);
+  const scrollContainers = (0, import_react47.useMemo)(() => [scrollRef, cardsScrollRef], []);
+  const [documentStickyHeader, setDocumentStickyHeader] = (0, import_react47.useState)(false);
+  const documentStickyHeaderRef = (0, import_react47.useRef)(false);
+  const previousAppendKeyForScrollReset = (0, import_react47.useRef)(appendQueryKey);
+  (0, import_react47.useLayoutEffect)(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -21442,16 +21527,16 @@ 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_react45.useRef)(null);
+  const rootRef = (0, import_react47.useRef)(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
-  const [scrollHintRight, setScrollHintRight] = (0, import_react45.useState)(false);
-  const [scrollHintLeft, setScrollHintLeft] = (0, import_react45.useState)(false);
-  const [scrollHintRightInset, setScrollHintRightInset] = (0, import_react45.useState)(6);
-  const [scrollHintTop, setScrollHintTop] = (0, import_react45.useState)(null);
-  const hintScrollLeft = (0, import_react45.useRef)(0);
-  const updateScrollHint = (0, import_react45.useCallback)(() => {
+  const [scrollHintRight, setScrollHintRight] = (0, import_react47.useState)(false);
+  const [scrollHintLeft, setScrollHintLeft] = (0, import_react47.useState)(false);
+  const [scrollHintRightInset, setScrollHintRightInset] = (0, import_react47.useState)(6);
+  const [scrollHintTop, setScrollHintTop] = (0, import_react47.useState)(null);
+  const hintScrollLeft = (0, import_react47.useRef)(0);
+  const updateScrollHint = (0, import_react47.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     hintScrollLeft.current = el.scrollLeft;
@@ -21484,7 +21569,7 @@ function MatrxDataTableCore(coreProps) {
       setScrollHintTop(box.height > 0 ? Math.round(box.top - frame.getBoundingClientRect().top + box.height / 2) : null);
     } else setScrollHintTop(null);
   }, []);
-  const onTableScroll = (0, import_react45.useCallback)(() => {
+  const onTableScroll = (0, import_react47.useCallback)(() => {
     const el = scrollRef.current;
     if (!el || el.scrollLeft === hintScrollLeft.current) return;
     updateScrollHint();
@@ -21497,7 +21582,7 @@ function MatrxDataTableCore(coreProps) {
       behavior: "smooth"
     });
   };
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
     const observer = el && typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateScrollHint) : null;
@@ -21512,7 +21597,7 @@ function MatrxDataTableCore(coreProps) {
       observer?.disconnect();
     };
   }, [updateScrollHint, data, columns]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     const scroll = scrollRef.current;
     const table = tableRef.current;
     const header = tableHeaderRef.current;
@@ -21571,7 +21656,7 @@ function MatrxDataTableCore(coreProps) {
       window.removeEventListener("resize", requestUpdate);
     };
   }, [stickyHeader, data, columns]);
-  const rowActions = (0, import_react45.useMemo)(() => {
+  const rowActions = (0, import_react47.useMemo)(() => {
     if (!rowActionDefs || rowActionDefs.length === 0) return rowActionsProp;
     return (row, controls) => {
       const own = rowActionsProp ? rowActionsProp(row, controls) : [];
@@ -21589,30 +21674,30 @@ function MatrxDataTableCore(coreProps) {
       })];
     };
   }, [rowActionsProp, rowActionDefs]);
-  const [columnOrder, setColumnOrder] = (0, import_react45.useState)(() => columnState?.order ?? columns.map(columnId));
-  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react45.useState)(
+  const [columnOrder, setColumnOrder] = (0, import_react47.useState)(() => columnState?.order ?? columns.map(columnId));
+  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react47.useState)(
     () => new Set(columnState?.hidden ?? columns.filter((column) => column.hidden).map(columnId))
   );
-  const [columnWidths, setColumnWidths] = (0, import_react45.useState)(
+  const [columnWidths, setColumnWidths] = (0, import_react47.useState)(
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
-  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react45.useState)(null);
-  const knownColumnIds = (0, import_react45.useRef)(new Set(columns.map(columnId)));
-  const draggedColumnId = (0, import_react45.useRef)(null);
-  const columnDragActive = (0, import_react45.useRef)(false);
-  const columnDragRaf = (0, import_react45.useRef)(null);
-  const columnDragScrollDirection = (0, import_react45.useRef)(0);
-  const [columnDragPreview, setColumnDragPreview] = (0, import_react45.useState)(null);
-  const stopColumnDragScroll = (0, import_react45.useCallback)(() => {
+  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react47.useState)(null);
+  const knownColumnIds = (0, import_react47.useRef)(new Set(columns.map(columnId)));
+  const draggedColumnId = (0, import_react47.useRef)(null);
+  const columnDragActive = (0, import_react47.useRef)(false);
+  const columnDragRaf = (0, import_react47.useRef)(null);
+  const columnDragScrollDirection = (0, import_react47.useRef)(0);
+  const [columnDragPreview, setColumnDragPreview] = (0, import_react47.useState)(null);
+  const stopColumnDragScroll = (0, import_react47.useCallback)(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  (0, import_react45.useEffect)(() => () => {
+  (0, import_react47.useEffect)(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
-  const startColumnDragScroll = (0, import_react45.useCallback)(() => {
+  const startColumnDragScroll = (0, import_react47.useCallback)(() => {
     if (!columnDragActive.current || columnDragRaf.current !== null) return;
     const scrollStep = () => {
       const scroll = scrollRef.current;
@@ -21639,32 +21724,32 @@ function MatrxDataTableCore(coreProps) {
     };
     columnDragRaf.current = requestAnimationFrame(scrollStep);
   }, []);
-  const commitColumnState = (0, import_react45.useCallback)((order, hidden) => {
+  const commitColumnState = (0, import_react47.useCallback)((order, hidden) => {
     if (columnState) columnState.onChange({ order, hidden: [...hidden] });
     else {
       setColumnOrder(order);
       setHiddenColumnIds(hidden);
     }
   }, [columnState]);
-  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react45.useState)(false);
+  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react47.useState)(false);
   const columnManagerOpen = controlledColumnManager?.open ?? internalColumnManagerOpen;
   const setColumnManagerOpen = controlledColumnManager?.onOpenChange ?? setInternalColumnManagerOpen;
-  const columnIds = (0, import_react45.useMemo)(() => columns.map(columnId), [columns]);
-  const effectiveColumnOrder = (0, import_react45.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_react45.useMemo)(() => columnState ? new Set(hiddenWithColumnDefaults(columnState.order, columnState.hidden, columns).filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columns, columnState, hiddenColumnIds]);
-  const [shownGroupedColumnId, setShownGroupedColumnId] = (0, import_react45.useState)(null);
+  const columnIds = (0, import_react47.useMemo)(() => columns.map(columnId), [columns]);
+  const effectiveColumnOrder = (0, import_react47.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_react47.useMemo)(() => columnState ? new Set(hiddenWithColumnDefaults(columnState.order, columnState.hidden, columns).filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columns, columnState, hiddenColumnIds]);
+  const [shownGroupedColumnId, setShownGroupedColumnId] = (0, import_react47.useState)(null);
   const groupedColumnId = drill ? null : grouping?.columnId ?? null;
   const groupedColumnShown = groupedColumnId !== null && (grouping?.showColumn ?? shownGroupedColumnId === groupedColumnId);
   const autoHiddenGroupColumnId = groupedColumnId !== null && !groupedColumnShown && columnIds.includes(groupedColumnId) && !effectiveHiddenColumnIds.has(groupedColumnId) ? groupedColumnId : null;
-  const drawnHiddenColumnIds = (0, import_react45.useMemo)(
+  const drawnHiddenColumnIds = (0, import_react47.useMemo)(
     () => autoHiddenGroupColumnId ? /* @__PURE__ */ new Set([...effectiveHiddenColumnIds, autoHiddenGroupColumnId]) : effectiveHiddenColumnIds,
     [effectiveHiddenColumnIds, autoHiddenGroupColumnId]
   );
-  const setGroupedColumnShown = (0, import_react45.useCallback)((show) => {
+  const setGroupedColumnShown = (0, import_react47.useCallback)((show) => {
     if (grouping?.onShowColumnChange) grouping.onShowColumnChange(show);
     else setShownGroupedColumnId(show ? groupedColumnId : null);
   }, [grouping, groupedColumnId]);
-  const applyColumnManager = (0, import_react45.useCallback)((order, hidden) => {
+  const applyColumnManager = (0, import_react47.useCallback)((order, hidden) => {
     const next = new Set(hidden);
     if (groupedColumnId !== null && !effectiveHiddenColumnIds.has(groupedColumnId)) {
       const wantsShown = !next.has(groupedColumnId);
@@ -21673,24 +21758,24 @@ function MatrxDataTableCore(coreProps) {
     }
     commitColumnState(order, next);
   }, [groupedColumnId, effectiveHiddenColumnIds, groupedColumnShown, setGroupedColumnShown, commitColumnState]);
-  const columnManagerDefaults = (0, import_react45.useMemo)(
+  const columnManagerDefaults = (0, import_react47.useMemo)(
     () => columnState?.defaults ? { order: columnState.defaults.order, hidden: new Set(columnState.defaults.hidden) } : void 0,
     [columnState?.defaults]
   );
-  const [autoResizeSnapshot, setAutoResizeSnapshot] = (0, import_react45.useState)(null);
-  const persistedColumnWidths = (0, import_react45.useMemo)(
+  const [autoResizeSnapshot, setAutoResizeSnapshot] = (0, import_react47.useState)(null);
+  const persistedColumnWidths = (0, import_react47.useMemo)(
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
   );
-  const effectiveColumnWidths = (0, import_react45.useMemo)(
+  const effectiveColumnWidths = (0, import_react47.useMemo)(
     () => normalizeColumnWidthsForColumns({
       ...persistedColumnWidths,
       ...autoResizeSnapshot?.widths
     }, columns),
     [columns, persistedColumnWidths, autoResizeSnapshot]
   );
-  const resizeGestureSnapshotRef = (0, import_react45.useRef)(null);
-  const measureVisibleColumnWidths = (0, import_react45.useCallback)(() => {
+  const resizeGestureSnapshotRef = (0, import_react47.useRef)(null);
+  const measureVisibleColumnWidths = (0, import_react47.useCallback)(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
       "thead th[data-matrx-table-column-id]"
@@ -21704,7 +21789,7 @@ function MatrxDataTableCore(coreProps) {
     }
     return normalizeColumnWidthsForColumns(measured, columns);
   }, [columns]);
-  const measureFixedTableGeometry = (0, import_react45.useCallback)(() => {
+  const measureFixedTableGeometry = (0, import_react47.useCallback)(() => {
     const table = tableRef.current;
     const headers = table ? Array.from(table.querySelectorAll("thead th")) : [];
     const widthFor = (selector) => {
@@ -21739,7 +21824,7 @@ function MatrxDataTableCore(coreProps) {
       ...actionsWidth === void 0 ? {} : { actionsWidth }
     };
   }, [resolvedDensity, canonicalSelectionWidth]);
-  const captureResizeGestureSnapshot = (0, import_react45.useCallback)(() => {
+  const captureResizeGestureSnapshot = (0, import_react47.useCallback)(() => {
     const snapshot = {
       widths: measureVisibleColumnWidths(),
       geometry: measureFixedTableGeometry()
@@ -21749,11 +21834,11 @@ function MatrxDataTableCore(coreProps) {
       setAutoResizeSnapshot(snapshot);
     }
   }, [measureFixedTableGeometry, measureVisibleColumnWidths]);
-  const clearResizeGestureSnapshot = (0, import_react45.useCallback)(() => {
+  const clearResizeGestureSnapshot = (0, import_react47.useCallback)(() => {
     resizeGestureSnapshotRef.current = null;
     setAutoResizeSnapshot(null);
   }, []);
-  const commitColumnWidths = (0, import_react45.useCallback)((next, captureInitialWidths = false) => {
+  const commitColumnWidths = (0, import_react47.useCallback)((next, captureInitialWidths = false) => {
     const gestureSnapshot = captureInitialWidths ? resizeGestureSnapshotRef.current : null;
     resizeGestureSnapshotRef.current = null;
     setAutoResizeSnapshot(null);
@@ -21773,11 +21858,11 @@ function MatrxDataTableCore(coreProps) {
     }
     setColumnWidths(normalized);
   }, [columnIds, columnState, columns, measureFixedTableGeometry, measureVisibleColumnWidths]);
-  const resetColumnWidth = (0, import_react45.useCallback)((id) => {
+  const resetColumnWidth = (0, import_react47.useCallback)((id) => {
     const { [id]: _dropped, ...rest } = effectiveColumnWidths;
     commitColumnWidths(rest);
   }, [commitColumnWidths, effectiveColumnWidths]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -21796,31 +21881,31 @@ function MatrxDataTableCore(coreProps) {
     setColumnWidths((current) => normalizeColumnWidthsForColumns(current, columns));
     knownColumnIds.current = new Set(ids);
   }, [columns, columnState]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     for (const id of columnIds) {
       tableRef.current?.style.removeProperty(columnResizeCssVar(id));
     }
   });
-  const previewColumnOrder = (0, import_react45.useMemo)(
+  const previewColumnOrder = (0, import_react47.useMemo)(
     () => projectColumnDragOrder(effectiveColumnOrder, columnDragPreview),
     [columnDragPreview, effectiveColumnOrder]
   );
   useColumnReorderAnimation(tableRef, previewColumnOrder.join("\0"), columnDragPreview !== null);
-  const visibleColumns = (0, import_react45.useMemo)(() => {
+  const visibleColumns = (0, import_react47.useMemo)(() => {
     const byId = new Map(columns.map((column) => [columnId(column), column]));
     return previewColumnOrder.map((id) => byId.get(id)).filter(
       (column) => column !== void 0 && !drawnHiddenColumnIds.has(columnId(column))
     );
   }, [columns, drawnHiddenColumnIds, previewColumnOrder]);
   const usesMeasuredFixedLayout = visibleColumns.length > 0 && visibleColumns.every((column) => effectiveColumnWidths[columnId(column)] !== void 0);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) {
       if (fixedTableGeometry !== null) setFixedTableGeometry(null);
       return;
     }
     if (fixedTableGeometry === null) setFixedTableGeometry(measureFixedTableGeometry());
   }, [fixedTableGeometry, measureFixedTableGeometry, usesMeasuredFixedLayout]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) return;
     const table = tableRef.current;
     if (!table) return;
@@ -21845,15 +21930,15 @@ function MatrxDataTableCore(coreProps) {
   const fixedLayoutActive = usesMeasuredFixedLayout && fixedLayoutGeometry !== null;
   const freezeWanted = visibleColumns.some((column) => column.frozen);
   const selectionColumnWidth = selection ? canonicalSelectionWidth : void 0;
-  const [fitSpace, setFitSpace] = (0, import_react45.useState)(null);
-  const fitReadRef = (0, import_react45.useRef)(null);
-  const fitSettlePasses = (0, import_react45.useRef)(0);
-  (0, import_react45.useLayoutEffect)(() => {
+  const [fitSpace, setFitSpace] = (0, import_react47.useState)(null);
+  const fitReadRef = (0, import_react47.useRef)(null);
+  const fitSettlePasses = (0, import_react47.useRef)(0);
+  (0, import_react47.useLayoutEffect)(() => {
     if (!fitSpace || fitSettlePasses.current >= 4) return;
     fitSettlePasses.current += 1;
     fitReadRef.current?.();
   }, [fitSpace]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!fitToWidth) {
       setFitSpace(null);
       return;
@@ -21904,7 +21989,7 @@ function MatrxDataTableCore(coreProps) {
     if (table) observer.observe(table);
     return () => observer.disconnect();
   }, [fitToWidth, data.length, isLoading]);
-  const fit = (0, import_react45.useMemo)(() => {
+  const fit = (0, import_react47.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;
@@ -21951,14 +22036,14 @@ function MatrxDataTableCore(coreProps) {
   }, [fitToWidth, fitSpace, visibleColumns, selection, selectionColumnWidth, effectiveColumnWidths]);
   const fittedWidths = fit?.widths ?? null;
   const fitTableWidth = fit?.widths ? fit.tableWidth : void 0;
-  const holdFitForGesture = (0, import_react45.useCallback)(() => {
+  const holdFitForGesture = (0, import_react47.useCallback)(() => {
     captureResizeGestureSnapshot();
     if (!fit?.widths || fit.scalingIds.length === 0) return;
     const held = {};
     for (const id of fit.scalingIds) held[id] = fit.widths[id];
     commitColumnWidths({ ...effectiveColumnWidths, ...held }, true);
   }, [captureResizeGestureSnapshot, commitColumnWidths, effectiveColumnWidths, fit]);
-  const resetFitColumnWidth = (0, import_react45.useCallback)((id) => {
+  const resetFitColumnWidth = (0, import_react47.useCallback)((id) => {
     const automatic = fit?.automatic[id];
     const { [id]: _dropped, ...rest } = effectiveColumnWidths;
     const othersSized = visibleColumns.some((col) => {
@@ -21973,7 +22058,7 @@ function MatrxDataTableCore(coreProps) {
   }, [commitColumnWidths, effectiveColumnWidths, fit, fitToWidth, resetColumnWidth, visibleColumns]);
   const fitActive = fittedWidths !== null;
   const actionsColumnWidth = fitActive && fitSpace ? fitSpace.actions : fixedLayoutGeometry?.actionsWidth;
-  const frozenColumns = (0, import_react45.useMemo)(() => {
+  const frozenColumns = (0, import_react47.useMemo)(() => {
     if (!freezeWanted) return NO_FROZEN_COLUMNS;
     const ids = visibleColumns.map(columnId);
     const byId = new Map(visibleColumns.map((column) => [columnId(column), column]));
@@ -22021,18 +22106,18 @@ function MatrxDataTableCore(coreProps) {
     const color = cellTintColor(row, id, colId);
     return color ? CELL_TINT_CLASS[color] : void 0;
   };
-  const declaredVisibleCopyColumns = (0, import_react45.useMemo)(
+  const declaredVisibleCopyColumns = (0, import_react47.useMemo)(
     () => visibleColumns.filter((column) => column.accessorFn !== void 0 || column.accessorKey !== void 0),
     [visibleColumns]
   );
-  const tableCopySourceNamespace = (0, import_react45.useId)();
-  const tableContextMenuInstanceId = (0, import_react45.useId)();
-  const tableDndContextId = (0, import_react45.useId)();
+  const tableCopySourceNamespace = (0, import_react47.useId)();
+  const tableContextMenuInstanceId = (0, import_react47.useId)();
+  const tableDndContextId = (0, import_react47.useId)();
   const defaultCopyTitle = toolbar?.title || "Table";
-  const copyColumnsLatest = (0, import_react45.useRef)(declaredVisibleCopyColumns);
+  const copyColumnsLatest = (0, import_react47.useRef)(declaredVisibleCopyColumns);
   copyColumnsLatest.current = declaredVisibleCopyColumns;
   const readDeclaredCopyColumns = lazyCallback(() => copyColumnsLatest.current);
-  const defaultCopy = (0, import_react45.useMemo)(() => ({
+  const defaultCopy = (0, import_react47.useMemo)(() => ({
     label: defaultCopyTitle,
     listLabel: defaultCopyTitle,
     location: defaultCopyTitle,
@@ -22047,17 +22132,17 @@ function MatrxDataTableCore(coreProps) {
     agentRow: (row) => projectDefaultTableCopyRow(row, copyColumnsLatest.current)
   }), [defaultCopyTitle, remoteQuery]);
   const effectiveCopy = copy === false ? void 0 : copy ?? defaultCopy;
-  const visibleDataColumns = (0, import_react45.useMemo)(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
+  const visibleDataColumns = (0, import_react47.useMemo)(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
   const effectiveCopyColumns = copy === void 0 ? declaredVisibleCopyColumns : visibleDataColumns;
   const copySubsetVariant2 = useCopySubsetVariant();
-  const chromeLatest = (0, import_react45.useRef)({
+  const chromeLatest = (0, import_react47.useRef)({
     processed: [],
     data: [],
     toggleAllOnPage: () => void 0,
     showMore: async () => void 0,
     applySavedView: () => void 0
   });
-  const applyLatestSavedView = (0, import_react45.useCallback)((snapshot) => chromeLatest.current.applySavedView(snapshot), []);
+  const applyLatestSavedView = (0, import_react47.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),
@@ -22079,7 +22164,7 @@ function MatrxDataTableCore(coreProps) {
       serializer: (shaped) => buildViewAgentInput(effectiveCopy, shaped, chromeLatest.current.data, { scope: "custom" })
     }), copySubsetSize(rows().length, copySubsetColumns().length))
   ] : [];
-  const filterMeta = (0, import_react45.useMemo)(() => {
+  const filterMeta = (0, import_react47.useMemo)(() => {
     const meta = /* @__PURE__ */ new Map();
     for (const col of visibleColumns) {
       const id = columnId(col);
@@ -22087,21 +22172,21 @@ function MatrxDataTableCore(coreProps) {
     }
     return meta;
   }, [visibleColumns, data, remoteQuery]);
-  const intelligentSearchScopes = (0, import_react45.useMemo)(
+  const intelligentSearchScopes = (0, import_react47.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 getRowIdForSearch = (0, import_react45.useRef)(getRowId);
+  const getRowIdForSearch = (0, import_react47.useRef)(getRowId);
   getRowIdForSearch.current = getRowId;
-  const rowIdForSearch = (0, import_react45.useCallback)((row) => getRowIdForSearch.current(row), []);
-  const searchTextWithId = (0, import_react45.useCallback)(
+  const rowIdForSearch = (0, import_react47.useCallback)((row) => getRowIdForSearch.current(row), []);
+  const searchTextWithId = (0, import_react47.useCallback)(
     (row) => searchText?.(row) ?? "",
     [searchText]
   );
-  const processed = (0, import_react45.useMemo)(() => {
+  const processed = (0, import_react47.useMemo)(() => {
     if (remoteQuery && !appendUsesLocalProcessing && !remoteQueryUsesLocalProcessing) return data;
     if (processLocalRows) {
       return processLocalRows(data, {
@@ -22168,7 +22253,7 @@ function MatrxDataTableCore(coreProps) {
     searchScope
   ]);
   const drillAnswerRows = drill?.answerRows;
-  const drillAnswers = (0, import_react45.useMemo)(
+  const drillAnswers = (0, import_react47.useMemo)(
     () => drillAnswerRows ? drillAnswerRows.call(drill, processed) : drill?.answers ?? {},
     // eslint-disable-next-line react-hooks/exhaustive-deps -- `drill` is read only for its answers
     [drillAnswerRows, processed, drill?.answers]
@@ -22184,11 +22269,11 @@ function MatrxDataTableCore(coreProps) {
     sort
   };
   const viewQueryKey = onViewChange ? JSON.stringify(viewQuery) : "";
-  const viewQueryRef = (0, import_react45.useRef)(viewQuery);
+  const viewQueryRef = (0, import_react47.useRef)(viewQuery);
   viewQueryRef.current = viewQuery;
-  const lastNotifiedViewRows = (0, import_react45.useRef)(null);
-  const lastNotifiedViewQueryKey = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
+  const lastNotifiedViewRows = (0, import_react47.useRef)(null);
+  const lastNotifiedViewQueryKey = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       lastNotifiedViewQueryKey.current = null;
@@ -22199,7 +22284,7 @@ function MatrxDataTableCore(coreProps) {
     lastNotifiedViewQueryKey.current = viewQueryKey;
     if (changed) onViewChange(processed, viewQueryRef.current);
   }, [processed, viewQueryKey, onViewChange]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -22215,16 +22300,16 @@ function MatrxDataTableCore(coreProps) {
   const drillGrouped = Boolean(drill && drill.question.by.length > 0);
   const drillOwnRow = Boolean(drill && (drill.controls ?? (hideToolbar ? "trail" : "toolbar")) === "trail");
   const groupingColumnId = drill ? null : grouping?.columnId ?? null;
-  const [uncontrolledCollapsed, setUncontrolledCollapsed] = (0, import_react45.useState)([]);
+  const [uncontrolledCollapsed, setUncontrolledCollapsed] = (0, import_react47.useState)([]);
   const collapsedGroups = grouping?.collapsed ?? uncontrolledCollapsed;
-  const setCollapsedGroups = (0, import_react45.useCallback)(
+  const setCollapsedGroups = (0, import_react47.useCallback)(
     (next) => {
       if (grouping?.onCollapsedChange) grouping.onCollapsedChange(next);
       else setUncontrolledCollapsed(next);
     },
     [grouping]
   );
-  const groups = (0, import_react45.useMemo)(() => {
+  const groups = (0, import_react47.useMemo)(() => {
     if (!grouping || !groupingColumnId) return null;
     const groupColumn2 = columns.find((col) => columnId(col) === groupingColumnId);
     if (!groupColumn2) return null;
@@ -22251,7 +22336,7 @@ function MatrxDataTableCore(coreProps) {
     });
     return built.length === 1 ? null : built;
   }, [grouping, groupingColumnId, columns, processed]);
-  const orderedRows = (0, import_react45.useMemo)(
+  const orderedRows = (0, import_react47.useMemo)(
     () => groups ? groupedVisibleRows(groups, collapsedGroups) : processed,
     [groups, collapsedGroups, processed]
   );
@@ -22299,9 +22384,9 @@ function MatrxDataTableCore(coreProps) {
   const pageOffset = remoteQuery || hidePagination || localProgressiveEnabled || pageSize === 0 ? 0 : (safePage - 1) * effectivePageSize;
   const focusIndex = focusRowId ? orderedRows.findIndex((r) => getRowId(r) === focusRowId) : -1;
   const focusedRowId = focusIndex >= 0 ? focusRowId ?? null : null;
-  const focusPagedFor = (0, import_react45.useRef)(null);
+  const focusPagedFor = (0, import_react47.useRef)(null);
   const focusPageable = !remoteQuery && !hidePagination && !localProgressiveEnabled && pageSize !== 0;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!focusedRowId) {
       focusPagedFor.current = null;
       return;
@@ -22311,19 +22396,19 @@ function MatrxDataTableCore(coreProps) {
     if (focusPageable) setPage(Math.floor(focusIndex / effectivePageSize) + 1);
   }, [focusedRowId]);
   const focusShownPage = focusedRowId !== null && (!focusPageable || safePage === Math.floor(focusIndex / effectivePageSize) + 1);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!focusedRowId || !focusShownPage) return;
     const row = rootRef.current?.querySelector(`tr[data-row-id="${CSS.escape(focusedRowId)}"]`);
     row?.scrollIntoView?.({ block: "center" });
   }, [focusedRowId, focusShownPage, safePage]);
-  const paginated = (0, import_react45.useMemo)(() => {
+  const paginated = (0, import_react47.useMemo)(() => {
     if (remoteQuery) return orderedRows;
     if (hidePagination) return orderedRows;
     if (localProgressiveEnabled) return [...progressiveRows.rows];
     if (pageSize === 0) return orderedRows;
     return orderedRows.slice(pageOffset, pageOffset + effectivePageSize);
   }, [orderedRows, pageOffset, effectivePageSize, pageSize, remoteQuery, hidePagination, localProgressiveEnabled, progressiveRows.rows]);
-  const groupableColumns = (0, import_react45.useMemo)(() => {
+  const groupableColumns = (0, import_react47.useMemo)(() => {
     const allowed = grouping?.groupableColumnIds;
     const visibleIds = new Set(visibleColumns.map((col) => columnId(col)));
     return visibleColumns.concat(
@@ -22337,7 +22422,7 @@ function MatrxDataTableCore(coreProps) {
       return col.accessorKey !== void 0 || col.accessorFn !== void 0;
     });
   }, [visibleColumns, columns, autoHiddenGroupColumnId, groupingColumnId, grouping?.groupableColumnIds]);
-  const groupedRenderRows = (0, import_react45.useMemo)(
+  const groupedRenderRows = (0, import_react47.useMemo)(
     () => groups ? pageGroupRenderRows(groups, collapsedGroups, pageOffset, paginated.length) : null,
     [groups, collapsedGroups, pageOffset, paginated.length]
   );
@@ -22349,7 +22434,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_react45.useMemo)(() => {
+  const frozenRunLength = (0, import_react47.useMemo)(() => {
     let run = 0;
     for (const col of visibleColumns) {
       if (frozenColumns.offsets[columnId(col)] === void 0) break;
@@ -22358,9 +22443,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_react45.useState)(null);
-  const [columnWindow, setColumnWindow] = (0, import_react45.useState)(null);
-  const windowInputs = (0, import_react45.useRef)({
+  const [rowWindow, setRowWindow] = (0, import_react47.useState)(null);
+  const [columnWindow, setColumnWindow] = (0, import_react47.useState)(null);
+  const windowInputs = (0, import_react47.useRef)({
     virtualizeActive: false,
     bodyEntryCount: 0,
     virtualRowHeight: 40,
@@ -22380,7 +22465,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   };
-  const recomputeWindows = (0, import_react45.useCallback)(() => {
+  const recomputeWindows = (0, import_react47.useCallback)(() => {
     const el = scrollRef.current;
     const input = windowInputs.current;
     const nextRow = input.virtualizeActive ? computeWindow({
@@ -22401,7 +22486,7 @@ function MatrxDataTableCore(coreProps) {
     setRowWindow((prev) => sameWindow(prev, nextRow) ? prev : nextRow);
     setColumnWindow((prev) => sameWindow(prev, nextColumn) ? prev : nextColumn);
   }, []);
-  const effectiveRowWindow = (0, import_react45.useMemo)(() => {
+  const effectiveRowWindow = (0, import_react47.useMemo)(() => {
     if (!virtualizeActive) return null;
     if (rowWindow && rowWindow.end <= bodyEntryCount) return rowWindow;
     return computeWindow({
@@ -22412,7 +22497,7 @@ function MatrxDataTableCore(coreProps) {
       overscan: virtualizeConfig?.overscan ?? 8
     });
   }, [virtualizeActive, rowWindow, bodyEntryCount, virtualRowHeight, virtualizeConfig?.overscan]);
-  const effectiveColumnWindow = (0, import_react45.useMemo)(() => {
+  const effectiveColumnWindow = (0, import_react47.useMemo)(() => {
     if (!columnVirtualizeActive) return null;
     if (columnWindow && columnWindow.end <= visibleColumns.length) return columnWindow;
     return computeWindow({
@@ -22432,7 +22517,7 @@ function MatrxDataTableCore(coreProps) {
     frozenRunLength
   ]);
   const metricsWanted = virtualizeActive || columnVirtualizeActive;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     recomputeWindows();
   }, [
     recomputeWindows,
@@ -22444,7 +22529,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   ]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!metricsWanted) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -22469,9 +22554,9 @@ function MatrxDataTableCore(coreProps) {
   const cardsGridWindowed = cardsLayout === "grid" && groupedRenderRows === null;
   const cardsVirtualActive = cardsMounted && virtualizeActive && (cardsLayout !== "grid" || cardsGridWindowed);
   const cardEstimate = resolvedDensity === "condensed" ? 72 : resolvedDensity === "spacious" ? 104 : 88;
-  const measuredCardSize = (0, import_react45.useRef)(0);
-  const [cardWindow, setCardWindow] = (0, import_react45.useState)(null);
-  const cardWindowInputs = (0, import_react45.useRef)({ active: false, grid: false, count: 0, size: 88, overscan: 8 });
+  const measuredCardSize = (0, import_react47.useRef)(0);
+  const [cardWindow, setCardWindow] = (0, import_react47.useState)(null);
+  const cardWindowInputs = (0, import_react47.useRef)({ active: false, grid: false, count: 0, size: 88, overscan: 8 });
   cardWindowInputs.current = {
     active: cardsVirtualActive,
     grid: cardsGridWindowed,
@@ -22479,7 +22564,7 @@ function MatrxDataTableCore(coreProps) {
     size: measuredCardSize.current || cardEstimate,
     overscan: virtualizeConfig?.overscan ?? 8
   };
-  const computeCardWindow = (0, import_react45.useCallback)(() => {
+  const computeCardWindow = (0, import_react47.useCallback)(() => {
     const el = cardsScrollRef.current;
     const input = cardWindowInputs.current;
     if (!input.active) return null;
@@ -22493,15 +22578,15 @@ function MatrxDataTableCore(coreProps) {
     });
     return across === 1 ? rows : { ...rows, start: rows.start * across, end: Math.min(input.count, rows.end * across) };
   }, []);
-  const recomputeCardWindow = (0, import_react45.useCallback)(() => {
+  const recomputeCardWindow = (0, import_react47.useCallback)(() => {
     const next = computeCardWindow();
     setCardWindow((prev) => sameWindow(prev, next) ? prev : next);
   }, [computeCardWindow]);
   const effectiveCardWindow = cardsVirtualActive ? cardWindow && cardWindow.end <= bodyEntryCount ? cardWindow : computeCardWindow() : null;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     recomputeCardWindow();
   }, [recomputeCardWindow, cardsVirtualActive, bodyEntryCount, cardEstimate]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!cardsVirtualActive) return;
     const el = cardsScrollRef.current;
     if (!el) return;
@@ -22522,7 +22607,7 @@ function MatrxDataTableCore(coreProps) {
       observer?.disconnect();
     };
   }, [cardsVirtualActive, recomputeCardWindow]);
-  (0, import_react45.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!effectiveCardWindow) return;
     const el = cardsScrollRef.current;
     const head = el?.querySelector(':scope > [data-matrx-cards-pad="start"]');
@@ -22536,7 +22621,7 @@ function MatrxDataTableCore(coreProps) {
       recomputeCardWindow();
     }
   });
-  const renderedColumns = (0, import_react45.useMemo)(
+  const renderedColumns = (0, import_react47.useMemo)(
     () => effectiveColumnWindow ? [
       ...visibleColumns.slice(0, frozenRunLength),
       ...visibleColumns.slice(effectiveColumnWindow.start, effectiveColumnWindow.end)
@@ -22549,7 +22634,7 @@ function MatrxDataTableCore(coreProps) {
     return !column.customActions && !column.compact && !resolveColumnMarker(column) && (frozenColumns.offsets[id] === void 0 || frozenEdgeId === id);
   }) : void 0;
   const slackId = slackColumn ? columnId(slackColumn) : void 0;
-  const windowedWidthFor = (0, import_react45.useCallback)(
+  const windowedWidthFor = (0, import_react47.useCallback)(
     (id, declared) => {
       const fitted = fittedWidths?.[id];
       if (fitted !== void 0) return fitted;
@@ -22561,7 +22646,7 @@ function MatrxDataTableCore(coreProps) {
     [effectiveColumnWindow, effectiveColumnWidths, frozenColumns, columnWindowWidth, fittedWidths]
   );
   const coverageUnanswered = readView.failure || read?.status === "loading" && data.length === 0;
-  const coverageResult = (0, import_react45.useMemo)(() => {
+  const coverageResult = (0, import_react47.useMemo)(() => {
     if (!coverage || coverageUnanswered || isLoading) return null;
     return describeCoverage({
       loaded: coverage.loaded ?? data.length,
@@ -22572,7 +22657,7 @@ function MatrxDataTableCore(coreProps) {
       ...coverage.noun === void 0 ? {} : { noun: coverage.noun }
     });
   }, [coverage, coverageUnanswered, data.length, isLoading]);
-  const bodyEntries = (0, import_react45.useMemo)(() => {
+  const bodyEntries = (0, import_react47.useMemo)(() => {
     const from = effectiveRowWindow ? effectiveRowWindow.start : 0;
     const to = effectiveRowWindow ? effectiveRowWindow.end : void 0;
     const windowed = groupedRenderRows ? groupedRenderRows.slice(from, to).map(
@@ -22591,28 +22676,28 @@ function MatrxDataTableCore(coreProps) {
       windowed.push({ kind: "spacer", height: effectiveRowWindow.padEnd, place: "end" });
     return windowed;
   }, [groupedRenderRows, collapsedGroups, paginated, effectiveRowWindow]);
-  const getRowIdRef = (0, import_react45.useRef)(getRowId);
+  const getRowIdRef = (0, import_react47.useRef)(getRowId);
   getRowIdRef.current = getRowId;
-  const spreadsheetRowIds = (0, import_react45.useMemo)(
+  const spreadsheetRowIds = (0, import_react47.useMemo)(
     () => paginated.map((row) => getRowIdRef.current(row)),
     [paginated]
   );
-  const spreadsheetColumnIds = (0, import_react45.useMemo)(
+  const spreadsheetColumnIds = (0, import_react47.useMemo)(
     () => visibleColumns.filter((col) => !col.customActions).map((col) => columnId(col)),
     [visibleColumns]
   );
-  const spreadsheetRowById = (0, import_react45.useMemo)(() => {
+  const spreadsheetRowById = (0, import_react47.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of paginated) map.set(getRowIdRef.current(row), row);
     return map;
   }, [paginated]);
-  const spreadsheetColumnById = (0, import_react45.useMemo)(() => {
+  const spreadsheetColumnById = (0, import_react47.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_react45.useRef)(() => void 0);
+  const openRowRef = (0, import_react47.useRef)(() => void 0);
   const sheet = useSpreadsheetGrid(
     spreadsheetEnabled && spreadsheet ? {
       rowIds: spreadsheetRowIds,
@@ -22654,12 +22739,12 @@ function MatrxDataTableCore(coreProps) {
     } : null
   );
   if (spreadsheet?.controllerRef) spreadsheet.controllerRef.current = spreadsheetEnabled ? sheet.controller : null;
-  const sheetRef = (0, import_react45.useRef)(sheet);
+  const sheetRef = (0, import_react47.useRef)(sheet);
   sheetRef.current = sheet;
-  const onSheetSelectionRef = (0, import_react45.useRef)(spreadsheet?.onSelectionChange);
+  const onSheetSelectionRef = (0, import_react47.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_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const tell = onSheetSelectionRef.current;
     if (!tell) return;
     const current = sheetRef.current;
@@ -22676,12 +22761,12 @@ function MatrxDataTableCore(coreProps) {
       tsv: current.selectionTsv()
     });
   }, [sheetSelectionKey]);
-  const searchValueRef = (0, import_react45.useRef)(searchValue);
+  const searchValueRef = (0, import_react47.useRef)(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);
   const coreSuggestionsEnabled = facets?.enabled !== false;
-  const [facetState, setFacetState] = (0, import_react45.useState)({});
-  const facetReadCell = (0, import_react45.useCallback)(
+  const [facetState, setFacetState] = (0, import_react47.useState)({});
+  const facetReadCell = (0, import_react47.useCallback)(
     (row, colId) => {
       if (facets?.readCell) return facets.readCell(row, colId);
       const col = visibleColumns.find((candidate) => columnId(candidate) === colId);
@@ -22691,11 +22776,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_react45.useRef)({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
+  const facetInputsRef = (0, import_react47.useRef)({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
   facetInputsRef.current = { data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded };
-  const facetRequestRef = (0, import_react45.useRef)(/* @__PURE__ */ new Map());
-  const requestedFacetColumns = (0, import_react45.useRef)(/* @__PURE__ */ new Set());
-  const requestFacets = (0, import_react45.useCallback)((colId) => {
+  const facetRequestRef = (0, import_react47.useRef)(/* @__PURE__ */ new Map());
+  const requestedFacetColumns = (0, import_react47.useRef)(/* @__PURE__ */ new Set());
+  const requestFacets = (0, import_react47.useCallback)((colId) => {
     requestedFacetColumns.current.add(colId);
     const { data: rows, facets: config, facetReadCell: readCell, coreFacetTotal: total, coreFacetLoaded: loaded } = facetInputsRef.current;
     if (!config || config.enabled === false) {
@@ -22778,7 +22863,7 @@ function MatrxDataTableCore(coreProps) {
       }));
     });
   }, []);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     setFacetState((current) => Object.keys(current).length === 0 ? current : {});
     for (const [colId, ticket] of facetRequestRef.current) {
       facetRequestRef.current.set(colId, ticket + 1);
@@ -22788,15 +22873,15 @@ function MatrxDataTableCore(coreProps) {
     }
   }, [facetsEnabled, coreSuggestionsEnabled, data, searchValue, coreFacetTotal, coreFacetLoaded, requestFacets]);
   const totalIsKnown = !isLoading && !readView.failure;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!controlledQuery || !totalIsKnown || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage, totalIsKnown]);
-  const selectedRow = (0, import_react45.useMemo)(() => {
+  const selectedRow = (0, import_react47.useMemo)(() => {
     if (!selectedId) return null;
     return data.find((r) => getRowId(r) === selectedId) ?? null;
   }, [data, selectedId, getRowId]);
-  const windowRow = (0, import_react45.useMemo)(() => {
+  const windowRow = (0, import_react47.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]);
@@ -22829,14 +22914,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_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (embeddedControlledPage !== 1) emitControlledQueryChange({ page: 1 });
   }, [embeddedControlledPage]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     reportCardTotal?.(cardTotal);
   }, [reportCardTotal, cardTotal]);
-  (0, import_react45.useEffect)(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
-  const [pinnedEl, setPinnedEl] = (0, import_react45.useState)(null);
+  (0, import_react47.useEffect)(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
+  const [pinnedEl, setPinnedEl] = (0, import_react47.useState)(null);
   const pinnedRowActive = Boolean(
     toolbar?.singleRow && toolbar.overflow && toolbar.overflow.mode !== "sheet" && (toolbar.overflow.pinned || toolbar.overflow.mode === "menu")
   );
@@ -22849,7 +22934,7 @@ function MatrxDataTableCore(coreProps) {
     const mode = overflow?.mode ?? "inline";
     const primary = overflow?.primary;
     if (mode === "sheet") {
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ToolbarOverflowSheet, { ...overflow?.label ? { label: overflow.label } : {}, top: overflow?.sheetTop, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ToolbarOverflowSheet, { ...overflow?.label ? { label: overflow.label } : {}, top: overflow?.sheetTop, children: [
         controls,
         overflow?.pinned,
         primary,
@@ -22859,17 +22944,17 @@ function MatrxDataTableCore(coreProps) {
     }
     if (!pinnedRowActive) {
       if (mode === "menu") {
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
           overflow?.pinned,
           primary,
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ToolbarOverflowMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ToolbarOverflowMenu, { children: [
             controls,
             overflow?.sheetExtras,
             trailing
           ] })
         ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
         controls,
         overflow?.pinned,
         primary,
@@ -22877,34 +22962,34 @@ function MatrxDataTableCore(coreProps) {
       ] });
     }
     const folded = pinnedFolded;
-    toolbarEnd.node = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    toolbarEnd.node = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "span",
       {
         ref: setPinnedEl,
         "data-matrx-table-toolbar-pinned": "",
         ...folded ? { "data-matrx-table-toolbar-pinned-folded": "" } : {},
         className: "sticky right-0 z-[1] -ml-1 flex shrink-0 items-center bg-background pl-1 before:pointer-events-none before:absolute before:inset-y-0 before:-left-6 before:w-6 before:bg-gradient-to-l before:from-background before:to-transparent",
-        children: folded ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+        children: folded ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
           primary,
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ToolbarOverflowMenu, { children: [
-            toolbarSearch.node ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-matrx-table-toolbar-folded-search": "", "data-matrx-table-tools-keep-open": "", children: toolbarSearch.node }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ToolbarOverflowMenu, { children: [
+            toolbarSearch.node ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-table-toolbar-folded-search": "", "data-matrx-table-tools-keep-open": "", children: toolbarSearch.node }) : null,
             controls,
             overflow?.pinned,
             overflow?.sheetExtras,
             trailing
           ] })
-        ] }) : mode === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex items-center gap-1", children: [
+        ] }) : mode === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "flex items-center gap-1", children: [
             overflow?.pinned,
             primary
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ToolbarOverflowMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ToolbarOverflowMenu, { children: [
             controls,
             overflow?.sheetExtras,
             trailing
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex items-center gap-1", children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "flex items-center gap-1", children: [
             overflow?.pinned,
             primary
           ] }),
@@ -22920,10 +23005,10 @@ function MatrxDataTableCore(coreProps) {
     return actionSlots;
   };
   const renderRowActions = (row, controls) => {
-    const actions = rowActions ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableIconActions, { actions: rowActions(row, controls), inline: rowActionsInline, slots: pageActionSlots() }) : null;
-    const scopedActions = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableRowControlsScope, { value: controls, children: actions });
+    const actions = rowActions ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableIconActions, { actions: rowActions(row, controls), inline: rowActionsInline, slots: pageActionSlots() }) : null;
+    const scopedActions = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableRowControlsScope, { value: controls, children: actions });
     if (!effectiveCopy || !showRowCopy) return scopedActions;
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       MatrxTableRowAlchemyProvider,
       {
         copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
@@ -22981,7 +23066,7 @@ function MatrxDataTableCore(coreProps) {
         if (value === null) return "\u2014";
         const formatted = kpi.op === "count" ? null : formatColumnValue(col, value);
         const text = formatted?.text ?? value.toLocaleString(void 0, { maximumFractionDigits: 2 });
-        return tone ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: COLUMN_TONE_CLASS[tone], children: text }) : text;
+        return tone ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: COLUMN_TONE_CLASS[tone], children: text }) : text;
       }
     }))
   );
@@ -22996,7 +23081,7 @@ function MatrxDataTableCore(coreProps) {
     ...resolveSummaryValue(summary?.source?.totals?.[id], value)
   }));
   const hasSummaryTotals = summaryTotals.length > 0;
-  const changeCount = (0, import_react45.useMemo)(() => {
+  const changeCount = (0, import_react47.useMemo)(() => {
     let n = 0;
     for (const fields of Object.values(edits)) {
       n += Object.keys(fields).length;
@@ -23049,7 +23134,7 @@ function MatrxDataTableCore(coreProps) {
     }
     expandedDetail.onExpandedIdChange(expandedDetail.expandedId === id ? null : id);
   };
-  const warnedRowWithoutPage = (0, import_react45.useRef)(false);
+  const warnedRowWithoutPage = (0, import_react47.useRef)(false);
   const openRow = (row) => {
     if (canExpandRow(row)) {
       toggleExpanded(row);
@@ -23114,7 +23199,7 @@ function MatrxDataTableCore(coreProps) {
   };
   const renderedEmptyState = (remoteQuery === null || remoteQueryUsesLocalProcessing) && data.length > 0 && hasActiveFilters ? {
     title: "No matching rows",
-    action: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
+    action: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
     icon: void 0
   } : emptyState;
   const commitCell = (rowId, field, next) => {
@@ -23202,7 +23287,7 @@ function MatrxDataTableCore(coreProps) {
     }));
     return true;
   };
-  const requestCellEditRef = (0, import_react45.useRef)(requestCellEdit);
+  const requestCellEditRef = (0, import_react47.useRef)(requestCellEdit);
   requestCellEditRef.current = requestCellEdit;
   const buildRecordControls = (row) => {
     const rowId = getRowId(row);
@@ -23229,7 +23314,7 @@ function MatrxDataTableCore(coreProps) {
   };
   const hierarchyRows = hierarchy?.rows ?? data;
   const hierarchyGetParentId = hierarchy?.getParentId;
-  const hierarchyIndex = (0, import_react45.useMemo)(() => {
+  const hierarchyIndex = (0, import_react47.useMemo)(() => {
     if (!hierarchyGetParentId) return null;
     const byId = /* @__PURE__ */ new Map();
     const parentById = /* @__PURE__ */ new Map();
@@ -23261,7 +23346,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_react45.useMemo)(() => {
+  const hierarchyBlockedIds = (0, import_react47.useMemo)(() => {
     if (!draggedRowId || !hierarchyIndex) return null;
     const childrenById = /* @__PURE__ */ new Map();
     for (const [id, parentId] of hierarchyIndex.parentById) {
@@ -23544,16 +23629,16 @@ function MatrxDataTableCore(coreProps) {
       return [];
     }
   };
-  const menuSectionsForRef = (0, import_react45.useRef)(menuSectionsFor);
+  const menuSectionsForRef = (0, import_react47.useRef)(menuSectionsFor);
   menuSectionsForRef.current = menuSectionsFor;
   const hasMenuSections = Boolean(contextMenu?.sections);
-  const boundarySections = (0, import_react45.useCallback)(
+  const boundarySections = (0, import_react47.useCallback)(
     (target) => menuSectionsForRef.current(target),
     []
   );
-  const resolveMenuLevelRef = (0, import_react45.useRef)(resolveMenuLevel);
+  const resolveMenuLevelRef = (0, import_react47.useRef)(resolveMenuLevel);
   resolveMenuLevelRef.current = resolveMenuLevel;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!host.rowContextRegistry) return;
     return host.rowContextRegistry.register(
       tableContextMenuInstanceId,
@@ -23562,20 +23647,20 @@ function MatrxDataTableCore(coreProps) {
   }, [host.rowContextRegistry, tableContextMenuInstanceId]);
   const showActionsCol = actionsColumn !== "none" && declaredActionsColumn === void 0 && (windowEnabled || Boolean(rowActions) || showInlineRowCopy);
   const actionsHeaderCount = visibleColumns.filter((column) => typeof column.header === "string" && column.header.trim().toLowerCase() === "actions").length + (showActionsCol ? 1 : 0);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (actionsHeaderCount > 1) {
       console.error(
         `[matrx-table] ${actionsHeaderCount} "Actions" columns in one table \u2014 a table has ONE actions column. Declare one customActions column headed "Actions"; the table folds copy, row actions and open-in-window into it.`
       );
     }
   }, [actionsHeaderCount]);
-  const renderWindowOpen = (row) => windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const renderWindowOpen = (row) => windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     TapTargetButtonTransparent,
     {
       "data-matrx-table-icon-action": "",
       tone: "muted",
       ariaLabel: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window",
-      icon: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PanelRightIcon, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PanelRightIcon, { "aria-hidden": true }),
+      icon: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PanelRightIcon, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PanelRightIcon, { "aria-hidden": true }),
       onClick: (e) => {
         e?.stopPropagation();
         if (windowConfig?.openOnRowClick === true) rowLatest.current.openDetail(row);
@@ -23588,14 +23673,14 @@ function MatrxDataTableCore(coreProps) {
   const getSelectionId = selection?.getSelectionId ?? getRowId;
   const selectionMatchingTotal = !selection ? void 0 : appendQuery ? processed.length === data.length ? appendQuery.pagination.totalItems : void 0 : remoteQuery ? remoteQuery.mode === "controlled" && processed.length === data.length ? Math.max(0, remoteQuery.totalItems) : void 0 : orderedRows.length;
   const allMatchingKey = JSON.stringify([selectionSourceKey, appendQueryKey, savedViewsId, selectionMatchingTotal]);
-  const [ownAllMatchingKey, setOwnAllMatchingKey] = (0, import_react45.useState)(null);
+  const [ownAllMatchingKey, setOwnAllMatchingKey] = (0, import_react47.useState)(null);
   const allMatchingControlled = selection?.allMatching !== void 0;
   const allMatching = Boolean(selection) && (selection?.selectedIds.length ?? 0) > 0 && selectionMatchingTotal !== void 0 && (allMatchingControlled ? selection?.allMatching === true : ownAllMatchingKey === allMatchingKey);
   const setAllMatching = (next) => {
     if (!allMatchingControlled) setOwnAllMatchingKey(next ? allMatchingKey : null);
     if (next !== allMatching) selection?.onAllMatchingChange?.(next);
   };
-  const selectedIdSet = (0, import_react45.useMemo)(() => {
+  const selectedIdSet = (0, import_react47.useMemo)(() => {
     const ids = new Set(selection?.selectedIds ?? []);
     if (allMatching) {
       for (const row of data) {
@@ -23612,7 +23697,7 @@ function MatrxDataTableCore(coreProps) {
   );
   const allOnPageSelected = selectableRows.length > 0 && selectedOnPage.length === selectableRows.length;
   const someOnPageSelected = selectedOnPage.length > 0 && !allOnPageSelected;
-  const selectedRows = (0, import_react45.useMemo)(() => {
+  const selectedRows = (0, import_react47.useMemo)(() => {
     const resolved = /* @__PURE__ */ new Set();
     return data.filter((row) => {
       const id = getSelectionId(row);
@@ -23622,8 +23707,8 @@ function MatrxDataTableCore(coreProps) {
     });
   }, [data, getSelectionId, selectedIdSet]);
   const selectedCopyRows = useSelectedCopyRows(data, selectedIdSet, getSelectionId, savedViewsId, selection?.scopeKey);
-  const lastToggledIndex = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
+  const lastToggledIndex = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     lastToggledIndex.current = null;
   }, [savedViewsId, selection?.scopeKey]);
   const setSelectedIds = (next) => {
@@ -23700,16 +23785,16 @@ function MatrxDataTableCore(coreProps) {
   };
   const drawsOnlyShutSections = paginated.length === 0 && !readFailure && groupedRenderRows !== null && groupedRenderRows.length > 0;
   const messageOutsideTable = slackId === void 0 && !fixedLayoutActive && !fitActive && !isLoading && !drillGrouped && (Boolean(readFailure) || paginated.length === 0 && !drawsOnlyShutSections);
-  const tableMessage = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const tableMessage = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       "data-matrx-table-empty-state": readFailure ? void 0 : "",
       className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4",
       style: { width: "100cqw", maxWidth: "100%" },
-      children: readFailure ?? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      children: readFailure ?? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
         renderedEmptyState?.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-        renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+        renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
         renderedEmptyState?.action
       ] })
     }
@@ -23725,7 +23810,7 @@ function MatrxDataTableCore(coreProps) {
       }
     } : facet
   ) : toolbar?.facets;
-  const rowLatest = (0, import_react45.useRef)(null);
+  const rowLatest = (0, import_react47.useRef)(null);
   const renderRecordCell = (row, col, index, suppliedControls) => {
     const id = getRowId(row);
     const field = col.accessorKey ? String(col.accessorKey) : columnId(col);
@@ -23733,10 +23818,10 @@ function MatrxDataTableCore(coreProps) {
     const displayRow = applyRowEdits(row, rowEdits);
     if (col.customActions) {
       const controls = suppliedControls ?? liveRecordControls(displayRow);
-      const content = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableRowControlsScope, { value: controls, children: col.customActions(displayRow, controls) });
+      const content = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableRowControlsScope, { value: controls, children: col.customActions(displayRow, controls) });
       const copyHere = rowCopyInCustomColumn && effectiveCopy && menuActionsColumn !== void 0 && columnId(col) === columnId(menuActionsColumn);
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { "data-matrx-table-custom-actions": true, "data-matrx-cell-control": true, className: cn("inline-flex items-center justify-end gap-0", compactRows && "[&_button]:h-6 [&_button]:min-h-6"), onClick: (event) => event.stopPropagation(), children: [
-        copyHere && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-custom-actions": true, "data-matrx-cell-control": true, className: cn("inline-flex items-center justify-end gap-0", compactRows && "[&_button]:h-6 [&_button]:min-h-6"), onClick: (event) => event.stopPropagation(), children: [
+        copyHere && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           TableRowCopyControl,
           {
             size: "toolbar",
@@ -23746,7 +23831,7 @@ function MatrxDataTableCore(coreProps) {
             ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
           }
         ) : null,
-        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           MatrxTableRowAlchemyProvider,
           {
             copy: tableRowCopyProps(effectiveCopy, displayRow, `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
@@ -23755,7 +23840,7 @@ function MatrxDataTableCore(coreProps) {
             children: content
           }
         ) : content,
-        declaredActionsColumn !== void 0 && columnId(col) === columnId(declaredActionsColumn) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+        declaredActionsColumn !== void 0 && columnId(col) === columnId(declaredActionsColumn) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
           renderRowActions(displayRow, controls),
           renderWindowOpen(row)
         ] }) : null
@@ -23764,7 +23849,7 @@ function MatrxDataTableCore(coreProps) {
     const display = renderCell(displayRow, col, index);
     const href = col.href?.(row) ?? void 0;
     if (editEnabled && col.editable && (col.editableIf?.(row) ?? true)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         EditableTableCell,
         {
           value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -23791,7 +23876,7 @@ function MatrxDataTableCore(coreProps) {
         }
       );
     }
-    return href ? /* @__PURE__ */ (0, import_jsx_runtime68.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;
+    return href ? /* @__PURE__ */ (0, import_jsx_runtime69.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 recordFieldColumns = columns.filter((col) => !col.customActions);
   const recordFieldLabel = (col) => col.label ?? (typeof col.header === "string" ? col.header : (0, import_text_case2.displayLabel)(void 0, columnId(col)));
@@ -23807,7 +23892,7 @@ function MatrxDataTableCore(coreProps) {
         ...col.accessorKey !== void 0 || col.accessorFn !== void 0 ? { value: getCellValue(displayRow, col) } : {},
         render: () => {
           const display = renderCell(displayRow, col, 0);
-          return href ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Link, { href, className: "min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
+          return href ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Link, { href, className: "min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
         }
       };
     });
@@ -23822,8 +23907,8 @@ function MatrxDataTableCore(coreProps) {
     const rowHref = getRowHref?.(row);
     if (!rowHref) return null;
     const href = carryTableView(rowHref);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         Link,
         {
           href,
@@ -23831,13 +23916,13 @@ function MatrxDataTableCore(coreProps) {
           "data-matrx-record-page-door": true,
           "aria-label": "Open full page",
           className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Maximize2Icon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Maximize2Icon, { className: "h-4 w-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "Open full page" })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "Open full page" })
     ] });
   };
-  const currentViewSnapshot = (0, import_react45.useMemo)(
+  const currentViewSnapshot = (0, import_react47.useMemo)(
     () => ({
       __kind: "matrx-table-view",
       version: 1,
@@ -23877,7 +23962,7 @@ function MatrxDataTableCore(coreProps) {
   const controlledDefaultState = controlledQuery?.defaultState ?? mountedControlledState;
   const declaredDefaultSort = urlState ? urlState.defaultSort ?? null : controlledDefaultState ? controlledDefaultState.sort ?? null : defaultSort;
   const declaredDefaultPageSize = controlledDefaultState?.pageSize ?? defaultPageSize;
-  const declaredDefaultViewSnapshot = (0, import_react45.useMemo)(
+  const declaredDefaultViewSnapshot = (0, import_react47.useMemo)(
     () => defaultViewSnapshot ?? {
       __kind: "matrx-table-view",
       version: 1,
@@ -23896,7 +23981,7 @@ function MatrxDataTableCore(coreProps) {
     },
     [columns, declaredDefaultPageSize, declaredDefaultSort, defaultViewSnapshot, viewFilters]
   );
-  const applySavedView = (0, import_react45.useCallback)(
+  const applySavedView = (0, import_react47.useCallback)(
     (rawSnapshot) => {
       const snapshot = parseTableViewSnapshot(rawSnapshot);
       if (!snapshot) {
@@ -24073,7 +24158,7 @@ function MatrxDataTableCore(coreProps) {
   ];
   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_react45.useRef)(null);
+  const rowDrawings = (0, import_react47.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 };
@@ -24257,7 +24342,7 @@ function MatrxDataTableCore(coreProps) {
     });
     const canHoverFrozenCell = background.frozenHover;
     const frozenRowBackgroundClass = background.frozen;
-    const rowNode = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    const rowNode = /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "tr",
       {
         "data-row-id": id,
@@ -24286,7 +24371,7 @@ function MatrxDataTableCore(coreProps) {
           background.row
         ),
         children: [
-          selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "td",
             {
               className: cn(
@@ -24304,7 +24389,7 @@ function MatrxDataTableCore(coreProps) {
               ),
               style: fixedUtilityWidth(selectionColumnWidth),
               onClick: (e) => e.stopPropagation(),
-              children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+              children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "div",
                 {
                   "data-matrx-table-selection-target": true,
@@ -24313,7 +24398,7 @@ function MatrxDataTableCore(coreProps) {
                       event.currentTarget.querySelector('[role="checkbox"]')?.click();
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     Checkbox,
                     {
                       className: CHECKBOX_TAP_AREA,
@@ -24326,7 +24411,7 @@ function MatrxDataTableCore(coreProps) {
               ) : null
             }
           ) : null,
-          columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "td",
             {
               "aria-hidden": "true",
@@ -24347,7 +24432,7 @@ function MatrxDataTableCore(coreProps) {
               columnId(col)
             );
             const cellTone = col.tone?.(row);
-            return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
               "td",
               {
                 "data-matrx-table-column-id": columnId(col),
@@ -24423,14 +24508,14 @@ function MatrxDataTableCore(coreProps) {
                   ...frozenStyle(columnId(col))
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                     "div",
                     {
                       className: cn(
                         colIdx === 0 && (hierarchy || canExpandRow(row)) && "flex min-w-0 items-center"
                       ),
                       children: [
-                        colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           HierarchyDragHandle,
                           {
                             id,
@@ -24438,8 +24523,8 @@ function MatrxDataTableCore(coreProps) {
                             disabled: !(hierarchy.canReparent?.(row) ?? true)
                           }
                         ) : null,
-                        colIdx === 0 && canExpandRow(row) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        colIdx === 0 && canExpandRow(row) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button,
                             {
                               type: "button",
@@ -24459,7 +24544,7 @@ function MatrxDataTableCore(coreProps) {
                                 event.stopPropagation();
                                 rowLatest.current.toggleExpanded(row);
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                 ChevronRightIcon,
                                 {
                                   className: cn(
@@ -24470,9 +24555,9 @@ function MatrxDataTableCore(coreProps) {
                               )
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: isRowExpanded(row) ? "Collapse details" : "Expand details" })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: isRowExpanded(row) ? "Collapse details" : "Expand details" })
                         ] }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           "div",
                           {
                             "data-matrx-cell-content": true,
@@ -24484,7 +24569,7 @@ function MatrxDataTableCore(coreProps) {
                       ]
                     }
                   ),
-                  carriesFillHandle ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  carriesFillHandle ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "button",
                     {
                       type: "button",
@@ -24499,7 +24584,7 @@ function MatrxDataTableCore(coreProps) {
               columnId(col)
             );
           }),
-          columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "td",
             {
               "aria-hidden": "true",
@@ -24509,7 +24594,7 @@ function MatrxDataTableCore(coreProps) {
             },
             "matrx-column-spacer-end"
           ) : null,
-          showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "td",
             {
               "data-matrx-table-row-action-cell": true,
@@ -24526,7 +24611,7 @@ function MatrxDataTableCore(coreProps) {
                 canHoverFrozenCell && "sm:group-hover/matrx-row:bg-[color-mix(in_oklab,var(--color-muted)_50%,var(--color-card))]"
               ),
               style: fixedUtilityWidth(actionsColumnWidth),
-              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                 "div",
                 {
                   "data-matrx-table-row-actions": true,
@@ -24536,7 +24621,7 @@ function MatrxDataTableCore(coreProps) {
                   ),
                   onClick: (e) => e.stopPropagation(),
                   children: [
-                    showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       TableRowCopyControl,
                       {
                         size: "toolbar",
@@ -24558,12 +24643,12 @@ function MatrxDataTableCore(coreProps) {
       id
     );
     const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-    const inlineDetail = expandedDetail && isRowExpanded(row) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    const inlineDetail = expandedDetail && isRowExpanded(row) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "tr",
       {
         "data-matrx-table-expanded-detail": id,
         className: cn("bg-muted/20", expandedDetail.className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "td",
           {
             colSpan: renderedColSpan,
@@ -24574,8 +24659,8 @@ function MatrxDataTableCore(coreProps) {
       },
       `${id}:expanded-detail`
     ) : null;
-    return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react45.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react47.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         HierarchyDroppableRow,
         {
           id,
@@ -24584,18 +24669,18 @@ function MatrxDataTableCore(coreProps) {
         }
       ),
       inlineDetail
-    ] }, id) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react45.Fragment, { children: [
+    ] }, id) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react47.Fragment, { children: [
       wrappedRow,
       inlineDetail
     ] }, id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     ContextMenuBoundary,
     {
       label: tableId ?? "Data table",
       ...hasMenuSections ? { sections: boundarySections } : {},
       ...contextMenu?.designedMenu ? { designedMenu: true } : {},
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
         import_core4.DndContext,
         {
           id: tableDndContextId,
@@ -24684,8 +24769,8 @@ function MatrxDataTableCore(coreProps) {
             commitColumnState(order, effectiveHiddenColumnIds);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DragCursorMonitor, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DragCursorMonitor, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
               "div",
               {
                 ref: rootRef,
@@ -24698,16 +24783,18 @@ function MatrxDataTableCore(coreProps) {
                 "data-url-state-table": urlState?.id,
                 "data-matrx-table-appearance": appearance,
                 "data-matrx-table-embedded": embedded || void 0,
+                style: { "--matrx-table-row-height": `${explicitRowHeight ?? densityRowHeight}px` },
                 className: cn(
                   "flex h-full min-h-0 flex-col gap-2 px-0 pt-2 pb-0",
                   embedded && "h-auto gap-0 pt-0",
                   className
                 ),
                 children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MultilineRowMarker, {}),
                   notice,
-                  savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBox, { className: "shrink-0 text-xs text-destructive-ink", message: savedViewError, operation: "Save or apply a saved view", origin: "design-system/MatrxDataTable" }) : null,
-                  toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBox, { className: "shrink-0 text-xs text-destructive-ink", message: toolbarActionError, operation: "Run a table toolbar action", origin: "design-system/MatrxDataTable" }) : null,
-                  summaryMetrics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBox, { className: "shrink-0 text-xs text-destructive-ink", message: savedViewError, operation: "Save or apply a saved view", origin: "design-system/MatrxDataTable" }) : null,
+                  toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBox, { className: "shrink-0 text-xs text-destructive-ink", message: toolbarActionError, operation: "Run a table toolbar action", origin: "design-system/MatrxDataTable" }) : null,
+                  summaryMetrics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "section",
                     {
                       "data-matrx-table-summary": true,
@@ -24719,34 +24806,34 @@ function MatrxDataTableCore(coreProps) {
                         "w-full min-w-0 shrink-0",
                         summary?.variant === "large" ? "grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-3" : "flex flex-nowrap items-stretch gap-3 overflow-x-auto overscroll-x-contain"
                       ),
-                      children: summaryMetrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { "data-matrx-table-summary-card": true, title: metric.description || void 0, className: cn("min-w-0 whitespace-nowrap rounded-md border border-border bg-card shadow-xs", summary?.variant === "large" ? "px-4 py-3" : "shrink-0 min-w-24 px-3.5 py-2.5"), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "truncate text-sm font-medium text-muted-foreground", children: metric.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cn("truncate font-semibold tabular-nums text-foreground", summary?.variant === "large" ? "mt-1 text-xl" : "mt-0.5 text-sm"), children: [
+                      children: summaryMetrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-summary-card": true, title: metric.description || void 0, className: cn("min-w-0 whitespace-nowrap rounded-md border border-border bg-card shadow-xs", summary?.variant === "large" ? "px-4 py-3" : "shrink-0 min-w-24 px-3.5 py-2.5"), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "truncate text-sm font-medium text-muted-foreground", children: metric.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn("truncate font-semibold tabular-nums text-foreground", summary?.variant === "large" ? "mt-1 text-xl" : "mt-0.5 text-sm"), children: [
                           metric.value,
-                          metric.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBox, { as: "span", className: "sr-only", message: `${metric.label} is unavailable`, operation: "Summarize this table", origin: "design-system/MatrxDataTable" }) : null
+                          metric.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBox, { as: "span", className: "sr-only", message: `${metric.label} is unavailable`, operation: "Summarize this table", origin: "design-system/MatrxDataTable" }) : null
                         ] }),
-                        summary?.hints === "shown" && metric.description ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-matrx-table-summary-description": true, className: "mt-1 truncate text-xs font-normal text-muted-foreground", children: metric.description }) : null
+                        summary?.hints === "shown" && metric.description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-table-summary-description": true, className: "mt-1 truncate text-xs font-normal text-muted-foreground", children: metric.description }) : null
                       ] }, metric.id))
                     }
                   ) : null,
-                  scopeBar ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableScopeBar, { ...scopeBar }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableChrome, { part: "toolbar", epoch: toolbarEpoch, render: () => {
-                    const tabsNode = viewTabs && viewTabsStore ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applyLatestSavedView, related: relatedTableActions, ...viewTabsStore ? { store: viewTabsStore } : {} }, savedViewsId ?? "table") : viewTabs && savedViewsId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SavedViews, { tableId: savedViewsId, snapshot: currentViewSnapshot, defaultSnapshot: declaredDefaultViewSnapshot, onApply: applyLatestSavedView, presentation: "tabs", related: relatedTableActions }) : void 0;
+                  scopeBar ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableScopeBar, { ...scopeBar }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableChrome, { part: "toolbar", epoch: toolbarEpoch, render: () => {
+                    const tabsNode = viewTabs && viewTabsStore ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applyLatestSavedView, related: relatedTableActions, ...viewTabsStore ? { store: viewTabsStore } : {} }, savedViewsId ?? "table") : viewTabs && savedViewsId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SavedViews, { tableId: savedViewsId, snapshot: currentViewSnapshot, defaultSnapshot: declaredDefaultViewSnapshot, onApply: applyLatestSavedView, presentation: "tabs", related: relatedTableActions }) : void 0;
                     const tabsPlaced = Boolean(toolbar && "tabsPortalInto" in toolbar);
                     const tabsTarget = toolbar && "tabsPortalInto" in toolbar ? toolbar.tabsPortalInto : null;
-                    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+                    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
                       tabsPlaced && tabsTarget && tabsNode && !hideToolbar ? (0, import_react_dom2.createPortal)(
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ...macPortalAttrs, "data-matrx-table-toolbar-tabs": "", "data-matrx-table-tabs-placed": "", className: "flex min-w-0 max-w-full [&_[data-matrx-table-tabs]]:min-w-0 [&_[data-matrx-table-tabs]]:shrink [&_[data-matrx-table-tabs]]:border-b-0", children: tabsNode }),
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ...macPortalAttrs, "data-matrx-table-toolbar-tabs": "", "data-matrx-table-tabs-placed": "", className: "flex min-w-0 max-w-full [&_[data-matrx-table-tabs]]:min-w-0 [&_[data-matrx-table-tabs]]:shrink [&_[data-matrx-table-tabs]]:border-b-0", children: tabsNode }),
                         tabsTarget
                       ) : null,
-                      placeToolbar(!hideToolbar && (showViewTabs || toolbar?.title || toolbar?.titleCount || showSearch || toolbar?.customSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || savedViewsId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                      placeToolbar(!hideToolbar && (showViewTabs || toolbar?.title || toolbar?.titleCount || showSearch || toolbar?.customSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || savedViewsId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                         TableTitleRow,
                         {
                           ...toolbar?.singleRow ? { singleRow: true } : {},
                           tabs: tabsPlaced ? void 0 : tabsNode,
                           ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                           ...toolbar?.titleCount === void 0 ? {} : { count: toolbar.titleCount },
-                          context: savedViewsId && SavedViews && !viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          context: savedViewsId && SavedViews && !viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             SavedViews,
                             {
                               tableId: savedViewsId,
@@ -24755,7 +24842,7 @@ function MatrxDataTableCore(coreProps) {
                               onApply: applyLatestSavedView
                             }
                           ) }) : void 0,
-                          search: (toolbarSearch.node = toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          search: (toolbarSearch.node = toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             TableSearch,
                             {
                               value: searchValue,
@@ -24765,7 +24852,7 @@ function MatrxDataTableCore(coreProps) {
                               scopes: intelligentSearchScopes,
                               ...toolbar?.searchPlaceholder === void 0 ? {} : { placeholder: toolbar.searchPlaceholder }
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                             "div",
                             {
                               "data-matrx-table-search": true,
@@ -24774,7 +24861,7 @@ function MatrxDataTableCore(coreProps) {
                                 toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   SearchField,
                                   {
                                     value: searchValue,
@@ -24782,15 +24869,15 @@ function MatrxDataTableCore(coreProps) {
                                     placeholder: toolbar?.searchPlaceholder ?? "Search\u2026",
                                     "aria-label": (toolbar?.searchPlaceholder ?? "Search").replace(/[….]+$/, "") || "Search table",
                                     className: "min-w-0 flex-1",
-                                    end: searchValue ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", "aria-label": "Clear search", title: "Clear search", onClick: () => setSearchValue(""), children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(XIcon, { "aria-hidden": "true" }) }) : void 0
+                                    end: searchValue ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", "aria-label": "Clear search", title: "Clear search", onClick: () => setSearchValue(""), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(XIcon, { "aria-hidden": "true" }) }) : void 0
                                   }
                                 ),
-                                toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     Button2,
                                     {
                                       variant: searchMatchMode === "whole_words" ? "primary" : "outline",
-                                      icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(WholeWord, { "aria-hidden": "true" }),
+                                      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(WholeWord, { "aria-hidden": "true" }),
                                       "aria-pressed": searchMatchMode === "whole_words",
                                       "aria-label": `Search match: ${searchMatchMode === "whole_words" ? "whole words" : "contains text"}`,
                                       onClick: () => setSearchMatchMode(
@@ -24799,13 +24886,13 @@ function MatrxDataTableCore(coreProps) {
                                       children: searchMatchMode === "whole_words" ? "Whole words" : "Contains"
                                     }
                                   ) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
                                 ] }) : null
                               ]
                             }
                           ) : null), pinnedFolded && pinnedRowActive ? void 0 : toolbarSearch.node),
                           children: [
-                            toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               LayeredFilterBuilder,
                               {
                                 fields: toolbar.layeredFilters.fields,
@@ -24815,9 +24902,9 @@ function MatrxDataTableCore(coreProps) {
                                 label: toolbar.layeredFilters.label
                               }
                             ) : null,
-                            toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative w-full max-w-xs", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SearchIcon, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative w-full max-w-xs", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SearchIcon, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                 Input,
                                 {
                                   value: anyOfValue,
@@ -24827,22 +24914,22 @@ function MatrxDataTableCore(coreProps) {
                                   style: { fontSize: "16px" }
                                 }
                               ),
-                              anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                              anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   "button",
                                   {
                                     type: "button",
                                     "aria-label": "Clear match-any search",
                                     className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
                                     onClick: () => setAnyOfValue(""),
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(XIcon, { className: "h-5 w-5" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(XIcon, { className: "h-5 w-5" })
                                   }
                                 ) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "Clear match-any search" })
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "Clear match-any search" })
                               ] }) : null
                             ] }) : null,
-                            renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
-                            toolbar?.leading ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
+                            toolbar?.leading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               "div",
                               {
                                 "data-matrx-table-toolbar-extras": true,
@@ -24850,7 +24937,7 @@ function MatrxDataTableCore(coreProps) {
                                 children: toolbar.leading
                               }
                             ) : null,
-                            drill && !drillOwnRow && (drill.question.where.length > 0 || drillIsPeriodWindow(drill.question.window) || (drill.base?.length ?? 0) > 0) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            drill && !drillOwnRow && (drill.question.where.length > 0 || drillIsPeriodWindow(drill.question.window) || (drill.base?.length ?? 0) > 0) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               MatrxDrillTrail,
                               {
                                 base: drill.base,
@@ -24867,7 +24954,7 @@ function MatrxDataTableCore(coreProps) {
                                 className: "max-w-full"
                               }
                             ) : null,
-                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                               "div",
                               {
                                 "data-matrx-table-actions": true,
@@ -24876,8 +24963,8 @@ function MatrxDataTableCore(coreProps) {
                                   toolbar?.singleRow ? "shrink-0 flex-nowrap" : "flex-wrap"
                                 ),
                                 children: [
-                                  toolbar?.singleRow && coverageResult && coverageResult.notice ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                  toolbar?.singleRow && coverageResult && coverageResult.notice ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                       "span",
                                       {
                                         "data-matrx-table-coverage": true,
@@ -24887,28 +24974,28 @@ function MatrxDataTableCore(coreProps) {
                                         className: "mr-1 inline-flex shrink-0 items-center whitespace-nowrap rounded-md border border-amber-300/70 bg-amber-50 px-2 py-0.5 text-[11px] font-semibold text-amber-900 dark:border-amber-500/40 dark:bg-amber-950/40 dark:text-amber-200",
                                         children: [
                                           coverageResult.badge,
-                                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "sr-only", children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "sr-only", children: [
                                             ": ",
                                             coverageResult.notice
                                           ] })
                                         ]
                                       }
                                     ) }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { className: "max-w-xs", children: coverageResult.notice })
+                                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { className: "max-w-xs", children: coverageResult.notice })
                                   ] }) : null,
-                                  renderToolbarControls(/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-                                    hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  renderToolbarControls(/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                                    hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
                                         ariaLabel: "Clear all filters",
                                         tooltip: "Clear search and filters; keep columns and sort",
                                         onClick: clearAllFilters,
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Eraser, {})
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Eraser, {})
                                       }
                                     ) : null,
-                                    drill ? drillOwnRow ? null : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-                                      drill.windowDimension ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    drill ? drillOwnRow ? null : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                                      drill.windowDimension ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         MatrxDrillWindowMenu,
                                         {
                                           question: drill.question,
@@ -24916,7 +25003,7 @@ function MatrxDataTableCore(coreProps) {
                                           dimensionLabel: drill.dimensions.find((d) => d.key === drill.windowDimension)?.label ?? drill.windowDimension
                                         }
                                       ) : null,
-                                      drillGrouped ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      drillGrouped ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         MatrxDrillMeasurePicker,
                                         {
                                           measures: drill.measures,
@@ -24924,7 +25011,7 @@ function MatrxDataTableCore(coreProps) {
                                           onQuestionChange: drill.onQuestionChange
                                         }
                                       ) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         MatrxDrillGroupByMenu,
                                         {
                                           dimensions: drill.dimensions,
@@ -24935,8 +25022,8 @@ function MatrxDataTableCore(coreProps) {
                                     ] }) : grouping?.onColumnIdChange ? (
                                       // The shared Select (playground review A): the same 28px capsule as every
                                       // other control in the row, never a second select with its own padding.
-                                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { "data-matrx-table-group-by": "", className: "inline-flex", children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { "data-matrx-table-group-by": "", className: "inline-flex", children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           Select2,
                                           {
                                             "aria-label": "Group rows by a column",
@@ -24956,7 +25043,7 @@ function MatrxDataTableCore(coreProps) {
                                           const chosen = grouping.thenColumnIds ?? [];
                                           if (at2 > chosen.length) return null;
                                           const taken = /* @__PURE__ */ new Set([groupingColumnId, ...chosen.filter((_, i) => i !== at2)]);
-                                          return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                          return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                             Select2,
                                             {
                                               "aria-label": `Then group rows by a column (level ${at2 + 2})`,
@@ -24981,17 +25068,17 @@ function MatrxDataTableCore(coreProps) {
                                         }) : null
                                       ] })
                                     ) : null,
-                                    columns.length > 0 && toolbar?.columns !== false ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    columns.length > 0 && toolbar?.columns !== false ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
                                         ariaLabel: "Columns",
                                         tooltip: "Show, hide, or reorder columns",
                                         onClick: () => setColumnManagerOpen(true),
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlidersHorizontal, {})
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SlidersHorizontal, {})
                                       }
                                     ) : null,
-                                    toolbar?.refresh ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    toolbar?.refresh ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
@@ -25013,10 +25100,10 @@ function MatrxDataTableCore(coreProps) {
                                             setToolbarActionPending((current) => ({ ...current, refresh: false }));
                                           });
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
                                       }
                                     ) : null,
-                                    toolbar?.add ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    toolbar?.add ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
@@ -25038,11 +25125,11 @@ function MatrxDataTableCore(coreProps) {
                                             setToolbarActionPending((current) => ({ ...current, add: false }));
                                           });
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlusIcon, {})
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlusIcon, {})
                                       }
                                     ) : null,
                                     toolbar?.actions
-                                  ] }), showToolbarCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToolbarListedLabel, { label: "Copy or export", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  ] }), showToolbarCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToolbarListedLabel, { label: "Copy or export", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     CopyButtons,
                                     {
                                       size: "toolbar",
@@ -25103,9 +25190,9 @@ function MatrxDataTableCore(coreProps) {
                       ))
                     ] });
                   } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-                    drill && drillOwnRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxDrillBar, { drill, answers: drillAnswers, rowNoun: grouping?.rowNoun }) : null,
-                    coverageResult && coverageResult.notice && !toolbar?.singleRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
+                    drill && drillOwnRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxDrillBar, { drill, answers: drillAnswers, rowNoun: grouping?.rowNoun }) : null,
+                    coverageResult && coverageResult.notice && !toolbar?.singleRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                       "div",
                       {
                         "data-matrx-table-coverage": true,
@@ -25113,14 +25200,14 @@ function MatrxDataTableCore(coreProps) {
                         role: "status",
                         className: "flex shrink-0 items-start gap-2 rounded-md border border-amber-300/70 bg-amber-50 px-3 py-2 text-xs text-amber-900 dark:border-amber-500/40 dark:bg-amber-950/40 dark:text-amber-200",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "shrink-0 whitespace-nowrap font-semibold", children: coverageResult.badge }),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "min-w-0", children: coverageResult.notice })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "shrink-0 whitespace-nowrap font-semibold", children: coverageResult.badge }),
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "min-w-0", children: coverageResult.notice })
                         ]
                       }
                     ) : null,
-                    readView.stale ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StaleNoticeView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { "data-matrx-table-scroll-frame": "", className: cn("relative min-h-0", frameHeight === "content" ? "flex flex-initial flex-col" : "flex-1"), children: [
-                      mobileCards && cardsMounted ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                    readView.stale ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(StaleNoticeView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-scroll-frame": "", className: cn("relative min-h-0", frameHeight === "content" ? "flex flex-initial flex-col" : "flex-1"), children: [
+                      mobileCards && cardsMounted ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                         "div",
                         {
                           ref: cardsScrollRef,
@@ -25138,36 +25225,36 @@ function MatrxDataTableCore(coreProps) {
                             mobileCardsClass
                           ),
                           children: [
-                            isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                               "div",
                               {
                                 role: "status",
                                 className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 overflow-hidden bg-primary/15",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                                 ]
                               }
                             ) : null,
-                            isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               Skeleton,
                               {
                                 className: "col-span-full h-52 w-full shrink-0 rounded-lg"
                               },
                               `mobile-card-sk-${index}`
-                            )) : readFailure ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: readFailure }) : paginated.length === 0 && !drawsOnlyShutSections ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                            )) : readFailure ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: readFailure }) : paginated.length === 0 && !drawsOnlyShutSections ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                               renderedEmptyState?.icon,
-                              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                              renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                              renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
                               renderedEmptyState?.action
-                            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-                              effectiveCardWindow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-matrx-cards-pad": "start", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padStart } }) : null,
+                            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                              effectiveCardWindow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-cards-pad": "start", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padStart } }) : null,
                               ((rows) => effectiveCardWindow ? rows.slice(effectiveCardWindow.start, effectiveCardWindow.end) : rows)(
                                 groupedRenderRows ?? paginated.map((row, dataIndex) => ({ kind: "row", row, dataIndex }))
                               ).map((entry) => {
                                 if (entry.kind === "group") {
                                   const count = entry.group.rows.length;
-                                  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     MatrxTableGroupCardHeader,
                                     {
                                       groupKey: entry.group.key,
@@ -25188,7 +25275,7 @@ function MatrxDataTableCore(coreProps) {
                                 const displayRow = applyRowEdits(row, edits[id]);
                                 const controls = buildRecordControls(displayRow);
                                 const selectable = selection?.isRowSelectable?.(row) ?? Boolean(selection);
-                                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-row-id": id, "data-matrx-row-tint": rowTintColor(row, id) ?? void 0, className: "contents", children: mobileCards(displayRow, index, {
+                                return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-row-id": id, "data-matrx-row-tint": rowTintColor(row, id) ?? void 0, className: "contents", children: mobileCards(displayRow, index, {
                                   renderCell: (columnKey) => {
                                     const column = columns.find((candidate) => columnId(candidate) === columnKey);
                                     return column ? renderRecordCell(row, column, index, controls) : null;
@@ -25205,14 +25292,14 @@ function MatrxDataTableCore(coreProps) {
                                     else next.delete(selectionId);
                                     setSelectedIds(next);
                                   },
-                                  actions: showInlineRowCopy || rowActions || visibleColumns.some((column) => column.customActions) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                  actions: showInlineRowCopy || rowActions || visibleColumns.some((column) => column.customActions) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                     "div",
                                     {
                                       "data-matrx-table-row-actions": true,
                                       className: "inline-flex items-center justify-end gap-0",
                                       onClick: (event) => event.stopPropagation(),
                                       children: [
-                                        showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                        showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           TableRowCopyControl,
                                           {
                                             size: "toolbar",
@@ -25223,7 +25310,7 @@ function MatrxDataTableCore(coreProps) {
                                           }
                                         ) : null,
                                         renderRowActions(displayRow, controls),
-                                        visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react45.Fragment, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
+                                        visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.Fragment, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
                                       ]
                                     }
                                   ) : null,
@@ -25235,9 +25322,9 @@ function MatrxDataTableCore(coreProps) {
                                   expandedDetail: expandedDetail && isRowExpanded(row) ? expandedDetail.render(displayRow, controls) : null
                                 }) }, id);
                               }),
-                              effectiveCardWindow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-matrx-cards-pad": "end", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padEnd } }) : null
+                              effectiveCardWindow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-cards-pad": "end", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padEnd } }) : null
                             ] }),
-                            appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                               "div",
                               {
                                 "data-matrx-table-append-loading-card": true,
@@ -25245,7 +25332,7 @@ function MatrxDataTableCore(coreProps) {
                                 "aria-live": "polite",
                                 className: "sticky bottom-0 z-20 col-span-full flex h-16 w-full max-w-[100cqw] shrink-0 items-center justify-center gap-2 rounded-md border border-border bg-card/95 px-3 text-sm font-medium text-foreground shadow-sm backdrop-blur-sm",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     Loader2Icon,
                                     {
                                       "aria-hidden": "true",
@@ -25259,7 +25346,7 @@ function MatrxDataTableCore(coreProps) {
                           ]
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                         "div",
                         {
                           ref: scrollRef,
@@ -25303,34 +25390,34 @@ function MatrxDataTableCore(coreProps) {
                             tableClassName
                           ),
                           children: [
-                            spreadsheetEnabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("textarea", { ...sheet.typeCatcherProps }) : null,
-                            hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            spreadsheetEnabled ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("textarea", { ...sheet.typeCatcherProps }) : null,
+                            hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               HierarchyRootDropTarget,
                               {
                                 label: hierarchy.rootDropLabel ?? "Drop here to move to the top level",
                                 draggedLabel: hierarchy.itemLabel?.(draggedRow) ?? "Moving row"
                               }
                             ) : null,
-                            hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               HierarchyDragIndicatorLayer,
                               {
                                 scrollRef,
                                 resolve: resolveHierarchyMove
                               }
                             ) : null,
-                            isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                               "div",
                               {
                                 role: "status",
                                 "data-matrx-table-refreshing": "",
                                 className: "pointer-events-none sticky inset-x-0 top-0 z-40 -mb-0.5 block h-0.5 overflow-hidden bg-primary/15",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                                 ]
                               }
                             ) : null,
-                            drillGrouped && drill ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            drillGrouped && drill ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               MatrxDrillAnswerTable,
                               {
                                 dimensions: drill.dimensions,
@@ -25347,7 +25434,7 @@ function MatrxDataTableCore(coreProps) {
                                 cross: drill.cross,
                                 look
                               }
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                               "table",
                               {
                                 ref: tableRef,
@@ -25373,7 +25460,7 @@ function MatrxDataTableCore(coreProps) {
                                 "data-matrx-table-fit": fitActive ? "" : void 0,
                                 "data-matrx-table-fit-grow": fitActive && fitTableWidth !== void 0 ? "" : void 0,
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableChrome, { part: "header", epoch: headerEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableChrome, { part: "header", epoch: headerEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     "thead",
                                     {
                                       ref: tableHeaderRef,
@@ -25391,8 +25478,8 @@ function MatrxDataTableCore(coreProps) {
                                         embedded && "bg-card/95 shadow-none",
                                         stickyHeader && (documentStickyHeader ? "relative translate-y-[var(--matrx-document-sticky-offset)]" : "sticky top-0")
                                       ),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tr", { children: [
-                                        selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { children: [
+                                        selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           "th",
                                           {
                                             "data-matrx-table-selection-column": true,
@@ -25402,7 +25489,7 @@ function MatrxDataTableCore(coreProps) {
                                               embedded && "sm:bg-card max-sm:bg-card"
                                             ),
                                             style: fixedUtilityWidth(selectionColumnWidth),
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                               "div",
                                               {
                                                 "data-matrx-table-selection-target": true,
@@ -25411,7 +25498,7 @@ function MatrxDataTableCore(coreProps) {
                                                     event.currentTarget.querySelector('[role="checkbox"]')?.click();
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                   Checkbox,
                                                   {
                                                     className: CHECKBOX_TAP_AREA,
@@ -25425,7 +25512,7 @@ function MatrxDataTableCore(coreProps) {
                                             )
                                           }
                                         ) : null,
-                                        columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                        columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           "th",
                                           {
                                             "aria-hidden": "true",
@@ -25450,7 +25537,7 @@ function MatrxDataTableCore(coreProps) {
                                           const compact2 = col.compact || marker !== void 0;
                                           const width = marker && col.width === void 0 ? 40 : col.width;
                                           const minWidth = marker && col.minWidth === void 0 ? 40 : col.minWidth;
-                                          return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                          return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                             "th",
                                             {
                                               "data-matrx-table-column-id": id,
@@ -25505,7 +25592,7 @@ function MatrxDataTableCore(coreProps) {
                                                 ...frozenStyle(id)
                                               },
                                               children: [
-                                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns && col.reorderable !== false, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns && col.reorderable !== false, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                   ColumnHeaderCell,
                                                   {
                                                     label: col.header,
@@ -25564,7 +25651,7 @@ function MatrxDataTableCore(coreProps) {
                                                     MenuIcon: host.MenuIcon
                                                   }
                                                 ) }),
-                                                columnResizable ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                                columnResizable ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                   ColumnResizeHandle,
                                                   {
                                                     columnId: id,
@@ -25583,7 +25670,7 @@ function MatrxDataTableCore(coreProps) {
                                             id
                                           );
                                         }),
-                                        columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                        columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           "th",
                                           {
                                             "aria-hidden": "true",
@@ -25593,7 +25680,7 @@ function MatrxDataTableCore(coreProps) {
                                           },
                                           "matrx-column-spacer-end"
                                         ) : null,
-                                        showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                        showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           "th",
                                           {
                                             "data-matrx-table-actions-column": true,
@@ -25605,40 +25692,40 @@ function MatrxDataTableCore(coreProps) {
                                               embedded && "sm:bg-card"
                                             ),
                                             style: fixedUtilityWidth(actionsColumnWidth),
-                                            children: compact && !(toolbar && "portalInto" in toolbar) && !(tableCard && embedded) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                            children: compact && !(toolbar && "portalInto" in toolbar) && !(tableCard && embedded) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                               "span",
                                               {
                                                 ref: setCompactToolbarSlot,
                                                 "data-matrx-table-compact-controls": "",
                                                 className: "inline-flex items-center justify-center normal-case tracking-normal"
                                               }
-                                            ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "data-matrx-table-actions-label": true, className: "inline-block whitespace-nowrap", children: "Actions" })
+                                            ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-matrx-table-actions-label": true, className: "inline-block whitespace-nowrap", children: "Actions" })
                                           }
                                         )
                                       ] })
                                     }
                                   ) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                     "tbody",
                                     {
                                       className: cn("transition-opacity duration-150", isFetching && !isLoading && appendQuery === null && "opacity-60"),
                                       children: [
-                                        isLoading ? Array.from({ length: skeletonRowCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                        isLoading ? Array.from({ length: skeletonRowCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                           "tr",
                                           {
                                             className: "border-b border-border/60",
                                             "data-matrx-table-skeleton-row": "",
                                             style: explicitRowHeight !== void 0 ? { height: `${explicitRowHeight}px` } : loadingRowHeight !== void 0 ? { height: `${loadingRowHeight}px` } : void 0,
                                             children: [
-                                              selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   className: cn("px-2 py-1.5 align-middle lg:py-0.5", compactRows && "py-0 lg:py-0"),
                                                   style: fixedUtilityWidth(selectionColumnWidth),
-                                                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Skeleton, { className: "h-3.5 w-3.5" })
+                                                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: "h-3.5 w-3.5" })
                                                 }
                                               ) : null,
-                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   "aria-hidden": "true",
@@ -25648,7 +25735,7 @@ function MatrxDataTableCore(coreProps) {
                                                 },
                                                 "matrx-column-spacer-start"
                                               ) : null,
-                                              renderedColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              renderedColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   ...col.customActions && col.customActionsGhostRow !== void 0 ? { "data-matrx-table-column-id": columnId(col) } : {},
@@ -25662,20 +25749,20 @@ function MatrxDataTableCore(coreProps) {
                                                     col.customActions && col.customActionsGhostRow !== void 0 && "w-px whitespace-nowrap"
                                                   ),
                                                   style: phoneColumnMinStyle(col),
-                                                  children: col.customActions && col.customActionsGhostRow !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "aria-hidden": "true", inert: true, className: "invisible", children: renderRecordCell(col.customActionsGhostRow, col, 0) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Skeleton, { className: cn("w-full", compactRows ? "h-4" : "h-6") })
+                                                  children: col.customActions && col.customActionsGhostRow !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "aria-hidden": "true", inert: true, className: "invisible", children: renderRecordCell(col.customActionsGhostRow, col, 0) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: cn("w-full", compactRows ? "h-4" : "h-6") })
                                                 },
                                                 columnId(col)
                                               )),
-                                              showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   "data-matrx-table-skeleton-actions": "",
                                                   className: cn("px-2 py-1.5 text-right align-middle lg:py-0.5", compactRows && "py-0 lg:py-0"),
                                                   style: fixedUtilityWidth(actionsColumnWidth),
-                                                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Skeleton, { className: cn("ml-auto w-10", compactRows ? "h-6" : "h-8") })
+                                                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Skeleton, { className: cn("ml-auto w-10", compactRows ? "h-6" : "h-8") })
                                                 }
                                               ),
-                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   "aria-hidden": "true",
@@ -25688,15 +25775,15 @@ function MatrxDataTableCore(coreProps) {
                                             ]
                                           },
                                           `sk-${i}`
-                                        )) : readFailure || paginated.length === 0 && !drawsOnlyShutSections ? messageOutsideTable ? null : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { colSpan: renderedColSpan, "data-matrx-table-message-cell": true, className: "overflow-visible! px-0 py-12 text-center", children: tableMessage }) }) : bodyEntries.map((entry) => {
+                                        )) : readFailure || paginated.length === 0 && !drawsOnlyShutSections ? messageOutsideTable ? null : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { colSpan: renderedColSpan, "data-matrx-table-message-cell": true, className: "overflow-visible! px-0 py-12 text-center", children: tableMessage }) }) : bodyEntries.map((entry) => {
                                           if (entry.kind === "spacer") {
-                                            return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                               "tr",
                                               {
                                                 "aria-hidden": "true",
                                                 "data-matrx-table-virtual-spacer": entry.place,
                                                 style: { height: `${entry.height}px` },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                   "td",
                                                   {
                                                     className: "border-0 p-0",
@@ -25708,7 +25795,7 @@ function MatrxDataTableCore(coreProps) {
                                             );
                                           }
                                           if (entry.kind === "group") {
-                                            return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                               TableGroupHeaderRow,
                                               {
                                                 group: entry.group,
@@ -25732,7 +25819,7 @@ function MatrxDataTableCore(coreProps) {
                                           const row = entry.row;
                                           const index = entry.index;
                                           const id = getRowId(row);
-                                          return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                          return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                             MatrxTableBodyRow,
                                             {
                                               rowId: id,
@@ -25746,16 +25833,16 @@ function MatrxDataTableCore(coreProps) {
                                             id
                                           );
                                         }),
-                                        entryRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                        entryRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                           "tr",
                                           {
                                             "data-matrx-table-entry-row": "",
                                             "aria-label": entryRow.label ?? "New row",
                                             className: "border-b border-border/60 bg-card",
                                             children: [
-                                              selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { className: "px-2 py-1.5" }) : null,
-                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.start}px`, minWidth: `${columnSpacers.start}px` } }) : null,
-                                              renderedColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                              selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "px-2 py-1.5" }) : null,
+                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.start}px`, minWidth: `${columnSpacers.start}px` } }) : null,
+                                              renderedColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                 "td",
                                                 {
                                                   "data-matrx-table-entry-cell": columnId(column),
@@ -25768,25 +25855,25 @@ function MatrxDataTableCore(coreProps) {
                                                 },
                                                 columnId(column)
                                               )),
-                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.end}px`, minWidth: `${columnSpacers.end}px` } }) : null,
-                                              showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { className: "px-2 py-1.5", children: entryRow.actions ?? null }) : null
+                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.end}px`, minWidth: `${columnSpacers.end}px` } }) : null,
+                                              showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "px-2 py-1.5", children: entryRow.actions ?? null }) : null
                                             ]
                                           }
                                         ) : null,
-                                        entryRow?.below ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("tr", { "data-matrx-table-entry-below": "", className: "bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { colSpan: renderedColSpan, className: "px-2 py-1.5", children: entryRow.below }) }) : null,
-                                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                        entryRow?.below ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("tr", { "data-matrx-table-entry-below": "", className: "bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { colSpan: renderedColSpan, className: "px-2 py-1.5", children: entryRow.below }) }) : null,
+                                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                           "td",
                                           {
                                             colSpan: renderedColSpan,
                                             className: "sticky bottom-0 z-20 h-16 border-y border-border bg-card/95 px-0 py-0 text-left shadow-sm backdrop-blur-sm",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                               "div",
                                               {
                                                 role: "status",
                                                 "aria-live": "polite",
                                                 className: "sticky left-0 flex h-16 w-fit max-w-[100cqw] items-center justify-center gap-2 px-3 text-sm font-medium text-foreground",
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                                     Loader2Icon,
                                                     {
                                                       "aria-hidden": "true",
@@ -25802,16 +25889,16 @@ function MatrxDataTableCore(coreProps) {
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableChrome, { part: "footer", epoch: footerEpoch, render: () => footerRows.length > 0 || hasSummaryTotals ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tfoot", { className: cn(
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableChrome, { part: "footer", epoch: footerEpoch, render: () => footerRows.length > 0 || hasSummaryTotals ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tfoot", { className: cn(
                                     "border-t-2 border-border bg-muted/50 font-semibold",
                                     // Frozen body cells sit at z-20. The sticky totals band is
                                     // a separate stacking context and must sit above them, or a
                                     // frozen first cell covers the totals label at the footer.
                                     hasSummaryTotals && "sticky bottom-0 z-30 bg-muted/95 backdrop-blur-sm"
                                   ), children: [
-                                    hasSummaryTotals ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tr", { "data-matrx-table-summary-totals": true, "data-matrx-table-summary-scope": summaryUsesSource ? "source" : summaryCoverage, children: [
-                                      selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { className: "px-2 py-2" }) : null,
-                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    hasSummaryTotals ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { "data-matrx-table-summary-totals": true, "data-matrx-table-summary-scope": summaryUsesSource ? "source" : summaryCoverage, children: [
+                                      selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "px-2 py-2" }) : null,
+                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -25824,7 +25911,7 @@ function MatrxDataTableCore(coreProps) {
                                       renderedColumns.map((column, columnIndex) => {
                                         const total = summaryTotals.find((candidate) => candidate.id === columnId(column));
                                         const totalAlign = alignForFormat(column);
-                                        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                                        return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                                           "td",
                                           {
                                             ...total ? { "data-matrx-table-summary-total": columnId(column) } : {},
@@ -25842,19 +25929,19 @@ function MatrxDataTableCore(coreProps) {
                                               resizableColumns && column.resizable !== false
                                             ),
                                             children: [
-                                              columnIndex === 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { "data-matrx-table-summary-total-label": true, className: "text-sm font-semibold text-foreground", children: [
+                                              columnIndex === 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { "data-matrx-table-summary-total-label": true, className: "text-sm font-semibold text-foreground", children: [
                                                 summaryCaption,
-                                                readView.stale ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ml-1 text-xs text-amber-700 dark:text-amber-300", children: "Retained rows may be out of date." }) : null
+                                                readView.stale ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ml-1 text-xs text-amber-700 dark:text-amber-300", children: "Retained rows may be out of date." }) : null
                                               ] }) : null,
-                                              columnIndex === 0 && total?.value != null ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ml-2", children: total.value }) : null,
+                                              columnIndex === 0 && total?.value != null ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ml-2", children: total.value }) : null,
                                               columnIndex !== 0 ? total?.value : null,
-                                              total?.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBox, { as: "span", className: "sr-only", message: `${columnId(column)} total is unavailable`, operation: "Total this column", origin: "design-system/MatrxDataTable" }) : null
+                                              total?.unavailable ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBox, { as: "span", className: "sr-only", message: `${columnId(column)} total is unavailable`, operation: "Total this column", origin: "design-system/MatrxDataTable" }) : null
                                             ]
                                           },
                                           columnId(column)
                                         );
                                       }),
-                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -25864,11 +25951,11 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-summary-column-spacer-end"
                                       ) : null,
-                                      showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", {}) : null
+                                      showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", {}) : null
                                     ] }) }) : null,
-                                    footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tr", { children: [
-                                      selection ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { className: "px-2 py-2" }) : null,
-                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                    footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("tr", { children: [
+                                      selection ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", { className: "px-2 py-2" }) : null,
+                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -25878,7 +25965,7 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-column-spacer-start"
                                       ) : null,
-                                      renderedColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      renderedColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         "td",
                                         {
                                           className: cn(
@@ -25898,7 +25985,7 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         columnId(column)
                                       )),
-                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -25908,18 +25995,18 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-column-spacer-end"
                                       ) : null,
-                                      showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", {}) : null
+                                      showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("td", {}) : null
                                     ] }, `footer-${index}`))
                                   ] }) : null })
                                 ]
                               }
                             ),
-                            messageOutsideTable ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-matrx-table-message-outside": true, className: "py-12 text-center", children: tableMessage }) : null
+                            messageOutsideTable ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-table-message-outside": true, className: "py-12 text-center", children: tableMessage }) : null
                           ]
                         }
                       ),
-                      scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           Button,
                           {
                             type: "button",
@@ -25931,13 +26018,13 @@ function MatrxDataTableCore(coreProps) {
                             ...scrollHintTop === null ? {} : { style: { top: scrollHintTop } },
                             className: cn(scrollHintTop === null ? "top-1/2 h-11 w-11" : "h-7 w-7", "absolute left-1.5 z-30 hidden -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex"),
                             onClick: () => scrollTableHorizontally("left"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChevronLeftIcon, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronLeftIcon, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "More columns to the left" })
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "More columns to the left" })
                       ] }) : null,
-                      scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           Button,
                           {
                             type: "button",
@@ -25949,26 +26036,26 @@ function MatrxDataTableCore(coreProps) {
                             style: scrollHintTop === null ? { right: scrollHintRightInset } : { right: scrollHintRightInset, top: scrollHintTop },
                             className: cn(scrollHintTop === null ? "top-1/2 h-11 w-11" : "h-7 w-7", "transition-[background-color,box-shadow,opacity] absolute z-30 hidden -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex"),
                             onClick: () => scrollTableHorizontally("right"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChevronRightIcon, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronRightIcon, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "More columns to the right" })
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "More columns to the right" })
                       ] }) : null
                     ] }),
-                    appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                    appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                       "div",
                       {
                         "data-matrx-table-footer": true,
                         className: "flex min-h-8 shrink-0 flex-wrap items-center gap-2 border-t border-border",
                         "aria-busy": isLoading || isFetching,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                             "div",
                             {
                               ...isFetching && !isLoading ? {} : { role: "status", "aria-live": "polite" },
                               className: "flex w-full min-w-0 items-center gap-2 text-xs text-muted-foreground sm:w-auto sm:flex-1",
                               children: [
-                                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   Loader2Icon,
                                   {
                                     "data-matrx-table-append-loader": true,
@@ -25976,20 +26063,20 @@ function MatrxDataTableCore(coreProps) {
                                     className: "h-5 w-5 shrink-0 animate-spin text-primary-ink motion-reduce:animate-none"
                                   }
                                 ) : null,
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "min-w-0 break-words font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : readView.failure ? "Nothing loaded \u2014 the read failed" : appendQuery.pagination.sourceRecords ? `${(0, import_format14.formatCount)(processed.length)} ${appendQuery.pagination.sourceRecords.rowLabel}${appendQuery.pagination.sourceRecords.matchedRecords === void 0 ? "" : ` (${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.matchedRecords)} matching ${appendQuery.pagination.sourceRecords.label})`} \xB7 ${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.loaded)}${appendQuery.pagination.sourceRecords.total === void 0 ? "" : ` / ${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.total)}`} ${appendQuery.pagination.sourceRecords.label} loaded` : `${processed.length === data.length ? "" : `${(0, import_format14.formatCount)(processed.length)} matching loaded ${processed.length === 1 ? "row" : "rows"} \xB7 `}${(0, import_format14.formatCount)(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${(0, import_format14.formatCount)(appendQuery.pagination.totalItems)}`}` }),
-                                  appendQuery.pagination.sourceUntil || appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", "aria-label": "Source coverage", className: "shrink-0 text-xs text-muted-foreground underline decoration-dotted underline-offset-4", children: "Source info" }) }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(TooltipContent, { children: [
-                                      appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "min-w-0 break-words font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : readView.failure ? "Nothing loaded \u2014 the read failed" : appendQuery.pagination.sourceRecords ? `${(0, import_format14.formatCount)(processed.length)} ${appendQuery.pagination.sourceRecords.rowLabel}${appendQuery.pagination.sourceRecords.matchedRecords === void 0 ? "" : ` (${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.matchedRecords)} matching ${appendQuery.pagination.sourceRecords.label})`} \xB7 ${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.loaded)}${appendQuery.pagination.sourceRecords.total === void 0 ? "" : ` / ${(0, import_format14.formatCount)(appendQuery.pagination.sourceRecords.total)}`} ${appendQuery.pagination.sourceRecords.label} loaded` : `${processed.length === data.length ? "" : `${(0, import_format14.formatCount)(processed.length)} matching loaded ${processed.length === 1 ? "row" : "rows"} \xB7 `}${(0, import_format14.formatCount)(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${(0, import_format14.formatCount)(appendQuery.pagination.totalItems)}`}` }),
+                                  appendQuery.pagination.sourceUntil || appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", "aria-label": "Source coverage", className: "shrink-0 text-xs text-muted-foreground underline decoration-dotted underline-offset-4", children: "Source info" }) }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(TooltipContent, { children: [
+                                      appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { children: [
                                         "Source fixed through ",
                                         new Date(appendQuery.pagination.sourceUntil).toLocaleString(),
                                         "."
                                       ] }) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? "All source rows are loaded." : appendUsesLocalProcessing ? sourceOwnsColumnFilters ? "Local processing covers loaded rows; source-owned column filters are applied by the source." : "Local search and filters cover loaded rows." : "Source paging is active." })
+                                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? "All source rows are loaded." : appendUsesLocalProcessing ? sourceOwnsColumnFilters ? "Local processing covers loaded rows; source-owned column filters are applied by the source." : "Local search and filters cover loaded rows." : "Source paging is active." })
                                     ] })
                                   ] }) : null,
-                                  scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                     ErrorBox,
                                     {
                                       className: "text-destructive-ink",
@@ -25999,7 +26086,7 @@ function MatrxDataTableCore(coreProps) {
                                       origin: "design-system/MatrxDataTable"
                                     }
                                   ) : null,
-                                  appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { role: "status", children: [
+                                  appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { role: "status", children: [
                                     appendScrollPolicy.reason,
                                     " Load more remains available."
                                   ] }) : null
@@ -26007,27 +26094,27 @@ function MatrxDataTableCore(coreProps) {
                               ]
                             }
                           ),
-                          appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                          appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                             Select,
                             {
                               value: String(appendQuery.pagination.sourcePageSize.value),
                               onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   SelectTrigger,
                                   {
                                     "aria-label": "Rows per load",
                                     className: "h-8 min-w-20 shrink-0 rounded-md border border-border bg-card px-3 text-sm [&_svg]:size-5",
                                     disabled: isLoading || isFetching || appendQuery.pagination.loadAll?.isLoading,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectValue, {})
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectValue, {})
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: String(size), children: size }, size)) })
+                                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: String(size), children: size }, size)) })
                               ]
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               Button,
                               {
                                 type: "button",
@@ -26038,7 +26125,7 @@ function MatrxDataTableCore(coreProps) {
                                 children: "Load more"
                               }
                             ),
-                            appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                            appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                               Button,
                               {
                                 type: "button",
@@ -26050,7 +26137,7 @@ function MatrxDataTableCore(coreProps) {
                               }
                             ) : null
                           ] }),
-                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button,
                             {
                               type: "button",
@@ -26059,7 +26146,7 @@ function MatrxDataTableCore(coreProps) {
                               onClick: appendQuery.pagination.loadAll.stop,
                               children: "Stop loading"
                             }
-                          ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button,
                             {
                               type: "button",
@@ -26068,7 +26155,7 @@ function MatrxDataTableCore(coreProps) {
                               onClick: appendQuery.pagination.retrySource ?? (appendQuery.pagination.hasNextPage ? appendQuery.pagination.loadNextPage : appendQuery.pagination.refresh),
                               children: appendQuery.pagination.retrySource ? "Retry source" : appendQuery.pagination.hasNextPage ? "Retry" : "Reload rows"
                             }
-                          ) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
+                          ) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
                         ]
                       }
                     ) : embedded && !hidePagination && !drillGrouped && (localProgressiveEnabled || pageCount <= 1 || remoteQuery?.mode === "controlled") ? (
@@ -26076,7 +26163,7 @@ function MatrxDataTableCore(coreProps) {
                       // rows than the card's first batch, ONE quiet "Show more" with its honest count, drawn
                       // in the card's footer row beside "+ Add" when the card has one. Rows held locally are
                       // revealed; a server-paged source is asked for a bigger first page (a real fetch).
-                      localProgressiveEnabled && progressiveRows.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      localProgressiveEnabled && progressiveRows.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         MatrxTableCardShowMore,
                         {
                           card: tableCard,
@@ -26084,7 +26171,7 @@ function MatrxDataTableCore(coreProps) {
                           total: totalItems,
                           onShowMore: () => void chromeLatest.current.showMore()
                         }
-                      ) : remoteQuery?.mode === "controlled" && !isLoading && totalItems > data.length ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      ) : remoteQuery?.mode === "controlled" && !isLoading && totalItems > data.length ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         MatrxTableCardShowMore,
                         {
                           card: tableCard,
@@ -26098,7 +26185,7 @@ function MatrxDataTableCore(coreProps) {
                       // Keep the footer and disabled page controls in place for an empty table,
                       // including an unfiltered empty source. The empty-state copy explains why
                       // there are no records; the stable footer preserves the table controls.
-                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         GenericTablePagination,
                         {
                           totalItems,
@@ -26128,13 +26215,13 @@ function MatrxDataTableCore(coreProps) {
                         }
                       ) }) })
                     ) : null,
-                    selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                    selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                       "div",
                       {
                         "data-matrx-table-bulk-bar": true,
                         className: "mt-2 flex shrink-0 flex-nowrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                             "span",
                             {
                               "data-matrx-table-selection-count": true,
@@ -26150,7 +26237,7 @@ function MatrxDataTableCore(coreProps) {
                               ]
                             }
                           ),
-                          offerSelectAllMatching && selectionMatchingTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          offerSelectAllMatching && selectionMatchingTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button2,
                             {
                               type: "button",
@@ -26160,12 +26247,12 @@ function MatrxDataTableCore(coreProps) {
                               children: `Select all ${(0, import_format14.formatCount)(selectionMatchingTotal)}`
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button2,
                             {
                               type: "button",
                               variant: "quiet",
-                              icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(XIcon, { "aria-hidden": "true" }),
+                              icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(XIcon, { "aria-hidden": "true" }),
                               onClick: () => {
                                 lastToggledIndex.current = null;
                                 if (allMatching) setAllMatching(false);
@@ -26174,13 +26261,13 @@ function MatrxDataTableCore(coreProps) {
                               children: "Clear"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                             "div",
                             {
                               "data-matrx-table-bulk-actions": true,
                               className: "flex min-w-0 flex-1 flex-nowrap items-center justify-start gap-0 overflow-x-auto sm:justify-end [&>*]:shrink-0",
                               children: [
-                                effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   CopyButtons,
                                   {
                                     size: "icon",
@@ -26219,7 +26306,7 @@ function MatrxDataTableCore(coreProps) {
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     ColumnManager,
                     {
                       open: columnManagerOpen,
@@ -26231,7 +26318,7 @@ function MatrxDataTableCore(coreProps) {
                       defaults: columnManagerDefaults
                     }
                   ),
-                  detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     SidePanelSurface,
                     {
                       title: resolveStringTitle(
@@ -26243,8 +26330,8 @@ function MatrxDataTableCore(coreProps) {
                       onClose: () => setSelectedId(null),
                       openRequest,
                       defaultWidth: detail?.defaultWidth ?? 480,
-                      headerActions: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1", children: [
-                        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      headerActions: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1", children: [
+                        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           TableRowCopyControl,
                           {
                             size: "icon",
@@ -26257,8 +26344,8 @@ function MatrxDataTableCore(coreProps) {
                         ) : null,
                         detail?.headerActions?.(selectedRow),
                         renderRecordPageDoor(selectedRow),
-                        windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button,
                             {
                               type: "button",
@@ -26268,10 +26355,10 @@ function MatrxDataTableCore(coreProps) {
                               className: "h-7 w-7",
                               "aria-label": "Open in window",
                               onClick: () => openWindow(selectedRow),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PanelRightIcon, { className: "h-5 w-5" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PanelRightIcon, { className: "h-5 w-5" })
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "Open in window" })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "Open in window" })
                         ] }) : null
                       ] }),
                       children: detail?.render ? (
@@ -26282,7 +26369,7 @@ function MatrxDataTableCore(coreProps) {
                         // fixes the whole class at once — a custom body that already
                         // scrolls (`h-full` + `overflow-y-auto` root) still resolves to
                         // this container's height, so no second scrollbar appears.
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                           closeDetail: () => setSelectedId(null),
                           openDetail: () => openDetail(selectedRow),
                           openWindow: () => openWindow(selectedRow),
@@ -26290,7 +26377,7 @@ function MatrxDataTableCore(coreProps) {
                           hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                           discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                         }) })
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         DataRowInspector,
                         {
                           row: selectedRow,
@@ -26304,7 +26391,7 @@ function MatrxDataTableCore(coreProps) {
                       )
                     }
                   ) : null,
-                  windowRow ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  windowRow ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     DataRowWindow,
                     {
                       isOpen: true,
@@ -26315,10 +26402,10 @@ function MatrxDataTableCore(coreProps) {
                       height: windowConfig?.height,
                       windowId: `matrx-data-row-${urlState?.id ?? "local"}-${getRowId(windowRow)}`,
                       defaultTab: windowConfig?.defaultTab,
-                      headerActions: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1", children: [
+                      headerActions: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1", children: [
                         renderRecordPageDoor(windowRow),
-                        windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             Button,
                             {
                               type: "button",
@@ -26331,12 +26418,12 @@ function MatrxDataTableCore(coreProps) {
                                 closeWindow();
                                 openDetail(windowRow);
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PanelRightIcon, { className: "h-5 w-5" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PanelRightIcon, { className: "h-5 w-5" })
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: "Open in side panel" })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: "Open in side panel" })
                         ] }) : null,
-                        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           TableRowCopyControl,
                           {
                             size: "icon",
@@ -26355,7 +26442,7 @@ function MatrxDataTableCore(coreProps) {
                         closeWindow,
                         hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                         discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                      }) ?? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      }) ?? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         DataRowInspector,
                         {
                           row: windowRow,
@@ -26384,7 +26471,7 @@ function MatrxDataTableCore(coreProps) {
                         discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
                       }) : editableFieldColumns(windowRow).length > 0 ? (
                         // THE DEFAULT EDIT TAB: the editable columns with the grid's own editors.
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                           DataRowInspector,
                           {
                             row: windowRow,
@@ -26404,7 +26491,7 @@ function MatrxDataTableCore(coreProps) {
                       })
                     }
                   ) : null,
-                  missingWindowRowId ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  missingWindowRowId ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     DataRowWindow,
                     {
                       isOpen: true,
@@ -26413,7 +26500,7 @@ function MatrxDataTableCore(coreProps) {
                       width: 520,
                       height: 360,
                       windowId: `matrx-data-row-${urlState?.id ?? "local"}-missing-${missingWindowRowId}`,
-                      viewContent: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                      viewContent: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         MissingRowNotice,
                         {
                           id: missingWindowRowId,
@@ -26424,15 +26511,15 @@ function MatrxDataTableCore(coreProps) {
                       )
                     }
                   ) : null,
-                  editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-                    foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                  editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                    foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                       "div",
                       {
                         "data-matrx-foreign-drafts": true,
                         className: "fixed inset-x-3 bottom-20 z-50 flex flex-wrap items-center justify-center gap-2 rounded-lg border border-amber-500/40 bg-card px-3 py-2 text-xs shadow-lg sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 sm:flex-nowrap",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Unsaved edits from previous results" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: "Unsaved edits from previous results" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                             CopyButtons,
                             {
                               size: "xs",
@@ -26441,11 +26528,11 @@ function MatrxDataTableCore(coreProps) {
                               json: () => foreignDraftPayload
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive-ink", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive-ink", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
                         ]
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       ConfirmDialog,
                       {
                         open: confirmForeignDraftDiscard,
@@ -26465,7 +26552,7 @@ function MatrxDataTableCore(coreProps) {
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       DirtySavePill,
                       {
                         changeCount,
@@ -26478,11 +26565,11 @@ function MatrxDataTableCore(coreProps) {
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_core4.DragOverlay, { children: draggedRow ? (
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_core4.DragOverlay, { children: draggedRow ? (
               // w-max: the overlay inherits the ACTIVE node's size, and the active
               // node is the 16px grip handle — without it the label wraps to one
               // character per line.
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
             ) : null })
           ]
         }
@@ -26499,7 +26586,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -26511,7 +26598,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(GripVerticalIcon, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(GripVerticalIcon, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -26520,7 +26607,7 @@ function HierarchyRootDropTarget({
   draggedLabel
 }) {
   const { isOver, setNodeRef } = (0, import_core4.useDroppable)({ id: "__root__" });
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       ref: setNodeRef,
@@ -26530,8 +26617,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-primary-ink/75", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-primary-ink/75", children: label })
       ]
     }
   );
@@ -26540,7 +26627,7 @@ function HierarchyDragIndicatorLayer({
   scrollRef,
   resolve
 }) {
-  const [indicator, setIndicator] = (0, import_react45.useState)(
+  const [indicator, setIndicator] = (0, import_react47.useState)(
     null
   );
   (0, import_core4.useDndMonitor)({
@@ -26580,7 +26667,7 @@ function HierarchyDragIndicatorLayer({
   const { preview } = indicator;
   const indent = indicator.left + 10 + preview.depth * 12;
   if (preview.position === "inside") {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -26592,7 +26679,7 @@ function HierarchyDragIndicatorLayer({
           width: Math.max(0, indicator.width - 4),
           height: indicator.height
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "span",
           {
             className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap rounded bg-card/95 px-1.5 py-0.5 text-[10px] font-medium text-primary-ink",
@@ -26607,7 +26694,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -26618,9 +26705,9 @@ function HierarchyDragIndicatorLayer({
         left: indent,
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "span",
           {
             className: cn(
@@ -26644,9 +26731,9 @@ function HierarchyDroppableRow({
   children
 }) {
   const { setNodeRef } = (0, import_core4.useDroppable)({ id, disabled });
-  if (!(0, import_react45.isValidElement)(children) || children.type !== "tr") return children;
+  if (!(0, import_react47.isValidElement)(children) || children.type !== "tr") return children;
   const row = children;
-  return (0, import_react45.cloneElement)(row, {
+  return (0, import_react47.cloneElement)(row, {
     ref: setNodeRef,
     className: row.props.className
   });
@@ -26661,7 +26748,7 @@ function ColumnHeaderDropZone({
     disabled: !enabled,
     data: { matrxDragKind: "column-header", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
 }
 function fixedUtilityWidth(width) {
   return width === void 0 ? void 0 : { width: `${width}px`, minWidth: `${width}px`, maxWidth: `${width}px` };
@@ -26710,7 +26797,7 @@ function TableGroupHeaderRow({
   const qualifier = sourceCount !== null || scope === "all" ? "" : scope === "page" ? " on this page" : " loaded";
   const summary = `${(0, import_format14.formatCount)(count)} ${noun}${qualifier}`;
   const [first, ...rest] = columns;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     MatrxTableGroupHeaderRow,
     {
       groupKey: group.key,
@@ -26760,14 +26847,14 @@ function columnWidthVar(width, resizedWidth, id, resizable) {
   };
 }
 function DefaultJsonCell({ value }) {
-  const [open, setOpen] = (0, import_react45.useState)(false);
+  const [open, setOpen] = (0, import_react47.useState)(false);
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
   const text = JSON.stringify(value, null, 2);
   const summary = Array.isArray(value) ? `${value.length} items` : Object.keys(value).slice(0, 3).join(", ") || "Empty object";
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("button", { type: "button", className: "block max-w-full truncate text-left", onClick: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("button", { type: "button", className: "block max-w-full truncate text-left", onClick: (event) => {
         event.stopPropagation();
         setOpen(true);
       }, style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", whiteSpace: "normal", overflowWrap: "anywhere" }, "aria-label": "Open JSON value", children: [
@@ -26775,9 +26862,9 @@ function DefaultJsonCell({ value }) {
         " ",
         summary
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Viewer, { data: value }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Viewer, { data: value }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
   ] });
 }
 function DefaultMarkerCell({
@@ -26786,8 +26873,8 @@ function DefaultMarkerCell({
 }) {
   const label = marker === "favorite" ? value ? "Favorite" : "Not favorite" : value ? "Pinned" : "Not pinned";
   const Icon2 = marker === "favorite" ? StarIcon : PinIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "span",
       {
         role: "img",
@@ -26796,10 +26883,10 @@ function DefaultMarkerCell({
           "inline-flex size-5 items-center justify-center",
           value ? "text-amber-500" : "text-muted-foreground/45"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon2, { className: "size-4", ...value ? { fill: "currentColor" } : {} })
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon2, { className: "size-4", ...value ? { fill: "currentColor" } : {} })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipContent, { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TooltipContent, { children: label })
   ] });
 }
 function renderFooterCell(row, col, index) {
@@ -26809,7 +26896,7 @@ function renderFooterCell(row, col, index) {
 function renderCell(row, col, index) {
   if (col.loading?.(row)) {
     const align = alignForFormat(col);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Skeleton,
       {
         "data-matrx-table-cell-loading": "",
@@ -26820,13 +26907,13 @@ function renderCell(row, col, index) {
   if (col.cell) return col.cell(row, index);
   const raw = getCellValue(row, col);
   const formattedByDeclaration = formatColumnValue(col, raw);
-  if (formattedByDeclaration) return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormattedCell, { result: formattedByDeclaration });
+  if (formattedByDeclaration) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormattedCell, { result: formattedByDeclaration });
   const kind = col.cellKind ?? "auto";
   const asUuid = kind === "uuid" || kind === "fk" || kind === "auto" && (0, import_uuid2.isUuidValue)(raw);
   if (asUuid && typeof raw === "string") {
     const forbidden = typeof col.fk?.forbidden === "function" ? col.fk.forbidden(raw, row) : Boolean(col.fk?.forbidden);
     const declaredToken = typeof col.fk?.token === "function" ? col.fk.token(row) : col.fk?.token;
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       RecordId,
       {
         value: raw,
@@ -26838,14 +26925,14 @@ function renderCell(row, col, index) {
       }
     );
   }
-  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DefaultJsonCell, { value: raw });
+  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DefaultJsonCell, { value: raw });
   if (typeof raw === "boolean") {
     const marker = resolveColumnMarker(col);
-    if (marker) return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DefaultMarkerCell, { marker, value: raw });
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: raw ? "rounded bg-emerald-500/10 px-1.5 py-0.5 text-xs text-emerald-600" : "rounded bg-slate-500/10 px-1.5 py-0.5 text-xs text-muted-foreground", children: raw ? "Yes" : "No" });
+    if (marker) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DefaultMarkerCell, { marker, value: raw });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: raw ? "rounded bg-emerald-500/10 px-1.5 py-0.5 text-xs text-emerald-600" : "rounded bg-slate-500/10 px-1.5 py-0.5 text-xs text-muted-foreground", children: raw ? "Yes" : "No" });
   }
   const formatted = formatTableDisplayValue(raw);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "block", title: formatted, style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "block", title: formatted, style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted });
 }
 function resolveStringTitle(title, fallback) {
   if (typeof title === "string" && title.trim()) return title;
@@ -26854,8 +26941,8 @@ function resolveStringTitle(title, fallback) {
 }
 
 // src/data-table/MatrxTableCard.tsx
-var import_react46 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react48 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function nounText(noun) {
   return `${noun.count.toLocaleString()} ${noun.count === 1 ? noun.singular : noun.plural}`;
 }
@@ -26878,10 +26965,10 @@ function MatrxTableCard({
   className
 }) {
   const { Link } = useMatrxDataTableHost();
-  const [toolbarSlot, setToolbarSlot] = (0, import_react46.useState)(null);
-  const [footerSlot, setFooterSlot] = (0, import_react46.useState)(null);
-  const [reportedTotal, setReportedTotal] = (0, import_react46.useState)(void 0);
-  const context = (0, import_react46.useMemo)(
+  const [toolbarSlot, setToolbarSlot] = (0, import_react48.useState)(null);
+  const [footerSlot, setFooterSlot] = (0, import_react48.useState)(null);
+  const [reportedTotal, setReportedTotal] = (0, import_react48.useState)(void 0);
+  const context = (0, import_react48.useMemo)(
     () => ({ appearance: "embedded", toolbarSlot, footerSlot, initialRows, reportTotal: setReportedTotal }),
     [toolbarSlot, footerSlot, initialRows]
   );
@@ -26894,8 +26981,8 @@ function MatrxTableCard({
     ...facts ?? []
   ];
   const ghostButton = cn(buttonVariants({ variant: "ghost", size: "sm" }), "h-8 gap-1 px-2");
-  const renderLink = (href, className2, content) => Link ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Link, { href, className: className2, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("a", { href, className: className2, children: content });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MatrxTableCardContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  const renderLink = (href, className2, content) => Link ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Link, { href, className: className2, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("a", { href, className: className2, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MatrxTableCardContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "section",
     {
       "data-matrx-table-card": true,
@@ -26904,10 +26991,10 @@ function MatrxTableCard({
         className
       ),
       children: [
-        railClassName ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "aria-hidden": true, className: cn("absolute inset-y-0 left-0 w-1 opacity-70", railClassName) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("header", { "data-matrx-table-card-header": true, className: "mb-4 flex flex-wrap items-start justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-            icon ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        railClassName ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { "aria-hidden": true, className: cn("absolute inset-y-0 left-0 w-1 opacity-70", railClassName) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("header", { "data-matrx-table-card-header": true, className: "mb-4 flex flex-wrap items-start justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+            icon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "div",
               {
                 "aria-hidden": true,
@@ -26915,25 +27002,25 @@ function MatrxTableCard({
                 children: icon
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Heading, { className: "truncate text-lg font-semibold text-foreground", children: title }),
-              countsLine.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { "data-matrx-table-card-counts": true, className: "text-xs text-muted-foreground", children: countsLine.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Heading, { className: "truncate text-lg font-semibold text-foreground", children: title }),
+              countsLine.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { "data-matrx-table-card-counts": true, className: "text-xs text-muted-foreground", children: countsLine.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
                 index > 0 ? " \xB7 " : null,
                 part
               ] }, index)) }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-card-actions": true, className: "flex min-w-0 flex-auto flex-wrap items-center justify-end gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref: setToolbarSlot, "data-matrx-table-card-toolbar": true, className: "flex min-w-0 flex-auto justify-end empty:hidden" }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { "data-matrx-table-card-actions": true, className: "flex min-w-0 flex-auto flex-wrap items-center justify-end gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref: setToolbarSlot, "data-matrx-table-card-toolbar": true, className: "flex min-w-0 flex-auto justify-end empty:hidden" }),
             headerActions,
             edit ? "href" in edit ? renderLink(
               edit.href,
               ghostButton,
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PencilIcon, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: edit.label ?? `Edit ${title}` })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PencilIcon, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "sr-only", children: edit.label ?? `Edit ${title}` })
               ] })
-            ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "button",
               {
                 type: "button",
@@ -26941,40 +27028,40 @@ function MatrxTableCard({
                 onClick: edit.onEdit,
                 "aria-label": edit.label ?? `Edit ${title}`,
                 title: edit.label ?? `Edit ${title}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PencilIcon, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PencilIcon, { className: "h-3.5 w-3.5" })
               }
             ) : null,
             open ? renderLink(
               open.href,
               ghostButton,
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
                 open.label ?? "Open",
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronRightIcon, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: ` ${title}` })
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChevronRightIcon, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "sr-only", children: ` ${title}` })
               ] })
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-matrx-table-card-body": true, className: "-mx-2 min-w-0", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { "data-matrx-table-card-body": true, className: "-mx-2 min-w-0", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           "footer",
           {
             "data-matrx-table-card-footer": true,
             className: cn("flex flex-wrap items-center justify-between gap-2", (add || adding) && "mt-3"),
             children: [
-              adding ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-full", children: adding }) : add ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+              adding ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-full", children: adding }) : add ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
                 "button",
                 {
                   type: "button",
                   onClick: add.onAdd,
                   className: cn(ghostButton, "text-muted-foreground hover:text-foreground"),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlusIcon, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PlusIcon, { className: "h-3.5 w-3.5" }),
                     add.label
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref: setFooterSlot, "data-matrx-table-card-pager": true, className: "ml-auto flex items-center gap-2 empty:hidden" })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref: setFooterSlot, "data-matrx-table-card-pager": true, className: "ml-auto flex items-center gap-2 empty:hidden" })
             ]
           }
         )
@@ -26983,10 +27070,10 @@ function MatrxTableCard({
   ) });
 }
 function MatrxTableCardEmpty({ message, action, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-matrx-table-card-empty": true, className: "mx-2 rounded-lg border-2 border-dashed border-border py-6 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "mb-3 text-sm text-muted-foreground", children: message }),
-    action ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("button", { type: "button", onClick: action.onClick, className: cn(buttonVariants({ size: "sm" }), "gap-1.5"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlusIcon, { className: "h-3.5 w-3.5" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { "data-matrx-table-card-empty": true, className: "mx-2 rounded-lg border-2 border-dashed border-border py-6 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "mb-3 text-sm text-muted-foreground", children: message }),
+    action ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("button", { type: "button", onClick: action.onClick, className: cn(buttonVariants({ size: "sm" }), "gap-1.5"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PlusIcon, { className: "h-3.5 w-3.5" }),
       action.label
     ] }) : null,
     children
@@ -26994,8 +27081,8 @@ function MatrxTableCardEmpty({ message, action, children }) {
 }
 
 // src/data-table/SavedViewsControl.tsx
-var import_react47 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react49 = require("react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function SavedViewsControl({
   views,
   activeId = null,
@@ -27011,14 +27098,14 @@ function SavedViewsControl({
   onRemove,
   related
 }) {
-  const unsavedChangesId = (0, import_react47.useId)();
-  const [saveOpen, setSaveOpen] = (0, import_react47.useState)(false);
-  const [name, setName] = (0, import_react47.useState)("");
-  const [saving, setSaving] = (0, import_react47.useState)(false);
-  const [removing, setRemoving] = (0, import_react47.useState)(false);
-  const [actionError, setActionError] = (0, import_react47.useState)(null);
-  const [pendingSelect, setPendingSelect] = (0, import_react47.useState)(void 0);
-  const [pendingRemove, setPendingRemove] = (0, import_react47.useState)(null);
+  const unsavedChangesId = (0, import_react49.useId)();
+  const [saveOpen, setSaveOpen] = (0, import_react49.useState)(false);
+  const [name, setName] = (0, import_react49.useState)("");
+  const [saving, setSaving] = (0, import_react49.useState)(false);
+  const [removing, setRemoving] = (0, import_react49.useState)(false);
+  const [actionError, setActionError] = (0, import_react49.useState)(null);
+  const [pendingSelect, setPendingSelect] = (0, import_react49.useState)(void 0);
+  const [pendingRemove, setPendingRemove] = (0, import_react49.useState)(null);
   const visibleError = actionError ?? error;
   const select = (id) => {
     if (id === activeId) return;
@@ -27087,9 +27174,9 @@ function SavedViewsControl({
     }
   };
   const activeName = activeId ? views.find((view) => view.id === activeId)?.name : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
-    presentation === "tabs" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
+    presentation === "tabs" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         TableViewTabs,
         {
           tabs: [{ id: "default", label: "Default view" }, ...views.map((view) => ({ id: view.id, label: view.name }))],
@@ -27110,10 +27197,10 @@ function SavedViewsControl({
           related
         }
       ),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { role: "status", className: "text-xs text-muted-foreground", children: "Loading views\u2026" }) : null
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { role: "status", className: "text-xs text-muted-foreground", children: "Loading views\u2026" }) : null
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
           Button2,
           {
             variant: "quiet",
@@ -27121,74 +27208,74 @@ function SavedViewsControl({
             "aria-label": `Table view: ${loading ? "Loading views" : activeName ?? "Default view"}${dirty ? ", unsaved changes" : ""}`,
             "aria-describedby": dirty ? unsavedChangesId : void 0,
             disabled: saving,
-            iconEnd: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChevronDownIcon, { "aria-hidden": "true" }),
+            iconEnd: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChevronDownIcon, { "aria-hidden": "true" }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
-              dirty ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
+              dirty ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipContent, { children: "Choose or save a table view" })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipContent, { children: "Choose or save a table view" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuLabel, { children: "Views" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => select(value === "__default__" ? null : value), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
-          views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DropdownMenuContent, { align: "end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuLabel, { children: "Views" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => select(value === "__default__" ? null : value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
+          views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => {
           setActionError(null);
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
-        activeId && onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
-        activeId && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
-        onReload ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
+        activeId && onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        activeId && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
+        onReload ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
-    dirty ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { id: unsavedChangesId, role: "status", className: "sr-only", children: "Unsaved changes" }) : null,
-    dirty ? onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button2, { variant: "quiet", disabled: saving, onClick: () => void update(), children: "Save changes" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button2, { variant: "quiet", disabled: saving, onClick: () => setSaveOpen(true), children: "Save as view" }) : null,
-    visibleError && !saveOpen && !pendingRemove ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBox, { className: "basis-full break-words text-xs text-destructive-ink", message: visibleError, operation: "Load or save a saved view", origin: "design-system/SavedViewsControl" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogTitle, { children: "Save current view" }) }),
-      visibleError ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBox, { className: "text-sm text-destructive-ink", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
+    dirty ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { id: unsavedChangesId, role: "status", className: "sr-only", children: "Unsaved changes" }) : null,
+    dirty ? onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button2, { variant: "quiet", disabled: saving, onClick: () => void update(), children: "Save changes" }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button2, { variant: "quiet", disabled: saving, onClick: () => setSaveOpen(true), children: "Save as view" }) : null,
+    visibleError && !saveOpen && !pendingRemove ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ErrorBox, { className: "basis-full break-words text-xs text-destructive-ink", message: visibleError, operation: "Load or save a saved view", origin: "design-system/SavedViewsControl" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogTitle, { children: "Save current view" }) }),
+      visibleError ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ErrorBox, { className: "text-sm text-destructive-ink", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Dialog, { open: pendingSelect !== void 0, onOpenChange: (open) => {
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog, { open: pendingSelect !== void 0, onOpenChange: (open) => {
       if (!open) setPendingSelect(void 0);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogTitle, { children: "Unsaved view changes" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", onClick: () => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogTitle, { children: "Unsaved view changes" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", onClick: () => {
           const next = pendingSelect;
           setPendingSelect(void 0);
           if (next !== void 0) onSelect(next);
         }, children: "Discard changes and switch" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
       if (!open && !removing) setPendingRemove(null);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogTitle, { children: [
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogTitle, { children: [
         "Delete ",
         pendingRemove ? `\u201C${pendingRemove.name}\u201D` : "saved view",
         "?"
       ] }) }),
-      actionError ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBox, { className: "text-sm text-destructive-ink", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogDescription, { children: [
+      actionError ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ErrorBox, { className: "text-sm text-destructive-ink", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogDescription, { children: [
         "This removes the saved view from your account",
         activeId === pendingRemove?.id && dirty ? " and discards its unsaved layout changes" : "",
         "."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
       ] })
     ] }) })
   ] });
@@ -27273,7 +27360,7 @@ function comparisonGridRecords(grid) {
 }
 
 // src/data-table/MatrxComparisonTable.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ROW_COLUMN_ID = "__comparison_row";
 var subjectColumnId = (subject) => `subject:${subject.id}`;
 function buildGridRows(rows, subjects, footer) {
@@ -27287,7 +27374,7 @@ function buildGridRows(rows, subjects, footer) {
   });
 }
 function PlaceBadge({ place }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Badge, { tone: place === 1 ? "success" : "neutral", title: `${comparisonOrdinal(place)} place on this row`, children: comparisonOrdinal(place) });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Badge, { tone: place === 1 ? "success" : "neutral", title: `${comparisonOrdinal(place)} place on this row`, children: comparisonOrdinal(place) });
 }
 function MatrxComparisonTable({
   subjects: rawSubjects,
@@ -27336,11 +27423,11 @@ function MatrxComparisonTable({
       minWidth: 120,
       accessorFn: (line) => line.row.label,
       copyValue: (line) => line.row.label,
-      cell: (line) => line.row.header ?? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: line.row.emphasized || line.footer ? "font-semibold text-foreground" : "text-foreground", children: line.row.label })
+      cell: (line) => line.row.header ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: line.row.emphasized || line.footer ? "font-semibold text-foreground" : "text-foreground", children: line.row.label })
     },
     ...subjects.map((subject, index) => ({
       id: subjectColumnId(subject),
-      header: subject.header ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { title: subject.title, children: subject.header }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { title: subject.title, children: subject.label }),
+      header: subject.header ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { title: subject.title, children: subject.header }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { title: subject.title, children: subject.label }),
       label: subject.label,
       width: subjectWidth,
       minWidth: 96,
@@ -27356,16 +27443,16 @@ function MatrxComparisonTable({
       },
       cell: (line) => {
         const cell = line.cells[index];
-        if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
+        if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
         const place = places ? line.ranking.places[subject.id] : null;
-        return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
           "span",
           {
             className: align === "right" ? "inline-flex items-center justify-end gap-1.5" : "inline-flex items-center gap-1.5",
             "data-comparison-highlight": line.ranking.highlights[subject.id] ?? void 0,
             children: [
-              cell.node ?? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: cell.text }),
-              place != null ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(PlaceBadge, { place }) : null
+              cell.node ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: cell.text }),
+              place != null ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PlaceBadge, { place }) : null
             ]
           }
         );
@@ -27417,7 +27504,7 @@ function MatrxComparisonTable({
       };
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     MatrxDataTable,
     {
       data,
@@ -27448,8 +27535,8 @@ function MatrxComparisonTable({
 }
 
 // src/data-table/MatrxBatchGrid.tsx
-var import_react48 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_react50 = require("react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var BATCH_COLUMN_FLOOR_CAP_PX = 480;
 function freeColumnId(wanted, fallback, taken) {
   if (!taken.has(wanted)) return wanted;
@@ -27465,13 +27552,13 @@ var TONE_CLASS = {
 };
 function BatchRowStatusIcon({ status }) {
   const Glyph = status.tone === "ready" ? CircleCheck : AlertTriangleIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { role: "img", "aria-label": status.label, title: status.label, "data-matrx-batch-status": status.tone, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Glyph, { className: cn("h-4 w-4 shrink-0", TONE_CLASS[status.tone]) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { role: "img", "aria-label": status.label, title: status.label, "data-matrx-batch-status": status.tone, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Glyph, { className: cn("h-4 w-4 shrink-0", TONE_CLASS[status.tone]) }) });
 }
 function BatchRowKindBadge({
   kind,
   words: words2
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "span",
     {
       "data-matrx-batch-kind": kind,
@@ -27485,16 +27572,16 @@ function BatchRowKindBadge({
   );
 }
 function BatchFillButton({ fill, disabled }) {
-  const [open, setOpen] = (0, import_react48.useState)(false);
-  const [value, setValue] = (0, import_react48.useState)(void 0);
+  const [open, setOpen] = (0, import_react50.useState)(false);
+  const [value, setValue] = (0, import_react50.useState)(void 0);
   const stop = (event) => event.stopPropagation();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       Button2,
       {
         type: "button",
         variant: "quiet",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ArrowDownToLine, { className: "h-3.5 w-3.5" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ArrowDownToLine, { className: "h-3.5 w-3.5" }),
         disabled,
         "data-matrx-batch-fill": true,
         title: fill.title,
@@ -27507,7 +27594,7 @@ function BatchFillButton({ fill, disabled }) {
         children: fill.label ?? ""
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       PopoverContent,
       {
         align: "start",
@@ -27518,9 +27605,9 @@ function BatchFillButton({ fill, disabled }) {
         onPointerDown: stop,
         onMouseDown: stop,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "type-meta text-muted-foreground", children: fill.limits }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "type-meta text-muted-foreground", children: fill.limits }),
           fill.renderControl(value, setValue),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Button,
             {
               type: "button",
@@ -27539,15 +27626,15 @@ function BatchFillButton({ fill, disabled }) {
   ] });
 }
 function ColumnHeader({ column, disabled }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "flex min-w-0 items-start gap-1.5", "data-matrx-batch-header": column.id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "truncate", children: column.header }),
-        column.required ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-destructive-ink", title: "Required", "aria-label": "Required", children: "*" }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "flex min-w-0 items-start gap-1.5", "data-matrx-batch-header": column.id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate", children: column.header }),
+        column.required ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-destructive-ink", title: "Required", "aria-label": "Required", children: "*" }) : null
       ] }),
-      column.caption ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "type-meta block truncate font-normal normal-case tracking-normal text-muted-foreground", children: column.caption }) : null
+      column.caption ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "type-meta block truncate font-normal normal-case tracking-normal text-muted-foreground", children: column.caption }) : null
     ] }),
-    column.fill ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ml-auto pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BatchFillButton, { fill: column.fill, disabled }) }) : null
+    column.fill ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ml-auto pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BatchFillButton, { fill: column.fill, disabled }) }) : null
   ] });
 }
 function MatrxBatchGrid({
@@ -27576,10 +27663,10 @@ function MatrxBatchGrid({
 }) {
   const host = useMatrxDataTableHost();
   const density = ownDensity ?? host.defaultDensity ?? "condensed";
-  const [folded, setFolded] = (0, import_react48.useState)(/* @__PURE__ */ new Set());
-  const gridRef = (0, import_react48.useRef)(null);
-  const [floors, setFloors] = (0, import_react48.useState)({});
-  (0, import_react48.useLayoutEffect)(() => {
+  const [folded, setFolded] = (0, import_react50.useState)(/* @__PURE__ */ new Set());
+  const gridRef = (0, import_react50.useRef)(null);
+  const [floors, setFloors] = (0, import_react50.useState)({});
+  (0, import_react50.useLayoutEffect)(() => {
     const root = gridRef.current;
     if (!root) return;
     const need = {};
@@ -27622,11 +27709,11 @@ function MatrxBatchGrid({
       const done = doneRowIds?.has(id) ?? false;
       const health = status?.(row) ?? null;
       const rowKind2 = kind?.(row) ?? null;
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "flex min-w-0 items-center gap-2", "data-matrx-batch-row": id, children: [
-        done ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BatchRowStatusIcon, { status: { tone: "ready", label: doneLabel } }) : health ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BatchRowStatusIcon, { status: health }) : null,
-        rowKind2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BatchRowKindBadge, { kind: rowKind2, words: kindWords }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "min-w-0 flex-1", children: rowHeader.render ? rowHeader.render(row) : rowHeader.label(row) }),
-        done ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "type-meta shrink-0 text-success-ink", children: doneLabel }) : null
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "flex min-w-0 items-center gap-2", "data-matrx-batch-row": id, children: [
+        done ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BatchRowStatusIcon, { status: { tone: "ready", label: doneLabel } }) : health ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BatchRowStatusIcon, { status: health }) : null,
+        rowKind2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BatchRowKindBadge, { kind: rowKind2, words: kindWords }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "min-w-0 flex-1", children: rowHeader.render ? rowHeader.render(row) : rowHeader.label(row) }),
+        done ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "type-meta shrink-0 text-success-ink", children: doneLabel }) : null
       ] });
     }
   };
@@ -27634,7 +27721,7 @@ function MatrxBatchGrid({
     const typed = column.type !== void 0 && column.render === void 0;
     const def = {
       id: column.id,
-      header: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColumnHeader, { column, disabled }),
+      header: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColumnHeader, { column, disabled }),
       label: column.header,
       ...column.helpText ? { helpText: column.helpText } : {},
       accessorFn: (row) => banded(row) ? null : column.read(row),
@@ -27653,7 +27740,7 @@ function MatrxBatchGrid({
       def.editableIf = (row) => !banded(row) && (column.editableIf ? column.editableIf(row) : true);
     } else if (column.render) {
       const draw = column.render;
-      def.cell = (row) => banded(row) ? null : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ...{ [CELL_EDITOR_ATTR]: "" }, "data-matrx-batch-cell": column.id, className: "min-w-0", children: draw(row) });
+      def.cell = (row) => banded(row) ? null : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ...{ [CELL_EDITOR_ATTR]: "" }, "data-matrx-batch-cell": column.id, className: "min-w-0", children: draw(row) });
     }
     return def;
   });
@@ -27685,8 +27772,8 @@ function MatrxBatchGrid({
   const expandedIds = new Set(
     data.map(getRowId).filter((id) => !folded.has(id) && hasDetail(byId.get(id)))
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { ref: gridRef, className: "min-w-0", "data-matrx-batch-grid": tableId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { ref: gridRef, className: "min-w-0", "data-matrx-batch-grid": tableId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       MatrxDataTable,
       {
         tableId,
@@ -27741,9 +27828,9 @@ function MatrxBatchGrid({
           expandedIds,
           onExpandedIdsChange: (next) => setFolded(new Set(data.map(getRowId).filter((id) => !next.has(id)))),
           canExpand: hasDetail,
-          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-            banded(row) ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { "data-matrx-batch-band": true, className: "px-3 py-1.5 text-sm text-muted-foreground", children: bandOf(row) }) : null,
-            notesOf(row).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BatchRowNotes, { notes: notesOf(row) }) : null
+          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+            banded(row) ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { "data-matrx-batch-band": true, className: "px-3 py-1.5 text-sm text-muted-foreground", children: bandOf(row) }) : null,
+            notesOf(row).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BatchRowNotes, { notes: notesOf(row) }) : null
           ] })
         },
         ...onRemoveRow ? {
@@ -27763,12 +27850,12 @@ function MatrxBatchGrid({
         } : {}
       }
     ),
-    footnote ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "type-meta px-3 py-2 text-muted-foreground", children: footnote }) : null
+    footnote ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "type-meta px-3 py-2 text-muted-foreground", children: footnote }) : null
   ] });
 }
 function BatchRowNotes({ notes }) {
   const blocked = notes.some((note) => note.tone === "blocked");
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "ul",
     {
       "data-matrx-batch-notes": true,
@@ -27776,16 +27863,16 @@ function BatchRowNotes({ notes }) {
         "type-meta space-y-0.5 px-3 py-1.5 text-foreground",
         blocked ? "bg-destructive/5" : "bg-warning/10"
       ),
-      children: notes.map((note) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("li", { className: "flex items-start gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(AlertTriangleIcon, { className: cn("mt-0.5 h-3.5 w-3.5 shrink-0", note.tone === "blocked" ? "text-destructive-ink" : "text-warning-ink") }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: note.text })
+      children: notes.map((note) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { className: "flex items-start gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(AlertTriangleIcon, { className: cn("mt-0.5 h-3.5 w-3.5 shrink-0", note.tone === "blocked" ? "text-destructive-ink" : "text-warning-ink") }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: note.text })
       ] }, note.text))
     }
   );
 }
 
 // src/data-table/MatrxDetailGrid.tsx
-var import_react49 = require("react");
+var import_react51 = require("react");
 
 // src/data-table/detail-grid.ts
 var import_delimited4 = require("@ai-matrx/kit/delimited");
@@ -27856,22 +27943,22 @@ function detailGridText(rows, columns, labelHeader = "Field") {
 }
 
 // src/data-table/MatrxDetailGrid.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DEFAULT_COLUMNS = [{ key: "value", label: "Value" }];
 var DEFAULT_CLAMP = 400;
 function JsonValue2({ data }) {
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
-  if (Viewer) return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Viewer, { data });
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/40 p-2 font-mono text-xs leading-relaxed text-foreground", children: detailValueText(data) });
+  if (Viewer) return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Viewer, { data });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/40 p-2 font-mono text-xs leading-relaxed text-foreground", children: detailValueText(data) });
 }
 function ClampedText({ text, clampChars, mono }) {
-  const [open, setOpen] = (0, import_react49.useState)(false);
+  const [open, setOpen] = (0, import_react51.useState)(false);
   const long = text.length > clampChars;
   const shown = long && !open ? `${text.slice(0, clampChars).trimEnd()}\u2026` : text;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: cn("block min-w-0 whitespace-pre-wrap break-words", mono && "font-mono"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: cn("block min-w-0 whitespace-pre-wrap break-words", mono && "font-mono"), children: [
     shown,
-    long ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    long ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Button2,
       {
         type: "button",
@@ -27886,9 +27973,9 @@ function ClampedText({ text, clampChars, mono }) {
   ] });
 }
 function CollectedValue({ data }) {
-  const [open, setOpen] = (0, import_react49.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "block min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  const [open, setOpen] = (0, import_react51.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "block min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Button2,
       {
         type: "button",
@@ -27900,7 +27987,7 @@ function CollectedValue({ data }) {
         children: collectedDetailSummary(data)
       }
     ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-1 block", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(JsonValue2, { data }) }) : null
+    open ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "mt-1 block", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(JsonValue2, { data }) }) : null
   ] });
 }
 function MatrxDetailValue({
@@ -27911,13 +27998,13 @@ function MatrxDetailValue({
   clampChars = DEFAULT_CLAMP
 }) {
   if (isBlankDetailValue(value)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "italic text-muted-foreground", "data-matrx-detail-empty": "", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "italic text-muted-foreground", "data-matrx-detail-empty": "", children: emptyLabel });
   }
-  if ((0, import_uuid2.isUuidValue)(value)) return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(RecordId, { value, label });
+  if ((0, import_uuid2.isUuidValue)(value)) return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(RecordId, { value, label });
   const collected = collectedDetailValue(value);
-  if (collected) return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CollectedValue, { data: collected });
+  if (collected) return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CollectedValue, { data: collected });
   const text = Array.isArray(value) ? value.map((item) => detailValueText(item)).join(", ") : typeof value === "string" ? value : formatTableDisplayValue(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ClampedText, { text, clampChars, mono });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ClampedText, { text, clampChars, mono });
 }
 function MatrxDetailGrid({
   rows,
@@ -27939,8 +28026,8 @@ function MatrxDetailGrid({
   const { before, after } = detailGridBeforeAfter(columns);
   const reviewing = Boolean(before && after);
   const changedCount = reviewing ? detailGridChangedCount(rows, columns) : 0;
-  const [changedOnly, setChangedOnly] = (0, import_react49.useState)(false);
-  const [showAll, setShowAll] = (0, import_react49.useState)(false);
+  const [changedOnly, setChangedOnly] = (0, import_react51.useState)(false);
+  const [showAll, setShowAll] = (0, import_react51.useState)(false);
   const filtered = changedOnly ? rows.filter((row) => isDetailRowChanged(row, columns)) : rows;
   const limit = initialRows && !showAll ? initialRows : filtered.length;
   const shown = filtered.slice(0, limit);
@@ -27949,14 +28036,14 @@ function MatrxDetailGrid({
     const value = row.values[column.key];
     if (!copy || isBlankDetailValue(value)) return null;
     const label = columns.length > 1 ? `${row.label} \xB7 ${column.label}` : row.label;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "span",
       {
         className: cn(
           "shrink-0 opacity-0 transition-opacity focus-within:opacity-100 group-hover/detail:opacity-100",
           floating && "absolute right-1 top-0.5 rounded-md bg-card"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           DeferredCopyButtons,
           {
             size: "xs",
@@ -27975,12 +28062,12 @@ function MatrxDetailGrid({
     );
   };
   if (rows.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("type-secondary text-muted-foreground", className), children: empty ?? "Nothing to show" });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("type-secondary text-muted-foreground", className), children: empty ?? "Nothing to show" });
   }
   const showHeader = header ?? columns.length > 1;
   const singleRecord = columns.length === 1 && !showHeader;
-  const footer = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-    filtered.length > limit ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  const footer = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+    filtered.length > limit ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Button2,
       {
         type: "button",
@@ -27991,11 +28078,11 @@ function MatrxDetailGrid({
         children: `Show all ${filtered.length}`
       }
     ) : null,
-    held > rows.length ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-1 type-meta text-muted-foreground", "data-matrx-detail-held": "", children: `${rows.length} of ${held} rows shown` }) : null
+    held > rows.length ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mt-1 type-meta text-muted-foreground", "data-matrx-detail-held": "", children: `${rows.length} of ${held} rows shown` }) : null
   ] });
   if (singleRecord) {
     const column = columns[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("min-w-0", className), "data-matrx-detail-grid": "record", "data-matrx-table-look": macLook, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("min-w-0", className), "data-matrx-detail-grid": "record", "data-matrx-table-look": macLook, children: [
       shown.map((row) => {
         const value = row.values[column.key];
         const meta = copyFor(row, column);
@@ -28010,18 +28097,18 @@ function MatrxDetailGrid({
           ...meta ? { meta } : {}
         };
         if (custom === void 0 && isBlankDetailValue(value)) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PropertyRow, { ...common, missing: column.emptyLabel ?? true }, row.key);
+          return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PropertyRow, { ...common, missing: column.emptyLabel ?? true }, row.key);
         }
         if (collected) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PropertyRow, { ...common, data: collected, expanded: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(JsonValue2, { data: collected }) }, row.key);
+          return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PropertyRow, { ...common, data: collected, expanded: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(JsonValue2, { data: collected }) }, row.key);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PropertyRow, { ...common, mono: Boolean(row.mono ?? column.mono), children: custom ?? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MatrxDetailValue, { value, label: row.label, mono: row.mono ?? column.mono, clampChars }) }, row.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PropertyRow, { ...common, mono: Boolean(row.mono ?? column.mono), children: custom ?? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MatrxDetailValue, { value, label: row.label, mono: row.mono ?? column.mono, clampChars }) }, row.key);
       }),
       footer
     ] });
   }
   const template = `minmax(5rem, 11rem) repeat(${columns.length}, minmax(0, 1fr))`;
-  const copyAll = copy ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  const copyAll = copy ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     DeferredCopyButtons,
     {
       size: "xs",
@@ -28036,11 +28123,11 @@ function MatrxDetailGrid({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("min-w-0", className), "data-matrx-detail-grid": reviewing ? "review" : "grid", "data-matrx-table-look": macLook, children: [
-    reviewing ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "mb-1 flex min-h-7 items-center gap-2", "data-matrx-detail-bar": "", children: [
-      reviewing ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "type-secondary text-muted-foreground", "data-matrx-detail-changed-count": "", children: `${changedCount} changed` }),
-        changedCount > 0 && changedCount < rows.length ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("min-w-0", className), "data-matrx-detail-grid": reviewing ? "review" : "grid", "data-matrx-table-look": macLook, children: [
+    reviewing ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "mb-1 flex min-h-7 items-center gap-2", "data-matrx-detail-bar": "", children: [
+      reviewing ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "type-secondary text-muted-foreground", "data-matrx-detail-changed-count": "", children: `${changedCount} changed` }),
+        changedCount > 0 && changedCount < rows.length ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           Button2,
           {
             type: "button",
@@ -28053,10 +28140,10 @@ function MatrxDetailGrid({
           }
         ) : null
       ] }) : null,
-      copyAll ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ml-auto", children: copyAll }) : null
+      copyAll ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ml-auto", children: copyAll }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "group/detail-grid relative", children: [
-      !reviewing && copyAll ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "group/detail-grid relative", children: [
+      !reviewing && copyAll ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         "span",
         {
           "data-matrx-detail-copy-all": "",
@@ -28064,22 +28151,22 @@ function MatrxDetailGrid({
           children: copyAll
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "overflow-x-auto rounded-md border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "table", className: "grid min-w-max sm:min-w-0", style: { gridTemplateColumns: template }, children: [
-        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "row", className: "contents", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { role: "columnheader", className: "border-b border-border bg-muted/40 px-2 py-1 type-label text-muted-foreground", children: labelHeader }),
-          columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { role: "columnheader", className: "border-b border-border bg-muted/40 px-2 py-1 type-label text-muted-foreground", children: column.label }, column.key))
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "overflow-x-auto rounded-md border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { role: "table", className: "grid min-w-max sm:min-w-0", style: { gridTemplateColumns: template }, children: [
+        showHeader ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { role: "row", className: "contents", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { role: "columnheader", className: "border-b border-border bg-muted/40 px-2 py-1 type-label text-muted-foreground", children: labelHeader }),
+          columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { role: "columnheader", className: "border-b border-border bg-muted/40 px-2 py-1 type-label text-muted-foreground", children: column.label }, column.key))
         ] }) : null,
         shown.map((row, index) => {
           const changed = reviewing && isDetailRowChanged(row, columns);
           const last = index === shown.length - 1;
           const edge = last ? "" : "border-b border-border";
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "row", className: "contents", "data-matrx-detail-row": row.key, ...changed ? { "data-changed": "" } : {}, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { role: "rowheader", className: cn("px-2 py-1 type-secondary text-muted-foreground", edge), children: row.label }),
+          return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { role: "row", className: "contents", "data-matrx-detail-row": row.key, ...changed ? { "data-changed": "" } : {}, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { role: "rowheader", className: cn("px-2 py-1 type-secondary text-muted-foreground", edge), children: row.label }),
             columns.map((column) => {
               const value = row.values[column.key];
               const emphasise = changed && column.key === after;
               const muted = reviewing && !emphasise;
-              return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   role: "cell",
@@ -28091,7 +28178,7 @@ function MatrxDetailGrid({
                   ),
                   ...emphasise ? { "data-changed-cell": "" } : {},
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "block min-w-0", children: row.render?.[column.key] ?? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "block min-w-0", children: row.render?.[column.key] ?? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       MatrxDetailValue,
                       {
                         value,
@@ -28116,7 +28203,7 @@ function MatrxDetailGrid({
 }
 
 // src/data-table/MatrxVersionTimeline.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 
 // src/data-table/version-timeline.ts
 function versionTimelineRows(versions, currentNumber) {
@@ -28139,7 +28226,7 @@ function versionTimelineRows(versions, currentNumber) {
 }
 
 // src/data-table/MatrxVersionTimeline.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var lucide = (props) => ({
   width: 24,
   height: 24,
@@ -28152,26 +28239,26 @@ var lucide = (props) => ({
   ...props
 });
 function CompareIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { ...lucide(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("circle", { cx: "5", cy: "6", r: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "M12 6h5a2 2 0 0 1 2 2v7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "m15 9-3-3 3-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("circle", { cx: "19", cy: "18", r: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "M12 18H7a2 2 0 0 1-2-2V9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "m9 15 3 3-3 3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { ...lucide(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("circle", { cx: "5", cy: "6", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M12 6h5a2 2 0 0 1 2 2v7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "m15 9-3-3 3-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("circle", { cx: "19", cy: "18", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M12 18H7a2 2 0 0 1-2-2V9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "m9 15 3 3-3 3" })
   ] });
 }
 function RestoreIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { ...lucide(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { d: "M3 3v5h5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { ...lucide(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M3 3v5h5" })
   ] });
 }
 function NextIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ArrowRightIcon, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ArrowRightIcon, { ...props });
 }
 function LoadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ChevronDownIcon, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ChevronDownIcon, { ...props });
 }
 function formatWhen(at2) {
   if (!at2) return "";
@@ -28180,8 +28267,8 @@ function formatWhen(at2) {
   return `${date.toLocaleDateString()} ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;
 }
 function VersionCell({ row }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "inline-flex items-center gap-1.5", "data-matrx-version": row.entry.number, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "inline-flex items-center gap-1.5", "data-matrx-version": row.entry.number, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "span",
       {
         "aria-hidden": true,
@@ -28192,8 +28279,8 @@ function VersionCell({ row }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: cn("font-mono font-medium tabular-nums", row.isCurrent ? "font-semibold text-foreground" : "text-foreground"), children: `v${row.entry.number}` }),
-    row.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "sr-only", children: "Current" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: cn("font-mono font-medium tabular-nums", row.isCurrent ? "font-semibold text-foreground" : "text-foreground"), children: `v${row.entry.number}` }),
+    row.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "sr-only", children: "Current" }) : null
   ] });
 }
 function MatrxVersionTimeline({
@@ -28212,9 +28299,9 @@ function MatrxVersionTimeline({
 }) {
   const host = useMatrxDataTableHost();
   const rows = versionTimelineRows(versions, currentNumber);
-  const [expandedId, setExpandedId] = (0, import_react50.useState)(null);
-  const [pendingRestore, setPendingRestore] = (0, import_react50.useState)(null);
-  const [restoring, setRestoring] = (0, import_react50.useState)(false);
+  const [expandedId, setExpandedId] = (0, import_react52.useState)(null);
+  const [pendingRestore, setPendingRestore] = (0, import_react52.useState)(null);
+  const [restoring, setRestoring] = (0, import_react52.useState)(false);
   const has = (pick) => versions.some((entry) => pick(entry) != null && pick(entry) !== "");
   const columns = [
     {
@@ -28222,7 +28309,7 @@ function MatrxVersionTimeline({
       header: "Version",
       accessorFn: (row) => row.entry.number,
       copyValue: (row) => `v${row.entry.number}`,
-      cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VersionCell, { row }),
+      cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(VersionCell, { row }),
       format: { id: "integer" },
       width: 96,
       frozen: true
@@ -28241,7 +28328,7 @@ function MatrxVersionTimeline({
     id: "at",
     header: "When",
     accessorFn: (row) => row.entry.at instanceof Date ? row.entry.at.toISOString() : row.entry.at ?? "",
-    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-muted-foreground", children: formatWhen(row.entry.at) }),
+    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-muted-foreground", children: formatWhen(row.entry.at) }),
     format: { id: "datetime" },
     width: 160
   });
@@ -28261,15 +28348,15 @@ function MatrxVersionTimeline({
     id: "changes",
     header: "Changes",
     accessorFn: (row) => [row.entry.note, row.entry.changesText].filter(Boolean).join(" \xB7 "),
-    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0 space-y-1", children: [
-      row.entry.note ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "text-muted-foreground", children: row.entry.note }) : null,
-      row.entry.changes ?? (row.entry.loaded === false ? onLoad ? null : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-muted-foreground", children: "\u2014" }) : row.previous ? row.entry.changesText ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-muted-foreground", children: row.entry.changesText }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-muted-foreground", children: "No changes" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-muted-foreground", children: "First version" })),
-      row.entry.loaded === false && onLoad ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "min-w-0 space-y-1", children: [
+      row.entry.note ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "text-muted-foreground", children: row.entry.note }) : null,
+      row.entry.changes ?? (row.entry.loaded === false ? onLoad ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-muted-foreground", children: "\u2014" }) : row.previous ? row.entry.changesText ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-muted-foreground", children: row.entry.changesText }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-muted-foreground", children: "No changes" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-muted-foreground", children: "First version" })),
+      row.entry.loaded === false && onLoad ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         Button2,
         {
           type: "button",
           variant: "link",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(LoadIcon, { className: "size-3", "aria-hidden": true }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LoadIcon, { className: "size-3", "aria-hidden": true }),
           "data-matrx-version-load": "",
           className: "shrink-0",
           onClick: (event) => {
@@ -28315,8 +28402,8 @@ function MatrxVersionTimeline({
     return actions;
   };
   const words2 = pendingRestore && restore ? restore.confirm(pendingRestore) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       MatrxDataTable,
       {
         tableId,
@@ -28342,7 +28429,7 @@ function MatrxVersionTimeline({
         } : {}
       }
     ),
-    words2 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    words2 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       ConfirmDialog,
       {
         open: true,