@ai-matrx/design-system 0.86.360 → 0.86.362

package/dist/data-table/index.js

@@ -5,7 +5,7 @@ import {
 import {
   DEFAULT_TABLE_PAGE_SIZES,
   GenericTablePagination
-} from "../chunk-HISATFYI.js";
+} from "../chunk-LS3C7IUV.js";
 import {
   useScrollPagination
 } from "../chunk-VOFK23MG.js";
@@ -145,7 +145,7 @@ import {
   ConfirmDialog,
   EmptyState,
   Tile
-} from "../chunk-WOA6WHV2.js";
+} from "../chunk-WLKHQGX5.js";
 import "../chunk-K4XCB576.js";
 import {
   ErrorBox
@@ -171,7 +171,7 @@ import {
   MacLookLayer,
   useMacLookAttributes,
   withMacLookDefaults
-} from "../chunk-C5HYUXR2.js";
+} from "../chunk-UGUVTE77.js";
 import "../chunk-YC5GAO35.js";
 import {
   Checkbox
@@ -215,7 +215,7 @@ import {
   searchValueVariants,
   stringifyCellValue,
   tokenFromColumnName
-} from "../chunk-ZU2ZODDD.js";
+} from "../chunk-2QFA6CK4.js";
 import {
   TIME_RANGE_PRESETS,
   TIME_RANGE_PRESET_VALUES,
@@ -239,7 +239,7 @@ import {
 } from "../chunk-FXT7PZAF.js";
 import {
   PropertyRow
-} from "../chunk-UCEKAKHP.js";
+} from "../chunk-3YTF4MH2.js";
 import "../chunk-WFBPCMPF.js";
 import "../chunk-KGW373MK.js";
 import {
@@ -257,7 +257,7 @@ import {
   RecordId,
   shortUuid,
   useTableNotice
-} from "../chunk-TSETPQWU.js";
+} from "../chunk-RO5CRIOL.js";
 import {
   Badge,
   Button as Button2,
@@ -266,7 +266,7 @@ import {
   SegmentedControl,
   Select as Select2,
   Tabs
-} from "../chunk-LU75R6YX.js";
+} from "../chunk-KOUHF4JC.js";
 import "../chunk-BD77DHUO.js";
 import "../chunk-BKCJUFD3.js";
 import {
@@ -289,7 +289,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "../chunk-T57DLONB.js";
+} from "../chunk-AKSKVT2M.js";
 import "../chunk-BNXNIN2S.js";
 import {
   peopleErrorSentence
@@ -632,11 +632,11 @@ import {
   isValidElement,
   memo,
   useCallback as useCallback4,
-  useEffect as useEffect14,
+  useEffect as useEffect15,
   useId as useId2,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo8,
-  useRef as useRef14,
+  useRef as useRef15,
   useState as useState17,
   useContext as useContext5,
   createContext as createContext4
@@ -8203,7 +8203,85 @@ function hiddenWithColumnDefaults(order, hidden, columns) {
 
 // src/data-table/MatrxDataTable.tsx
 import { openOutbound as openOutbound2 } from "@ai-matrx/kit/outbound";
-import { Fragment as Fragment15, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/data-table/MultilineRowMarker.tsx
+import { useRef as useRef14 } from "react";
+
+// src/data-table/multiline-rows.ts
+import { useEffect as useEffect14 } from "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();
+  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) {
+  useEffect14(() => {
+    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
+import { jsx as jsx23 } from "react/jsx-runtime";
+function MultilineRowMarker() {
+  const anchorRef = useRef14(null);
+  useMultilineRowMarker(anchorRef);
+  return /* @__PURE__ */ jsx23("span", { ref: anchorRef, hidden: true, "aria-hidden": true, "data-matrx-multiline-row-marker": "" });
+}
+
+// src/data-table/MatrxDataTable.tsx
+import { Fragment as Fragment15, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var EMPTY_TABLE_ROWS = [];
 function TableToolbarAction({
   HostAction,
@@ -8216,7 +8294,7 @@ function TableToolbarAction({
 }) {
   const listed = useToolbarListed();
   if (listed) {
-    return /* @__PURE__ */ jsx23("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsx24("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsxs22(
       Button,
       {
         type: "button",
@@ -8230,16 +8308,16 @@ function TableToolbarAction({
         onClick,
         children: [
           isValidElement(children) ? cloneElement(children, { className: cn("h-4 w-4", children.props.className) }) : children,
-          /* @__PURE__ */ jsx23("span", { children: ariaLabel })
+          /* @__PURE__ */ jsx24("span", { children: ariaLabel })
         ]
       }
     ) });
   }
   if (HostAction) {
-    return /* @__PURE__ */ jsx23("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ jsx23(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
+    return /* @__PURE__ */ jsx24("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ jsx24(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
   }
   return /* @__PURE__ */ jsxs22(Tooltip, { children: [
-    /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsx24(
       Button2,
       {
         variant: "quiet",
@@ -8251,7 +8329,7 @@ function TableToolbarAction({
         icon: children
       }
     ) }) }),
-    /* @__PURE__ */ jsx23(TooltipContent, { children: tooltip ?? ariaLabel })
+    /* @__PURE__ */ jsx24(TooltipContent, { children: tooltip ?? ariaLabel })
   ] });
 }
 function customActionsHeaderNeed(header) {
@@ -8276,7 +8354,7 @@ function TableRowCopyControl({
   sourceId,
   defaultColumns
 }) {
-  return /* @__PURE__ */ jsx23(DeferredCopyButtons, { size, ...tableRowCopyProps(copy, row, sourceId, defaultColumns) });
+  return /* @__PURE__ */ jsx24(DeferredCopyButtons, { size, ...tableRowCopyProps(copy, row, sourceId, defaultColumns) });
 }
 function tableRowCopyProps(copy, row, sourceId, defaultColumns) {
   const aiVariants = copy.rowAiVariants?.(row);
@@ -8486,7 +8564,7 @@ function MatrxDataTable(suppliedProps) {
     resolvedUrlState?.auto ? resolvedUrlState.config.id : null,
     Boolean(resolvedUrlState?.auto)
   );
-  return /* @__PURE__ */ jsx23(MacLookContext.Provider, { value: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ jsx23(MacLookLayer, { density: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ jsx23(InsideMatrxDataTableContext.Provider, { value: true, children: /* @__PURE__ */ jsx23(MatrxTableCardContext.Provider, { value: null, children: /* @__PURE__ */ jsx23(TableCardOwnerContext.Provider, { value: card, children: resolvedUrlState ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(MacLookContext.Provider, { value: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ jsx24(MacLookLayer, { density: props.look === "mac" ? props.density ?? lookHost.defaultDensity ?? "normal" : null, children: /* @__PURE__ */ jsx24(InsideMatrxDataTableContext.Provider, { value: true, children: /* @__PURE__ */ jsx24(MatrxTableCardContext.Provider, { value: null, children: /* @__PURE__ */ jsx24(TableCardOwnerContext.Provider, { value: card, children: resolvedUrlState ? /* @__PURE__ */ jsx24(
     MatrxDataTableWithUrlState,
     {
       ...presentedProps,
@@ -8494,7 +8572,7 @@ function MatrxDataTable(suppliedProps) {
       autoUrlState: resolvedUrlState.auto
     },
     resolvedUrlState.auto ? defaultUrlId ?? resolvedUrlState.config.id : resolvedUrlState.config.id
-  ) : /* @__PURE__ */ jsx23(MatrxDataTableCore, { ...presentedProps, urlState: false }) }) }) }) }) });
+  ) : /* @__PURE__ */ jsx24(MatrxDataTableCore, { ...presentedProps, urlState: false }) }) }) }) }) });
 }
 var NO_CUSTOM_FIELD_COLUMNS = [];
 function noCustomFieldColumns() {
@@ -8550,7 +8628,7 @@ function listPresentationProps(props) {
     ...props.focusRowId === void 0 && props.activeRowId ? { focusRowId: props.activeRowId } : {},
     mobileCardsBreakpoint: "always",
     cardsLayout: "list",
-    mobileCards: props.mobileCards ?? ((row, _index, controls) => /* @__PURE__ */ jsx23(
+    mobileCards: props.mobileCards ?? ((row, _index, controls) => /* @__PURE__ */ jsx24(
       TableListItem,
       {
         title: titleOf(row),
@@ -8589,7 +8667,7 @@ function MatrxDataTableWithUrlState({
   const seedFilters = props.initialColumnFilters;
   const hasSeedFilters = Boolean(seedFilters && Object.keys(seedFilters).length > 0);
   const [seeded, setSeeded] = useState17(!seedSearch && !hasSeedFilters);
-  useEffect14(() => {
+  useEffect15(() => {
     if (seeded) return;
     const params = new URLSearchParams(window.location.search);
     const patch = {};
@@ -8610,7 +8688,7 @@ function MatrxDataTableWithUrlState({
     },
     [seeded, table.state, seedSearch, seedFilters, hasSeedFilters]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     const id = urlState.id;
     if (!autoUrlState) {
       if (urlTableIdHeld(id)) {
@@ -8662,7 +8740,7 @@ function MatrxDataTableWithUrlState({
   } : props.selection;
   const viewSearch = useUrlSearchParams2().toString();
   const carryView = useCallback4((href) => carryTableViewParams(href, viewSearch, urlState.id), [viewSearch, urlState.id]);
-  return /* @__PURE__ */ jsx23(TableViewHrefContext.Provider, { value: carryView, children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(TableViewHrefContext.Provider, { value: carryView, children: /* @__PURE__ */ jsx24(
     MatrxDataTableCore,
     {
       ...props,
@@ -8726,7 +8804,7 @@ function opensRowHref(event) {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.button === 1;
 }
 function TableContextPassthrough({ children }) {
-  return /* @__PURE__ */ jsx23(Fragment15, { children });
+  return /* @__PURE__ */ jsx24(Fragment15, { children });
 }
 function sameWindow(a, b) {
   if (a === null || b === null) return a === b;
@@ -8742,7 +8820,7 @@ var DND_MEASURING = { droppable: { strategy: MeasuringStrategy.Always } };
 var NO_LAYERED_FILTERS = [];
 var NO_GROUPING_VALUE = "__matrx_no_grouping__";
 function useRenderEpoch(values) {
-  const held = useRef14(null);
+  const held = useRef15(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;
@@ -8786,13 +8864,13 @@ function sameBodyRow(a, b) {
 }
 var MatrxTableBodyRow = memo(function MatrxTableBodyRow2(props) {
   const { rowId, row, index, draw } = props;
-  const last = useRef14(null);
+  const last = useRef15(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 = memo(function MatrxTableChrome2({ render }) {
-  return /* @__PURE__ */ jsx23(Fragment15, { children: render() });
+  return /* @__PURE__ */ jsx24(Fragment15, { children: render() });
 }, (a, b) => a.part === b.part && a.epoch === b.epoch);
 function columnsSignature(columns) {
   const out = [];
@@ -8911,7 +8989,7 @@ function MatrxDataTableCore(coreProps) {
     appearance = "standalone"
   } = coreProps;
   const macPortalAttrs = useMacLookAttributes();
-  const wearMacLook = (node) => macPortalAttrs["data-matrx-table-look"] ? /* @__PURE__ */ jsx23("div", { className: "contents", ...macPortalAttrs, children: node }) : node;
+  const wearMacLook = (node) => macPortalAttrs["data-matrx-table-look"] ? /* @__PURE__ */ jsx24("div", { className: "contents", ...macPortalAttrs, children: node }) : node;
   const urlState = suppliedUrlState || void 0;
   const drill = isAnsweredDrillConfig(suppliedDrill) ? suppliedDrill : void 0;
   const labelForField = useCallback4(
@@ -8951,7 +9029,7 @@ function MatrxDataTableCore(coreProps) {
   const selectionConfig = suppliedSelectionConfig === false ? void 0 : suppliedSelectionConfig;
   const appendQuery = query?.mode === "controlled-append" ? query : null;
   const appendQueryKey = appendQuery?.pagination.queryKey ?? null;
-  const committedAppendQueryKey = useRef14(appendQueryKey);
+  const committedAppendQueryKey = useRef15(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;
@@ -8960,14 +9038,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 = useRef14(false);
+  const everLoadingRef = useRef15(false);
   if (isLoading) everLoadingRef.current = true;
   const everLoading = everLoadingRef.current;
   const host = useMatrxDataTableHost();
   const carryTableView = useContext5(TableViewHrefContext);
   const ReadFailureView = host.ReadFailure ?? DefaultTableReadFailure;
   const StaleNoticeView = host.StaleNotice ?? DefaultTableStaleNotice;
-  const readFailure = readView.failure ? /* @__PURE__ */ jsx23(ReadFailureView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null;
+  const readFailure = readView.failure ? /* @__PURE__ */ jsx24(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);
@@ -8980,7 +9058,7 @@ function MatrxDataTableCore(coreProps) {
   const [savedViewError, setSavedViewError] = useState17(null);
   const [toolbarActionError, setToolbarActionError] = useState17(null);
   const [toolbarActionPending, setToolbarActionPending] = useState17({ refresh: false, add: false });
-  const toolbarActionPendingRef = useRef14({ refresh: false, add: false });
+  const toolbarActionPendingRef = useRef15({ 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";
@@ -8996,7 +9074,7 @@ function MatrxDataTableCore(coreProps) {
     return () => media.removeEventListener?.("change", read2);
   }, []);
   const canonicalSelectionWidth = touchSelection ? 44 : SELECTION_COLUMN_PX;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(cardsQuery);
     const read2 = () => setCardsActive(mql.matches);
@@ -9151,9 +9229,9 @@ function MatrxDataTableCore(coreProps) {
   const [windowRowSnapshot, setWindowRowSnapshot] = useState17(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
   const [editsByScope, setEditsByScope] = useState17({});
-  const editRevisionRef = useRef14({});
+  const editRevisionRef = useRef15({});
   const [savingByScope, setSavingByScope] = useState17({});
-  const savingScopesRef = useRef14(/* @__PURE__ */ new Set());
+  const savingScopesRef = useRef15(/* @__PURE__ */ new Set());
   const [editRequest, setEditRequest] = useState17(null);
   const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = useState17(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
@@ -9225,10 +9303,10 @@ function MatrxDataTableCore(coreProps) {
     selectionConfig?.scopeKey === void 0 ? "receipt" : "membership",
     selectionConfig?.scopeKey ?? appendQueryKey
   ]);
-  const committedSelectionSourceKey = useRef14(selectionSourceKey);
+  const committedSelectionSourceKey = useRef15(selectionSourceKey);
   const selectionSourceChanged = selectionSourceKey !== null && committedSelectionSourceKey.current !== null && committedSelectionSourceKey.current !== selectionSourceKey;
   const selection = selectionSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  useEffect14(() => {
+  useEffect15(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -9245,21 +9323,21 @@ function MatrxDataTableCore(coreProps) {
     onWindowRowIdChange
   ]);
   const onSelectionSourceChange = selectionConfig?.onSelectedIdsChange;
-  useEffect14(() => {
+  useEffect15(() => {
     const previous = committedSelectionSourceKey.current;
     committedSelectionSourceKey.current = selectionSourceKey;
     if (previous !== null && selectionSourceKey !== null && previous !== selectionSourceKey) {
       onSelectionSourceChange?.([]);
     }
   }, [selectionSourceKey, onSelectionSourceChange]);
-  const scrollRef = useRef14(null);
-  const tableRef = useRef14(null);
-  const tableHeaderRef = useRef14(null);
-  const cardsScrollRef = useRef14(null);
+  const scrollRef = useRef15(null);
+  const tableRef = useRef15(null);
+  const tableHeaderRef = useRef15(null);
+  const cardsScrollRef = useRef15(null);
   const scrollContainers = useMemo8(() => [scrollRef, cardsScrollRef], []);
   const [documentStickyHeader, setDocumentStickyHeader] = useState17(false);
-  const documentStickyHeaderRef = useRef14(false);
-  const previousAppendKeyForScrollReset = useRef14(appendQueryKey);
+  const documentStickyHeaderRef = useRef15(false);
+  const previousAppendKeyForScrollReset = useRef15(appendQueryKey);
   useLayoutEffect2(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
@@ -9286,7 +9364,7 @@ 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 = useRef14(null);
+  const rootRef = useRef15(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
@@ -9294,7 +9372,7 @@ function MatrxDataTableCore(coreProps) {
   const [scrollHintLeft, setScrollHintLeft] = useState17(false);
   const [scrollHintRightInset, setScrollHintRightInset] = useState17(6);
   const [scrollHintTop, setScrollHintTop] = useState17(null);
-  const hintScrollLeft = useRef14(0);
+  const hintScrollLeft = useRef15(0);
   const updateScrollHint = useCallback4(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -9341,7 +9419,7 @@ function MatrxDataTableCore(coreProps) {
       behavior: "smooth"
     });
   };
-  useEffect14(() => {
+  useEffect15(() => {
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
     const observer = el && typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateScrollHint) : null;
@@ -9441,18 +9519,18 @@ function MatrxDataTableCore(coreProps) {
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
   const [fixedTableGeometry, setFixedTableGeometry] = useState17(null);
-  const knownColumnIds = useRef14(new Set(columns.map(columnId)));
-  const draggedColumnId = useRef14(null);
-  const columnDragActive = useRef14(false);
-  const columnDragRaf = useRef14(null);
-  const columnDragScrollDirection = useRef14(0);
+  const knownColumnIds = useRef15(new Set(columns.map(columnId)));
+  const draggedColumnId = useRef15(null);
+  const columnDragActive = useRef15(false);
+  const columnDragRaf = useRef15(null);
+  const columnDragScrollDirection = useRef15(0);
   const [columnDragPreview, setColumnDragPreview] = useState17(null);
   const stopColumnDragScroll = useCallback4(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  useEffect14(() => () => {
+  useEffect15(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
@@ -9533,7 +9611,7 @@ function MatrxDataTableCore(coreProps) {
     }, columns),
     [columns, persistedColumnWidths, autoResizeSnapshot]
   );
-  const resizeGestureSnapshotRef = useRef14(null);
+  const resizeGestureSnapshotRef = useRef15(null);
   const measureVisibleColumnWidths = useCallback4(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
@@ -9621,7 +9699,7 @@ function MatrxDataTableCore(coreProps) {
     const { [id]: _dropped, ...rest } = effectiveColumnWidths;
     commitColumnWidths(rest);
   }, [commitColumnWidths, effectiveColumnWidths]);
-  useEffect14(() => {
+  useEffect15(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -9690,8 +9768,8 @@ function MatrxDataTableCore(coreProps) {
   const freezeWanted = visibleColumns.some((column) => column.frozen);
   const selectionColumnWidth = selection ? canonicalSelectionWidth : void 0;
   const [fitSpace, setFitSpace] = useState17(null);
-  const fitReadRef = useRef14(null);
-  const fitSettlePasses = useRef14(0);
+  const fitReadRef = useRef15(null);
+  const fitSettlePasses = useRef15(0);
   useLayoutEffect2(() => {
     if (!fitSpace || fitSettlePasses.current >= 4) return;
     fitSettlePasses.current += 1;
@@ -9873,7 +9951,7 @@ function MatrxDataTableCore(coreProps) {
   const tableContextMenuInstanceId = useId2();
   const tableDndContextId = useId2();
   const defaultCopyTitle = toolbar?.title || "Table";
-  const copyColumnsLatest = useRef14(declaredVisibleCopyColumns);
+  const copyColumnsLatest = useRef15(declaredVisibleCopyColumns);
   copyColumnsLatest.current = declaredVisibleCopyColumns;
   const readDeclaredCopyColumns = lazyCallback(() => copyColumnsLatest.current);
   const defaultCopy = useMemo8(() => ({
@@ -9894,7 +9972,7 @@ function MatrxDataTableCore(coreProps) {
   const visibleDataColumns = useMemo8(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
   const effectiveCopyColumns = copy === void 0 ? declaredVisibleCopyColumns : visibleDataColumns;
   const copySubsetVariant2 = useCopySubsetVariant();
-  const chromeLatest = useRef14({
+  const chromeLatest = useRef15({
     processed: [],
     data: [],
     toggleAllOnPage: () => void 0,
@@ -9938,7 +10016,7 @@ function MatrxDataTableCore(coreProps) {
     }),
     [columns, data, toolbar?.intelligentSearch?.roles, toolbar?.intelligentSearch?.scopes]
   );
-  const getRowIdForSearch = useRef14(getRowId);
+  const getRowIdForSearch = useRef15(getRowId);
   getRowIdForSearch.current = getRowId;
   const rowIdForSearch = useCallback4((row) => getRowIdForSearch.current(row), []);
   const searchTextWithId = useCallback4(
@@ -10028,11 +10106,11 @@ function MatrxDataTableCore(coreProps) {
     sort
   };
   const viewQueryKey = onViewChange ? JSON.stringify(viewQuery) : "";
-  const viewQueryRef = useRef14(viewQuery);
+  const viewQueryRef = useRef15(viewQuery);
   viewQueryRef.current = viewQuery;
-  const lastNotifiedViewRows = useRef14(null);
-  const lastNotifiedViewQueryKey = useRef14(null);
-  useEffect14(() => {
+  const lastNotifiedViewRows = useRef15(null);
+  const lastNotifiedViewQueryKey = useRef15(null);
+  useEffect15(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       lastNotifiedViewQueryKey.current = null;
@@ -10043,7 +10121,7 @@ function MatrxDataTableCore(coreProps) {
     lastNotifiedViewQueryKey.current = viewQueryKey;
     if (changed) onViewChange(processed, viewQueryRef.current);
   }, [processed, viewQueryKey, onViewChange]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -10143,9 +10221,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 = useRef14(null);
+  const focusPagedFor = useRef15(null);
   const focusPageable = !remoteQuery && !hidePagination && !localProgressiveEnabled && pageSize !== 0;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!focusedRowId) {
       focusPagedFor.current = null;
       return;
@@ -10155,7 +10233,7 @@ function MatrxDataTableCore(coreProps) {
     if (focusPageable) setPage(Math.floor(focusIndex / effectivePageSize) + 1);
   }, [focusedRowId]);
   const focusShownPage = focusedRowId !== null && (!focusPageable || safePage === Math.floor(focusIndex / effectivePageSize) + 1);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!focusedRowId || !focusShownPage) return;
     const row = rootRef.current?.querySelector(`tr[data-row-id="${CSS.escape(focusedRowId)}"]`);
     row?.scrollIntoView?.({ block: "center" });
@@ -10204,7 +10282,7 @@ function MatrxDataTableCore(coreProps) {
   const columnVirtualizeActive = virtualizeConfig !== null && virtualizeConfig.enabled !== false && virtualizeConfig.columns === true && visibleColumns.length - frozenRunLength > 30 && !hierarchy && mobileCards === void 0;
   const [rowWindow, setRowWindow] = useState17(null);
   const [columnWindow, setColumnWindow] = useState17(null);
-  const windowInputs = useRef14({
+  const windowInputs = useRef15({
     virtualizeActive: false,
     bodyEntryCount: 0,
     virtualRowHeight: 40,
@@ -10276,7 +10354,7 @@ function MatrxDataTableCore(coreProps) {
     frozenRunLength
   ]);
   const metricsWanted = virtualizeActive || columnVirtualizeActive;
-  useEffect14(() => {
+  useEffect15(() => {
     recomputeWindows();
   }, [
     recomputeWindows,
@@ -10288,7 +10366,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   ]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!metricsWanted) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -10313,9 +10391,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 = useRef14(0);
+  const measuredCardSize = useRef15(0);
   const [cardWindow, setCardWindow] = useState17(null);
-  const cardWindowInputs = useRef14({ active: false, grid: false, count: 0, size: 88, overscan: 8 });
+  const cardWindowInputs = useRef15({ active: false, grid: false, count: 0, size: 88, overscan: 8 });
   cardWindowInputs.current = {
     active: cardsVirtualActive,
     grid: cardsGridWindowed,
@@ -10342,10 +10420,10 @@ function MatrxDataTableCore(coreProps) {
     setCardWindow((prev) => sameWindow(prev, next) ? prev : next);
   }, [computeCardWindow]);
   const effectiveCardWindow = cardsVirtualActive ? cardWindow && cardWindow.end <= bodyEntryCount ? cardWindow : computeCardWindow() : null;
-  useEffect14(() => {
+  useEffect15(() => {
     recomputeCardWindow();
   }, [recomputeCardWindow, cardsVirtualActive, bodyEntryCount, cardEstimate]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!cardsVirtualActive) return;
     const el = cardsScrollRef.current;
     if (!el) return;
@@ -10435,7 +10513,7 @@ function MatrxDataTableCore(coreProps) {
       windowed.push({ kind: "spacer", height: effectiveRowWindow.padEnd, place: "end" });
     return windowed;
   }, [groupedRenderRows, collapsedGroups, paginated, effectiveRowWindow]);
-  const getRowIdRef = useRef14(getRowId);
+  const getRowIdRef = useRef15(getRowId);
   getRowIdRef.current = getRowId;
   const spreadsheetRowIds = useMemo8(
     () => paginated.map((row) => getRowIdRef.current(row)),
@@ -10456,7 +10534,7 @@ function MatrxDataTableCore(coreProps) {
     return map;
   }, [visibleColumns]);
   const spreadsheetEnabled = Boolean(spreadsheet && spreadsheet.enabled !== false);
-  const openRowRef = useRef14(() => void 0);
+  const openRowRef = useRef15(() => void 0);
   const sheet = useSpreadsheetGrid(
     spreadsheetEnabled && spreadsheet ? {
       rowIds: spreadsheetRowIds,
@@ -10498,12 +10576,12 @@ function MatrxDataTableCore(coreProps) {
     } : null
   );
   if (spreadsheet?.controllerRef) spreadsheet.controllerRef.current = spreadsheetEnabled ? sheet.controller : null;
-  const sheetRef = useRef14(sheet);
+  const sheetRef = useRef15(sheet);
   sheetRef.current = sheet;
-  const onSheetSelectionRef = useRef14(spreadsheet?.onSelectionChange);
+  const onSheetSelectionRef = useRef15(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}` : ""}` : "";
-  useEffect14(() => {
+  useEffect15(() => {
     const tell = onSheetSelectionRef.current;
     if (!tell) return;
     const current = sheetRef.current;
@@ -10520,7 +10598,7 @@ function MatrxDataTableCore(coreProps) {
       tsv: current.selectionTsv()
     });
   }, [sheetSelectionKey]);
-  const searchValueRef = useRef14(searchValue);
+  const searchValueRef = useRef15(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);
   const coreSuggestionsEnabled = facets?.enabled !== false;
@@ -10535,10 +10613,10 @@ 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 = useRef14({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
+  const facetInputsRef = useRef15({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
   facetInputsRef.current = { data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded };
-  const facetRequestRef = useRef14(/* @__PURE__ */ new Map());
-  const requestedFacetColumns = useRef14(/* @__PURE__ */ new Set());
+  const facetRequestRef = useRef15(/* @__PURE__ */ new Map());
+  const requestedFacetColumns = useRef15(/* @__PURE__ */ new Set());
   const requestFacets = useCallback4((colId) => {
     requestedFacetColumns.current.add(colId);
     const { data: rows, facets: config, facetReadCell: readCell, coreFacetTotal: total, coreFacetLoaded: loaded } = facetInputsRef.current;
@@ -10622,7 +10700,7 @@ function MatrxDataTableCore(coreProps) {
       }));
     });
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     setFacetState((current) => Object.keys(current).length === 0 ? current : {});
     for (const [colId, ticket] of facetRequestRef.current) {
       facetRequestRef.current.set(colId, ticket + 1);
@@ -10632,7 +10710,7 @@ function MatrxDataTableCore(coreProps) {
     }
   }, [facetsEnabled, coreSuggestionsEnabled, data, searchValue, coreFacetTotal, coreFacetLoaded, requestFacets]);
   const totalIsKnown = !isLoading && !readView.failure;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!controlledQuery || !totalIsKnown || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage, totalIsKnown]);
@@ -10673,13 +10751,13 @@ 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;
-  useEffect14(() => {
+  useEffect15(() => {
     if (embeddedControlledPage !== 1) emitControlledQueryChange({ page: 1 });
   }, [embeddedControlledPage]);
-  useEffect14(() => {
+  useEffect15(() => {
     reportCardTotal?.(cardTotal);
   }, [reportCardTotal, cardTotal]);
-  useEffect14(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
+  useEffect15(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
   const [pinnedEl, setPinnedEl] = useState17(null);
   const pinnedRowActive = Boolean(
     toolbar?.singleRow && toolbar.overflow && toolbar.overflow.mode !== "sheet" && (toolbar.overflow.pinned || toolbar.overflow.mode === "menu")
@@ -10721,7 +10799,7 @@ function MatrxDataTableCore(coreProps) {
       ] });
     }
     const folded = pinnedFolded;
-    toolbarEnd.node = /* @__PURE__ */ jsx23(
+    toolbarEnd.node = /* @__PURE__ */ jsx24(
       "span",
       {
         ref: setPinnedEl,
@@ -10731,7 +10809,7 @@ function MatrxDataTableCore(coreProps) {
         children: folded ? /* @__PURE__ */ jsxs22(Fragment15, { children: [
           primary,
           /* @__PURE__ */ jsxs22(ToolbarOverflowMenu, { children: [
-            toolbarSearch.node ? /* @__PURE__ */ jsx23("div", { "data-matrx-table-toolbar-folded-search": "", "data-matrx-table-tools-keep-open": "", children: toolbarSearch.node }) : null,
+            toolbarSearch.node ? /* @__PURE__ */ jsx24("div", { "data-matrx-table-toolbar-folded-search": "", "data-matrx-table-tools-keep-open": "", children: toolbarSearch.node }) : null,
             controls,
             overflow?.pinned,
             overflow?.sheetExtras,
@@ -10764,10 +10842,10 @@ function MatrxDataTableCore(coreProps) {
     return actionSlots;
   };
   const renderRowActions = (row, controls) => {
-    const actions = rowActions ? /* @__PURE__ */ jsx23(TableIconActions, { actions: rowActions(row, controls), inline: rowActionsInline, slots: pageActionSlots() }) : null;
-    const scopedActions = /* @__PURE__ */ jsx23(MatrxTableRowControlsScope, { value: controls, children: actions });
+    const actions = rowActions ? /* @__PURE__ */ jsx24(TableIconActions, { actions: rowActions(row, controls), inline: rowActionsInline, slots: pageActionSlots() }) : null;
+    const scopedActions = /* @__PURE__ */ jsx24(MatrxTableRowControlsScope, { value: controls, children: actions });
     if (!effectiveCopy || !showRowCopy) return scopedActions;
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       MatrxTableRowAlchemyProvider,
       {
         copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
@@ -10825,7 +10903,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__ */ jsx23("span", { className: COLUMN_TONE_CLASS[tone], children: text }) : text;
+        return tone ? /* @__PURE__ */ jsx24("span", { className: COLUMN_TONE_CLASS[tone], children: text }) : text;
       }
     }))
   );
@@ -10893,7 +10971,7 @@ function MatrxDataTableCore(coreProps) {
     }
     expandedDetail.onExpandedIdChange(expandedDetail.expandedId === id ? null : id);
   };
-  const warnedRowWithoutPage = useRef14(false);
+  const warnedRowWithoutPage = useRef15(false);
   const openRow = (row) => {
     if (canExpandRow(row)) {
       toggleExpanded(row);
@@ -10958,7 +11036,7 @@ function MatrxDataTableCore(coreProps) {
   };
   const renderedEmptyState = (remoteQuery === null || remoteQueryUsesLocalProcessing) && data.length > 0 && hasActiveFilters ? {
     title: "No matching rows",
-    action: /* @__PURE__ */ jsx23(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
+    action: /* @__PURE__ */ jsx24(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
     icon: void 0
   } : emptyState;
   const commitCell = (rowId, field, next) => {
@@ -11046,7 +11124,7 @@ function MatrxDataTableCore(coreProps) {
     }));
     return true;
   };
-  const requestCellEditRef = useRef14(requestCellEdit);
+  const requestCellEditRef = useRef15(requestCellEdit);
   requestCellEditRef.current = requestCellEdit;
   const buildRecordControls = (row) => {
     const rowId = getRowId(row);
@@ -11388,16 +11466,16 @@ function MatrxDataTableCore(coreProps) {
       return [];
     }
   };
-  const menuSectionsForRef = useRef14(menuSectionsFor);
+  const menuSectionsForRef = useRef15(menuSectionsFor);
   menuSectionsForRef.current = menuSectionsFor;
   const hasMenuSections = Boolean(contextMenu?.sections);
   const boundarySections = useCallback4(
     (target) => menuSectionsForRef.current(target),
     []
   );
-  const resolveMenuLevelRef = useRef14(resolveMenuLevel);
+  const resolveMenuLevelRef = useRef15(resolveMenuLevel);
   resolveMenuLevelRef.current = resolveMenuLevel;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!host.rowContextRegistry) return;
     return host.rowContextRegistry.register(
       tableContextMenuInstanceId,
@@ -11406,20 +11484,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);
-  useEffect14(() => {
+  useEffect15(() => {
     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__ */ jsx23(
+  const renderWindowOpen = (row) => windowEnabled ? /* @__PURE__ */ jsx24(
     TapTargetButtonTransparent,
     {
       "data-matrx-table-icon-action": "",
       tone: "muted",
       ariaLabel: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window",
-      icon: opensWindowOnRowClick ? /* @__PURE__ */ jsx23(PanelRightIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx23(PanelRightIcon, { "aria-hidden": true }),
+      icon: opensWindowOnRowClick ? /* @__PURE__ */ jsx24(PanelRightIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx24(PanelRightIcon, { "aria-hidden": true }),
       onClick: (e) => {
         e?.stopPropagation();
         if (windowConfig?.openOnRowClick === true) rowLatest.current.openDetail(row);
@@ -11466,8 +11544,8 @@ function MatrxDataTableCore(coreProps) {
     });
   }, [data, getSelectionId, selectedIdSet]);
   const selectedCopyRows = useSelectedCopyRows(data, selectedIdSet, getSelectionId, savedViewsId, selection?.scopeKey);
-  const lastToggledIndex = useRef14(null);
-  useEffect14(() => {
+  const lastToggledIndex = useRef15(null);
+  useEffect15(() => {
     lastToggledIndex.current = null;
   }, [savedViewsId, selection?.scopeKey]);
   const setSelectedIds = (next) => {
@@ -11544,7 +11622,7 @@ 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__ */ jsx23(
+  const tableMessage = /* @__PURE__ */ jsx24(
     "div",
     {
       "data-matrx-table-empty-state": readFailure ? void 0 : "",
@@ -11552,8 +11630,8 @@ function MatrxDataTableCore(coreProps) {
       style: { width: "100cqw", maxWidth: "100%" },
       children: readFailure ?? /* @__PURE__ */ jsxs22(Fragment15, { children: [
         renderedEmptyState?.icon,
-        /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-        renderedEmptyState?.description ? /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+        /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+        renderedEmptyState?.description ? /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
         renderedEmptyState?.action
       ] })
     }
@@ -11569,7 +11647,7 @@ function MatrxDataTableCore(coreProps) {
       }
     } : facet
   ) : toolbar?.facets;
-  const rowLatest = useRef14(null);
+  const rowLatest = useRef15(null);
   const renderRecordCell = (row, col, index, suppliedControls) => {
     const id = getRowId(row);
     const field = col.accessorKey ? String(col.accessorKey) : columnId(col);
@@ -11577,10 +11655,10 @@ function MatrxDataTableCore(coreProps) {
     const displayRow = applyRowEdits(row, rowEdits);
     if (col.customActions) {
       const controls = suppliedControls ?? liveRecordControls(displayRow);
-      const content = /* @__PURE__ */ jsx23(MatrxTableRowControlsScope, { value: controls, children: col.customActions(displayRow, controls) });
+      const content = /* @__PURE__ */ jsx24(MatrxTableRowControlsScope, { value: controls, children: col.customActions(displayRow, controls) });
       const copyHere = rowCopyInCustomColumn && effectiveCopy && menuActionsColumn !== void 0 && columnId(col) === columnId(menuActionsColumn);
       return /* @__PURE__ */ jsxs22("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__ */ jsx23(
+        copyHere && effectiveCopy ? /* @__PURE__ */ jsx24(
           TableRowCopyControl,
           {
             size: "toolbar",
@@ -11590,7 +11668,7 @@ function MatrxDataTableCore(coreProps) {
             ...copy === void 0 ? { defaultColumns: readDeclaredCopyColumns } : {}
           }
         ) : null,
-        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx23(
+        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx24(
           MatrxTableRowAlchemyProvider,
           {
             copy: tableRowCopyProps(effectiveCopy, displayRow, `${tableCopySourceNamespace}:row:${getRowId(displayRow)}`, copy === void 0 ? readDeclaredCopyColumns : void 0),
@@ -11608,7 +11686,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__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         EditableTableCell,
         {
           value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -11635,7 +11713,7 @@ function MatrxDataTableCore(coreProps) {
         }
       );
     }
-    return href ? /* @__PURE__ */ jsx23(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__ */ jsx24(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 : displayLabel(void 0, columnId(col)));
@@ -11651,7 +11729,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__ */ jsx23(Link, { href, className: "min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
+          return href ? /* @__PURE__ */ jsx24(Link, { href, className: "min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
         }
       };
     });
@@ -11667,7 +11745,7 @@ function MatrxDataTableCore(coreProps) {
     if (!rowHref) return null;
     const href = carryTableView(rowHref);
     return /* @__PURE__ */ jsxs22(Tooltip, { children: [
-      /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
         Link,
         {
           href,
@@ -11675,10 +11753,10 @@ 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__ */ jsx23(Maximize2Icon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx24(Maximize2Icon, { className: "h-4 w-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx23(TooltipContent, { children: "Open full page" })
+      /* @__PURE__ */ jsx24(TooltipContent, { children: "Open full page" })
     ] });
   };
   const currentViewSnapshot = useMemo8(
@@ -11917,7 +11995,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 = useRef14(null);
+  const rowDrawings = useRef15(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 };
@@ -12130,7 +12208,7 @@ function MatrxDataTableCore(coreProps) {
           background.row
         ),
         children: [
-          selection ? /* @__PURE__ */ jsx23(
+          selection ? /* @__PURE__ */ jsx24(
             "td",
             {
               className: cn(
@@ -12148,7 +12226,7 @@ function MatrxDataTableCore(coreProps) {
               ),
               style: fixedUtilityWidth(selectionColumnWidth),
               onClick: (e) => e.stopPropagation(),
-              children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ jsx23(
+              children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ jsx24(
                 "div",
                 {
                   "data-matrx-table-selection-target": true,
@@ -12157,7 +12235,7 @@ function MatrxDataTableCore(coreProps) {
                       event.currentTarget.querySelector('[role="checkbox"]')?.click();
                     }
                   },
-                  children: /* @__PURE__ */ jsx23(
+                  children: /* @__PURE__ */ jsx24(
                     Checkbox,
                     {
                       className: CHECKBOX_TAP_AREA,
@@ -12170,7 +12248,7 @@ function MatrxDataTableCore(coreProps) {
               ) : null
             }
           ) : null,
-          columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23(
+          columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24(
             "td",
             {
               "aria-hidden": "true",
@@ -12274,7 +12352,7 @@ function MatrxDataTableCore(coreProps) {
                         colIdx === 0 && (hierarchy || canExpandRow(row)) && "flex min-w-0 items-center"
                       ),
                       children: [
-                        colIdx === 0 && hierarchy ? /* @__PURE__ */ jsx23(
+                        colIdx === 0 && hierarchy ? /* @__PURE__ */ jsx24(
                           HierarchyDragHandle,
                           {
                             id,
@@ -12283,7 +12361,7 @@ function MatrxDataTableCore(coreProps) {
                           }
                         ) : null,
                         colIdx === 0 && canExpandRow(row) ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                          /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                             Button,
                             {
                               type: "button",
@@ -12303,7 +12381,7 @@ function MatrxDataTableCore(coreProps) {
                                 event.stopPropagation();
                                 rowLatest.current.toggleExpanded(row);
                               },
-                              children: /* @__PURE__ */ jsx23(
+                              children: /* @__PURE__ */ jsx24(
                                 ChevronRightIcon,
                                 {
                                   className: cn(
@@ -12314,9 +12392,9 @@ function MatrxDataTableCore(coreProps) {
                               )
                             }
                           ) }),
-                          /* @__PURE__ */ jsx23(TooltipContent, { children: isRowExpanded(row) ? "Collapse details" : "Expand details" })
+                          /* @__PURE__ */ jsx24(TooltipContent, { children: isRowExpanded(row) ? "Collapse details" : "Expand details" })
                         ] }) : null,
-                        /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(
                           "div",
                           {
                             "data-matrx-cell-content": true,
@@ -12328,7 +12406,7 @@ function MatrxDataTableCore(coreProps) {
                       ]
                     }
                   ),
-                  carriesFillHandle ? /* @__PURE__ */ jsx23(
+                  carriesFillHandle ? /* @__PURE__ */ jsx24(
                     "button",
                     {
                       type: "button",
@@ -12343,7 +12421,7 @@ function MatrxDataTableCore(coreProps) {
               columnId(col)
             );
           }),
-          columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx23(
+          columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24(
             "td",
             {
               "aria-hidden": "true",
@@ -12353,7 +12431,7 @@ function MatrxDataTableCore(coreProps) {
             },
             "matrx-column-spacer-end"
           ) : null,
-          showActionsCol && /* @__PURE__ */ jsx23(
+          showActionsCol && /* @__PURE__ */ jsx24(
             "td",
             {
               "data-matrx-table-row-action-cell": true,
@@ -12380,7 +12458,7 @@ function MatrxDataTableCore(coreProps) {
                   ),
                   onClick: (e) => e.stopPropagation(),
                   children: [
-                    showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx23(
+                    showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx24(
                       TableRowCopyControl,
                       {
                         size: "toolbar",
@@ -12402,12 +12480,12 @@ function MatrxDataTableCore(coreProps) {
       id
     );
     const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-    const inlineDetail = expandedDetail && isRowExpanded(row) ? /* @__PURE__ */ jsx23(
+    const inlineDetail = expandedDetail && isRowExpanded(row) ? /* @__PURE__ */ jsx24(
       "tr",
       {
         "data-matrx-table-expanded-detail": id,
         className: cn("bg-muted/20", expandedDetail.className),
-        children: /* @__PURE__ */ jsx23(
+        children: /* @__PURE__ */ jsx24(
           "td",
           {
             colSpan: renderedColSpan,
@@ -12419,7 +12497,7 @@ function MatrxDataTableCore(coreProps) {
       `${id}:expanded-detail`
     ) : null;
     return hierarchy ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         HierarchyDroppableRow,
         {
           id,
@@ -12433,7 +12511,7 @@ function MatrxDataTableCore(coreProps) {
       inlineDetail
     ] }, id);
   };
-  return /* @__PURE__ */ jsx23(TooltipProvider, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsx24(
     ContextMenuBoundary,
     {
       label: tableId ?? "Data table",
@@ -12528,7 +12606,7 @@ function MatrxDataTableCore(coreProps) {
             commitColumnState(order, effectiveHiddenColumnIds);
           },
           children: [
-            /* @__PURE__ */ jsx23(DragCursorMonitor, {}),
+            /* @__PURE__ */ jsx24(DragCursorMonitor, {}),
             /* @__PURE__ */ jsxs22(
               "div",
               {
@@ -12542,16 +12620,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__ */ jsx24(MultilineRowMarker, {}),
                   notice,
-                  savedViewError ? /* @__PURE__ */ jsx23(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__ */ jsx23(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__ */ jsx23(
+                  savedViewError ? /* @__PURE__ */ jsx24(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__ */ jsx24(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__ */ jsx24(
                     "section",
                     {
                       "data-matrx-table-summary": true,
@@ -12564,23 +12644,23 @@ function MatrxDataTableCore(coreProps) {
                         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__ */ jsxs22("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__ */ jsx23("div", { className: "truncate text-sm font-medium text-muted-foreground", children: metric.label }),
+                        /* @__PURE__ */ jsx24("div", { className: "truncate text-sm font-medium text-muted-foreground", children: metric.label }),
                         /* @__PURE__ */ jsxs22("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__ */ jsx23(ErrorBox, { as: "span", className: "sr-only", message: `${metric.label} is unavailable`, operation: "Summarize this table", origin: "design-system/MatrxDataTable" }) : null
+                          metric.unavailable ? /* @__PURE__ */ jsx24(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__ */ jsx23("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__ */ jsx24("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__ */ jsx23(TableScopeBar, { ...scopeBar }) : null,
-                  /* @__PURE__ */ jsx23(MatrxTableChrome, { part: "toolbar", epoch: toolbarEpoch, render: () => {
-                    const tabsNode = viewTabs && viewTabsStore ? /* @__PURE__ */ jsx23(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applyLatestSavedView, related: relatedTableActions, ...viewTabsStore ? { store: viewTabsStore } : {} }, savedViewsId ?? "table") : viewTabs && savedViewsId && SavedViews ? /* @__PURE__ */ jsx23(SavedViews, { tableId: savedViewsId, snapshot: currentViewSnapshot, defaultSnapshot: declaredDefaultViewSnapshot, onApply: applyLatestSavedView, presentation: "tabs", related: relatedTableActions }) : void 0;
+                  scopeBar ? /* @__PURE__ */ jsx24(TableScopeBar, { ...scopeBar }) : null,
+                  /* @__PURE__ */ jsx24(MatrxTableChrome, { part: "toolbar", epoch: toolbarEpoch, render: () => {
+                    const tabsNode = viewTabs && viewTabsStore ? /* @__PURE__ */ jsx24(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applyLatestSavedView, related: relatedTableActions, ...viewTabsStore ? { store: viewTabsStore } : {} }, savedViewsId ?? "table") : viewTabs && savedViewsId && SavedViews ? /* @__PURE__ */ jsx24(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__ */ jsxs22(Fragment15, { children: [
                       tabsPlaced && tabsTarget && tabsNode && !hideToolbar ? createPortal2(
-                        /* @__PURE__ */ jsx23("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__ */ jsx24("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__ */ jsxs22(
@@ -12590,7 +12670,7 @@ function MatrxDataTableCore(coreProps) {
                           tabs: tabsPlaced ? void 0 : tabsNode,
                           ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                           ...toolbar?.titleCount === void 0 ? {} : { count: toolbar.titleCount },
-                          context: savedViewsId && SavedViews && !viewTabs ? /* @__PURE__ */ jsx23("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ jsx23(
+                          context: savedViewsId && SavedViews && !viewTabs ? /* @__PURE__ */ jsx24("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ jsx24(
                             SavedViews,
                             {
                               tableId: savedViewsId,
@@ -12599,7 +12679,7 @@ function MatrxDataTableCore(coreProps) {
                               onApply: applyLatestSavedView
                             }
                           ) }) : void 0,
-                          search: (toolbarSearch.node = toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ jsx23(
+                          search: (toolbarSearch.node = toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ jsx24(
                             TableSearch,
                             {
                               value: searchValue,
@@ -12618,7 +12698,7 @@ function MatrxDataTableCore(coreProps) {
                                 toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
                               ),
                               children: [
-                                /* @__PURE__ */ jsx23(
+                                /* @__PURE__ */ jsx24(
                                   SearchField,
                                   {
                                     value: searchValue,
@@ -12626,15 +12706,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__ */ jsx23("button", { type: "button", "aria-label": "Clear search", title: "Clear search", onClick: () => setSearchValue(""), children: /* @__PURE__ */ jsx23(XIcon, { "aria-hidden": "true" }) }) : void 0
+                                    end: searchValue ? /* @__PURE__ */ jsx24("button", { type: "button", "aria-label": "Clear search", title: "Clear search", onClick: () => setSearchValue(""), children: /* @__PURE__ */ jsx24(XIcon, { "aria-hidden": "true" }) }) : void 0
                                   }
                                 ),
                                 toolbar?.searchMatch ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                                  /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                                  /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                                     Button2,
                                     {
                                       variant: searchMatchMode === "whole_words" ? "primary" : "outline",
-                                      icon: /* @__PURE__ */ jsx23(WholeWord, { "aria-hidden": "true" }),
+                                      icon: /* @__PURE__ */ jsx24(WholeWord, { "aria-hidden": "true" }),
                                       "aria-pressed": searchMatchMode === "whole_words",
                                       "aria-label": `Search match: ${searchMatchMode === "whole_words" ? "whole words" : "contains text"}`,
                                       onClick: () => setSearchMatchMode(
@@ -12643,13 +12723,13 @@ function MatrxDataTableCore(coreProps) {
                                       children: searchMatchMode === "whole_words" ? "Whole words" : "Contains"
                                     }
                                   ) }),
-                                  /* @__PURE__ */ jsx23(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
+                                  /* @__PURE__ */ jsx24(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__ */ jsx23(
+                            toolbar?.layeredFilters ? /* @__PURE__ */ jsx24(
                               LayeredFilterBuilder,
                               {
                                 fields: toolbar.layeredFilters.fields,
@@ -12660,8 +12740,8 @@ function MatrxDataTableCore(coreProps) {
                               }
                             ) : null,
                             toolbar?.anyOf ? /* @__PURE__ */ jsxs22("div", { className: "relative w-full max-w-xs", children: [
-                              /* @__PURE__ */ jsx23(SearchIcon, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                              /* @__PURE__ */ jsx23(
+                              /* @__PURE__ */ jsx24(SearchIcon, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                              /* @__PURE__ */ jsx24(
                                 Input,
                                 {
                                   value: anyOfValue,
@@ -12672,21 +12752,21 @@ function MatrxDataTableCore(coreProps) {
                                 }
                               ),
                               anyOfValue ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                                /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                                /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                                   "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__ */ jsx23(XIcon, { className: "h-5 w-5" })
+                                    children: /* @__PURE__ */ jsx24(XIcon, { className: "h-5 w-5" })
                                   }
                                 ) }),
-                                /* @__PURE__ */ jsx23(TooltipContent, { children: "Clear match-any search" })
+                                /* @__PURE__ */ jsx24(TooltipContent, { children: "Clear match-any search" })
                               ] }) : null
                             ] }) : null,
-                            renderedFacets ? /* @__PURE__ */ jsx23(ToolbarFacets, { facets: renderedFacets }) : null,
-                            toolbar?.leading ? /* @__PURE__ */ jsx23(
+                            renderedFacets ? /* @__PURE__ */ jsx24(ToolbarFacets, { facets: renderedFacets }) : null,
+                            toolbar?.leading ? /* @__PURE__ */ jsx24(
                               "div",
                               {
                                 "data-matrx-table-toolbar-extras": true,
@@ -12694,7 +12774,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__ */ jsx23(
+                            drill && !drillOwnRow && (drill.question.where.length > 0 || drillIsPeriodWindow(drill.question.window) || (drill.base?.length ?? 0) > 0) ? /* @__PURE__ */ jsx24(
                               MatrxDrillTrail,
                               {
                                 base: drill.base,
@@ -12721,7 +12801,7 @@ function MatrxDataTableCore(coreProps) {
                                 ),
                                 children: [
                                   toolbar?.singleRow && coverageResult && coverageResult.notice ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                                    /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
+                                    /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
                                       "span",
                                       {
                                         "data-matrx-table-coverage": true,
@@ -12738,21 +12818,21 @@ function MatrxDataTableCore(coreProps) {
                                         ]
                                       }
                                     ) }),
-                                    /* @__PURE__ */ jsx23(TooltipContent, { className: "max-w-xs", children: coverageResult.notice })
+                                    /* @__PURE__ */ jsx24(TooltipContent, { className: "max-w-xs", children: coverageResult.notice })
                                   ] }) : null,
                                   renderToolbarControls(/* @__PURE__ */ jsxs22(Fragment15, { children: [
-                                    hasActiveFilters ? /* @__PURE__ */ jsx23(
+                                    hasActiveFilters ? /* @__PURE__ */ jsx24(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
                                         ariaLabel: "Clear all filters",
                                         tooltip: "Clear search and filters; keep columns and sort",
                                         onClick: clearAllFilters,
-                                        children: /* @__PURE__ */ jsx23(Eraser, {})
+                                        children: /* @__PURE__ */ jsx24(Eraser, {})
                                       }
                                     ) : null,
                                     drill ? drillOwnRow ? null : /* @__PURE__ */ jsxs22(Fragment15, { children: [
-                                      drill.windowDimension ? /* @__PURE__ */ jsx23(
+                                      drill.windowDimension ? /* @__PURE__ */ jsx24(
                                         MatrxDrillWindowMenu,
                                         {
                                           question: drill.question,
@@ -12760,7 +12840,7 @@ function MatrxDataTableCore(coreProps) {
                                           dimensionLabel: drill.dimensions.find((d) => d.key === drill.windowDimension)?.label ?? drill.windowDimension
                                         }
                                       ) : null,
-                                      drillGrouped ? /* @__PURE__ */ jsx23(
+                                      drillGrouped ? /* @__PURE__ */ jsx24(
                                         MatrxDrillMeasurePicker,
                                         {
                                           measures: drill.measures,
@@ -12768,7 +12848,7 @@ function MatrxDataTableCore(coreProps) {
                                           onQuestionChange: drill.onQuestionChange
                                         }
                                       ) : null,
-                                      /* @__PURE__ */ jsx23(
+                                      /* @__PURE__ */ jsx24(
                                         MatrxDrillGroupByMenu,
                                         {
                                           dimensions: drill.dimensions,
@@ -12780,7 +12860,7 @@ function MatrxDataTableCore(coreProps) {
                                       // 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__ */ jsxs22("span", { "data-matrx-table-group-by": "", className: "inline-flex", children: [
-                                        /* @__PURE__ */ jsx23(
+                                        /* @__PURE__ */ jsx24(
                                           Select2,
                                           {
                                             "aria-label": "Group rows by a column",
@@ -12800,7 +12880,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__ */ jsx23(
+                                          return /* @__PURE__ */ jsx24(
                                             Select2,
                                             {
                                               "aria-label": `Then group rows by a column (level ${at2 + 2})`,
@@ -12825,17 +12905,17 @@ function MatrxDataTableCore(coreProps) {
                                         }) : null
                                       ] })
                                     ) : null,
-                                    columns.length > 0 && toolbar?.columns !== false ? /* @__PURE__ */ jsx23(
+                                    columns.length > 0 && toolbar?.columns !== false ? /* @__PURE__ */ jsx24(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
                                         ariaLabel: "Columns",
                                         tooltip: "Show, hide, or reorder columns",
                                         onClick: () => setColumnManagerOpen(true),
-                                        children: /* @__PURE__ */ jsx23(SlidersHorizontal, {})
+                                        children: /* @__PURE__ */ jsx24(SlidersHorizontal, {})
                                       }
                                     ) : null,
-                                    toolbar?.refresh ? /* @__PURE__ */ jsx23(
+                                    toolbar?.refresh ? /* @__PURE__ */ jsx24(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
@@ -12857,10 +12937,10 @@ function MatrxDataTableCore(coreProps) {
                                             setToolbarActionPending((current) => ({ ...current, refresh: false }));
                                           });
                                         },
-                                        children: /* @__PURE__ */ jsx23(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
+                                        children: /* @__PURE__ */ jsx24(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
                                       }
                                     ) : null,
-                                    toolbar?.add ? /* @__PURE__ */ jsx23(
+                                    toolbar?.add ? /* @__PURE__ */ jsx24(
                                       TableToolbarAction,
                                       {
                                         HostAction: host.ToolbarAction,
@@ -12882,11 +12962,11 @@ function MatrxDataTableCore(coreProps) {
                                             setToolbarActionPending((current) => ({ ...current, add: false }));
                                           });
                                         },
-                                        children: /* @__PURE__ */ jsx23(PlusIcon, {})
+                                        children: /* @__PURE__ */ jsx24(PlusIcon, {})
                                       }
                                     ) : null,
                                     toolbar?.actions
-                                  ] }), showToolbarCopy && effectiveCopy ? /* @__PURE__ */ jsx23(ToolbarListedLabel, { label: "Copy or export", children: /* @__PURE__ */ jsx23(
+                                  ] }), showToolbarCopy && effectiveCopy ? /* @__PURE__ */ jsx24(ToolbarListedLabel, { label: "Copy or export", children: /* @__PURE__ */ jsx24(
                                     CopyButtons,
                                     {
                                       size: "toolbar",
@@ -12948,7 +13028,7 @@ function MatrxDataTableCore(coreProps) {
                     ] });
                   } }),
                   /* @__PURE__ */ jsxs22("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-                    drill && drillOwnRow ? /* @__PURE__ */ jsx23(MatrxDrillBar, { drill, answers: drillAnswers, rowNoun: grouping?.rowNoun }) : null,
+                    drill && drillOwnRow ? /* @__PURE__ */ jsx24(MatrxDrillBar, { drill, answers: drillAnswers, rowNoun: grouping?.rowNoun }) : null,
                     coverageResult && coverageResult.notice && !toolbar?.singleRow ? /* @__PURE__ */ jsxs22(
                       "div",
                       {
@@ -12957,12 +13037,12 @@ 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__ */ jsx23("span", { className: "shrink-0 whitespace-nowrap font-semibold", children: coverageResult.badge }),
-                          /* @__PURE__ */ jsx23("span", { className: "min-w-0", children: coverageResult.notice })
+                          /* @__PURE__ */ jsx24("span", { className: "shrink-0 whitespace-nowrap font-semibold", children: coverageResult.badge }),
+                          /* @__PURE__ */ jsx24("span", { className: "min-w-0", children: coverageResult.notice })
                         ]
                       }
                     ) : null,
-                    readView.stale ? /* @__PURE__ */ jsx23(StaleNoticeView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null,
+                    readView.stale ? /* @__PURE__ */ jsx24(StaleNoticeView, { error: read?.error ?? true, what: readView.what, onRetry: read?.onRetry }) : null,
                     /* @__PURE__ */ jsxs22("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__ */ jsxs22(
                         "div",
@@ -12988,30 +13068,30 @@ function MatrxDataTableCore(coreProps) {
                                 role: "status",
                                 className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 overflow-hidden bg-primary/15",
                                 children: [
-                                  /* @__PURE__ */ jsx23("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                                  /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Refreshing table data" })
+                                  /* @__PURE__ */ jsx24("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                                  /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Refreshing table data" })
                                 ]
                               }
                             ) : null,
-                            isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx23(
+                            isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx24(
                               Skeleton,
                               {
                                 className: "col-span-full h-52 w-full shrink-0 rounded-lg"
                               },
                               `mobile-card-sk-${index}`
-                            )) : readFailure ? /* @__PURE__ */ jsx23("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__ */ jsx23("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                            )) : readFailure ? /* @__PURE__ */ jsx24("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__ */ jsx24("div", { className: "col-span-full flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                               renderedEmptyState?.icon,
-                              /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                              renderedEmptyState?.description ? /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                              /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                              renderedEmptyState?.description ? /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
                               renderedEmptyState?.action
                             ] }) }) : /* @__PURE__ */ jsxs22(Fragment15, { children: [
-                              effectiveCardWindow ? /* @__PURE__ */ jsx23("div", { "data-matrx-cards-pad": "start", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padStart } }) : null,
+                              effectiveCardWindow ? /* @__PURE__ */ jsx24("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__ */ jsx23(
+                                  return /* @__PURE__ */ jsx24(
                                     MatrxTableGroupCardHeader,
                                     {
                                       groupKey: entry.group.key,
@@ -13032,7 +13112,7 @@ function MatrxDataTableCore(coreProps) {
                                 const displayRow = applyRowEdits(row, edits[id]);
                                 const controls = buildRecordControls(displayRow);
                                 const selectable = selection?.isRowSelectable?.(row) ?? Boolean(selection);
-                                return /* @__PURE__ */ jsx23("div", { "data-row-id": id, "data-matrx-row-tint": rowTintColor(row, id) ?? void 0, className: "contents", children: mobileCards(displayRow, index, {
+                                return /* @__PURE__ */ jsx24("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;
@@ -13056,7 +13136,7 @@ function MatrxDataTableCore(coreProps) {
                                       className: "inline-flex items-center justify-end gap-0",
                                       onClick: (event) => event.stopPropagation(),
                                       children: [
-                                        showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx23(
+                                        showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx24(
                                           TableRowCopyControl,
                                           {
                                             size: "toolbar",
@@ -13067,7 +13147,7 @@ function MatrxDataTableCore(coreProps) {
                                           }
                                         ) : null,
                                         renderRowActions(displayRow, controls),
-                                        visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ jsx23(Fragment14, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
+                                        visibleColumns.filter((column) => column.customActions).map((column) => /* @__PURE__ */ jsx24(Fragment14, { children: renderRecordCell(row, column, index, controls) }, columnId(column)))
                                       ]
                                     }
                                   ) : null,
@@ -13079,7 +13159,7 @@ function MatrxDataTableCore(coreProps) {
                                   expandedDetail: expandedDetail && isRowExpanded(row) ? expandedDetail.render(displayRow, controls) : null
                                 }) }, id);
                               }),
-                              effectiveCardWindow ? /* @__PURE__ */ jsx23("div", { "data-matrx-cards-pad": "end", "aria-hidden": "true", className: "col-span-full shrink-0", style: { height: effectiveCardWindow.padEnd } }) : null
+                              effectiveCardWindow ? /* @__PURE__ */ jsx24("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__ */ jsxs22(
                               "div",
@@ -13089,7 +13169,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__ */ jsx23(
+                                  /* @__PURE__ */ jsx24(
                                     Loader2Icon,
                                     {
                                       "aria-hidden": "true",
@@ -13147,15 +13227,15 @@ function MatrxDataTableCore(coreProps) {
                             tableClassName
                           ),
                           children: [
-                            spreadsheetEnabled ? /* @__PURE__ */ jsx23("textarea", { ...sheet.typeCatcherProps }) : null,
-                            hierarchy && draggedRow ? /* @__PURE__ */ jsx23(
+                            spreadsheetEnabled ? /* @__PURE__ */ jsx24("textarea", { ...sheet.typeCatcherProps }) : null,
+                            hierarchy && draggedRow ? /* @__PURE__ */ jsx24(
                               HierarchyRootDropTarget,
                               {
                                 label: hierarchy.rootDropLabel ?? "Drop here to move to the top level",
                                 draggedLabel: hierarchy.itemLabel?.(draggedRow) ?? "Moving row"
                               }
                             ) : null,
-                            hierarchy && draggedRowId ? /* @__PURE__ */ jsx23(
+                            hierarchy && draggedRowId ? /* @__PURE__ */ jsx24(
                               HierarchyDragIndicatorLayer,
                               {
                                 scrollRef,
@@ -13169,12 +13249,12 @@ function MatrxDataTableCore(coreProps) {
                                 "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__ */ jsx23("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                                  /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Refreshing table data" })
+                                  /* @__PURE__ */ jsx24("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                                  /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Refreshing table data" })
                                 ]
                               }
                             ) : null,
-                            drillGrouped && drill ? /* @__PURE__ */ jsx23(
+                            drillGrouped && drill ? /* @__PURE__ */ jsx24(
                               MatrxDrillAnswerTable,
                               {
                                 dimensions: drill.dimensions,
@@ -13217,7 +13297,7 @@ function MatrxDataTableCore(coreProps) {
                                 "data-matrx-table-fit": fitActive ? "" : void 0,
                                 "data-matrx-table-fit-grow": fitActive && fitTableWidth !== void 0 ? "" : void 0,
                                 children: [
-                                  /* @__PURE__ */ jsx23(MatrxTableChrome, { part: "header", epoch: headerEpoch, render: () => /* @__PURE__ */ jsx23(
+                                  /* @__PURE__ */ jsx24(MatrxTableChrome, { part: "header", epoch: headerEpoch, render: () => /* @__PURE__ */ jsx24(
                                     "thead",
                                     {
                                       ref: tableHeaderRef,
@@ -13236,7 +13316,7 @@ function MatrxDataTableCore(coreProps) {
                                         stickyHeader && (documentStickyHeader ? "relative translate-y-[var(--matrx-document-sticky-offset)]" : "sticky top-0")
                                       ),
                                       children: /* @__PURE__ */ jsxs22("tr", { children: [
-                                        selection ? /* @__PURE__ */ jsx23(
+                                        selection ? /* @__PURE__ */ jsx24(
                                           "th",
                                           {
                                             "data-matrx-table-selection-column": true,
@@ -13246,7 +13326,7 @@ function MatrxDataTableCore(coreProps) {
                                               embedded && "sm:bg-card max-sm:bg-card"
                                             ),
                                             style: fixedUtilityWidth(selectionColumnWidth),
-                                            children: /* @__PURE__ */ jsx23(
+                                            children: /* @__PURE__ */ jsx24(
                                               "div",
                                               {
                                                 "data-matrx-table-selection-target": true,
@@ -13255,7 +13335,7 @@ function MatrxDataTableCore(coreProps) {
                                                     event.currentTarget.querySelector('[role="checkbox"]')?.click();
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ jsx23(
+                                                children: /* @__PURE__ */ jsx24(
                                                   Checkbox,
                                                   {
                                                     className: CHECKBOX_TAP_AREA,
@@ -13269,7 +13349,7 @@ function MatrxDataTableCore(coreProps) {
                                             )
                                           }
                                         ) : null,
-                                        columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23(
+                                        columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24(
                                           "th",
                                           {
                                             "aria-hidden": "true",
@@ -13349,7 +13429,7 @@ function MatrxDataTableCore(coreProps) {
                                                 ...frozenStyle(id)
                                               },
                                               children: [
-                                                /* @__PURE__ */ jsx23(ColumnHeaderDropZone, { id, enabled: reorderableColumns && col.reorderable !== false, children: /* @__PURE__ */ jsx23(
+                                                /* @__PURE__ */ jsx24(ColumnHeaderDropZone, { id, enabled: reorderableColumns && col.reorderable !== false, children: /* @__PURE__ */ jsx24(
                                                   ColumnHeaderCell,
                                                   {
                                                     label: col.header,
@@ -13408,7 +13488,7 @@ function MatrxDataTableCore(coreProps) {
                                                     MenuIcon: host.MenuIcon
                                                   }
                                                 ) }),
-                                                columnResizable ? /* @__PURE__ */ jsx23(
+                                                columnResizable ? /* @__PURE__ */ jsx24(
                                                   ColumnResizeHandle,
                                                   {
                                                     columnId: id,
@@ -13427,7 +13507,7 @@ function MatrxDataTableCore(coreProps) {
                                             id
                                           );
                                         }),
-                                        columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx23(
+                                        columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24(
                                           "th",
                                           {
                                             "aria-hidden": "true",
@@ -13437,7 +13517,7 @@ function MatrxDataTableCore(coreProps) {
                                           },
                                           "matrx-column-spacer-end"
                                         ) : null,
-                                        showActionsCol && /* @__PURE__ */ jsx23(
+                                        showActionsCol && /* @__PURE__ */ jsx24(
                                           "th",
                                           {
                                             "data-matrx-table-actions-column": true,
@@ -13449,14 +13529,14 @@ function MatrxDataTableCore(coreProps) {
                                               embedded && "sm:bg-card"
                                             ),
                                             style: fixedUtilityWidth(actionsColumnWidth),
-                                            children: compact && !(toolbar && "portalInto" in toolbar) && !(tableCard && embedded) ? /* @__PURE__ */ jsx23(
+                                            children: compact && !(toolbar && "portalInto" in toolbar) && !(tableCard && embedded) ? /* @__PURE__ */ jsx24(
                                               "span",
                                               {
                                                 ref: setCompactToolbarSlot,
                                                 "data-matrx-table-compact-controls": "",
                                                 className: "inline-flex items-center justify-center normal-case tracking-normal"
                                               }
-                                            ) : /* @__PURE__ */ jsx23("span", { "data-matrx-table-actions-label": true, className: "inline-block whitespace-nowrap", children: "Actions" })
+                                            ) : /* @__PURE__ */ jsx24("span", { "data-matrx-table-actions-label": true, className: "inline-block whitespace-nowrap", children: "Actions" })
                                           }
                                         )
                                       ] })
@@ -13474,15 +13554,15 @@ function MatrxDataTableCore(coreProps) {
                                             "data-matrx-table-skeleton-row": "",
                                             style: explicitRowHeight !== void 0 ? { height: `${explicitRowHeight}px` } : loadingRowHeight !== void 0 ? { height: `${loadingRowHeight}px` } : void 0,
                                             children: [
-                                              selection ? /* @__PURE__ */ jsx23(
+                                              selection ? /* @__PURE__ */ jsx24(
                                                 "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__ */ jsx23(Skeleton, { className: "h-3.5 w-3.5" })
+                                                  children: /* @__PURE__ */ jsx24(Skeleton, { className: "h-3.5 w-3.5" })
                                                 }
                                               ) : null,
-                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23(
+                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24(
                                                 "td",
                                                 {
                                                   "aria-hidden": "true",
@@ -13492,7 +13572,7 @@ function MatrxDataTableCore(coreProps) {
                                                 },
                                                 "matrx-column-spacer-start"
                                               ) : null,
-                                              renderedColumns.map((col) => /* @__PURE__ */ jsx23(
+                                              renderedColumns.map((col) => /* @__PURE__ */ jsx24(
                                                 "td",
                                                 {
                                                   ...col.customActions && col.customActionsGhostRow !== void 0 ? { "data-matrx-table-column-id": columnId(col) } : {},
@@ -13506,20 +13586,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__ */ jsx23("div", { "aria-hidden": "true", inert: true, className: "invisible", children: renderRecordCell(col.customActionsGhostRow, col, 0) }) : /* @__PURE__ */ jsx23(Skeleton, { className: cn("w-full", compactRows ? "h-4" : "h-6") })
+                                                  children: col.customActions && col.customActionsGhostRow !== void 0 ? /* @__PURE__ */ jsx24("div", { "aria-hidden": "true", inert: true, className: "invisible", children: renderRecordCell(col.customActionsGhostRow, col, 0) }) : /* @__PURE__ */ jsx24(Skeleton, { className: cn("w-full", compactRows ? "h-4" : "h-6") })
                                                 },
                                                 columnId(col)
                                               )),
-                                              showActionsCol && /* @__PURE__ */ jsx23(
+                                              showActionsCol && /* @__PURE__ */ jsx24(
                                                 "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__ */ jsx23(Skeleton, { className: cn("ml-auto w-10", compactRows ? "h-6" : "h-8") })
+                                                  children: /* @__PURE__ */ jsx24(Skeleton, { className: cn("ml-auto w-10", compactRows ? "h-6" : "h-8") })
                                                 }
                                               ),
-                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx23(
+                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24(
                                                 "td",
                                                 {
                                                   "aria-hidden": "true",
@@ -13532,15 +13612,15 @@ function MatrxDataTableCore(coreProps) {
                                             ]
                                           },
                                           `sk-${i}`
-                                        )) : readFailure || paginated.length === 0 && !drawsOnlyShutSections ? messageOutsideTable ? null : /* @__PURE__ */ jsx23("tr", { children: /* @__PURE__ */ jsx23("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__ */ jsx24("tr", { children: /* @__PURE__ */ jsx24("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__ */ jsx23(
+                                            return /* @__PURE__ */ jsx24(
                                               "tr",
                                               {
                                                 "aria-hidden": "true",
                                                 "data-matrx-table-virtual-spacer": entry.place,
                                                 style: { height: `${entry.height}px` },
-                                                children: /* @__PURE__ */ jsx23(
+                                                children: /* @__PURE__ */ jsx24(
                                                   "td",
                                                   {
                                                     className: "border-0 p-0",
@@ -13552,7 +13632,7 @@ function MatrxDataTableCore(coreProps) {
                                             );
                                           }
                                           if (entry.kind === "group") {
-                                            return /* @__PURE__ */ jsx23(
+                                            return /* @__PURE__ */ jsx24(
                                               TableGroupHeaderRow,
                                               {
                                                 group: entry.group,
@@ -13576,7 +13656,7 @@ function MatrxDataTableCore(coreProps) {
                                           const row = entry.row;
                                           const index = entry.index;
                                           const id = getRowId(row);
-                                          return /* @__PURE__ */ jsx23(
+                                          return /* @__PURE__ */ jsx24(
                                             MatrxTableBodyRow,
                                             {
                                               rowId: id,
@@ -13597,9 +13677,9 @@ function MatrxDataTableCore(coreProps) {
                                             "aria-label": entryRow.label ?? "New row",
                                             className: "border-b border-border/60 bg-card",
                                             children: [
-                                              selection ? /* @__PURE__ */ jsx23("td", { className: "px-2 py-1.5" }) : null,
-                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.start}px`, minWidth: `${columnSpacers.start}px` } }) : null,
-                                              renderedColumns.map((column) => /* @__PURE__ */ jsx23(
+                                              selection ? /* @__PURE__ */ jsx24("td", { className: "px-2 py-1.5" }) : null,
+                                              columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.start}px`, minWidth: `${columnSpacers.start}px` } }) : null,
+                                              renderedColumns.map((column) => /* @__PURE__ */ jsx24(
                                                 "td",
                                                 {
                                                   "data-matrx-table-entry-cell": columnId(column),
@@ -13612,13 +13692,13 @@ function MatrxDataTableCore(coreProps) {
                                                 },
                                                 columnId(column)
                                               )),
-                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx23("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.end}px`, minWidth: `${columnSpacers.end}px` } }) : null,
-                                              showActionsCol ? /* @__PURE__ */ jsx23("td", { className: "px-2 py-1.5", children: entryRow.actions ?? null }) : null
+                                              columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24("td", { "aria-hidden": "true", className: "border-0 p-0", style: { width: `${columnSpacers.end}px`, minWidth: `${columnSpacers.end}px` } }) : null,
+                                              showActionsCol ? /* @__PURE__ */ jsx24("td", { className: "px-2 py-1.5", children: entryRow.actions ?? null }) : null
                                             ]
                                           }
                                         ) : null,
-                                        entryRow?.below ? /* @__PURE__ */ jsx23("tr", { "data-matrx-table-entry-below": "", className: "bg-card", children: /* @__PURE__ */ jsx23("td", { colSpan: renderedColSpan, className: "px-2 py-1.5", children: entryRow.below }) }) : null,
-                                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsx23("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ jsx23(
+                                        entryRow?.below ? /* @__PURE__ */ jsx24("tr", { "data-matrx-table-entry-below": "", className: "bg-card", children: /* @__PURE__ */ jsx24("td", { colSpan: renderedColSpan, className: "px-2 py-1.5", children: entryRow.below }) }) : null,
+                                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsx24("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ jsx24(
                                           "td",
                                           {
                                             colSpan: renderedColSpan,
@@ -13630,7 +13710,7 @@ function MatrxDataTableCore(coreProps) {
                                                 "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__ */ jsx23(
+                                                  /* @__PURE__ */ jsx24(
                                                     Loader2Icon,
                                                     {
                                                       "aria-hidden": "true",
@@ -13646,16 +13726,16 @@ function MatrxDataTableCore(coreProps) {
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx23(MatrxTableChrome, { part: "footer", epoch: footerEpoch, render: () => footerRows.length > 0 || hasSummaryTotals ? /* @__PURE__ */ jsxs22("tfoot", { className: cn(
+                                  /* @__PURE__ */ jsx24(MatrxTableChrome, { part: "footer", epoch: footerEpoch, render: () => footerRows.length > 0 || hasSummaryTotals ? /* @__PURE__ */ jsxs22("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__ */ jsx23(Fragment15, { children: /* @__PURE__ */ jsxs22("tr", { "data-matrx-table-summary-totals": true, "data-matrx-table-summary-scope": summaryUsesSource ? "source" : summaryCoverage, children: [
-                                      selection ? /* @__PURE__ */ jsx23("td", { className: "px-2 py-2" }) : null,
-                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23(
+                                    hasSummaryTotals ? /* @__PURE__ */ jsx24(Fragment15, { children: /* @__PURE__ */ jsxs22("tr", { "data-matrx-table-summary-totals": true, "data-matrx-table-summary-scope": summaryUsesSource ? "source" : summaryCoverage, children: [
+                                      selection ? /* @__PURE__ */ jsx24("td", { className: "px-2 py-2" }) : null,
+                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -13688,17 +13768,17 @@ function MatrxDataTableCore(coreProps) {
                                             children: [
                                               columnIndex === 0 ? /* @__PURE__ */ jsxs22("span", { "data-matrx-table-summary-total-label": true, className: "text-sm font-semibold text-foreground", children: [
                                                 summaryCaption,
-                                                readView.stale ? /* @__PURE__ */ jsx23("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__ */ jsx24("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__ */ jsx23("span", { className: "ml-2", children: total.value }) : null,
+                                              columnIndex === 0 && total?.value != null ? /* @__PURE__ */ jsx24("span", { className: "ml-2", children: total.value }) : null,
                                               columnIndex !== 0 ? total?.value : null,
-                                              total?.unavailable ? /* @__PURE__ */ jsx23(ErrorBox, { as: "span", className: "sr-only", message: `${columnId(column)} total is unavailable`, operation: "Total this column", origin: "design-system/MatrxDataTable" }) : null
+                                              total?.unavailable ? /* @__PURE__ */ jsx24(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__ */ jsx23(
+                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -13708,11 +13788,11 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-summary-column-spacer-end"
                                       ) : null,
-                                      showActionsCol ? /* @__PURE__ */ jsx23("td", {}) : null
+                                      showActionsCol ? /* @__PURE__ */ jsx24("td", {}) : null
                                     ] }) }) : null,
                                     footerRows.map((row, index) => /* @__PURE__ */ jsxs22("tr", { children: [
-                                      selection ? /* @__PURE__ */ jsx23("td", { className: "px-2 py-2" }) : null,
-                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx23(
+                                      selection ? /* @__PURE__ */ jsx24("td", { className: "px-2 py-2" }) : null,
+                                      columnSpacers && columnSpacers.start > 0 ? /* @__PURE__ */ jsx24(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -13722,7 +13802,7 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-column-spacer-start"
                                       ) : null,
-                                      renderedColumns.map((column) => /* @__PURE__ */ jsx23(
+                                      renderedColumns.map((column) => /* @__PURE__ */ jsx24(
                                         "td",
                                         {
                                           className: cn(
@@ -13742,7 +13822,7 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         columnId(column)
                                       )),
-                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx23(
+                                      columnSpacers && columnSpacers.end > 0 ? /* @__PURE__ */ jsx24(
                                         "td",
                                         {
                                           "aria-hidden": "true",
@@ -13752,18 +13832,18 @@ function MatrxDataTableCore(coreProps) {
                                         },
                                         "matrx-column-spacer-end"
                                       ) : null,
-                                      showActionsCol ? /* @__PURE__ */ jsx23("td", {}) : null
+                                      showActionsCol ? /* @__PURE__ */ jsx24("td", {}) : null
                                     ] }, `footer-${index}`))
                                   ] }) : null })
                                 ]
                               }
                             ),
-                            messageOutsideTable ? /* @__PURE__ */ jsx23("div", { "data-matrx-table-message-outside": true, className: "py-12 text-center", children: tableMessage }) : null
+                            messageOutsideTable ? /* @__PURE__ */ jsx24("div", { "data-matrx-table-message-outside": true, className: "py-12 text-center", children: tableMessage }) : null
                           ]
                         }
                       ),
                       scrollHintLeft ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                        /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                           Button,
                           {
                             type: "button",
@@ -13775,13 +13855,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__ */ jsx23(ChevronLeftIcon, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ jsx24(ChevronLeftIcon, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ jsx23(TooltipContent, { children: "More columns to the left" })
+                        /* @__PURE__ */ jsx24(TooltipContent, { children: "More columns to the left" })
                       ] }) : null,
                       scrollHintRight ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                        /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                        /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                           Button,
                           {
                             type: "button",
@@ -13793,10 +13873,10 @@ 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__ */ jsx23(ChevronRightIcon, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ jsx24(ChevronRightIcon, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ jsx23(TooltipContent, { children: "More columns to the right" })
+                        /* @__PURE__ */ jsx24(TooltipContent, { children: "More columns to the right" })
                       ] }) : null
                     ] }),
                     appendQuery ? /* @__PURE__ */ jsxs22(
@@ -13812,7 +13892,7 @@ function MatrxDataTableCore(coreProps) {
                               ...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__ */ jsx23(
+                                isLoading ? /* @__PURE__ */ jsx24(
                                   Loader2Icon,
                                   {
                                     "data-matrx-table-append-loader": true,
@@ -13821,19 +13901,19 @@ function MatrxDataTableCore(coreProps) {
                                   }
                                 ) : null,
                                 /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2", children: [
-                                  /* @__PURE__ */ jsx23("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 ? `${formatCount10(processed.length)} ${appendQuery.pagination.sourceRecords.rowLabel}${appendQuery.pagination.sourceRecords.matchedRecords === void 0 ? "" : ` (${formatCount10(appendQuery.pagination.sourceRecords.matchedRecords)} matching ${appendQuery.pagination.sourceRecords.label})`} \xB7 ${formatCount10(appendQuery.pagination.sourceRecords.loaded)}${appendQuery.pagination.sourceRecords.total === void 0 ? "" : ` / ${formatCount10(appendQuery.pagination.sourceRecords.total)}`} ${appendQuery.pagination.sourceRecords.label} loaded` : `${processed.length === data.length ? "" : `${formatCount10(processed.length)} matching loaded ${processed.length === 1 ? "row" : "rows"} \xB7 `}${formatCount10(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${formatCount10(appendQuery.pagination.totalItems)}`}` }),
+                                  /* @__PURE__ */ jsx24("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 ? `${formatCount10(processed.length)} ${appendQuery.pagination.sourceRecords.rowLabel}${appendQuery.pagination.sourceRecords.matchedRecords === void 0 ? "" : ` (${formatCount10(appendQuery.pagination.sourceRecords.matchedRecords)} matching ${appendQuery.pagination.sourceRecords.label})`} \xB7 ${formatCount10(appendQuery.pagination.sourceRecords.loaded)}${appendQuery.pagination.sourceRecords.total === void 0 ? "" : ` / ${formatCount10(appendQuery.pagination.sourceRecords.total)}`} ${appendQuery.pagination.sourceRecords.label} loaded` : `${processed.length === data.length ? "" : `${formatCount10(processed.length)} matching loaded ${processed.length === 1 ? "row" : "rows"} \xB7 `}${formatCount10(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${formatCount10(appendQuery.pagination.totalItems)}`}` }),
                                   appendQuery.pagination.sourceUntil || appendUsesLocalProcessing ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                                    /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23("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__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("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__ */ jsxs22(TooltipContent, { children: [
                                       appendQuery.pagination.sourceUntil ? /* @__PURE__ */ jsxs22("p", { children: [
                                         "Source fixed through ",
                                         new Date(appendQuery.pagination.sourceUntil).toLocaleString(),
                                         "."
                                       ] }) : null,
-                                      /* @__PURE__ */ jsx23("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__ */ jsx24("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__ */ jsx23(
+                                  scrollPagination.error ? /* @__PURE__ */ jsx24(
                                     ErrorBox,
                                     {
                                       className: "text-destructive-ink",
@@ -13857,21 +13937,21 @@ function MatrxDataTableCore(coreProps) {
                               value: String(appendQuery.pagination.sourcePageSize.value),
                               onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)),
                               children: [
-                                /* @__PURE__ */ jsx23(
+                                /* @__PURE__ */ jsx24(
                                   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__ */ jsx23(SelectValue, {})
+                                    children: /* @__PURE__ */ jsx24(SelectValue, {})
                                   }
                                 ),
-                                /* @__PURE__ */ jsx23(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ jsx23(SelectItem, { value: String(size), children: size }, size)) })
+                                /* @__PURE__ */ jsx24(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ jsx24(SelectItem, { value: String(size), children: size }, size)) })
                               ]
                             }
                           ) : null,
                           /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
-                            /* @__PURE__ */ jsx23(
+                            /* @__PURE__ */ jsx24(
                               Button,
                               {
                                 type: "button",
@@ -13882,7 +13962,7 @@ function MatrxDataTableCore(coreProps) {
                                 children: "Load more"
                               }
                             ),
-                            appendQuery.pagination.loadAll ? /* @__PURE__ */ jsx23(
+                            appendQuery.pagination.loadAll ? /* @__PURE__ */ jsx24(
                               Button,
                               {
                                 type: "button",
@@ -13894,7 +13974,7 @@ function MatrxDataTableCore(coreProps) {
                               }
                             ) : null
                           ] }),
-                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ jsx23(
+                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ jsx24(
                             Button,
                             {
                               type: "button",
@@ -13903,7 +13983,7 @@ function MatrxDataTableCore(coreProps) {
                               onClick: appendQuery.pagination.loadAll.stop,
                               children: "Stop loading"
                             }
-                          ) : scrollPagination.error ? /* @__PURE__ */ jsx23(
+                          ) : scrollPagination.error ? /* @__PURE__ */ jsx24(
                             Button,
                             {
                               type: "button",
@@ -13912,7 +13992,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__ */ jsx23("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__ */ jsx24("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") ? (
@@ -13920,7 +14000,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__ */ jsx23(
+                      localProgressiveEnabled && progressiveRows.hasMore ? /* @__PURE__ */ jsx24(
                         MatrxTableCardShowMore,
                         {
                           card: tableCard,
@@ -13928,7 +14008,7 @@ function MatrxDataTableCore(coreProps) {
                           total: totalItems,
                           onShowMore: () => void chromeLatest.current.showMore()
                         }
-                      ) : remoteQuery?.mode === "controlled" && !isLoading && totalItems > data.length ? /* @__PURE__ */ jsx23(
+                      ) : remoteQuery?.mode === "controlled" && !isLoading && totalItems > data.length ? /* @__PURE__ */ jsx24(
                         MatrxTableCardShowMore,
                         {
                           card: tableCard,
@@ -13942,7 +14022,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__ */ jsx23(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ jsx23("div", { className: "shrink-0", children: /* @__PURE__ */ jsx23(
+                      /* @__PURE__ */ jsx24(MatrxTableChrome, { part: "pagination", epoch: paginationEpoch, render: () => /* @__PURE__ */ jsx24("div", { className: "shrink-0", children: /* @__PURE__ */ jsx24(
                         GenericTablePagination,
                         {
                           totalItems,
@@ -13994,7 +14074,7 @@ function MatrxDataTableCore(coreProps) {
                               ]
                             }
                           ),
-                          offerSelectAllMatching && selectionMatchingTotal !== void 0 ? /* @__PURE__ */ jsx23(
+                          offerSelectAllMatching && selectionMatchingTotal !== void 0 ? /* @__PURE__ */ jsx24(
                             Button2,
                             {
                               type: "button",
@@ -14004,12 +14084,12 @@ function MatrxDataTableCore(coreProps) {
                               children: `Select all ${formatCount10(selectionMatchingTotal)}`
                             }
                           ) : null,
-                          /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(
                             Button2,
                             {
                               type: "button",
                               variant: "quiet",
-                              icon: /* @__PURE__ */ jsx23(XIcon, { "aria-hidden": "true" }),
+                              icon: /* @__PURE__ */ jsx24(XIcon, { "aria-hidden": "true" }),
                               onClick: () => {
                                 lastToggledIndex.current = null;
                                 if (allMatching) setAllMatching(false);
@@ -14024,7 +14104,7 @@ function MatrxDataTableCore(coreProps) {
                               "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__ */ jsx23(
+                                effectiveCopy ? /* @__PURE__ */ jsx24(
                                   CopyButtons,
                                   {
                                     size: "icon",
@@ -14063,7 +14143,7 @@ function MatrxDataTableCore(coreProps) {
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx24(
                     ColumnManager,
                     {
                       open: columnManagerOpen,
@@ -14075,7 +14155,7 @@ function MatrxDataTableCore(coreProps) {
                       defaults: columnManagerDefaults
                     }
                   ),
-                  detailEnabled && selectedRow ? /* @__PURE__ */ jsx23(
+                  detailEnabled && selectedRow ? /* @__PURE__ */ jsx24(
                     SidePanelSurface,
                     {
                       title: resolveStringTitle(
@@ -14088,7 +14168,7 @@ function MatrxDataTableCore(coreProps) {
                       openRequest,
                       defaultWidth: detail?.defaultWidth ?? 480,
                       headerActions: /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
-                        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx23(
+                        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx24(
                           TableRowCopyControl,
                           {
                             size: "icon",
@@ -14102,7 +14182,7 @@ function MatrxDataTableCore(coreProps) {
                         detail?.headerActions?.(selectedRow),
                         renderRecordPageDoor(selectedRow),
                         windowEnabled ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                          /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                             Button,
                             {
                               type: "button",
@@ -14112,10 +14192,10 @@ function MatrxDataTableCore(coreProps) {
                               className: "h-7 w-7",
                               "aria-label": "Open in window",
                               onClick: () => openWindow(selectedRow),
-                              children: /* @__PURE__ */ jsx23(PanelRightIcon, { className: "h-5 w-5" })
+                              children: /* @__PURE__ */ jsx24(PanelRightIcon, { className: "h-5 w-5" })
                             }
                           ) }),
-                          /* @__PURE__ */ jsx23(TooltipContent, { children: "Open in window" })
+                          /* @__PURE__ */ jsx24(TooltipContent, { children: "Open in window" })
                         ] }) : null
                       ] }),
                       children: detail?.render ? (
@@ -14126,7 +14206,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__ */ jsx23("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                        /* @__PURE__ */ jsx24("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                           closeDetail: () => setSelectedId(null),
                           openDetail: () => openDetail(selectedRow),
                           openWindow: () => openWindow(selectedRow),
@@ -14134,7 +14214,7 @@ function MatrxDataTableCore(coreProps) {
                           hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                           discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                         }) })
-                      ) : /* @__PURE__ */ jsx23(
+                      ) : /* @__PURE__ */ jsx24(
                         DataRowInspector,
                         {
                           row: selectedRow,
@@ -14148,7 +14228,7 @@ function MatrxDataTableCore(coreProps) {
                       )
                     }
                   ) : null,
-                  windowRow ? /* @__PURE__ */ jsx23(
+                  windowRow ? /* @__PURE__ */ jsx24(
                     DataRowWindow,
                     {
                       isOpen: true,
@@ -14162,7 +14242,7 @@ function MatrxDataTableCore(coreProps) {
                       headerActions: /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
                         renderRecordPageDoor(windowRow),
                         windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-                          /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                             Button,
                             {
                               type: "button",
@@ -14175,12 +14255,12 @@ function MatrxDataTableCore(coreProps) {
                                 closeWindow();
                                 openDetail(windowRow);
                               },
-                              children: /* @__PURE__ */ jsx23(PanelRightIcon, { className: "h-5 w-5" })
+                              children: /* @__PURE__ */ jsx24(PanelRightIcon, { className: "h-5 w-5" })
                             }
                           ) }),
-                          /* @__PURE__ */ jsx23(TooltipContent, { children: "Open in side panel" })
+                          /* @__PURE__ */ jsx24(TooltipContent, { children: "Open in side panel" })
                         ] }) : null,
-                        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx23(
+                        effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx24(
                           TableRowCopyControl,
                           {
                             size: "icon",
@@ -14199,7 +14279,7 @@ function MatrxDataTableCore(coreProps) {
                         closeWindow,
                         hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                         discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                      }) ?? /* @__PURE__ */ jsx23(
+                      }) ?? /* @__PURE__ */ jsx24(
                         DataRowInspector,
                         {
                           row: windowRow,
@@ -14228,7 +14308,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__ */ jsx23(
+                        /* @__PURE__ */ jsx24(
                           DataRowInspector,
                           {
                             row: windowRow,
@@ -14248,7 +14328,7 @@ function MatrxDataTableCore(coreProps) {
                       })
                     }
                   ) : null,
-                  missingWindowRowId ? /* @__PURE__ */ jsx23(
+                  missingWindowRowId ? /* @__PURE__ */ jsx24(
                     DataRowWindow,
                     {
                       isOpen: true,
@@ -14257,7 +14337,7 @@ function MatrxDataTableCore(coreProps) {
                       width: 520,
                       height: 360,
                       windowId: `matrx-data-row-${urlState?.id ?? "local"}-missing-${missingWindowRowId}`,
-                      viewContent: /* @__PURE__ */ jsx23(
+                      viewContent: /* @__PURE__ */ jsx24(
                         MissingRowNotice,
                         {
                           id: missingWindowRowId,
@@ -14275,8 +14355,8 @@ function MatrxDataTableCore(coreProps) {
                         "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__ */ jsx23("span", { children: "Unsaved edits from previous results" }),
-                          /* @__PURE__ */ jsx23(
+                          /* @__PURE__ */ jsx24("span", { children: "Unsaved edits from previous results" }),
+                          /* @__PURE__ */ jsx24(
                             CopyButtons,
                             {
                               size: "xs",
@@ -14285,11 +14365,11 @@ function MatrxDataTableCore(coreProps) {
                               json: () => foreignDraftPayload
                             }
                           ),
-                          /* @__PURE__ */ jsx23(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive-ink", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                          /* @__PURE__ */ jsx24(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive-ink", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
                         ]
                       }
                     ) : null,
-                    /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsx24(
                       ConfirmDialog,
                       {
                         open: confirmForeignDraftDiscard,
@@ -14309,7 +14389,7 @@ function MatrxDataTableCore(coreProps) {
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsx24(
                       DirtySavePill,
                       {
                         changeCount,
@@ -14322,11 +14402,11 @@ function MatrxDataTableCore(coreProps) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx23(DragOverlay, { children: draggedRow ? (
+            /* @__PURE__ */ jsx24(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__ */ jsx23("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__ */ jsx24("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 })
           ]
         }
@@ -14343,7 +14423,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       ref: setNodeRef,
@@ -14355,7 +14435,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ jsx23(GripVerticalIcon, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ jsx24(GripVerticalIcon, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -14374,8 +14454,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ jsx23("span", { className: "text-primary-ink/75", children: label })
+        /* @__PURE__ */ jsx24("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ jsx24("span", { className: "text-primary-ink/75", children: label })
       ]
     }
   );
@@ -14424,7 +14504,7 @@ function HierarchyDragIndicatorLayer({
   const { preview } = indicator;
   const indent = indicator.left + 10 + preview.depth * 12;
   if (preview.position === "inside") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "div",
       {
         "aria-hidden": "true",
@@ -14451,7 +14531,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "aria-hidden": "true",
@@ -14463,7 +14543,7 @@ function HierarchyDragIndicatorLayer({
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
       children: /* @__PURE__ */ jsxs22("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ jsx23("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__ */ jsx24("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__ */ jsxs22(
           "span",
           {
@@ -14505,7 +14585,7 @@ function ColumnHeaderDropZone({
     disabled: !enabled,
     data: { matrxDragKind: "column-header", columnId: id }
   });
-  return /* @__PURE__ */ jsx23("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
+  return /* @__PURE__ */ jsx24("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` };
@@ -14554,7 +14634,7 @@ function TableGroupHeaderRow({
   const qualifier = sourceCount !== null || scope === "all" ? "" : scope === "page" ? " on this page" : " loaded";
   const summary = `${formatCount10(count)} ${noun}${qualifier}`;
   const [first, ...rest] = columns;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     MatrxTableGroupHeaderRow,
     {
       groupKey: group.key,
@@ -14611,7 +14691,7 @@ function DefaultJsonCell({ value }) {
   const summary = Array.isArray(value) ? `${value.length} items` : Object.keys(value).slice(0, 3).join(", ") || "Empty object";
   return /* @__PURE__ */ jsxs22(Fragment15, { children: [
     /* @__PURE__ */ jsxs22(Tooltip, { children: [
-      /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22("button", { type: "button", className: "block max-w-full truncate text-left", onClick: (event) => {
+      /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22("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: [
@@ -14619,9 +14699,9 @@ function DefaultJsonCell({ value }) {
         " ",
         summary
       ] }) }),
-      /* @__PURE__ */ jsx23(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
+      /* @__PURE__ */ jsx24(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
     ] }),
-    /* @__PURE__ */ jsx23(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ jsx23(Viewer, { data: value }) : /* @__PURE__ */ jsx23("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
+    /* @__PURE__ */ jsx24(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ jsx24(Viewer, { data: value }) : /* @__PURE__ */ jsx24("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
   ] });
 }
 function DefaultMarkerCell({
@@ -14631,7 +14711,7 @@ function DefaultMarkerCell({
   const label = marker === "favorite" ? value ? "Favorite" : "Not favorite" : value ? "Pinned" : "Not pinned";
   const Icon = marker === "favorite" ? StarIcon : PinIcon;
   return /* @__PURE__ */ jsxs22(Tooltip, { children: [
-    /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
       "span",
       {
         role: "img",
@@ -14640,10 +14720,10 @@ function DefaultMarkerCell({
           "inline-flex size-5 items-center justify-center",
           value ? "text-amber-500" : "text-muted-foreground/45"
         ),
-        children: /* @__PURE__ */ jsx23(Icon, { className: "size-4", ...value ? { fill: "currentColor" } : {} })
+        children: /* @__PURE__ */ jsx24(Icon, { className: "size-4", ...value ? { fill: "currentColor" } : {} })
       }
     ) }),
-    /* @__PURE__ */ jsx23(TooltipContent, { children: label })
+    /* @__PURE__ */ jsx24(TooltipContent, { children: label })
   ] });
 }
 function renderFooterCell(row, col, index) {
@@ -14653,7 +14733,7 @@ function renderFooterCell(row, col, index) {
 function renderCell(row, col, index) {
   if (col.loading?.(row)) {
     const align = alignForFormat(col);
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       Skeleton,
       {
         "data-matrx-table-cell-loading": "",
@@ -14664,13 +14744,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__ */ jsx23(FormattedCell, { result: formattedByDeclaration });
+  if (formattedByDeclaration) return /* @__PURE__ */ jsx24(FormattedCell, { result: formattedByDeclaration });
   const kind = col.cellKind ?? "auto";
   const asUuid = kind === "uuid" || kind === "fk" || kind === "auto" && 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__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       RecordId,
       {
         value: raw,
@@ -14682,14 +14762,14 @@ function renderCell(row, col, index) {
       }
     );
   }
-  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ jsx23(DefaultJsonCell, { value: raw });
+  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ jsx24(DefaultJsonCell, { value: raw });
   if (typeof raw === "boolean") {
     const marker = resolveColumnMarker(col);
-    if (marker) return /* @__PURE__ */ jsx23(DefaultMarkerCell, { marker, value: raw });
-    return /* @__PURE__ */ jsx23("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__ */ jsx24(DefaultMarkerCell, { marker, value: raw });
+    return /* @__PURE__ */ jsx24("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__ */ jsx23("span", { className: "block", title: formatted, style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted });
+  return /* @__PURE__ */ jsx24("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;
@@ -14699,7 +14779,7 @@ function resolveStringTitle(title, fallback) {
 
 // src/data-table/MatrxTableCard.tsx
 import { useMemo as useMemo9, useState as useState18 } from "react";
-import { Fragment as Fragment16, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function nounText(noun) {
   return `${noun.count.toLocaleString()} ${noun.count === 1 ? noun.singular : noun.plural}`;
 }
@@ -14738,8 +14818,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__ */ jsx24(Link, { href, className: className2, children: content }) : /* @__PURE__ */ jsx24("a", { href, className: className2, children: content });
-  return /* @__PURE__ */ jsx24(MatrxTableCardContext.Provider, { value: context, children: /* @__PURE__ */ jsxs23(
+  const renderLink = (href, className2, content) => Link ? /* @__PURE__ */ jsx25(Link, { href, className: className2, children: content }) : /* @__PURE__ */ jsx25("a", { href, className: className2, children: content });
+  return /* @__PURE__ */ jsx25(MatrxTableCardContext.Provider, { value: context, children: /* @__PURE__ */ jsxs23(
     "section",
     {
       "data-matrx-table-card": true,
@@ -14748,10 +14828,10 @@ function MatrxTableCard({
         className
       ),
       children: [
-        railClassName ? /* @__PURE__ */ jsx24("span", { "aria-hidden": true, className: cn("absolute inset-y-0 left-0 w-1 opacity-70", railClassName) }) : null,
+        railClassName ? /* @__PURE__ */ jsx25("span", { "aria-hidden": true, className: cn("absolute inset-y-0 left-0 w-1 opacity-70", railClassName) }) : null,
         /* @__PURE__ */ jsxs23("header", { "data-matrx-table-card-header": true, className: "mb-4 flex flex-wrap items-start justify-between gap-3", children: [
           /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 items-center gap-3", children: [
-            icon ? /* @__PURE__ */ jsx24(
+            icon ? /* @__PURE__ */ jsx25(
               "div",
               {
                 "aria-hidden": true,
@@ -14760,24 +14840,24 @@ function MatrxTableCard({
               }
             ) : null,
             /* @__PURE__ */ jsxs23("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx24(Heading, { className: "truncate text-lg font-semibold text-foreground", children: title }),
-              countsLine.length > 0 ? /* @__PURE__ */ jsx24("p", { "data-matrx-table-card-counts": true, className: "text-xs text-muted-foreground", children: countsLine.map((part, index) => /* @__PURE__ */ jsxs23("span", { children: [
+              /* @__PURE__ */ jsx25(Heading, { className: "truncate text-lg font-semibold text-foreground", children: title }),
+              countsLine.length > 0 ? /* @__PURE__ */ jsx25("p", { "data-matrx-table-card-counts": true, className: "text-xs text-muted-foreground", children: countsLine.map((part, index) => /* @__PURE__ */ jsxs23("span", { children: [
                 index > 0 ? " \xB7 " : null,
                 part
               ] }, index)) }) : null
             ] })
           ] }),
           /* @__PURE__ */ jsxs23("div", { "data-matrx-table-card-actions": true, className: "flex min-w-0 flex-auto flex-wrap items-center justify-end gap-1", children: [
-            /* @__PURE__ */ jsx24("div", { ref: setToolbarSlot, "data-matrx-table-card-toolbar": true, className: "flex min-w-0 flex-auto justify-end empty:hidden" }),
+            /* @__PURE__ */ jsx25("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__ */ jsxs23(Fragment16, { children: [
-                /* @__PURE__ */ jsx24(PencilIcon, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ jsx24("span", { className: "sr-only", children: edit.label ?? `Edit ${title}` })
+                /* @__PURE__ */ jsx25(PencilIcon, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx25("span", { className: "sr-only", children: edit.label ?? `Edit ${title}` })
               ] })
-            ) : /* @__PURE__ */ jsx24(
+            ) : /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -14785,7 +14865,7 @@ function MatrxTableCard({
                 onClick: edit.onEdit,
                 "aria-label": edit.label ?? `Edit ${title}`,
                 title: edit.label ?? `Edit ${title}`,
-                children: /* @__PURE__ */ jsx24(PencilIcon, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ jsx25(PencilIcon, { className: "h-3.5 w-3.5" })
               }
             ) : null,
             open ? renderLink(
@@ -14793,32 +14873,32 @@ function MatrxTableCard({
               ghostButton,
               /* @__PURE__ */ jsxs23(Fragment16, { children: [
                 open.label ?? "Open",
-                /* @__PURE__ */ jsx24(ChevronRightIcon, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ jsx24("span", { className: "sr-only", children: ` ${title}` })
+                /* @__PURE__ */ jsx25(ChevronRightIcon, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx25("span", { className: "sr-only", children: ` ${title}` })
               ] })
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsx24("div", { "data-matrx-table-card-body": true, className: "-mx-2 min-w-0", children }),
+        /* @__PURE__ */ jsx25("div", { "data-matrx-table-card-body": true, className: "-mx-2 min-w-0", children }),
         /* @__PURE__ */ jsxs23(
           "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__ */ jsx24("div", { className: "w-full", children: adding }) : add ? /* @__PURE__ */ jsxs23(
+              adding ? /* @__PURE__ */ jsx25("div", { className: "w-full", children: adding }) : add ? /* @__PURE__ */ jsxs23(
                 "button",
                 {
                   type: "button",
                   onClick: add.onAdd,
                   className: cn(ghostButton, "text-muted-foreground hover:text-foreground"),
                   children: [
-                    /* @__PURE__ */ jsx24(PlusIcon, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ jsx25(PlusIcon, { className: "h-3.5 w-3.5" }),
                     add.label
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ jsx24("div", { ref: setFooterSlot, "data-matrx-table-card-pager": true, className: "ml-auto flex items-center gap-2 empty:hidden" })
+              /* @__PURE__ */ jsx25("div", { ref: setFooterSlot, "data-matrx-table-card-pager": true, className: "ml-auto flex items-center gap-2 empty:hidden" })
             ]
           }
         )
@@ -14828,9 +14908,9 @@ function MatrxTableCard({
 }
 function MatrxTableCardEmpty({ message, action, children }) {
   return /* @__PURE__ */ jsxs23("div", { "data-matrx-table-card-empty": true, className: "mx-2 rounded-lg border-2 border-dashed border-border py-6 text-center", children: [
-    /* @__PURE__ */ jsx24("p", { className: "mb-3 text-sm text-muted-foreground", children: message }),
+    /* @__PURE__ */ jsx25("p", { className: "mb-3 text-sm text-muted-foreground", children: message }),
     action ? /* @__PURE__ */ jsxs23("button", { type: "button", onClick: action.onClick, className: cn(buttonVariants({ size: "sm" }), "gap-1.5"), children: [
-      /* @__PURE__ */ jsx24(PlusIcon, { className: "h-3.5 w-3.5" }),
+      /* @__PURE__ */ jsx25(PlusIcon, { className: "h-3.5 w-3.5" }),
       action.label
     ] }) : null,
     children
@@ -14839,7 +14919,7 @@ function MatrxTableCardEmpty({ message, action, children }) {
 
 // src/data-table/SavedViewsControl.tsx
 import { useId as useId3, useState as useState19 } from "react";
-import { Fragment as Fragment17, jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 function SavedViewsControl({
   views,
   activeId = null,
@@ -14933,7 +15013,7 @@ function SavedViewsControl({
   const activeName = activeId ? views.find((view) => view.id === activeId)?.name : void 0;
   return /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
     presentation === "tabs" ? /* @__PURE__ */ jsxs24(Fragment17, { children: [
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         TableViewTabs,
         {
           tabs: [{ id: "default", label: "Default view" }, ...views.map((view) => ({ id: view.id, label: view.name }))],
@@ -14954,10 +15034,10 @@ function SavedViewsControl({
           related
         }
       ),
-      loading ? /* @__PURE__ */ jsx25("span", { role: "status", className: "text-xs text-muted-foreground", children: "Loading views\u2026" }) : null
+      loading ? /* @__PURE__ */ jsx26("span", { role: "status", className: "text-xs text-muted-foreground", children: "Loading views\u2026" }) : null
     ] }) : /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
       /* @__PURE__ */ jsxs24(Tooltip, { children: [
-        /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(
           Button2,
           {
             variant: "quiet",
@@ -14965,74 +15045,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__ */ jsx25(ChevronDownIcon, { "aria-hidden": "true" }),
+            iconEnd: /* @__PURE__ */ jsx26(ChevronDownIcon, { "aria-hidden": "true" }),
             children: [
-              /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
-              dirty ? /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null
+              /* @__PURE__ */ jsx26("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
+              dirty ? /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx25(TooltipContent, { children: "Choose or save a table view" })
+        /* @__PURE__ */ jsx26(TooltipContent, { children: "Choose or save a table view" })
       ] }),
       /* @__PURE__ */ jsxs24(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ jsx25(DropdownMenuLabel, { children: "Views" }),
+        /* @__PURE__ */ jsx26(DropdownMenuLabel, { children: "Views" }),
         /* @__PURE__ */ jsxs24(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => select(value === "__default__" ? null : value), children: [
-          /* @__PURE__ */ jsx25(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
-          views.map((view) => /* @__PURE__ */ jsx25(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
+          /* @__PURE__ */ jsx26(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
+          views.map((view) => /* @__PURE__ */ jsx26(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
         ] }),
-        /* @__PURE__ */ jsx25(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx25(DropdownMenuItem, { disabled: saving, onSelect: () => {
+        /* @__PURE__ */ jsx26(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx26(DropdownMenuItem, { disabled: saving, onSelect: () => {
           setActionError(null);
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
-        activeId && onUpdate ? /* @__PURE__ */ jsx25(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
-        activeId && onRemove ? /* @__PURE__ */ jsx25(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
-        onReload ? /* @__PURE__ */ jsx25(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
+        activeId && onUpdate ? /* @__PURE__ */ jsx26(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        activeId && onRemove ? /* @__PURE__ */ jsx26(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
+        onReload ? /* @__PURE__ */ jsx26(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
-    dirty ? /* @__PURE__ */ jsx25("span", { id: unsavedChangesId, role: "status", className: "sr-only", children: "Unsaved changes" }) : null,
-    dirty ? onUpdate ? /* @__PURE__ */ jsx25(Button2, { variant: "quiet", disabled: saving, onClick: () => void update(), children: "Save changes" }) : /* @__PURE__ */ jsx25(Button2, { variant: "quiet", disabled: saving, onClick: () => setSaveOpen(true), children: "Save as view" }) : null,
-    visibleError && !saveOpen && !pendingRemove ? /* @__PURE__ */ jsx25(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__ */ jsx25(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ jsxs24(DialogContent, { children: [
-      /* @__PURE__ */ jsx25(DialogHeader, { children: /* @__PURE__ */ jsx25(DialogTitle, { children: "Save current view" }) }),
-      visibleError ? /* @__PURE__ */ jsx25(ErrorBox, { className: "text-sm text-destructive-ink", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
-      /* @__PURE__ */ jsx25(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
+    dirty ? /* @__PURE__ */ jsx26("span", { id: unsavedChangesId, role: "status", className: "sr-only", children: "Unsaved changes" }) : null,
+    dirty ? onUpdate ? /* @__PURE__ */ jsx26(Button2, { variant: "quiet", disabled: saving, onClick: () => void update(), children: "Save changes" }) : /* @__PURE__ */ jsx26(Button2, { variant: "quiet", disabled: saving, onClick: () => setSaveOpen(true), children: "Save as view" }) : null,
+    visibleError && !saveOpen && !pendingRemove ? /* @__PURE__ */ jsx26(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__ */ jsx26(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ jsxs24(DialogContent, { children: [
+      /* @__PURE__ */ jsx26(DialogHeader, { children: /* @__PURE__ */ jsx26(DialogTitle, { children: "Save current view" }) }),
+      visibleError ? /* @__PURE__ */ jsx26(ErrorBox, { className: "text-sm text-destructive-ink", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
+      /* @__PURE__ */ jsx26(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
       /* @__PURE__ */ jsxs24(DialogFooter, { children: [
-        /* @__PURE__ */ jsx25(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx25(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
+        /* @__PURE__ */ jsx26(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx26(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx25(Dialog, { open: pendingSelect !== void 0, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx26(Dialog, { open: pendingSelect !== void 0, onOpenChange: (open) => {
       if (!open) setPendingSelect(void 0);
     }, children: /* @__PURE__ */ jsxs24(DialogContent, { children: [
-      /* @__PURE__ */ jsx25(DialogHeader, { children: /* @__PURE__ */ jsx25(DialogTitle, { children: "Unsaved view changes" }) }),
-      /* @__PURE__ */ jsx25(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
+      /* @__PURE__ */ jsx26(DialogHeader, { children: /* @__PURE__ */ jsx26(DialogTitle, { children: "Unsaved view changes" }) }),
+      /* @__PURE__ */ jsx26(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
       /* @__PURE__ */ jsxs24(DialogFooter, { children: [
-        /* @__PURE__ */ jsx25(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
-        /* @__PURE__ */ jsx25(Button, { type: "button", onClick: () => {
+        /* @__PURE__ */ jsx26(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
+        /* @__PURE__ */ jsx26(Button, { type: "button", onClick: () => {
           const next = pendingSelect;
           setPendingSelect(void 0);
           if (next !== void 0) onSelect(next);
         }, children: "Discard changes and switch" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx25(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx26(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
       if (!open && !removing) setPendingRemove(null);
     }, children: /* @__PURE__ */ jsxs24(DialogContent, { children: [
-      /* @__PURE__ */ jsx25(DialogHeader, { children: /* @__PURE__ */ jsxs24(DialogTitle, { children: [
+      /* @__PURE__ */ jsx26(DialogHeader, { children: /* @__PURE__ */ jsxs24(DialogTitle, { children: [
         "Delete ",
         pendingRemove ? `\u201C${pendingRemove.name}\u201D` : "saved view",
         "?"
       ] }) }),
-      actionError ? /* @__PURE__ */ jsx25(ErrorBox, { className: "text-sm text-destructive-ink", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
+      actionError ? /* @__PURE__ */ jsx26(ErrorBox, { className: "text-sm text-destructive-ink", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
       /* @__PURE__ */ jsxs24(DialogDescription, { children: [
         "This removes the saved view from your account",
         activeId === pendingRemove?.id && dirty ? " and discards its unsaved layout changes" : "",
         "."
       ] }),
       /* @__PURE__ */ jsxs24(DialogFooter, { children: [
-        /* @__PURE__ */ jsx25(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
-        /* @__PURE__ */ jsx25(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
+        /* @__PURE__ */ jsx26(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx26(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
       ] })
     ] }) })
   ] });
@@ -15117,7 +15197,7 @@ function comparisonGridRecords(grid) {
 }
 
 // src/data-table/MatrxComparisonTable.tsx
-import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var ROW_COLUMN_ID = "__comparison_row";
 var subjectColumnId = (subject) => `subject:${subject.id}`;
 function buildGridRows(rows, subjects, footer) {
@@ -15131,7 +15211,7 @@ function buildGridRows(rows, subjects, footer) {
   });
 }
 function PlaceBadge({ place }) {
-  return /* @__PURE__ */ jsx26(Badge, { tone: place === 1 ? "success" : "neutral", title: `${comparisonOrdinal(place)} place on this row`, children: comparisonOrdinal(place) });
+  return /* @__PURE__ */ jsx27(Badge, { tone: place === 1 ? "success" : "neutral", title: `${comparisonOrdinal(place)} place on this row`, children: comparisonOrdinal(place) });
 }
 function MatrxComparisonTable({
   subjects: rawSubjects,
@@ -15180,11 +15260,11 @@ function MatrxComparisonTable({
       minWidth: 120,
       accessorFn: (line) => line.row.label,
       copyValue: (line) => line.row.label,
-      cell: (line) => line.row.header ?? /* @__PURE__ */ jsx26("span", { className: line.row.emphasized || line.footer ? "font-semibold text-foreground" : "text-foreground", children: line.row.label })
+      cell: (line) => line.row.header ?? /* @__PURE__ */ jsx27("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__ */ jsx26("span", { title: subject.title, children: subject.header }) : /* @__PURE__ */ jsx26("span", { title: subject.title, children: subject.label }),
+      header: subject.header ? /* @__PURE__ */ jsx27("span", { title: subject.title, children: subject.header }) : /* @__PURE__ */ jsx27("span", { title: subject.title, children: subject.label }),
       label: subject.label,
       width: subjectWidth,
       minWidth: 96,
@@ -15200,7 +15280,7 @@ function MatrxComparisonTable({
       },
       cell: (line) => {
         const cell = line.cells[index];
-        if (!cell) return /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "\u2014" });
+        if (!cell) return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
         const place = places ? line.ranking.places[subject.id] : null;
         return /* @__PURE__ */ jsxs25(
           "span",
@@ -15208,8 +15288,8 @@ function MatrxComparisonTable({
             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__ */ jsx26("span", { children: cell.text }),
-              place != null ? /* @__PURE__ */ jsx26(PlaceBadge, { place }) : null
+              cell.node ?? /* @__PURE__ */ jsx27("span", { children: cell.text }),
+              place != null ? /* @__PURE__ */ jsx27(PlaceBadge, { place }) : null
             ]
           }
         );
@@ -15261,7 +15341,7 @@ function MatrxComparisonTable({
       };
     }
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     MatrxDataTable,
     {
       data,
@@ -15292,8 +15372,8 @@ function MatrxComparisonTable({
 }
 
 // src/data-table/MatrxBatchGrid.tsx
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState20 } from "react";
-import { Fragment as Fragment18, jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState20 } from "react";
+import { Fragment as Fragment18, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 var BATCH_COLUMN_FLOOR_CAP_PX = 480;
 function freeColumnId(wanted, fallback, taken) {
   if (!taken.has(wanted)) return wanted;
@@ -15309,13 +15389,13 @@ var TONE_CLASS = {
 };
 function BatchRowStatusIcon({ status }) {
   const Glyph = status.tone === "ready" ? CircleCheck : AlertTriangleIcon;
-  return /* @__PURE__ */ jsx27("span", { role: "img", "aria-label": status.label, title: status.label, "data-matrx-batch-status": status.tone, children: /* @__PURE__ */ jsx27(Glyph, { className: cn("h-4 w-4 shrink-0", TONE_CLASS[status.tone]) }) });
+  return /* @__PURE__ */ jsx28("span", { role: "img", "aria-label": status.label, title: status.label, "data-matrx-batch-status": status.tone, children: /* @__PURE__ */ jsx28(Glyph, { className: cn("h-4 w-4 shrink-0", TONE_CLASS[status.tone]) }) });
 }
 function BatchRowKindBadge({
   kind,
   words
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "span",
     {
       "data-matrx-batch-kind": kind,
@@ -15333,12 +15413,12 @@ function BatchFillButton({ fill, disabled }) {
   const [value, setValue] = useState20(void 0);
   const stop = (event) => event.stopPropagation();
   return /* @__PURE__ */ jsxs26(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx27(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
       Button2,
       {
         type: "button",
         variant: "quiet",
-        icon: /* @__PURE__ */ jsx27(ArrowDownToLine, { className: "h-3.5 w-3.5" }),
+        icon: /* @__PURE__ */ jsx28(ArrowDownToLine, { className: "h-3.5 w-3.5" }),
         disabled,
         "data-matrx-batch-fill": true,
         title: fill.title,
@@ -15362,9 +15442,9 @@ function BatchFillButton({ fill, disabled }) {
         onPointerDown: stop,
         onMouseDown: stop,
         children: [
-          /* @__PURE__ */ jsx27("p", { className: "type-meta text-muted-foreground", children: fill.limits }),
+          /* @__PURE__ */ jsx28("p", { className: "type-meta text-muted-foreground", children: fill.limits }),
           fill.renderControl(value, setValue),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             Button,
             {
               type: "button",
@@ -15386,12 +15466,12 @@ function ColumnHeader({ column, disabled }) {
   return /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 items-start gap-1.5", "data-matrx-batch-header": column.id, children: [
     /* @__PURE__ */ jsxs26("span", { className: "min-w-0", children: [
       /* @__PURE__ */ jsxs26("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx27("span", { className: "truncate", children: column.header }),
-        column.required ? /* @__PURE__ */ jsx27("span", { className: "text-destructive-ink", title: "Required", "aria-label": "Required", children: "*" }) : null
+        /* @__PURE__ */ jsx28("span", { className: "truncate", children: column.header }),
+        column.required ? /* @__PURE__ */ jsx28("span", { className: "text-destructive-ink", title: "Required", "aria-label": "Required", children: "*" }) : null
       ] }),
-      column.caption ? /* @__PURE__ */ jsx27("span", { className: "type-meta block truncate font-normal normal-case tracking-normal text-muted-foreground", children: column.caption }) : null
+      column.caption ? /* @__PURE__ */ jsx28("span", { className: "type-meta block truncate font-normal normal-case tracking-normal text-muted-foreground", children: column.caption }) : null
     ] }),
-    column.fill ? /* @__PURE__ */ jsx27("span", { className: "ml-auto pt-0.5", children: /* @__PURE__ */ jsx27(BatchFillButton, { fill: column.fill, disabled }) }) : null
+    column.fill ? /* @__PURE__ */ jsx28("span", { className: "ml-auto pt-0.5", children: /* @__PURE__ */ jsx28(BatchFillButton, { fill: column.fill, disabled }) }) : null
   ] });
 }
 function MatrxBatchGrid({
@@ -15421,7 +15501,7 @@ function MatrxBatchGrid({
   const host = useMatrxDataTableHost();
   const density = ownDensity ?? host.defaultDensity ?? "condensed";
   const [folded, setFolded] = useState20(/* @__PURE__ */ new Set());
-  const gridRef = useRef15(null);
+  const gridRef = useRef16(null);
   const [floors, setFloors] = useState20({});
   useLayoutEffect3(() => {
     const root = gridRef.current;
@@ -15467,10 +15547,10 @@ function MatrxBatchGrid({
       const health = status?.(row) ?? null;
       const rowKind = kind?.(row) ?? null;
       return /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 items-center gap-2", "data-matrx-batch-row": id, children: [
-        done ? /* @__PURE__ */ jsx27(BatchRowStatusIcon, { status: { tone: "ready", label: doneLabel } }) : health ? /* @__PURE__ */ jsx27(BatchRowStatusIcon, { status: health }) : null,
-        rowKind ? /* @__PURE__ */ jsx27(BatchRowKindBadge, { kind: rowKind, words: kindWords }) : null,
-        /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1", children: rowHeader.render ? rowHeader.render(row) : rowHeader.label(row) }),
-        done ? /* @__PURE__ */ jsx27("span", { className: "type-meta shrink-0 text-success-ink", children: doneLabel }) : null
+        done ? /* @__PURE__ */ jsx28(BatchRowStatusIcon, { status: { tone: "ready", label: doneLabel } }) : health ? /* @__PURE__ */ jsx28(BatchRowStatusIcon, { status: health }) : null,
+        rowKind ? /* @__PURE__ */ jsx28(BatchRowKindBadge, { kind: rowKind, words: kindWords }) : null,
+        /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1", children: rowHeader.render ? rowHeader.render(row) : rowHeader.label(row) }),
+        done ? /* @__PURE__ */ jsx28("span", { className: "type-meta shrink-0 text-success-ink", children: doneLabel }) : null
       ] });
     }
   };
@@ -15478,7 +15558,7 @@ function MatrxBatchGrid({
     const typed = column.type !== void 0 && column.render === void 0;
     const def = {
       id: column.id,
-      header: /* @__PURE__ */ jsx27(ColumnHeader, { column, disabled }),
+      header: /* @__PURE__ */ jsx28(ColumnHeader, { column, disabled }),
       label: column.header,
       ...column.helpText ? { helpText: column.helpText } : {},
       accessorFn: (row) => banded(row) ? null : column.read(row),
@@ -15497,7 +15577,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__ */ jsx27("div", { ...{ [CELL_EDITOR_ATTR]: "" }, "data-matrx-batch-cell": column.id, className: "min-w-0", children: draw(row) });
+      def.cell = (row) => banded(row) ? null : /* @__PURE__ */ jsx28("div", { ...{ [CELL_EDITOR_ATTR]: "" }, "data-matrx-batch-cell": column.id, className: "min-w-0", children: draw(row) });
     }
     return def;
   });
@@ -15530,7 +15610,7 @@ function MatrxBatchGrid({
     data.map(getRowId).filter((id) => !folded.has(id) && hasDetail(byId.get(id)))
   );
   return /* @__PURE__ */ jsxs26("div", { ref: gridRef, className: "min-w-0", "data-matrx-batch-grid": tableId, children: [
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       MatrxDataTable,
       {
         tableId,
@@ -15586,8 +15666,8 @@ function MatrxBatchGrid({
           onExpandedIdsChange: (next) => setFolded(new Set(data.map(getRowId).filter((id) => !next.has(id)))),
           canExpand: hasDetail,
           render: (row) => /* @__PURE__ */ jsxs26(Fragment18, { children: [
-            banded(row) ? /* @__PURE__ */ jsx27("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__ */ jsx27(BatchRowNotes, { notes: notesOf(row) }) : null
+            banded(row) ? /* @__PURE__ */ jsx28("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__ */ jsx28(BatchRowNotes, { notes: notesOf(row) }) : null
           ] })
         },
         ...onRemoveRow ? {
@@ -15607,12 +15687,12 @@ function MatrxBatchGrid({
         } : {}
       }
     ),
-    footnote ? /* @__PURE__ */ jsx27("div", { className: "type-meta px-3 py-2 text-muted-foreground", children: footnote }) : null
+    footnote ? /* @__PURE__ */ jsx28("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__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "ul",
     {
       "data-matrx-batch-notes": true,
@@ -15621,8 +15701,8 @@ function BatchRowNotes({ notes }) {
         blocked ? "bg-destructive/5" : "bg-warning/10"
       ),
       children: notes.map((note) => /* @__PURE__ */ jsxs26("li", { className: "flex items-start gap-1.5", children: [
-        /* @__PURE__ */ jsx27(AlertTriangleIcon, { className: cn("mt-0.5 h-3.5 w-3.5 shrink-0", note.tone === "blocked" ? "text-destructive-ink" : "text-warning-ink") }),
-        /* @__PURE__ */ jsx27("span", { children: note.text })
+        /* @__PURE__ */ jsx28(AlertTriangleIcon, { className: cn("mt-0.5 h-3.5 w-3.5 shrink-0", note.tone === "blocked" ? "text-destructive-ink" : "text-warning-ink") }),
+        /* @__PURE__ */ jsx28("span", { children: note.text })
       ] }, note.text))
     }
   );
@@ -15700,14 +15780,14 @@ function detailGridText(rows, columns, labelHeader = "Field") {
 }
 
 // src/data-table/MatrxDetailGrid.tsx
-import { Fragment as Fragment19, jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 var DEFAULT_COLUMNS = [{ key: "value", label: "Value" }];
 var DEFAULT_CLAMP = 400;
 function JsonValue({ data }) {
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
-  if (Viewer) return /* @__PURE__ */ jsx28(Viewer, { data });
-  return /* @__PURE__ */ jsx28("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__ */ jsx29(Viewer, { data });
+  return /* @__PURE__ */ jsx29("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] = useState21(false);
@@ -15715,7 +15795,7 @@ function ClampedText({ text, clampChars, mono }) {
   const shown = long && !open ? `${text.slice(0, clampChars).trimEnd()}\u2026` : text;
   return /* @__PURE__ */ jsxs27("span", { className: cn("block min-w-0 whitespace-pre-wrap break-words", mono && "font-mono"), children: [
     shown,
-    long ? /* @__PURE__ */ jsx28(
+    long ? /* @__PURE__ */ jsx29(
       Button2,
       {
         type: "button",
@@ -15732,7 +15812,7 @@ function ClampedText({ text, clampChars, mono }) {
 function CollectedValue({ data }) {
   const [open, setOpen] = useState21(false);
   return /* @__PURE__ */ jsxs27("span", { className: "block min-w-0", children: [
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       Button2,
       {
         type: "button",
@@ -15744,7 +15824,7 @@ function CollectedValue({ data }) {
         children: collectedDetailSummary(data)
       }
     ),
-    open ? /* @__PURE__ */ jsx28("span", { className: "mt-1 block", children: /* @__PURE__ */ jsx28(JsonValue, { data }) }) : null
+    open ? /* @__PURE__ */ jsx29("span", { className: "mt-1 block", children: /* @__PURE__ */ jsx29(JsonValue, { data }) }) : null
   ] });
 }
 function MatrxDetailValue({
@@ -15755,13 +15835,13 @@ function MatrxDetailValue({
   clampChars = DEFAULT_CLAMP
 }) {
   if (isBlankDetailValue(value)) {
-    return /* @__PURE__ */ jsx28("span", { className: "italic text-muted-foreground", "data-matrx-detail-empty": "", children: emptyLabel });
+    return /* @__PURE__ */ jsx29("span", { className: "italic text-muted-foreground", "data-matrx-detail-empty": "", children: emptyLabel });
   }
-  if (isUuidValue(value)) return /* @__PURE__ */ jsx28(RecordId, { value, label });
+  if (isUuidValue(value)) return /* @__PURE__ */ jsx29(RecordId, { value, label });
   const collected = collectedDetailValue(value);
-  if (collected) return /* @__PURE__ */ jsx28(CollectedValue, { data: collected });
+  if (collected) return /* @__PURE__ */ jsx29(CollectedValue, { data: collected });
   const text = Array.isArray(value) ? value.map((item) => detailValueText(item)).join(", ") : typeof value === "string" ? value : formatTableDisplayValue(value);
-  return /* @__PURE__ */ jsx28(ClampedText, { text, clampChars, mono });
+  return /* @__PURE__ */ jsx29(ClampedText, { text, clampChars, mono });
 }
 function MatrxDetailGrid({
   rows,
@@ -15793,14 +15873,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__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "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__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           DeferredCopyButtons,
           {
             size: "xs",
@@ -15819,12 +15899,12 @@ function MatrxDetailGrid({
     );
   };
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx28("div", { className: cn("type-secondary text-muted-foreground", className), children: empty ?? "Nothing to show" });
+    return /* @__PURE__ */ jsx29("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__ */ jsxs27(Fragment19, { children: [
-    filtered.length > limit ? /* @__PURE__ */ jsx28(
+    filtered.length > limit ? /* @__PURE__ */ jsx29(
       Button2,
       {
         type: "button",
@@ -15835,7 +15915,7 @@ function MatrxDetailGrid({
         children: `Show all ${filtered.length}`
       }
     ) : null,
-    held > rows.length ? /* @__PURE__ */ jsx28("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__ */ jsx29("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];
@@ -15854,18 +15934,18 @@ function MatrxDetailGrid({
           ...meta ? { meta } : {}
         };
         if (custom === void 0 && isBlankDetailValue(value)) {
-          return /* @__PURE__ */ jsx28(PropertyRow, { ...common, missing: column.emptyLabel ?? true }, row.key);
+          return /* @__PURE__ */ jsx29(PropertyRow, { ...common, missing: column.emptyLabel ?? true }, row.key);
         }
         if (collected) {
-          return /* @__PURE__ */ jsx28(PropertyRow, { ...common, data: collected, expanded: /* @__PURE__ */ jsx28(JsonValue, { data: collected }) }, row.key);
+          return /* @__PURE__ */ jsx29(PropertyRow, { ...common, data: collected, expanded: /* @__PURE__ */ jsx29(JsonValue, { data: collected }) }, row.key);
         }
-        return /* @__PURE__ */ jsx28(PropertyRow, { ...common, mono: Boolean(row.mono ?? column.mono), children: custom ?? /* @__PURE__ */ jsx28(MatrxDetailValue, { value, label: row.label, mono: row.mono ?? column.mono, clampChars }) }, row.key);
+        return /* @__PURE__ */ jsx29(PropertyRow, { ...common, mono: Boolean(row.mono ?? column.mono), children: custom ?? /* @__PURE__ */ jsx29(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__ */ jsx28(
+  const copyAll = copy ? /* @__PURE__ */ jsx29(
     DeferredCopyButtons,
     {
       size: "xs",
@@ -15883,8 +15963,8 @@ function MatrxDetailGrid({
   return /* @__PURE__ */ jsxs27("div", { className: cn("min-w-0", className), "data-matrx-detail-grid": reviewing ? "review" : "grid", "data-matrx-table-look": macLook, children: [
     reviewing ? /* @__PURE__ */ jsxs27("div", { className: "mb-1 flex min-h-7 items-center gap-2", "data-matrx-detail-bar": "", children: [
       reviewing ? /* @__PURE__ */ jsxs27(Fragment19, { children: [
-        /* @__PURE__ */ jsx28("span", { className: "type-secondary text-muted-foreground", "data-matrx-detail-changed-count": "", children: `${changedCount} changed` }),
-        changedCount > 0 && changedCount < rows.length ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("span", { className: "type-secondary text-muted-foreground", "data-matrx-detail-changed-count": "", children: `${changedCount} changed` }),
+        changedCount > 0 && changedCount < rows.length ? /* @__PURE__ */ jsx29(
           Button2,
           {
             type: "button",
@@ -15897,10 +15977,10 @@ function MatrxDetailGrid({
           }
         ) : null
       ] }) : null,
-      copyAll ? /* @__PURE__ */ jsx28("span", { className: "ml-auto", children: copyAll }) : null
+      copyAll ? /* @__PURE__ */ jsx29("span", { className: "ml-auto", children: copyAll }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs27("div", { className: "group/detail-grid relative", children: [
-      !reviewing && copyAll ? /* @__PURE__ */ jsx28(
+      !reviewing && copyAll ? /* @__PURE__ */ jsx29(
         "span",
         {
           "data-matrx-detail-copy-all": "",
@@ -15908,17 +15988,17 @@ function MatrxDetailGrid({
           children: copyAll
         }
       ) : null,
-      /* @__PURE__ */ jsx28("div", { className: "overflow-x-auto rounded-md border border-border", children: /* @__PURE__ */ jsxs27("div", { role: "table", className: "grid min-w-max sm:min-w-0", style: { gridTemplateColumns: template }, children: [
+      /* @__PURE__ */ jsx29("div", { className: "overflow-x-auto rounded-md border border-border", children: /* @__PURE__ */ jsxs27("div", { role: "table", className: "grid min-w-max sm:min-w-0", style: { gridTemplateColumns: template }, children: [
         showHeader ? /* @__PURE__ */ jsxs27("div", { role: "row", className: "contents", children: [
-          /* @__PURE__ */ jsx28("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__ */ jsx28("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__ */ jsx29("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__ */ jsx29("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__ */ jsxs27("div", { role: "row", className: "contents", "data-matrx-detail-row": row.key, ...changed ? { "data-changed": "" } : {}, children: [
-            /* @__PURE__ */ jsx28("div", { role: "rowheader", className: cn("px-2 py-1 type-secondary text-muted-foreground", edge), children: row.label }),
+            /* @__PURE__ */ jsx29("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;
@@ -15935,7 +16015,7 @@ function MatrxDetailGrid({
                   ),
                   ...emphasise ? { "data-changed-cell": "" } : {},
                   children: [
-                    /* @__PURE__ */ jsx28("span", { className: "block min-w-0", children: row.render?.[column.key] ?? /* @__PURE__ */ jsx28(
+                    /* @__PURE__ */ jsx29("span", { className: "block min-w-0", children: row.render?.[column.key] ?? /* @__PURE__ */ jsx29(
                       MatrxDetailValue,
                       {
                         value,
@@ -15983,7 +16063,7 @@ function versionTimelineRows(versions, currentNumber) {
 }
 
 // src/data-table/MatrxVersionTimeline.tsx
-import { Fragment as Fragment20, jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 var lucide = (props) => ({
   width: 24,
   height: 24,
@@ -15997,25 +16077,25 @@ var lucide = (props) => ({
 });
 function CompareIcon(props) {
   return /* @__PURE__ */ jsxs28("svg", { ...lucide(props), children: [
-    /* @__PURE__ */ jsx29("circle", { cx: "5", cy: "6", r: "3" }),
-    /* @__PURE__ */ jsx29("path", { d: "M12 6h5a2 2 0 0 1 2 2v7" }),
-    /* @__PURE__ */ jsx29("path", { d: "m15 9-3-3 3-3" }),
-    /* @__PURE__ */ jsx29("circle", { cx: "19", cy: "18", r: "3" }),
-    /* @__PURE__ */ jsx29("path", { d: "M12 18H7a2 2 0 0 1-2-2V9" }),
-    /* @__PURE__ */ jsx29("path", { d: "m9 15 3 3-3 3" })
+    /* @__PURE__ */ jsx30("circle", { cx: "5", cy: "6", r: "3" }),
+    /* @__PURE__ */ jsx30("path", { d: "M12 6h5a2 2 0 0 1 2 2v7" }),
+    /* @__PURE__ */ jsx30("path", { d: "m15 9-3-3 3-3" }),
+    /* @__PURE__ */ jsx30("circle", { cx: "19", cy: "18", r: "3" }),
+    /* @__PURE__ */ jsx30("path", { d: "M12 18H7a2 2 0 0 1-2-2V9" }),
+    /* @__PURE__ */ jsx30("path", { d: "m9 15 3 3-3 3" })
   ] });
 }
 function RestoreIcon(props) {
   return /* @__PURE__ */ jsxs28("svg", { ...lucide(props), children: [
-    /* @__PURE__ */ jsx29("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx29("path", { d: "M3 3v5h5" })
+    /* @__PURE__ */ jsx30("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ jsx30("path", { d: "M3 3v5h5" })
   ] });
 }
 function NextIcon(props) {
-  return /* @__PURE__ */ jsx29(ArrowRightIcon, { ...props });
+  return /* @__PURE__ */ jsx30(ArrowRightIcon, { ...props });
 }
 function LoadIcon(props) {
-  return /* @__PURE__ */ jsx29(ChevronDownIcon, { ...props });
+  return /* @__PURE__ */ jsx30(ChevronDownIcon, { ...props });
 }
 function formatWhen(at2) {
   if (!at2) return "";
@@ -16025,7 +16105,7 @@ function formatWhen(at2) {
 }
 function VersionCell({ row }) {
   return /* @__PURE__ */ jsxs28("span", { className: "inline-flex items-center gap-1.5", "data-matrx-version": row.entry.number, children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       "span",
       {
         "aria-hidden": true,
@@ -16036,8 +16116,8 @@ function VersionCell({ row }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "sr-only", children: "Current" }) : null
+    /* @__PURE__ */ jsx30("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__ */ jsx30("span", { className: "sr-only", children: "Current" }) : null
   ] });
 }
 function MatrxVersionTimeline({
@@ -16066,7 +16146,7 @@ function MatrxVersionTimeline({
       header: "Version",
       accessorFn: (row) => row.entry.number,
       copyValue: (row) => `v${row.entry.number}`,
-      cell: (row) => /* @__PURE__ */ jsx29(VersionCell, { row }),
+      cell: (row) => /* @__PURE__ */ jsx30(VersionCell, { row }),
       format: { id: "integer" },
       width: 96,
       frozen: true
@@ -16085,7 +16165,7 @@ function MatrxVersionTimeline({
     id: "at",
     header: "When",
     accessorFn: (row) => row.entry.at instanceof Date ? row.entry.at.toISOString() : row.entry.at ?? "",
-    cell: (row) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: formatWhen(row.entry.at) }),
+    cell: (row) => /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: formatWhen(row.entry.at) }),
     format: { id: "datetime" },
     width: 160
   });
@@ -16106,14 +16186,14 @@ function MatrxVersionTimeline({
     header: "Changes",
     accessorFn: (row) => [row.entry.note, row.entry.changesText].filter(Boolean).join(" \xB7 "),
     cell: (row) => /* @__PURE__ */ jsxs28("div", { className: "min-w-0 space-y-1", children: [
-      row.entry.note ? /* @__PURE__ */ jsx29("div", { className: "text-muted-foreground", children: row.entry.note }) : null,
-      row.entry.changes ?? (row.entry.loaded === false ? onLoad ? null : /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "\u2014" }) : row.previous ? row.entry.changesText ? /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: row.entry.changesText }) : /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "No changes" }) : /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "First version" })),
-      row.entry.loaded === false && onLoad ? /* @__PURE__ */ jsx29(
+      row.entry.note ? /* @__PURE__ */ jsx30("div", { className: "text-muted-foreground", children: row.entry.note }) : null,
+      row.entry.changes ?? (row.entry.loaded === false ? onLoad ? null : /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "\u2014" }) : row.previous ? row.entry.changesText ? /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: row.entry.changesText }) : /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "No changes" }) : /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "First version" })),
+      row.entry.loaded === false && onLoad ? /* @__PURE__ */ jsx30(
         Button2,
         {
           type: "button",
           variant: "link",
-          icon: /* @__PURE__ */ jsx29(LoadIcon, { className: "size-3", "aria-hidden": true }),
+          icon: /* @__PURE__ */ jsx30(LoadIcon, { className: "size-3", "aria-hidden": true }),
           "data-matrx-version-load": "",
           className: "shrink-0",
           onClick: (event) => {
@@ -16160,7 +16240,7 @@ function MatrxVersionTimeline({
   };
   const words = pendingRestore && restore ? restore.confirm(pendingRestore) : null;
   return /* @__PURE__ */ jsxs28(Fragment20, { children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       MatrxDataTable,
       {
         tableId,
@@ -16186,7 +16266,7 @@ function MatrxVersionTimeline({
         } : {}
       }
     ),
-    words ? /* @__PURE__ */ jsx29(
+    words ? /* @__PURE__ */ jsx30(
       ConfirmDialog,
       {
         open: true,