@ai-matrx/design-system 0.61.8 → 0.61.10

package/dist/data-table/index.js

@@ -34000,7 +34000,7 @@ var init_xlsx = __esm({
 });
 
 // src/data-table/TableScopeBar.tsx
-import { useId } from "react";
+import { useEffect, useId, useRef, useState } from "react";
 
 // src/data-table/icons.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -34156,45 +34156,76 @@ function ScopeFilter({ filter, id }) {
     )
   ] }) });
 }
+function useLanesFit(lanesKey) {
+  const boxRef = useRef(null);
+  const rowRef = useRef(null);
+  const [fits, setFits] = useState(true);
+  useEffect(() => {
+    const box = boxRef.current;
+    const row = rowRef.current;
+    if (!box || !row || typeof ResizeObserver === "undefined") return;
+    const measure = () => {
+      const next = row.scrollWidth <= box.clientWidth + 1;
+      setFits((prev) => prev === next ? prev : next);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(box);
+    observer.observe(row);
+    return () => observer.disconnect();
+  }, [lanesKey]);
+  return { boxRef, rowRef, fits };
+}
 function TableScopeBar({ lanes, value, onChange, dimension, organization }) {
   const id = useId();
+  const { boxRef, rowRef, fits } = useLanesFit(lanes.map((lane) => `${lane.value}:${lane.count ?? ""}`).join("|"));
   return /* @__PURE__ */ jsxs2("div", { "data-matrx-table-scope-bar": true, className: "flex min-w-0 shrink-0 flex-col gap-1 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 sm:flex-1", children: [
+    /* @__PURE__ */ jsxs2("div", { ref: boxRef, "data-matrx-table-scope-lanes": fits ? "tabs" : "select", className: "relative min-w-0 sm:flex-1", children: [
       /* @__PURE__ */ jsx2(
         "select",
         {
           "aria-label": "Record scope",
           value,
           onChange: (event) => onChange(event.target.value),
-          className: "h-[var(--matrx-table-control-size,2rem)] w-full rounded-md border border-input bg-background px-2 text-sm sm:hidden",
+          className: `h-[var(--matrx-table-control-size,2rem)] w-full rounded-md border border-input bg-background px-2 text-sm sm:w-auto sm:max-w-full ${fits ? "sm:hidden" : ""}`,
           children: lanes.map((lane) => /* @__PURE__ */ jsxs2("option", { value: lane.value, disabled: lane.disabled, children: [
             lane.label,
             lane.count == null ? "" : ` (${lane.count.toLocaleString()})`
           ] }, lane.value))
         }
       ),
-      /* @__PURE__ */ jsx2("div", { role: "tablist", "aria-label": "Record scope", className: "hidden min-w-0 gap-1 overflow-x-auto sm:flex", children: lanes.map((lane) => {
-        const Icon3 = lane.icon ?? SCOPE_ICONS[lane.value] ?? Layers;
-        const active = value === lane.value;
-        return /* @__PURE__ */ jsxs2(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": active,
-            "aria-label": lane.count == null ? lane.label : `${lane.label}, ${lane.count.toLocaleString()} records`,
-            disabled: lane.disabled,
-            onClick: () => onChange(lane.value),
-            className: `inline-flex h-[var(--matrx-table-control-size,2rem)] shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-sm font-medium transition-colors disabled:opacity-50 ${active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
-            children: [
-              /* @__PURE__ */ jsx2(Icon3, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" }),
-              /* @__PURE__ */ jsx2("span", { children: lane.label }),
-              lane.count == null ? null : /* @__PURE__ */ jsx2("span", { className: `rounded px-1 text-xs font-semibold tabular-nums ${active ? "bg-primary-foreground/20" : "bg-muted-foreground/15"}`, children: lane.count.toLocaleString() })
-            ]
-          },
-          lane.value
-        );
-      }) })
+      /* @__PURE__ */ jsx2(
+        "div",
+        {
+          ref: rowRef,
+          role: "tablist",
+          "aria-label": "Record scope",
+          ...fits ? {} : { "aria-hidden": true, inert: true },
+          className: `hidden min-w-0 gap-1 overflow-hidden sm:flex ${fits ? "" : "pointer-events-none invisible absolute left-0 top-0 max-w-none"}`,
+          children: lanes.map((lane) => {
+            const Icon3 = lane.icon ?? SCOPE_ICONS[lane.value] ?? Layers;
+            const active = value === lane.value;
+            return /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                role: "tab",
+                "aria-selected": active,
+                "aria-label": lane.count == null ? lane.label : `${lane.label}, ${lane.count.toLocaleString()} records`,
+                disabled: lane.disabled,
+                onClick: () => onChange(lane.value),
+                className: `inline-flex h-[var(--matrx-table-control-size,2rem)] shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-sm font-medium transition-colors disabled:opacity-50 ${active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+                children: [
+                  /* @__PURE__ */ jsx2(Icon3, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx2("span", { children: lane.label }),
+                  lane.count == null ? null : /* @__PURE__ */ jsx2("span", { className: `rounded px-1 text-xs font-semibold tabular-nums ${active ? "bg-primary-foreground/20" : "bg-muted-foreground/15"}`, children: lane.count.toLocaleString() })
+                ]
+              },
+              lane.value
+            );
+          })
+        }
+      )
     ] }),
     dimension || organization ? /* @__PURE__ */ jsxs2("div", { className: "grid min-w-0 shrink-0 grid-cols-2 gap-1 sm:flex sm:max-w-[50%]", children: [
       dimension ? /* @__PURE__ */ jsx2(ScopeFilter, { filter: dimension, id: `${id}-dimension` }) : null,
@@ -34677,7 +34708,7 @@ function TableIconActions({ actions }) {
 
 // src/drag-cursor-monitor.tsx
 import { useDndContext } from "@dnd-kit/core";
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // src/drag-cursor.ts
 var holds = [];
@@ -34709,7 +34740,7 @@ function DragCursorMonitor({
 }) {
   const { active } = useDndContext();
   const dragging = active !== null;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!dragging) return void 0;
     return holdDragCursor(cursor);
   }, [dragging, cursor]);
@@ -34723,12 +34754,12 @@ import {
   isValidElement as isValidElement3,
   memo,
   useCallback as useCallback15,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useId as useId5,
   useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo12,
-  useRef as useRef28,
-  useState as useState29,
+  useRef as useRef29,
+  useState as useState30,
   useContext as useContext10
 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
@@ -34966,10 +34997,10 @@ var ErrorBox = React4.forwardRef(function ErrorBox2({
 });
 
 // src/data-table/use-column-reorder-animation.ts
-import { useLayoutEffect, useRef } from "react";
+import { useLayoutEffect, useRef as useRef2 } from "react";
 function useColumnReorderAnimation(tableRef, order, dragging) {
-  const previous = useRef({ positions: /* @__PURE__ */ new Map(), dragging: false });
-  const animations = useRef([]);
+  const previous = useRef2({ positions: /* @__PURE__ */ new Map(), dragging: false });
+  const animations = useRef2([]);
   useLayoutEffect(() => {
     const table = tableRef.current;
     if (!table) return;
@@ -35849,11 +35880,11 @@ function TableTitleRow({
 }
 
 // src/data-table/TableSearch.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
+import { useRef as useRef3, useState as useState3 } from "react";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholder = "Search\u2026" }) {
-  const [expanded, setExpanded] = useState2(false);
-  const inputRef = useRef2(null);
+  const [expanded, setExpanded] = useState3(false);
+  const inputRef = useRef3(null);
   return /* @__PURE__ */ jsx18("div", { "data-matrx-table-search": true, className: "h-11 min-w-0 w-full sm:max-w-xs", children: /* @__PURE__ */ jsxs12(
     "div",
     {
@@ -35899,7 +35930,7 @@ function TableSearch({ value, onChange, scope, onScopeChange, scopes, placeholde
 }
 
 // src/data-table/useScrollPagination.ts
-import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 var DEFAULT_THRESHOLD_PX = 96;
 var DEFAULT_INTENT_TIMEOUT_MS = 1200;
 function resolveContainer(container) {
@@ -35970,8 +36001,8 @@ function useScrollPagination({
   intentTimeoutMs = DEFAULT_INTENT_TIMEOUT_MS,
   enabled = true
 }) {
-  const [requestError, setRequestError] = useState3(null);
-  const latestRef = useRef3({
+  const [requestError, setRequestError] = useState4(null);
+  const latestRef = useRef4({
     queryKey,
     hasNextPage,
     isFetchingNextPage,
@@ -35993,16 +36024,16 @@ function useScrollPagination({
     thresholdPx,
     enabled
   };
-  const intentRef = useRef3(null);
-  const inputSequenceRef = useRef3(0);
-  const consumedSequenceRef = useRef3(0);
-  const requestGenerationRef = useRef3(0);
-  const inFlightGenerationRef = useRef3(null);
-  const requestErrorRef = useRef3(null);
-  const mountedRef = useRef3(false);
-  const observedTopRef = useRef3(/* @__PURE__ */ new WeakMap());
+  const intentRef = useRef4(null);
+  const inputSequenceRef = useRef4(0);
+  const consumedSequenceRef = useRef4(0);
+  const requestGenerationRef = useRef4(0);
+  const inFlightGenerationRef = useRef4(null);
+  const requestErrorRef = useRef4(null);
+  const mountedRef = useRef4(false);
+  const observedTopRef = useRef4(/* @__PURE__ */ new WeakMap());
   const effectiveError = error ?? requestError;
-  useEffect3(() => {
+  useEffect4(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -36032,7 +36063,7 @@ function useScrollPagination({
       }
     }
   };
-  useEffect3(() => {
+  useEffect4(() => {
     intentRef.current = null;
     observedTopRef.current = /* @__PURE__ */ new WeakMap();
     consumedSequenceRef.current = inputSequenceRef.current;
@@ -36041,7 +36072,7 @@ function useScrollPagination({
     inFlightGenerationRef.current = null;
     requestGenerationRef.current += 1;
   }, [queryKey]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (mode !== "scroll" || !enabled || typeof window === "undefined") return;
     const attachable = containers.map(resolveContainer).filter((container) => container !== null);
     const ownerCleanups = /* @__PURE__ */ new Map();
@@ -36137,7 +36168,7 @@ function useScrollPagination({
 }
 
 // src/data-table/useProgressiveTableRows.ts
-import { useEffect as useEffect4, useMemo, useRef as useRef4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useMemo, useRef as useRef5, useState as useState5 } from "react";
 function safePageSize(pageSize) {
   return Number.isFinite(pageSize) && pageSize > 0 ? Math.floor(pageSize) : 0;
 }
@@ -36163,15 +36194,15 @@ function useProgressiveTableRows({
   const pageSize = safePageSize(rawPageSize);
   const hasExplicitRequestedPage = rawRequestedPage !== void 0;
   const requestedPage = safeRequestedPage(rawRequestedPage);
-  const initialRequestedPageRef = useRef4(requestedPage);
-  const latestRequestedPageRef = useRef4(requestedPage);
-  const optimisticAdvancePageRef = useRef4(null);
+  const initialRequestedPageRef = useRef5(requestedPage);
+  const latestRequestedPageRef = useRef5(requestedPage);
+  const optimisticAdvancePageRef = useRef5(null);
   latestRequestedPageRef.current = requestedPage;
   const progressionKey = `${queryKey}\0${pageSize}`;
   const initialShownCount = startCount(pageSize, initialRequestedPageRef.current);
   const resetShownCount = startCount(pageSize, 1);
   const queryStartShownCount = hasExplicitRequestedPage ? startCount(pageSize, requestedPage) : resetShownCount;
-  const [progression, setProgression] = useState4(() => ({
+  const [progression, setProgression] = useState5(() => ({
     key: progressionKey,
     shownCount: initialShownCount,
     requestedPage
@@ -36182,7 +36213,7 @@ function useProgressiveTableRows({
   const shownCount = progression.key !== progressionKey ? queryStartShownCount : externallyRequestedPage ? startCount(pageSize, requestedPage) : Math.max(progression.shownCount, resetShownCount);
   const visibleCount = Math.min(rows.length, shownCount);
   const hasMore = enabled && pageSize > 0 && visibleCount < rows.length;
-  useEffect4(() => {
+  useEffect5(() => {
     setProgression((current) => {
       if (current.key !== progressionKey) {
         optimisticAdvancePageRef.current = null;
@@ -36222,12 +36253,12 @@ function useProgressiveTableRows({
       onPageAdvance(nextPage);
     }
   };
-  const warnedUnderfill = useRef4(null);
-  const numberedMeasured = useRef4(false);
-  const fillInputs = useRef4({ containers, onPageSizeChange, visibleCount });
+  const warnedUnderfill = useRef5(null);
+  const numberedMeasured = useRef5(false);
+  const fillInputs = useRef5({ containers, onPageSizeChange, visibleCount });
   fillInputs.current = { containers, onPageSizeChange, visibleCount };
   const containerCount = containers.length;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!hasMore && !numberedPageHasMore) return;
     if (!hasMore && numberedMeasured.current) return;
     if (!hasMore) numberedMeasured.current = true;
@@ -36883,7 +36914,7 @@ function DefaultTableStaleNotice({ error, what, onRetry }) {
 }
 
 // src/data-table/useTableNotice.tsx
-import { useMemo as useMemo3, useState as useState6 } from "react";
+import { useMemo as useMemo3, useState as useState7 } from "react";
 
 // src/data-table/host.tsx
 import { createContext as createContext6, useContext as useContext6 } from "react";
@@ -36917,7 +36948,7 @@ function MatrxTableRowControlsScope({ value, children }) {
 import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function useTableNotice() {
   const host = useMatrxDataTableHost();
-  const [message, setMessage] = useState6(null);
+  const [message, setMessage] = useState7(null);
   const notify = useMemo3(
     () => ({
       success(text) {
@@ -37265,13 +37296,13 @@ function GenericTablePagination({
 }
 
 // src/data-table/TableViewTabs.tsx
-import { useEffect as useEffect6, useRef as useRef6, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState8 } from "react";
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone, closable = true, closeLabel = "Close", addHint = "New view from the current one \xB7 double-click a tab to rename", renameable = true }) {
-  const [renaming, setRenaming] = useState7(null);
-  const [draft, setDraft] = useState7("");
-  const opened = useRef6(null);
-  useEffect6(() => {
+  const [renaming, setRenaming] = useState8(null);
+  const [draft, setDraft] = useState8("");
+  const opened = useRef7(null);
+  useEffect7(() => {
     if (!editingId || opened.current === editingId) return;
     const tab = tabs.find((t) => t.id === editingId);
     if (!tab) return;
@@ -37372,16 +37403,16 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
 }
 var same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 function TableViewWorkspace({ snapshot, onApply, related, store }) {
-  const [localViews, setLocalViews] = useState7([]);
-  const [defaultSnapshot, setDefaultSnapshot] = useState7(snapshot);
-  const [activeId, setActiveId] = useState7("default");
-  const [namingId, setNamingId] = useState7(null);
+  const [localViews, setLocalViews] = useState8([]);
+  const [defaultSnapshot, setDefaultSnapshot] = useState8(snapshot);
+  const [activeId, setActiveId] = useState8("default");
+  const [namingId, setNamingId] = useState8(null);
   const saved = store ? store.views : localViews;
   const write = (next) => store ? store.onChange(next) : setLocalViews(next);
   const tabs = [{ id: "default", label: "Default view", snapshot: defaultSnapshot }, ...saved];
   const stashed = () => saved.map((tab) => tab.id === activeId && !same(tab.snapshot, snapshot) ? { ...tab, snapshot } : tab);
   const activeSaved = saved.find((tab) => tab.id === activeId);
-  useEffect6(() => {
+  useEffect7(() => {
     if (store && activeSaved && !same(activeSaved.snapshot, snapshot)) write(stashed());
   }, [snapshot]);
   const select = (id) => {
@@ -38655,15 +38686,15 @@ import * as React17 from "react";
 import * as React15 from "react";
 
 // src/use-scroll-fade.ts
-import { useCallback as useCallback4, useEffect as useEffect9, useRef as useRef9, useState as useState9 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useRef as useRef10, useState as useState10 } from "react";
 var EPSILON = 2;
 function useScrollFade() {
-  const [state, setState] = useState9({
+  const [state, setState] = useState10({
     top: false,
     bottom: false
   });
-  const nodeRef = useRef9(null);
-  const cleanupRef = useRef9(null);
+  const nodeRef = useRef10(null);
+  const cleanupRef = useRef10(null);
   const measure = useCallback4(() => {
     const el = nodeRef.current;
     if (!el) return;
@@ -38696,7 +38727,7 @@ function useScrollFade() {
     },
     [measure]
   );
-  useEffect9(() => () => cleanupRef.current?.(), []);
+  useEffect10(() => () => cleanupRef.current?.(), []);
   return {
     ref,
     state,
@@ -38936,7 +38967,7 @@ var ContextMenuShortcut = ({
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/data-table/LayeredFilterBuilder.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 
 // src/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -39000,8 +39031,8 @@ function LayeredFilterBuilder({
   maxRules = 20,
   label = "Advanced filters"
 }) {
-  const [open, setOpen] = useState10(false);
-  const [draggedIndex, setDraggedIndex] = useState10(null);
+  const [open, setOpen] = useState11(false);
+  const [draggedIndex, setDraggedIndex] = useState11(null);
   if (fields.length === 0) return null;
   const updateRule = (index, patch) => {
     onChange(
@@ -41043,7 +41074,7 @@ import {
   forwardRef as forwardRef13,
   isValidElement as isValidElement2,
   useCallback as useCallback9,
-  useRef as useRef15
+  useRef as useRef16
 } from "react";
 
 // src/tap-target/cn.ts
@@ -41052,7 +41083,7 @@ function cn2(...values) {
 }
 
 // src/tap-target/tap-target-guard.ts
-import { useCallback as useCallback8, useRef as useRef14 } from "react";
+import { useCallback as useCallback8, useRef as useRef15 } from "react";
 var GUARD_SLOT = /* @__PURE__ */ Symbol.for("@ai-matrx/tap-target:guard");
 function guardOn() {
   return globalThis[GUARD_SLOT] === true;
@@ -41325,7 +41356,7 @@ function assignRef(ref, value) {
   else if (ref) ref.current = value;
 }
 function useTapGuardRef(forwarded, propViolation) {
-  const current = useRef14(null);
+  const current = useRef15(null);
   return useCallback8(
     (node) => {
       assignRef(forwarded, node);
@@ -41347,7 +41378,7 @@ function useTapGuardRef(forwarded, propViolation) {
 }
 
 // src/tap-target/tap-features.tsx
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect14 } from "react";
 import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 var TAP_TONE_CLASS = {
   default: "text-foreground",
@@ -41389,7 +41420,7 @@ function matchesShortcut(e, shortcut) {
   return e.key.toLowerCase() === p.key;
 }
 function useTapShortcut(shortcut, getNode, enabled) {
-  useEffect13(() => {
+  useEffect14(() => {
     if (!shortcut || !enabled) return;
     const onKey = (e) => {
       if (!matchesShortcut(e, shortcut)) return;
@@ -41574,7 +41605,7 @@ function useTapTarget({
     buttonRef,
     propViolation
   );
-  const nodeRef = useRef15(null);
+  const nodeRef = useRef16(null);
   const triggerRef = useCallback9(
     (node) => {
       nodeRef.current = node;
@@ -43218,9 +43249,9 @@ function useCopySubsetVariant() {
 }
 
 // src/data-table/clipping.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 function useClippedContentGuard(ref, options) {
-  useEffect16(() => {
+  useEffect17(() => {
     if (!options.enabled || !ref.current) return;
     const node = ref.current;
     const check2 = () => {
@@ -43234,7 +43265,7 @@ function useClippedContentGuard(ref, options) {
 }
 
 // src/data-table/url-state.ts
-import { useCallback as useCallback11, useEffect as useEffect17, useMemo as useMemo7, useRef as useRef19, useState as useState16 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect18, useMemo as useMemo7, useRef as useRef20, useState as useState17 } from "react";
 import {
   commitUrlParams,
   useUrlSearchParams
@@ -43314,9 +43345,9 @@ function useTableUrlState(options) {
     [defaultPageSize, defaultSortDirection, defaultSortId, key]
   );
   const state = readState(searchParams);
-  const lastTextWriteAt = useRef19(0);
-  const [debouncedSearch, setDebouncedSearch] = useState16(state.search);
-  useEffect17(() => {
+  const lastTextWriteAt = useRef20(0);
+  const [debouncedSearch, setDebouncedSearch] = useState17(state.search);
+  useEffect18(() => {
     if (state.search === debouncedSearch) return;
     const timer = window.setTimeout(
       () => setDebouncedSearch(state.search),
@@ -43424,14 +43455,14 @@ import {
 } from "@ai-matrx/kit/url-state";
 
 // src/data-table/RowAlchemyLauncher.tsx
-import { useCallback as useCallback12, useEffect as useEffect18, useRef as useRef20, useState as useState17 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect19, useRef as useRef21, useState as useState18 } from "react";
 import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
-  const controller = useRef20(null);
+  const controller = useRef21(null);
   const { CopyControls } = useMatrxDataTableHost();
-  const [active, setActive] = useState17(false);
-  const [fallback, setFallback] = useState17(false);
-  useEffect18(() => {
+  const [active, setActive] = useState18(false);
+  const [fallback, setFallback] = useState18(false);
+  useEffect19(() => {
     if (placement !== "menu" || active) return;
     const timer = window.setTimeout(() => {
       if (!active) {
@@ -43468,10 +43499,10 @@ function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
 // src/data-table/ColumnHeaderCell.tsx
 import {
   forwardRef as forwardRef15,
-  useEffect as useEffect19,
+  useEffect as useEffect20,
   useMemo as useMemo8,
-  useRef as useRef21,
-  useState as useState18
+  useRef as useRef22,
+  useState as useState19
 } from "react";
 import { useDraggable } from "@dnd-kit/core";
 
@@ -43743,7 +43774,7 @@ function HeaderMenuItems({
   onDone,
   depth = 0
 }) {
-  const [openSubmenu, setOpenSubmenu] = useState18(null);
+  const [openSubmenu, setOpenSubmenu] = useState19(null);
   return /* @__PURE__ */ jsx43("div", { className: cn("flex flex-col gap-0.5", depth > 0 && "ml-3 border-l border-border pl-1"), role: "group", children: items.map((item) => {
     const disabled = Boolean(item.disabledReason);
     const hasSubmenu = Boolean(item.submenu && item.submenu.length > 0);
@@ -43860,18 +43891,18 @@ function ColumnHeaderCell({
   const filterActive = isColumnFilterActive(filterValue);
   const deferredFilter = filterKind === "text" || filterApplyLabel !== void 0 || Boolean(filterShowCancel) || filterFooterHint !== void 0;
   const showFilterCancel = filterShowCancel ?? filterKind === "text";
-  const [filterOpen, setFilterOpen] = useState18(false);
-  const [pendingNegation, setPendingNegation] = useState18(false);
-  const [draftFilter, setDraftFilter] = useState18(filterValue);
-  useEffect19(() => {
+  const [filterOpen, setFilterOpen] = useState19(false);
+  const [pendingNegation, setPendingNegation] = useState19(false);
+  const [draftFilter, setDraftFilter] = useState19(filterValue);
+  useEffect20(() => {
     if (!filterOpen) {
       setDraftFilter(filterValue);
       setPendingNegation(filterValue?.negated ?? false);
     }
   }, [filterOpen, filterValue]);
-  const notifyOpen = useRef21(onFilterOpen);
+  const notifyOpen = useRef22(onFilterOpen);
   notifyOpen.current = onFilterOpen;
-  useEffect19(() => {
+  useEffect20(() => {
     if (filterOpen) notifyOpen.current?.();
   }, [filterOpen]);
   const applyFilter = () => {
@@ -44369,7 +44400,7 @@ function FacetChecklist({
   value,
   onChange
 }) {
-  const [query, setQuery] = useState18("");
+  const [query, setQuery] = useState19("");
   const selected = value?.kind === "select" ? (value.values ?? (value.value && value.value !== "__all__" ? [value.value] : [])).map((candidate) => candidate === SELECT_EMPTY_VALUE ? "" : candidate) : [];
   const selectedSet = new Set(selected);
   const rows = useMemo8(() => {
@@ -44546,7 +44577,7 @@ function SearchableSelectFilter({
   single = false,
   allowCustom = false
 }) {
-  const [query, setQuery] = useState18("");
+  const [query, setQuery] = useState19("");
   const filtered = useMemo8(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
@@ -44676,11 +44707,11 @@ function NumberFilterBody({
 }) {
   const min = value?.kind === "number" ? value.min : void 0;
   const max = value?.kind === "number" ? value.max : void 0;
-  const [op, setOp] = useState18(() => numberOpOf(value));
-  const [minText, setMinText] = useState18(
+  const [op, setOp] = useState19(() => numberOpOf(value));
+  const [minText, setMinText] = useState19(
     value?.kind === "number" && value.op === "lt" && max !== void 0 ? String(max) : min !== void 0 ? String(min) : ""
   );
-  const [maxText, setMaxText] = useState18(max !== void 0 ? String(max) : "");
+  const [maxText, setMaxText] = useState19(max !== void 0 ? String(max) : "");
   const active = value?.kind === "number" && (value.op === "empty" || value.op === "not_empty" || min !== void 0 || max !== void 0);
   const emit2 = (nextOp, lowRaw, highRaw) => {
     if (nextOp === "empty" || nextOp === "not_empty") {
@@ -44886,7 +44917,7 @@ function MatrxTableGroupHeaderRow({
 }
 
 // src/data-table/DrillAnswerTable.tsx
-import { Fragment as Fragment14, useId as useId4, useMemo as useMemo9, useState as useState19 } from "react";
+import { Fragment as Fragment14, useId as useId4, useMemo as useMemo9, useState as useState20 } from "react";
 import { formatCount as formatCount10 } from "@ai-matrx/kit/format";
 
 // src/dropdown-menu.tsx
@@ -46113,11 +46144,11 @@ function MatrxDrillAnswerTable({
 }) {
   const host = useMatrxDataTableHost();
   const tableId = `drill-answer-${useId4()}`;
-  const [query, setQuery] = useState19("");
-  const [peek, setPeek] = useState19(null);
-  const [collapsed, setCollapsed] = useState19(() => /* @__PURE__ */ new Set());
+  const [query, setQuery] = useState20("");
+  const [peek, setPeek] = useState20(null);
+  const [collapsed, setCollapsed] = useState20(() => /* @__PURE__ */ new Set());
   const selectionFor = JSON.stringify([question.by, question.across ?? null, question.where, question.window ?? null]);
-  const [ticked, setTicked] = useState19(() => ({ forQuestion: selectionFor, keys: /* @__PURE__ */ new Set() }));
+  const [ticked, setTicked] = useState20(() => ({ forQuestion: selectionFor, keys: /* @__PURE__ */ new Set() }));
   const selected = ticked.forQuestion === selectionFor ? ticked.keys : /* @__PURE__ */ new Set();
   const toggleTick = (key) => setTicked(() => {
     const keys2 = new Set(selected);
@@ -46572,7 +46603,7 @@ function DrillExport({
   measures,
   emptyLabel
 }) {
-  const [said, setSaid] = useState19(null);
+  const [said, setSaid] = useState20(null);
   const grid = drillAnswerGrid(question, answers, dimensions, measures, emptyLabel);
   const trail = question.where.map((w) => `${dimensionRefLabel(dimensions, w.dim)}: ${drillValueLabel(dimensions, w.dim, w.value, emptyLabel)}`);
   const copy = async (text, what) => {
@@ -46626,7 +46657,7 @@ function DrillExport({
 }
 
 // src/data-table/DrillControls.tsx
-import { Fragment as Fragment16, useRef as useRef22, useState as useState20 } from "react";
+import { Fragment as Fragment16, useRef as useRef23, useState as useState21 } from "react";
 import { Fragment as Fragment17, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 var NONE = "\0none";
 function refsFree(dimensions, taken) {
@@ -46916,11 +46947,11 @@ function MatrxDrillWindowMenu({
   customRange = true
 }) {
   const label = drillWindowLabel(question.window);
-  const [editing, setEditing] = useState20(false);
-  const toForm = useRef22(false);
+  const [editing, setEditing] = useState21(false);
+  const toForm = useRef23(false);
   const current = question.window ? drillWindowRange(question.window) : null;
-  const [from, setFrom] = useState20("");
-  const [to, setTo] = useState20("");
+  const [from, setFrom] = useState21("");
+  const [to, setTo] = useState21("");
   const isPreset = !question.window || presets.some((p) => p.key === question.window);
   const openCustom = () => {
     setFrom(localInput(current?.from));
@@ -47040,9 +47071,9 @@ function MatrxDrillWindowMenu({
 // src/data-table/ColumnResizeHandle.tsx
 import {
   useCallback as useCallback13,
-  useEffect as useEffect20,
-  useRef as useRef23,
-  useState as useState21
+  useEffect as useEffect21,
+  useRef as useRef24,
+  useState as useState22
 } from "react";
 
 // src/data-table/column-resize.ts
@@ -47085,12 +47116,12 @@ function ColumnResizeHandle({
   onResizeCancel,
   onResizeCommit
 }) {
-  const handleRef = useRef23(null);
-  const activeResizeRef = useRef23(null);
-  const previewRafRef = useRef23(null);
-  const queuedWidthRef = useRef23(null);
-  const keyboardWidthRef = useRef23(null);
-  const [announcedWidth, setAnnouncedWidth] = useState21(null);
+  const handleRef = useRef24(null);
+  const activeResizeRef = useRef24(null);
+  const previewRafRef = useRef24(null);
+  const queuedWidthRef = useRef24(null);
+  const keyboardWidthRef = useRef24(null);
+  const [announcedWidth, setAnnouncedWidth] = useState22(null);
   const bounds = resolveColumnResizeBounds(minWidth, maxWidth);
   const cssVar = columnResizeCssVar(columnId2);
   const readWidth = useCallback13(() => {
@@ -47137,7 +47168,7 @@ function ColumnResizeHandle({
       handleRef.current.releasePointerCapture(active.pointerId);
     }
   }, [clearQueuedPreview, columnId2, cssVar, onResizeCancel, onResizeCommit, tableRef, writePreview]);
-  useEffect20(() => () => clearQueuedPreview(), [clearQueuedPreview]);
+  useEffect21(() => () => clearQueuedPreview(), [clearQueuedPreview]);
   const onPointerDown = (event) => {
     if (disabled || event.button !== 0 || !event.isPrimary) return;
     event.preventDefault();
@@ -47502,7 +47533,7 @@ function groupSummary(group, rowNoun = "row") {
 }
 
 // src/data-table/useSpreadsheetGrid.ts
-import { useCallback as useCallback14, useEffect as useEffect21, useMemo as useMemo10, useRef as useRef24, useState as useState22 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect22, useMemo as useMemo10, useRef as useRef25, useState as useState23 } from "react";
 
 // src/data-table/grid-selection.ts
 function rangeBounds(range, rowIds, fieldNames) {
@@ -48230,20 +48261,20 @@ var LAYERS_THE_GRID_OPENS = `[data-radix-popper-content-wrapper], [data-radix-po
 var OPEN_LAYERS = `[role="menu"], [role="dialog"], [role="alertdialog"], [role="listbox"]`;
 var READ_ONLY_REASON = "This table is view-only \u2014 you can select and copy, but not change cells.";
 function useSpreadsheetGrid(options) {
-  const [range, setRange] = useState22(null);
-  const [fillTarget, setFillTarget] = useState22(null);
-  const [stack, setStack] = useState22(() => createUndoStack(options?.undoDepth ?? 100));
-  const draggingRef = useRef24(null);
-  const catcherRef = useRef24(null);
-  const composingRef = useRef24(false);
-  const optionsRef = useRef24(options);
+  const [range, setRange] = useState23(null);
+  const [fillTarget, setFillTarget] = useState23(null);
+  const [stack, setStack] = useState23(() => createUndoStack(options?.undoDepth ?? 100));
+  const draggingRef = useRef25(null);
+  const catcherRef = useRef25(null);
+  const composingRef = useRef25(false);
+  const optionsRef = useRef25(options);
   optionsRef.current = options;
   const rowIds = options?.rowIds ?? [];
   const columnIds = useMemo10(
     () => options ? options.columnIds.filter((id) => id !== "") : [],
     [options]
   );
-  useEffect21(() => {
+  useEffect22(() => {
     if (!range) return;
     const rowSet = new Set(rowIds);
     const colSet = new Set(columnIds);
@@ -48409,11 +48440,11 @@ function useSpreadsheetGrid(options) {
     },
     [rowIds, columnIds]
   );
-  const rowIdsRef = useRef24(rowIds);
+  const rowIdsRef = useRef25(rowIds);
   rowIdsRef.current = rowIds;
-  const columnIdsRef = useRef24(columnIds);
+  const columnIdsRef = useRef25(columnIds);
   columnIdsRef.current = columnIds;
-  const rangeRef = useRef24(range);
+  const rangeRef = useRef25(range);
   rangeRef.current = range;
   const focusGrid = useCallback14(() => {
     const catcher = catcherRef.current;
@@ -48483,7 +48514,7 @@ function useSpreadsheetGrid(options) {
     [endEdit, focusIsLost]
   );
   const holdsARange = range !== null;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!holdsARange || typeof document === "undefined") return;
     const onPointerDown = (event) => {
       const target = event.target instanceof Element ? event.target : null;
@@ -48499,7 +48530,7 @@ function useSpreadsheetGrid(options) {
     document.addEventListener("pointerdown", onPointerDown, true);
     return () => document.removeEventListener("pointerdown", onPointerDown, true);
   }, [holdsARange]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!holdsARange || typeof document === "undefined" || typeof MutationObserver === "undefined") return;
     const timers = [];
     const lookAgain = () => {
@@ -48813,11 +48844,11 @@ function useSpreadsheetGrid(options) {
     },
     []
   );
-  const fillTargetRef = useRef24(null);
+  const fillTargetRef = useRef25(null);
   fillTargetRef.current = fillTarget;
-  const boundsRef = useRef24(null);
+  const boundsRef = useRef25(null);
   boundsRef.current = bounds;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!options) return;
     const commit = () => {
       const wasDragging = draggingRef.current;
@@ -48913,7 +48944,7 @@ function useSpreadsheetGrid(options) {
 }
 
 // src/data-table/ToolbarOverflow.tsx
-import { createContext as createContext9, useContext as useContext9, useState as useState23 } from "react";
+import { createContext as createContext9, useContext as useContext9, useState as useState24 } from "react";
 
 // src/bottom-sheet.tsx
 import { VisuallyHidden as VisuallyHidden2 } from "@radix-ui/react-visually-hidden";
@@ -49159,7 +49190,7 @@ function useToolbarListed() {
 }
 var LIST_CLASS = "flex flex-col items-stretch gap-1 [&>*]:w-full [&_[data-matrx-table-toolbar-action]]:w-full [&_[data-matrx-table-group-by]]:w-full";
 function ToolbarOverflowMenu({ children, label = "More tools" }) {
-  const [open, setOpen] = useState23(false);
+  const [open, setOpen] = useState24(false);
   return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx51(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx51(
       Button,
@@ -49187,7 +49218,7 @@ function ToolbarOverflowSheet({
   title = "Table tools",
   top
 }) {
-  const [open, setOpen] = useState23(false);
+  const [open, setOpen] = useState24(false);
   return /* @__PURE__ */ jsxs40(Fragment18, { children: [
     /* @__PURE__ */ jsx51(
       Button,
@@ -49232,16 +49263,16 @@ function ToolbarListedLabel({ label, children }) {
 }
 
 // src/data-table/pinned-fold.ts
-import { useEffect as useEffect22, useRef as useRef25, useState as useState24 } from "react";
+import { useEffect as useEffect23, useRef as useRef26, useState as useState25 } from "react";
 function pinnedMustFold(room, full) {
   if (room <= 0 || full === null) return false;
   return full > room + 0.5;
 }
 function usePinnedFold(el, active) {
-  const [folded, setFolded] = useState24(false);
-  const full = useRef25(null);
-  const current = useRef25(false);
-  useEffect22(() => {
+  const [folded, setFolded] = useState25(false);
+  const full = useRef26(null);
+  const current = useRef26(false);
+  useEffect23(() => {
     if (!active || !el) {
       if (current.current) {
         current.current = false;
@@ -49428,7 +49459,7 @@ function rankTableSearchRows(rows, columns, query, options = {}, extraText) {
 }
 
 // src/data-table/ColumnManager.tsx
-import { useEffect as useEffect23, useMemo as useMemo11, useState as useState25 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo11, useState as useState26 } from "react";
 import { useDndMonitor, useDraggable as useDraggable2, useDroppable } from "@dnd-kit/core";
 import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
 function ColumnManager({
@@ -49443,11 +49474,11 @@ function ColumnManager({
     () => new Map(columns.map((column) => [columnId(column), column])),
     [columns]
   );
-  const [draftOrder, setDraftOrder] = useState25(order);
-  const [draftHidden, setDraftHidden] = useState25(() => new Set(hidden));
-  const [draggedColumnId, setDraggedColumnId] = useState25(null);
-  const [dropTarget, setDropTarget] = useState25(null);
-  useEffect23(() => {
+  const [draftOrder, setDraftOrder] = useState26(order);
+  const [draftHidden, setDraftHidden] = useState26(() => new Set(hidden));
+  const [draggedColumnId, setDraggedColumnId] = useState26(null);
+  const [dropTarget, setDropTarget] = useState26(null);
+  useEffect24(() => {
     if (!open) return;
     setDraftOrder(order);
     setDraftHidden(new Set(hidden));
@@ -49990,9 +50021,9 @@ function parseTableViewSnapshot(raw) {
 
 // src/data-table/MatrxUuidCell.tsx
 import {
-  useEffect as useEffect24,
-  useRef as useRef26,
-  useState as useState26
+  useEffect as useEffect25,
+  useRef as useRef27,
+  useState as useState27
 } from "react";
 import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 var SHORT_LEN = 8;
@@ -50033,11 +50064,11 @@ function MatrxUuidCell({
 }) {
   const { resolveEntityDoors, ResourcePeek } = useMatrxDataTableHost();
   const { notify, notice } = useTableNotice();
-  const [copied, setCopied] = useState26(false);
-  const [opening, setOpening] = useState26(false);
-  const [peekOpen, setPeekOpen] = useState26(false);
-  const timer = useRef26(null);
-  useEffect24(
+  const [copied, setCopied] = useState27(false);
+  const [opening, setOpening] = useState27(false);
+  const [peekOpen, setPeekOpen] = useState27(false);
+  const timer = useRef27(null);
+  useEffect25(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
@@ -50333,7 +50364,7 @@ function DataRowInspector({
 }
 
 // src/data-table/DataRowWindow.tsx
-import { useEffect as useEffect25, useState as useState27 } from "react";
+import { useEffect as useEffect26, useState as useState28 } from "react";
 import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function DataRowWindow({
   isOpen,
@@ -50354,8 +50385,8 @@ function DataRowWindow({
   const hasEdit = editContent != null;
   const hasTabs = hasEdit && children == null;
   const initialTab = defaultTab ?? (hasEdit ? "edit" : "view");
-  const [tab, setTab] = useState27(initialTab);
-  useEffect25(() => {
+  const [tab, setTab] = useState28(initialTab);
+  useEffect26(() => {
     if (!isOpen) return;
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
@@ -51600,7 +51631,7 @@ function DirtySavePill({
 }
 
 // src/data-table/EditableTableCell.tsx
-import { useEffect as useEffect26, useRef as useRef27, useState as useState28 } from "react";
+import { useEffect as useEffect27, useRef as useRef28, useState as useState29 } from "react";
 import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 function CellRefusal({ reason }) {
   return /* @__PURE__ */ jsx58(
@@ -51662,12 +51693,12 @@ function EditableTableCell({
   editRequest,
   editSeed
 }) {
-  const [open, setOpen] = useState28(false);
-  const [refusal, setRefusal] = useState28(null);
-  useEffect26(() => {
+  const [open, setOpen] = useState29(false);
+  const [refusal, setRefusal] = useState29(null);
+  useEffect27(() => {
     if (editRequest !== void 0) setOpen(true);
   }, [editRequest]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!open) setRefusal(null);
   }, [open]);
   const usePencil = Boolean(href) || editTrigger === "pencil";
@@ -51771,13 +51802,13 @@ function InlineStringEditor({
   editRequest,
   editSeed
 }) {
-  const [editing, setEditing] = useState28(false);
-  const [draft, setDraft] = useState28(value);
-  const [refusal, setRefusal] = useState28(null);
-  const handledEditRequest = useRef27(void 0);
-  const seedRef = useRef27(editSeed);
+  const [editing, setEditing] = useState29(false);
+  const [draft, setDraft] = useState29(value);
+  const [refusal, setRefusal] = useState29(null);
+  const handledEditRequest = useRef28(void 0);
+  const seedRef = useRef28(editSeed);
   seedRef.current = editSeed;
-  useEffect26(() => {
+  useEffect27(() => {
     if (editRequest === void 0 || handledEditRequest.current === editRequest) return;
     handledEditRequest.current = editRequest;
     setDraft(seedRef.current ?? value);
@@ -51937,8 +51968,8 @@ function DateEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = useState28(value);
-  const done = useRef27(false);
+  const [draft, setDraft] = useState29(value);
+  const done = useRef28(false);
   const finish = () => {
     if (done.current) return;
     done.current = true;
@@ -51973,8 +52004,8 @@ function TagsEditor({
   onCommit,
   onCancel
 }) {
-  const [tags, setTags] = useState28(value);
-  const [draft, setDraft] = useState28("");
+  const [tags, setTags] = useState29(value);
+  const [draft, setDraft] = useState29("");
   const add = (raw) => {
     const next = raw.trim();
     if (!next || tags.includes(next)) return;
@@ -52071,7 +52102,7 @@ function NumberEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = useState28(String(value));
+  const [draft, setDraft] = useState29(String(value));
   return /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsx58(
       Input,
@@ -52580,7 +52611,7 @@ function MatrxDataTable(suppliedProps) {
   const props = card ? withTableCardDefaults(suppliedProps, card) : suppliedProps;
   const sourceRows = props.query?.mode === "controlled-append" ? props.query.pagination.rows : props.data;
   const availableRows = sourceRows ?? EMPTY_TABLE_ROWS;
-  const [defaultSelectionState, setDefaultSelectionState] = useState29({
+  const [defaultSelectionState, setDefaultSelectionState] = useState30({
     sourceRows: availableRows,
     selectedIds: []
   });
@@ -52638,7 +52669,7 @@ function MatrxDataTableWithUrlState({
     ...urlState.history === void 0 ? {} : { history: urlState.history },
     ...urlState.textHistory === void 0 ? {} : { textHistory: urlState.textHistory }
   });
-  useEffect27(() => {
+  useEffect28(() => {
     if (activeUrlTableIds.has(urlState.id)) {
       throw new Error(
         `Duplicate MatrxDataTable urlState.id "${urlState.id}" on one page. Give every table a unique stable id.`
@@ -52747,7 +52778,7 @@ var DND_MEASURING = { droppable: { strategy: MeasuringStrategy.Always } };
 var NO_LAYERED_FILTERS = [];
 var NO_GROUPING_VALUE = "__matrx_no_grouping__";
 function useRenderEpoch(values) {
-  const held = useRef28(null);
+  const held = useRef29(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;
@@ -52791,7 +52822,7 @@ function sameBodyRow(a, b) {
 }
 var MatrxTableBodyRow = memo(function MatrxTableBodyRow2(props) {
   const { rowId, row, index, draw } = props;
-  const last = useRef28(null);
+  const last = useRef29(null);
   const fresh = last.current === null || !sameBodyRow({ ...last.current, probe: props.probe }, props);
   last.current = props;
   return draw(rowId, row, index, fresh);
@@ -52925,7 +52956,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 = useRef28(appendQueryKey);
+  const committedAppendQueryKey = useRef29(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
   const data = (appendQuery ? appendQuery.pagination.rows : suppliedData) ?? EMPTY_TABLE_ROWS;
   const readView = tableReadView(read, data.length, appendQuery ? appendQuery.pagination.loading : suppliedLoading);
@@ -52943,16 +52974,16 @@ function MatrxDataTableCore(coreProps) {
   const Link = host.Link ?? DefaultTableLink;
   const SidePanelSurface = host.SidePanelSurface ?? DefaultTableSidePanel;
   const { notify: toast, notice } = useTableNotice();
-  const [savedViewError, setSavedViewError] = useState29(null);
-  const [toolbarActionError, setToolbarActionError] = useState29(null);
-  const [toolbarActionPending, setToolbarActionPending] = useState29({ refresh: false, add: false });
-  const toolbarActionPendingRef = useRef28({ refresh: false, add: false });
+  const [savedViewError, setSavedViewError] = useState30(null);
+  const [toolbarActionError, setToolbarActionError] = useState30(null);
+  const [toolbarActionPending, setToolbarActionPending] = useState30({ refresh: false, add: false });
+  const toolbarActionPendingRef = useRef29({ refresh: false, add: false });
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "lg" ? "lg:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : "max-sm:hidden";
   const cardsQuery = mobileCardsBreakpoint === "lg" ? "(max-width: 1023px)" : "(max-width: 639px)";
-  const [cardsActive, setCardsActive] = useState29(null);
-  useEffect27(() => {
+  const [cardsActive, setCardsActive] = useState30(null);
+  useEffect28(() => {
     if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(cardsQuery);
     const read2 = () => setCardsActive(mql.matches);
@@ -52982,8 +53013,8 @@ function MatrxDataTableCore(coreProps) {
     },
     [controlledQuery]
   );
-  const [internalSearch, setInternalSearch] = useState29("");
-  const [draggedRowId, setDraggedRowId] = useState29(null);
+  const [internalSearch, setInternalSearch] = useState30("");
+  const [draggedRowId, setDraggedRowId] = useState30(null);
   const hierarchySensors = useSensors(useSensor(PointerSensor, POINTER_SENSOR_OPTIONS));
   const toolbarSearchControlled = toolbar?.searchValue !== void 0;
   const searchValue = controlledQuery ? controlledQuery.state.search : toolbarSearchControlled ? toolbar?.searchValue ?? "" : internalSearch;
@@ -52995,7 +53026,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.onSearchChange?.(v);
   };
-  const [internalSearchMatchMode, setInternalSearchMatchMode] = useState29(
+  const [internalSearchMatchMode, setInternalSearchMatchMode] = useState30(
     toolbar?.searchMatch?.defaultMode ?? "contains"
   );
   const searchMatchMode = controlledQuery ? controlledQuery.state.searchMatchMode ?? toolbar?.searchMatch?.defaultMode ?? "contains" : internalSearchMatchMode;
@@ -53006,7 +53037,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchMatchMode(mode);
   };
-  const [internalSearchScope, setInternalSearchScope] = useState29("all");
+  const [internalSearchScope, setInternalSearchScope] = useState30("all");
   const searchScope = controlledQuery ? controlledQuery.state.searchScope ?? "all" : internalSearchScope;
   const setSearchScope = (scope) => {
     if (controlledQuery) {
@@ -53015,7 +53046,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSearchScope(scope);
   };
-  const [internalAnyOf, setInternalAnyOf] = useState29("");
+  const [internalAnyOf, setInternalAnyOf] = useState30("");
   const toolbarAnyOfControlled = toolbar?.anyOf?.value !== void 0;
   const anyOfValue = controlledQuery ? controlledQuery.state.anyOf : toolbarAnyOfControlled ? toolbar?.anyOf?.value ?? "" : internalAnyOf;
   const setAnyOfValue = (v) => {
@@ -53026,7 +53057,7 @@ function MatrxDataTableCore(coreProps) {
     }
     toolbar?.anyOf?.onChange?.(v);
   };
-  const [internalLayeredFilters, setInternalLayeredFilters] = useState29([]);
+  const [internalLayeredFilters, setInternalLayeredFilters] = useState30([]);
   const layeredFilters = controlledQuery ? controlledQuery.state.layeredFilters ?? NO_LAYERED_FILTERS : internalLayeredFilters;
   const setLayeredFilters = (next) => {
     if (controlledQuery) {
@@ -53035,7 +53066,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalLayeredFilters(next);
   };
-  const [internalColumnFilters, setInternalColumnFilters] = useState29({});
+  const [internalColumnFilters, setInternalColumnFilters] = useState30({});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
   const localColumnFilters = useMemo12(() => {
     if (appendDefaultsToSourceProcessing) return {};
@@ -53059,7 +53090,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalColumnFilters(nextFilters);
   };
-  const [internalSort, setInternalSort] = useState29(defaultSort);
+  const [internalSort, setInternalSort] = useState30(defaultSort);
   const sort = controlledQuery ? controlledQuery.state.sort : internalSort;
   const setSort = (next) => {
     if (controlledQuery) {
@@ -53068,7 +53099,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalSort(next);
   };
-  const [internalPage, setInternalPage] = useState29(1);
+  const [internalPage, setInternalPage] = useState30(1);
   const page = controlledQuery ? controlledQuery.state.page : internalPage;
   const setPage = (next) => {
     if (controlledQuery) {
@@ -53077,7 +53108,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPage(next);
   };
-  const [internalPageSize, setInternalPageSize] = useState29(
+  const [internalPageSize, setInternalPageSize] = useState30(
     defaultPageSize
   );
   const pageSize = controlledQuery ? controlledQuery.state.pageSize : internalPageSize;
@@ -53088,29 +53119,29 @@ function MatrxDataTableCore(coreProps) {
     }
     setInternalPageSize(next);
   };
-  const [uncontrolledSelectedId, setUncontrolledSelectedId] = useState29(null);
+  const [uncontrolledSelectedId, setUncontrolledSelectedId] = useState30(null);
   const rawSelectedId = controlledSelectedId !== void 0 ? controlledSelectedId : uncontrolledSelectedId;
   const selectedId = appendSourceChanged ? null : rawSelectedId;
-  const [openRequest, setOpenRequest] = useState29(0);
+  const [openRequest, setOpenRequest] = useState30(0);
   const setSelectedId = (id) => {
     if (controlledSelectedId === void 0) setUncontrolledSelectedId(id);
     onSelectedIdChange?.(id);
   };
-  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = useState29(null);
+  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = useState30(null);
   const rawWindowRowId = controlledWindowRowId !== void 0 ? controlledWindowRowId : uncontrolledWindowRowId;
   const windowRowId = appendSourceChanged ? null : rawWindowRowId;
   const setWindowRowId = (id) => {
     if (controlledWindowRowId === void 0) setUncontrolledWindowRowId(id);
     onWindowRowIdChange?.(id);
   };
-  const [windowRowSnapshot, setWindowRowSnapshot] = useState29(null);
+  const [windowRowSnapshot, setWindowRowSnapshot] = useState30(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
-  const [editsByScope, setEditsByScope] = useState29({});
-  const editRevisionRef = useRef28({});
-  const [savingByScope, setSavingByScope] = useState29({});
-  const savingScopesRef = useRef28(/* @__PURE__ */ new Set());
-  const [editRequest, setEditRequest] = useState29(null);
-  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = useState29(false);
+  const [editsByScope, setEditsByScope] = useState30({});
+  const editRevisionRef = useRef29({});
+  const [savingByScope, setSavingByScope] = useState30({});
+  const savingScopesRef = useRef29(/* @__PURE__ */ new Set());
+  const [editRequest, setEditRequest] = useState30(null);
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = useState30(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
@@ -53177,7 +53208,7 @@ function MatrxDataTableCore(coreProps) {
     rows: Object.entries(draft.values).map(([rowId, columns2]) => ({ rowId, columns: columns2 }))
   }));
   const selection = appendSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  useEffect27(() => {
+  useEffect28(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -53195,14 +53226,14 @@ function MatrxDataTableCore(coreProps) {
     onWindowRowIdChange,
     selectionConfig
   ]);
-  const scrollRef = useRef28(null);
-  const tableRef = useRef28(null);
-  const tableHeaderRef = useRef28(null);
-  const cardsScrollRef = useRef28(null);
+  const scrollRef = useRef29(null);
+  const tableRef = useRef29(null);
+  const tableHeaderRef = useRef29(null);
+  const cardsScrollRef = useRef29(null);
   const scrollContainers = useMemo12(() => [scrollRef, cardsScrollRef], []);
-  const [documentStickyHeader, setDocumentStickyHeader] = useState29(false);
-  const documentStickyHeaderRef = useRef28(false);
-  const previousAppendKeyForScrollReset = useRef28(appendQueryKey);
+  const [documentStickyHeader, setDocumentStickyHeader] = useState30(false);
+  const documentStickyHeaderRef = useRef29(false);
+  const previousAppendKeyForScrollReset = useRef29(appendQueryKey);
   useLayoutEffect5(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
@@ -53228,14 +53259,14 @@ 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 = useRef28(null);
+  const rootRef = useRef29(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
-  const [scrollHintRight, setScrollHintRight] = useState29(false);
-  const [scrollHintLeft, setScrollHintLeft] = useState29(false);
-  const [scrollHintRightInset, setScrollHintRightInset] = useState29(6);
-  const hintScrollLeft = useRef28(0);
+  const [scrollHintRight, setScrollHintRight] = useState30(false);
+  const [scrollHintLeft, setScrollHintLeft] = useState30(false);
+  const [scrollHintRightInset, setScrollHintRightInset] = useState30(6);
+  const hintScrollLeft = useRef29(0);
   const updateScrollHint = useCallback15(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -53259,7 +53290,7 @@ function MatrxDataTableCore(coreProps) {
       behavior: "smooth"
     });
   };
-  useEffect27(() => {
+  useEffect28(() => {
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
     const observer = el && typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateScrollHint) : null;
@@ -53333,26 +53364,26 @@ function MatrxDataTableCore(coreProps) {
       window.removeEventListener("resize", requestUpdate);
     };
   }, [stickyHeader, data, columns]);
-  const [columnOrder, setColumnOrder] = useState29(() => columnState?.order ?? columns.map(columnId));
-  const [hiddenColumnIds, setHiddenColumnIds] = useState29(
+  const [columnOrder, setColumnOrder] = useState30(() => columnState?.order ?? columns.map(columnId));
+  const [hiddenColumnIds, setHiddenColumnIds] = useState30(
     () => new Set(columnState?.hidden ?? columns.filter((column) => column.hidden).map(columnId))
   );
-  const [columnWidths, setColumnWidths] = useState29(
+  const [columnWidths, setColumnWidths] = useState30(
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
-  const [fixedTableGeometry, setFixedTableGeometry] = useState29(null);
-  const knownColumnIds = useRef28(new Set(columns.map(columnId)));
-  const draggedColumnId = useRef28(null);
-  const columnDragActive = useRef28(false);
-  const columnDragRaf = useRef28(null);
-  const columnDragScrollDirection = useRef28(0);
-  const [columnDragPreview, setColumnDragPreview] = useState29(null);
+  const [fixedTableGeometry, setFixedTableGeometry] = useState30(null);
+  const knownColumnIds = useRef29(new Set(columns.map(columnId)));
+  const draggedColumnId = useRef29(null);
+  const columnDragActive = useRef29(false);
+  const columnDragRaf = useRef29(null);
+  const columnDragScrollDirection = useRef29(0);
+  const [columnDragPreview, setColumnDragPreview] = useState30(null);
   const stopColumnDragScroll = useCallback15(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  useEffect27(() => () => {
+  useEffect28(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
@@ -53390,7 +53421,7 @@ function MatrxDataTableCore(coreProps) {
       setHiddenColumnIds(hidden);
     }
   }, [columnState]);
-  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = useState29(false);
+  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = useState30(false);
   const columnManagerOpen = controlledColumnManager?.open ?? internalColumnManagerOpen;
   const setColumnManagerOpen = controlledColumnManager?.onOpenChange ?? setInternalColumnManagerOpen;
   const columnIds = useMemo12(() => columns.map(columnId), [columns]);
@@ -53400,7 +53431,7 @@ function MatrxDataTableCore(coreProps) {
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
   );
-  const resizeGestureSnapshotRef = useRef28(null);
+  const resizeGestureSnapshotRef = useRef29(null);
   const measureVisibleColumnWidths = useCallback15(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
@@ -53478,7 +53509,7 @@ function MatrxDataTableCore(coreProps) {
     }
     setColumnWidths(normalized);
   }, [columnIds, columnState, columns, measureFixedTableGeometry, measureVisibleColumnWidths]);
-  useEffect27(() => {
+  useEffect28(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -53545,7 +53576,7 @@ function MatrxDataTableCore(coreProps) {
   const fixedLayoutActive = usesMeasuredFixedLayout && fixedTableGeometry !== null;
   const freezeWanted = visibleColumns.some((column) => column.frozen);
   const selectionColumnWidth = fixedTableGeometry?.selectionWidth ?? (selection && (freezeWanted || fitToWidth) ? SELECTION_COLUMN_PX : void 0);
-  const [fitSpace, setFitSpace] = useState29(null);
+  const [fitSpace, setFitSpace] = useState30(null);
   useLayoutEffect5(() => {
     if (!fitToWidth) {
       setFitSpace(null);
@@ -53670,7 +53701,7 @@ function MatrxDataTableCore(coreProps) {
   const tableContextMenuInstanceId = useId5();
   const tableDndContextId = useId5();
   const defaultCopyTitle = toolbar?.title || "Table";
-  const copyColumnsLatest = useRef28(declaredVisibleCopyColumns);
+  const copyColumnsLatest = useRef29(declaredVisibleCopyColumns);
   copyColumnsLatest.current = declaredVisibleCopyColumns;
   const readDeclaredCopyColumns = lazyCallback(() => copyColumnsLatest.current);
   const defaultCopy = useMemo12(() => ({
@@ -53691,7 +53722,7 @@ function MatrxDataTableCore(coreProps) {
   const visibleDataColumns = useMemo12(() => visibleColumns.filter((column) => !column.customActions), [visibleColumns]);
   const effectiveCopyColumns = copy === void 0 ? declaredVisibleCopyColumns : visibleDataColumns;
   const copySubsetVariant2 = useCopySubsetVariant();
-  const chromeLatest = useRef28({
+  const chromeLatest = useRef29({
     processed: [],
     data: [],
     toggleAllOnPage: () => void 0,
@@ -53798,8 +53829,8 @@ function MatrxDataTableCore(coreProps) {
     intelligentSearchEnabled,
     searchScope
   ]);
-  const lastNotifiedViewRows = useRef28(null);
-  useEffect27(() => {
+  const lastNotifiedViewRows = useRef29(null);
+  useEffect28(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       return;
@@ -53808,7 +53839,7 @@ function MatrxDataTableCore(coreProps) {
     lastNotifiedViewRows.current = processed;
     if (changed) onViewChange(processed);
   }, [processed, onViewChange]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -53870,7 +53901,7 @@ function MatrxDataTableCore(coreProps) {
   }, [processed, safePage, effectivePageSize, pageSize, remoteQuery, hidePagination, localProgressiveEnabled, progressiveRows.rows]);
   const drillGrouped = Boolean(drill && drill.question.by.length > 0);
   const groupingColumnId = drill ? null : grouping?.columnId ?? null;
-  const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState29([]);
+  const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState30([]);
   const collapsedGroups = grouping?.collapsed ?? uncontrolledCollapsed;
   const setCollapsedGroups = useCallback15(
     (next) => {
@@ -53927,9 +53958,9 @@ function MatrxDataTableCore(coreProps) {
     return run;
   }, [visibleColumns, frozenColumns]);
   const columnVirtualizeActive = virtualizeConfig !== null && virtualizeConfig.enabled !== false && virtualizeConfig.columns === true && visibleColumns.length - frozenRunLength > 30 && !hierarchy && mobileCards === void 0;
-  const [rowWindow, setRowWindow] = useState29(null);
-  const [columnWindow, setColumnWindow] = useState29(null);
-  const windowInputs = useRef28({
+  const [rowWindow, setRowWindow] = useState30(null);
+  const [columnWindow, setColumnWindow] = useState30(null);
+  const windowInputs = useRef29({
     virtualizeActive: false,
     bodyEntryCount: 0,
     virtualRowHeight: 40,
@@ -54001,7 +54032,7 @@ function MatrxDataTableCore(coreProps) {
     frozenRunLength
   ]);
   const metricsWanted = virtualizeActive || columnVirtualizeActive;
-  useEffect27(() => {
+  useEffect28(() => {
     recomputeWindows();
   }, [
     recomputeWindows,
@@ -54013,7 +54044,7 @@ function MatrxDataTableCore(coreProps) {
     columnWindowWidth,
     frozenRunLength
   ]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!metricsWanted) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -54082,7 +54113,7 @@ function MatrxDataTableCore(coreProps) {
       windowed.push({ kind: "spacer", height: effectiveRowWindow.padEnd, place: "end" });
     return windowed;
   }, [groupedRenderRows, collapsedGroups, paginated, effectiveRowWindow]);
-  const getRowIdRef = useRef28(getRowId);
+  const getRowIdRef = useRef29(getRowId);
   getRowIdRef.current = getRowId;
   const spreadsheetRowIds = useMemo12(
     () => paginated.map((row) => getRowIdRef.current(row)),
@@ -54103,7 +54134,7 @@ function MatrxDataTableCore(coreProps) {
     return map;
   }, [visibleColumns]);
   const spreadsheetEnabled = Boolean(spreadsheet && spreadsheet.enabled !== false);
-  const openRowRef = useRef28(() => void 0);
+  const openRowRef = useRef29(() => void 0);
   const sheet = useSpreadsheetGrid(
     spreadsheetEnabled && spreadsheet ? {
       rowIds: spreadsheetRowIds,
@@ -54145,12 +54176,12 @@ function MatrxDataTableCore(coreProps) {
     } : null
   );
   if (spreadsheet?.controllerRef) spreadsheet.controllerRef.current = spreadsheetEnabled ? sheet.controller : null;
-  const sheetRef = useRef28(sheet);
+  const sheetRef = useRef29(sheet);
   sheetRef.current = sheet;
-  const onSheetSelectionRef = useRef28(spreadsheet?.onSelectionChange);
+  const onSheetSelectionRef = useRef29(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}` : ""}` : "";
-  useEffect27(() => {
+  useEffect28(() => {
     const tell = onSheetSelectionRef.current;
     if (!tell) return;
     const current = sheetRef.current;
@@ -54167,11 +54198,11 @@ function MatrxDataTableCore(coreProps) {
       tsv: current.selectionTsv()
     });
   }, [sheetSelectionKey]);
-  const searchValueRef = useRef28(searchValue);
+  const searchValueRef = useRef29(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);
   const coreSuggestionsEnabled = facets?.enabled !== false;
-  const [facetState, setFacetState] = useState29({});
+  const [facetState, setFacetState] = useState30({});
   const facetReadCell = useCallback15(
     (row, colId) => {
       if (facets?.readCell) return facets.readCell(row, colId);
@@ -54182,10 +54213,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 = useRef28({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
+  const facetInputsRef = useRef29({ data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded });
   facetInputsRef.current = { data, facets, facetReadCell, coreFacetTotal, coreFacetLoaded };
-  const facetRequestRef = useRef28(/* @__PURE__ */ new Map());
-  const requestedFacetColumns = useRef28(/* @__PURE__ */ new Set());
+  const facetRequestRef = useRef29(/* @__PURE__ */ new Map());
+  const requestedFacetColumns = useRef29(/* @__PURE__ */ new Set());
   const requestFacets = useCallback15((colId) => {
     requestedFacetColumns.current.add(colId);
     const { data: rows, facets: config, facetReadCell: readCell, coreFacetTotal: total, coreFacetLoaded: loaded } = facetInputsRef.current;
@@ -54269,7 +54300,7 @@ function MatrxDataTableCore(coreProps) {
       }));
     });
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     setFacetState((current) => Object.keys(current).length === 0 ? current : {});
     for (const [colId, ticket] of facetRequestRef.current) {
       facetRequestRef.current.set(colId, ticket + 1);
@@ -54279,7 +54310,7 @@ function MatrxDataTableCore(coreProps) {
     }
   }, [facetsEnabled, coreSuggestionsEnabled, data, searchValue, coreFacetTotal, coreFacetLoaded, requestFacets]);
   const totalIsKnown = !isLoading && !readView.failure;
-  useEffect27(() => {
+  useEffect28(() => {
     if (!controlledQuery || !totalIsKnown || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage, totalIsKnown]);
@@ -54317,14 +54348,14 @@ function MatrxDataTableCore(coreProps) {
   const reportCardTotal = embedded ? tableCard?.reportTotal : void 0;
   const cardTotal = appendQuery ? appendQuery.pagination.totalItems : remoteQuery?.mode === "controlled" ? isLoading ? void 0 : remoteQuery.totalItems : isLoading ? void 0 : sourceProcessing ? sourceTotal : data.length;
   const embeddedControlledPage = embedded && remoteQuery?.mode === "controlled" ? remoteQuery.state.page : 1;
-  useEffect27(() => {
+  useEffect28(() => {
     if (embeddedControlledPage !== 1) emitControlledQueryChange({ page: 1 });
   }, [embeddedControlledPage]);
-  useEffect27(() => {
+  useEffect28(() => {
     reportCardTotal?.(cardTotal);
   }, [reportCardTotal, cardTotal]);
-  useEffect27(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
-  const [pinnedEl, setPinnedEl] = useState29(null);
+  useEffect28(() => () => reportCardTotal?.(void 0), [reportCardTotal]);
+  const [pinnedEl, setPinnedEl] = useState30(null);
   const pinnedRowActive = Boolean(
     toolbar?.singleRow && toolbar.overflow && toolbar.overflow.mode !== "sheet" && (toolbar.overflow.pinned || toolbar.overflow.mode === "menu")
   );
@@ -54638,7 +54669,7 @@ function MatrxDataTableCore(coreProps) {
     }));
     return true;
   };
-  const requestCellEditRef = useRef28(requestCellEdit);
+  const requestCellEditRef = useRef29(requestCellEdit);
   requestCellEditRef.current = requestCellEdit;
   const buildRecordControls = (row) => {
     const rowId = getRowId(row);
@@ -54984,16 +55015,16 @@ function MatrxDataTableCore(coreProps) {
       return [];
     }
   };
-  const menuSectionsForRef = useRef28(menuSectionsFor);
+  const menuSectionsForRef = useRef29(menuSectionsFor);
   menuSectionsForRef.current = menuSectionsFor;
   const hasMenuSections = Boolean(contextMenu?.sections);
   const boundarySections = useCallback15(
     (target) => menuSectionsForRef.current(target),
     []
   );
-  const resolveMenuLevelRef = useRef28(resolveMenuLevel);
+  const resolveMenuLevelRef = useRef29(resolveMenuLevel);
   resolveMenuLevelRef.current = resolveMenuLevel;
-  useEffect27(() => {
+  useEffect28(() => {
     if (!host.rowContextRegistry) return;
     return host.rowContextRegistry.register(
       tableContextMenuInstanceId,
@@ -55002,7 +55033,7 @@ function MatrxDataTableCore(coreProps) {
   }, [host.rowContextRegistry, tableContextMenuInstanceId]);
   const showActionsCol = 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);
-  useEffect27(() => {
+  useEffect28(() => {
     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.`
@@ -55053,7 +55084,7 @@ function MatrxDataTableCore(coreProps) {
       return true;
     });
   }, [data, getSelectionId, selectedIdSet]);
-  const lastToggledIndex = useRef28(null);
+  const lastToggledIndex = useRef29(null);
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
     if (!selection) return;
@@ -55094,7 +55125,7 @@ function MatrxDataTableCore(coreProps) {
       }
     } : facet
   ) : toolbar?.facets;
-  const rowLatest = useRef28(null);
+  const rowLatest = useRef29(null);
   const renderRecordCell = (row, col, index, suppliedControls) => {
     const id = getRowId(row);
     const field = col.accessorKey ? String(col.accessorKey) : columnId(col);
@@ -55371,7 +55402,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 = useRef28(null);
+  const rowDrawings = useRef29(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 };
@@ -57601,7 +57632,7 @@ function HierarchyDragIndicatorLayer({
   scrollRef,
   resolve: resolve2
 }) {
-  const [indicator, setIndicator] = useState29(
+  const [indicator, setIndicator] = useState30(
     null
   );
   useDndMonitor2({
@@ -57801,7 +57832,7 @@ function columnWidthVar(width, resizedWidth, id, resizable) {
   };
 }
 function DefaultJsonCell({ value }) {
-  const [open, setOpen] = useState29(false);
+  const [open, setOpen] = useState30(false);
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
   const text = JSON.stringify(value, null, 2);
@@ -57881,7 +57912,7 @@ function resolveStringTitle(title, fallback) {
 }
 
 // src/data-table/MatrxTableCard.tsx
-import { useMemo as useMemo13, useState as useState30 } from "react";
+import { useMemo as useMemo13, useState as useState31 } from "react";
 import { Fragment as Fragment21, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
 function nounText(noun) {
   return `${noun.count.toLocaleString()} ${noun.count === 1 ? noun.singular : noun.plural}`;
@@ -57905,9 +57936,9 @@ function MatrxTableCard({
   className
 }) {
   const { Link } = useMatrxDataTableHost();
-  const [toolbarSlot, setToolbarSlot] = useState30(null);
-  const [footerSlot, setFooterSlot] = useState30(null);
-  const [reportedTotal, setReportedTotal] = useState30(void 0);
+  const [toolbarSlot, setToolbarSlot] = useState31(null);
+  const [footerSlot, setFooterSlot] = useState31(null);
+  const [reportedTotal, setReportedTotal] = useState31(void 0);
   const context = useMemo13(
     () => ({ appearance: "embedded", toolbarSlot, footerSlot, initialRows, reportTotal: setReportedTotal }),
     [toolbarSlot, footerSlot, initialRows]
@@ -58021,7 +58052,7 @@ function MatrxTableCardEmpty({ message, action, children }) {
 }
 
 // src/data-table/SavedViewsControl.tsx
-import { useId as useId6, useState as useState31 } from "react";
+import { useId as useId6, useState as useState32 } from "react";
 import { Fragment as Fragment22, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 function SavedViewsControl({
   views,
@@ -58039,13 +58070,13 @@ function SavedViewsControl({
   related
 }) {
   const unsavedChangesId = useId6();
-  const [saveOpen, setSaveOpen] = useState31(false);
-  const [name, setName] = useState31("");
-  const [saving, setSaving] = useState31(false);
-  const [removing, setRemoving] = useState31(false);
-  const [actionError, setActionError] = useState31(null);
-  const [pendingSelect, setPendingSelect] = useState31(void 0);
-  const [pendingRemove, setPendingRemove] = useState31(null);
+  const [saveOpen, setSaveOpen] = useState32(false);
+  const [name, setName] = useState32("");
+  const [saving, setSaving] = useState32(false);
+  const [removing, setRemoving] = useState32(false);
+  const [actionError, setActionError] = useState32(null);
+  const [pendingSelect, setPendingSelect] = useState32(void 0);
+  const [pendingRemove, setPendingRemove] = useState32(null);
   const visibleError = actionError ?? error;
   const select = (id) => {
     if (id === activeId) return;