@ai-matrx/design-system 0.21.1 → 0.21.3

package/dist/data-table/index.cjs

@@ -36,6 +36,7 @@ __export(data_table_exports, {
   GenericTablePagination: () => GenericTablePagination,
   MatrxDataTable: () => MatrxDataTable,
   MatrxDataTableProvider: () => MatrxDataTableProvider,
+  MatrxTableRowAlchemyProvider: () => MatrxTableRowAlchemyProvider,
   MatrxUuidCell: () => MatrxUuidCell,
   SavedViewsControl: () => SavedViewsControl,
   TableTitleRow: () => TableTitleRow,
@@ -54,13 +55,14 @@ __export(data_table_exports, {
   shortUuid: () => shortUuid,
   tableUrlParamPrefix: () => tableUrlParamPrefix,
   useMatrxDataTableHost: () => useMatrxDataTableHost,
+  useMatrxTableRowAlchemy: () => useMatrxTableRowAlchemy,
   useScrollPagination: () => useScrollPagination,
   useTableUrlState: () => useTableUrlState
 });
 module.exports = __toCommonJS(data_table_exports);
 
 // src/data-table/MatrxDataTable.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_core3 = require("@dnd-kit/core");
 
 // src/data-table/icons.tsx
@@ -1914,6 +1916,15 @@ function MatrxDataTableProvider({ value, children }) {
 function useMatrxDataTableHost() {
   return (0, import_react5.useContext)(HostContext);
 }
+var ROW_ALCHEMY_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-alchemy-context");
+var rowAlchemyRegistry = globalThis;
+var RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= (0, import_react5.createContext)(null);
+function MatrxTableRowAlchemyScope({ value, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RowAlchemyContext.Provider, { value, children });
+}
+function useMatrxTableRowAlchemy() {
+  return (0, import_react5.useContext)(RowAlchemyContext);
+}
 
 // src/data-table/useTableNotice.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -3216,8 +3227,9 @@ function ContentTransferMenu(props) {
   const identityKey = props.capabilities?.identityKey ?? inherited.identityKey;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ContentTransferMenuSession, { ...props }, identityKey ?? "anonymous");
 }
-function ContentTransferMenuSession({ references = [], referenceActions = [], source, surface, label, projection, sections, preferences, table, formatSources, sourceFormats = true, variants = EMPTY_VARIANTS, actions = [], capabilities: local, disabled, enabled = true, className, stopPropagation = true, hide = [], controllerRef, icon = "portal", triggerVariant = "transparent", triggerSize = "default" }) {
+function ContentTransferMenuSession({ references = [], referenceActions = [], source, surface, label, projection, sections, preferences, table, formatSources, sourceFormats = true, variants = EMPTY_VARIANTS, actions = [], capabilities: local, disabled, enabled = true, className, stopPropagation = true, hide = [], controllerRef, icon = "portal", triggerVariant = "transparent", triggerSize = "default", triggerHidden = false }) {
   const triggerRef = React14.useRef(null);
+  const restoreFocusRef = React14.useRef(null);
   const inherited = React14.useContext(CapabilityContext);
   const nearestSurface = React14.useContext(SurfaceContext);
   const fence = useFence();
@@ -3467,13 +3479,21 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
   );
   React14.useImperativeHandle(controllerRef, () => ({
     focusTrigger: () => triggerRef.current?.focus(),
+    preparePrimary: async (options) => {
+      if (!enabled) throw new Error("Alchemy is not enabled for this record.");
+      if (disabled) throw new Error("Alchemy is disabled for this record.");
+      if (hide.includes("prepare")) throw new Error("Alchemy preparation is unavailable for this record.");
+      if (!primary) throw new Error("Alchemy has no source to prepare.");
+      restoreFocusRef.current = options?.restoreFocus ?? null;
+      await openWorkspace(primaryWorkspaceKey, { source: primary, label: sourceLabel });
+    },
     prepare: async (requestedSource, options) => {
       const requestedLabel = options?.label ?? ("label" in requestedSource ? requestedSource.label : "content");
       const requestedKey = `controller:${options?.id ?? "source"}:${materialIdentity(requestedSource)}`;
       externalWorkspaceKeys.current.add(requestedKey);
       await openWorkspace(requestedKey, { source: requestedSource, label: requestedLabel });
     }
-  }), [openWorkspace]);
+  }), [disabled, enabled, hide, openWorkspace, primary, primaryWorkspaceKey, sourceLabel]);
   const runAction = React14.useCallback(async (action) => {
     const { controller, id } = fence.begin();
     try {
@@ -3556,7 +3576,7 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
     ] }, id);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Popover, { open: paletteOpen, onOpenChange: (open) => {
+    !triggerHidden ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Popover, { open: paletteOpen, onOpenChange: (open) => {
       setPaletteOpen(open);
       if (open) {
         setMode("copy");
@@ -3665,13 +3685,13 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
           ] }, group) : null;
         })
       ] })
-    ] }),
+    ] }) : null,
     notice && triggerRef.current ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "matrx-alchemy-feedback", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { role: "status", children: notice }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ReceiptLink, { target: receiptTarget }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", "aria-label": "Dismiss Alchemy feedback", onClick: () => setNotice(null), children: "\xD7" })
     ] }), triggerRef.current.ownerDocument.body) : null,
-    Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PreparationWorkspace, { restoreFocus: () => triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, scopeLabels: table?.scopeLabels, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, actions: preparedActions, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key)),
+    Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PreparationWorkspace, { restoreFocus: () => restoreFocusRef.current?.() ?? triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, scopeLabels: table?.scopeLabels, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, actions: preparedActions, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key)),
     emailReview
   ] });
 }
@@ -4478,7 +4498,12 @@ function MatrxCopyMenuSession(props) {
         ...props.referenceActions ? { referenceActions: props.referenceActions } : {},
         ...props.icon !== void 0 ? { icon: props.icon } : {},
         ...props.triggerVariant !== void 0 ? { triggerVariant: props.triggerVariant } : {},
-        controllerRef: controller,
+        controllerRef: (value) => {
+          controller.current = value;
+          if (typeof props.controllerRef === "function") props.controllerRef(value);
+          else if (props.controllerRef) props.controllerRef.current = value;
+        },
+        ...props.triggerHidden ? { triggerHidden: true } : {},
         label: props.label,
         variants,
         actions,
@@ -5560,16 +5585,51 @@ function useTableUrlState(options) {
 // src/data-table/MatrxDataTable.tsx
 var import_url_state3 = require("@ai-matrx/kit/url-state");
 
-// src/data-table/ColumnHeaderCell.tsx
+// src/data-table/RowAlchemyLauncher.tsx
 var import_react12 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function MatrxTableRowAlchemyProvider({ copy, placement, children }) {
+  const controller = (0, import_react12.useRef)(null);
+  const { CopyControls } = useMatrxDataTableHost();
+  const [active, setActive] = (0, import_react12.useState)(false);
+  const [fallback, setFallback] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
+    if (placement !== "menu" || active) return;
+    const timer = window.setTimeout(() => {
+      if (!active) {
+        console.warn("MatrxDataTable rowCopyPlacement='menu' requires an ItemMenu in rowActions; showing inline Alchemy instead.");
+        setFallback(true);
+      }
+    }, 0);
+    return () => window.clearTimeout(timer);
+  }, [active, placement]);
+  const value = {
+    copy,
+    placement,
+    ready: active,
+    activate: () => setActive(true),
+    prepare: async (restoreFocus) => {
+      if (copy.disabled) throw new Error("Alchemy is disabled for this record.");
+      if (!controller.current) throw new Error("Alchemy is unavailable because its launcher did not mount.");
+      await controller.current.preparePrimary(restoreFocus ? { restoreFocus } : void 0);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(MatrxTableRowAlchemyScope, { value, children: [
+    active || fallback ? CopyControls ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CopyControls, { ...copy, triggerHidden: active, controllerRef: controller }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MatrxCopyMenu, { ...copy, triggerHidden: active, controllerRef: controller }) : null,
+    children
+  ] });
+}
+
+// src/data-table/ColumnHeaderCell.tsx
+var import_react13 = require("react");
 var import_core = require("@dnd-kit/core");
 
 // src/command.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_cmdk = require("cmdk");
 var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -5588,8 +5648,8 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
   const isMobile = useIsMobile();
   const isModal = useRadixDialogModal();
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
-    isModal ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
+    isModal ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       DialogPrimitive2.Overlay,
       {
         className: cn(
@@ -5598,7 +5658,7 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
         )
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       DialogPrimitive2.Content,
       {
         ref,
@@ -5614,9 +5674,9 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPrimitive2.Close, { className: "absolute right-2 top-4 flex h-10 w-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(XIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogPrimitive2.Close, { className: "absolute right-2 top-4 flex h-10 w-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -5624,9 +5684,9 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
   ] });
 });
 CommandDialogContent.displayName = "CommandDialogContent";
-var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -5639,7 +5699,7 @@ var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -5648,7 +5708,7 @@ var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -5657,7 +5717,7 @@ var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -5669,7 +5729,7 @@ var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -5678,7 +5738,7 @@ var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -5694,7 +5754,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "span",
     {
       className: cn(
@@ -5708,10 +5768,10 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/data-table/ColumnHeaderCell.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var HeaderButton = (0, import_react12.forwardRef)(({ dragDescription, "aria-describedby": tooltipDescription, ...props }, ref) => {
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var HeaderButton = (0, import_react13.forwardRef)(({ dragDescription, "aria-describedby": tooltipDescription, ...props }, ref) => {
   const descriptions = [tooltipDescription, dragDescription].filter((value) => Boolean(value)).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       ref,
@@ -5769,9 +5829,9 @@ function ColumnHeaderCell({
   const reorderClass = reorderEnabled ? "touch-none cursor-grab active:cursor-grabbing" : void 0;
   const filterActive = isColumnFilterActive(filterValue);
   const deferredFilter = filterApplyLabel !== void 0 || filterShowCancel || filterFooterHint !== void 0;
-  const [filterOpen, setFilterOpen] = (0, import_react12.useState)(false);
-  const [draftFilter, setDraftFilter] = (0, import_react12.useState)(filterValue);
-  (0, import_react12.useEffect)(() => {
+  const [filterOpen, setFilterOpen] = (0, import_react13.useState)(false);
+  const [draftFilter, setDraftFilter] = (0, import_react13.useState)(filterValue);
+  (0, import_react13.useEffect)(() => {
     if (!filterOpen) setDraftFilter(filterValue);
   }, [filterOpen, filterValue]);
   const applyFilter = () => {
@@ -5791,7 +5851,7 @@ function ColumnHeaderCell({
     else onFilterChange(next);
   };
   const menuLabel = labelText ? `Sort or filter ${labelText}` : "Sort or filter column";
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     PopoverContent,
     {
       align: "start",
@@ -5808,9 +5868,9 @@ function ColumnHeaderCell({
         input.focus();
       },
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "asc" ? "secondary" : "ghost",
@@ -5818,12 +5878,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortAsc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
                   "Sort ascending"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "desc" ? "secondary" : "ghost",
@@ -5831,12 +5891,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortDesc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
                   "Sort descending"
                 ]
               }
             ),
-            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               Button,
               {
                 variant: "ghost",
@@ -5844,15 +5904,15 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal text-muted-foreground",
                 onClick: onClearSort,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ListX, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ListX, { className: "h-3.5 w-3.5" }),
                   "Clear sort"
                 ]
               }
             ) : null
           ] }),
-          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
+          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
         ] }) : null,
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           FilterBody,
           {
             kind: filterKind,
@@ -5867,10 +5927,10 @@ function ColumnHeaderCell({
             allowNullModes
           }
         ) : null,
-        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
@@ -5883,7 +5943,7 @@ function ColumnHeaderCell({
                 children: "Include"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
@@ -5898,11 +5958,11 @@ function ColumnHeaderCell({
             )
           ] })
         ] }) : null,
-        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-end gap-2", children: [
-            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
+        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex justify-end gap-2", children: [
+            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
           ] })
         ] }) : null
       ]
@@ -5911,10 +5971,10 @@ function ColumnHeaderCell({
   if (compact) {
     if (!sortable && !filterKind) {
       if (!reorderEnabled) {
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           HeaderButton,
           {
             type: "button",
@@ -5926,14 +5986,14 @@ function ColumnHeaderCell({
             children: label
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TooltipContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipContent, { children: [
           "Drag to reorder ",
           reorderLabel,
           "."
         ] })
       ] }) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "div",
       {
         className: cn(
@@ -5941,9 +6001,9 @@ function ColumnHeaderCell({
           align === "right" ? "justify-end" : "justify-center",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               HeaderButton,
               {
                 type: "button",
@@ -5961,8 +6021,8 @@ function ColumnHeaderCell({
                 ),
                 children: [
                   label,
-                  isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
-                  filterActive ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
+                  filterActive ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "span",
                     {
                       "aria-hidden": true,
@@ -5972,7 +6032,7 @@ function ColumnHeaderCell({
                 ]
               }
             ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TooltipContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipContent, { children: [
               "Canonical Matrx table \xB7 ",
               menuLabel
             ] })
@@ -5982,7 +6042,7 @@ function ColumnHeaderCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cn(
@@ -5992,8 +6052,8 @@ function ColumnHeaderCell({
         className
       ),
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             HeaderButton,
             {
               type: "button",
@@ -6005,14 +6065,14 @@ function ColumnHeaderCell({
                 isSorted ? "text-foreground" : "text-muted-foreground hover:text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate", children: label }),
-                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate", children: label }),
+                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { children: reorderEnabled ? `Drag to reorder ${reorderLabel}.` : labelText ?? "Sort column" })
-        ] }) : reorderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { children: reorderEnabled ? `Drag to reorder ${reorderLabel}.` : labelText ?? "Sort column" })
+        ] }) : reorderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             HeaderButton,
             {
               type: "button",
@@ -6024,16 +6084,16 @@ function ColumnHeaderCell({
               children: label
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TooltipContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipContent, { children: [
             "Drag to reorder ",
             reorderLabel,
             "."
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind || sortable ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        filterKind || sortable ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "inline-flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "button",
                 {
                   type: "button",
@@ -6045,15 +6105,15 @@ function ColumnHeaderCell({
                     "rounded p-0.5 transition-colors",
                     filterActive ? "text-primary hover:text-primary/80" : "text-muted-foreground/40 hover:text-muted-foreground"
                   ),
-                  children: filterKind ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ArrowUpDown, { className: "h-3 w-3" })
+                  children: filterKind ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpDown, { className: "h-3 w-3" })
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { children: menuLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { children: menuLabel })
             ] }),
             menuContent
           ] }),
-          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "button",
               {
                 type: "button",
@@ -6063,10 +6123,10 @@ function ColumnHeaderCell({
                   onFilterChange(void 0);
                 },
                 className: "rounded p-0.5 text-primary hover:bg-muted hover:text-foreground",
-                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(X, { className: "h-3 w-3" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { children: labelText ? `Clear ${labelText} filter` : "Clear this filter" })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { children: labelText ? `Clear ${labelText} filter` : "Clear this filter" })
           ] }) : null
         ] }) : null
       ]
@@ -6091,14 +6151,14 @@ function FilterBody({
         onChange({ kind: "text", value: "", mode: next });
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex gap-1", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex gap-1", children: [
         ["contains", "Contains"],
         ["empty", "(empty)"],
         ["not_empty", "(not empty)"],
         ...allowNullModes ? [["null", "(null)"], ["not_null", "(not null)"]] : []
-      ].map(([m, label]) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      ].map(([m, label]) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           type: "button",
@@ -6112,8 +6172,8 @@ function FilterBody({
         },
         m
       )) }),
-      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Input,
           {
             "data-matrx-filter-autofocus": true,
@@ -6126,14 +6186,14 @@ function FilterBody({
             style: { fontSize: "16px" }
           }
         ),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        text ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "button",
           {
             type: "button",
             "aria-label": "Clear filter text",
             className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
             onClick: () => onChange(void 0),
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(X, { className: "h-3.5 w-3.5" })
           }
         ) : null
       ] })
@@ -6141,7 +6201,7 @@ function FilterBody({
   }
   if (kind === "select") {
     const selected = value?.kind === "select" ? value.values ?? (value.value && value.value !== "__all__" ? [value.value] : []) : [];
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       SearchableSelectFilter,
       {
         selected,
@@ -6153,9 +6213,9 @@ function FilterBody({
   }
   if (kind === "boolean") {
     const current = value?.kind === "boolean" ? value.value : "__all__";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         Select,
         {
           value: current === "__all__" ? "__all__" : current ? "true" : "false",
@@ -6164,18 +6224,18 @@ function FilterBody({
             else onChange({ kind: "boolean", value: v === "true" });
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: "__all__", children: "All" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: "true", children: "Yes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: "false", children: "No" })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: "__all__", children: "All" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: "true", children: "Yes" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: "false", children: "No" })
             ] })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(NumberFilterBody, { value, onChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(NumberFilterBody, { value, onChange });
 }
 function SearchableSelectFilter({
   selected,
@@ -6183,8 +6243,8 @@ function SearchableSelectFilter({
   onChange,
   single = false
 }) {
-  const [query, setQuery] = (0, import_react12.useState)("");
-  const filtered = (0, import_react12.useMemo)(() => {
+  const [query, setQuery] = (0, import_react13.useState)("");
+  const filtered = (0, import_react13.useMemo)(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter(
@@ -6203,13 +6263,13 @@ function SearchableSelectFilter({
       next.length === 0 ? void 0 : { kind: "select", value: next[0] ?? "", values: next }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1 px-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-1 px-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
         "Filter",
         selected.length > 1 ? ` (any of ${selected.length})` : ""
       ] }),
-      selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           type: "button",
@@ -6219,8 +6279,8 @@ function SearchableSelectFilter({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         CommandInput,
         {
           "data-matrx-filter-autofocus": true,
@@ -6230,10 +6290,10 @@ function SearchableSelectFilter({
           className: "h-8 text-sm"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CommandList, { className: "max-h-48", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CommandGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CommandList, { className: "max-h-48", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CommandGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             CommandItem,
             {
               value: "__all__",
@@ -6244,7 +6304,7 @@ function SearchableSelectFilter({
           ),
           filtered.map((o) => {
             const active = selected.includes(o.value);
-            return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               CommandItem,
               {
                 value: o.value,
@@ -6254,7 +6314,7 @@ function SearchableSelectFilter({
                   active && "bg-accent text-accent-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "span",
                     {
                       className: cn(
@@ -6262,7 +6322,7 @@ function SearchableSelectFilter({
                         single ? "rounded-full" : "rounded-sm",
                         active ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
                       ),
-                      children: active && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, { className: "h-2.5 w-2.5" })
+                      children: active && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Check, { className: "h-2.5 w-2.5" })
                     }
                   ),
                   o.label
@@ -6282,8 +6342,8 @@ function NumberFilterBody({
 }) {
   const min = value?.kind === "number" ? value.min : void 0;
   const max = value?.kind === "number" ? value.max : void 0;
-  const [minText, setMinText] = (0, import_react12.useState)(min !== void 0 ? String(min) : "");
-  const [maxText, setMaxText] = (0, import_react12.useState)(max !== void 0 ? String(max) : "");
+  const [minText, setMinText] = (0, import_react13.useState)(min !== void 0 ? String(min) : "");
+  const [maxText, setMaxText] = (0, import_react13.useState)(max !== void 0 ? String(max) : "");
   const commit = (raw, which) => {
     const nextMin = which === "min" ? parseOptionalNumber(raw) : min;
     const nextMax = which === "max" ? parseOptionalNumber(raw) : max;
@@ -6293,10 +6353,10 @@ function NumberFilterBody({
     }
     onChange({ kind: "number", min: nextMin, max: nextMax });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
-      (min !== void 0 || max !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
+      (min !== void 0 || max !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           type: "button",
@@ -6310,8 +6370,8 @@ function NumberFilterBody({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         Input,
         {
           "data-matrx-filter-autofocus": true,
@@ -6326,8 +6386,8 @@ function NumberFilterBody({
           style: { fontSize: "16px" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         Input,
         {
           value: maxText,
@@ -6351,7 +6411,7 @@ function parseOptionalNumber(raw) {
 }
 
 // src/data-table/ColumnResizeHandle.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/data-table/column-resize.ts
 var DEFAULT_COLUMN_MIN_WIDTH = 80;
@@ -6379,7 +6439,7 @@ function normalizeColumnWidthMap(widths, knownColumnIds) {
 }
 
 // src/data-table/ColumnResizeHandle.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var KEYBOARD_STEP = 8;
 var KEYBOARD_LARGE_STEP = 24;
 function ColumnResizeHandle({
@@ -6393,24 +6453,24 @@ function ColumnResizeHandle({
   onResizeCancel,
   onResizeCommit
 }) {
-  const handleRef = (0, import_react13.useRef)(null);
-  const activeResizeRef = (0, import_react13.useRef)(null);
-  const previewRafRef = (0, import_react13.useRef)(null);
-  const queuedWidthRef = (0, import_react13.useRef)(null);
-  const keyboardWidthRef = (0, import_react13.useRef)(null);
-  const [announcedWidth, setAnnouncedWidth] = (0, import_react13.useState)(null);
+  const handleRef = (0, import_react14.useRef)(null);
+  const activeResizeRef = (0, import_react14.useRef)(null);
+  const previewRafRef = (0, import_react14.useRef)(null);
+  const queuedWidthRef = (0, import_react14.useRef)(null);
+  const keyboardWidthRef = (0, import_react14.useRef)(null);
+  const [announcedWidth, setAnnouncedWidth] = (0, import_react14.useState)(null);
   const bounds = resolveColumnResizeBounds(minWidth, maxWidth);
   const cssVar = columnResizeCssVar(columnId2);
-  const readWidth = (0, import_react13.useCallback)(() => {
+  const readWidth = (0, import_react14.useCallback)(() => {
     const header = handleRef.current?.closest("th");
     const measured = header?.getBoundingClientRect().width ?? 0;
     const computed = header ? Number.parseFloat(getComputedStyle(header).width) : 0;
     return clampColumnWidth(measured || computed || keyboardWidthRef.current || bounds.minWidth, bounds);
   }, [bounds]);
-  const writePreview = (0, import_react13.useCallback)((width) => {
+  const writePreview = (0, import_react14.useCallback)((width) => {
     tableRef.current?.style.setProperty(cssVar, `${width}px`);
   }, [cssVar, tableRef]);
-  const queuePreview = (0, import_react13.useCallback)((width) => {
+  const queuePreview = (0, import_react14.useCallback)((width) => {
     queuedWidthRef.current = width;
     if (previewRafRef.current !== null) return;
     previewRafRef.current = requestAnimationFrame(() => {
@@ -6420,12 +6480,12 @@ function ColumnResizeHandle({
       if (nextWidth !== null) writePreview(nextWidth);
     });
   }, [writePreview]);
-  const clearQueuedPreview = (0, import_react13.useCallback)(() => {
+  const clearQueuedPreview = (0, import_react14.useCallback)(() => {
     if (previewRafRef.current !== null) cancelAnimationFrame(previewRafRef.current);
     previewRafRef.current = null;
     queuedWidthRef.current = null;
   }, []);
-  const finishPointerResize = (0, import_react13.useCallback)((commit) => {
+  const finishPointerResize = (0, import_react14.useCallback)((commit) => {
     const active = activeResizeRef.current;
     if (!active) return;
     activeResizeRef.current = null;
@@ -6445,7 +6505,7 @@ function ColumnResizeHandle({
       handleRef.current.releasePointerCapture(active.pointerId);
     }
   }, [clearQueuedPreview, columnId2, cssVar, onResizeCancel, onResizeCommit, tableRef, writePreview]);
-  (0, import_react13.useEffect)(() => () => clearQueuedPreview(), [clearQueuedPreview]);
+  (0, import_react14.useEffect)(() => () => clearQueuedPreview(), [clearQueuedPreview]);
   const onPointerDown = (event) => {
     if (disabled || event.button !== 0 || !event.isPrimary) return;
     event.preventDefault();
@@ -6498,7 +6558,7 @@ function ColumnResizeHandle({
     onResizeCommit(columnId2, nextWidth);
   };
   const currentWidth = announcedWidth ?? keyboardWidthRef.current ?? bounds.minWidth;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "button",
     {
       ref: handleRef,
@@ -6600,9 +6660,9 @@ function rankTableSearchRows(rows, columns, query, options = {}, extraText) {
 }
 
 // src/data-table/ColumnManager.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_core2 = require("@dnd-kit/core");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function ColumnManager({
   open,
   onOpenChange,
@@ -6611,15 +6671,15 @@ function ColumnManager({
   hidden,
   onApply
 }) {
-  const byId = (0, import_react14.useMemo)(
+  const byId = (0, import_react15.useMemo)(
     () => new Map(columns.map((column) => [columnId(column), column])),
     [columns]
   );
-  const [draftOrder, setDraftOrder] = (0, import_react14.useState)(order);
-  const [draftHidden, setDraftHidden] = (0, import_react14.useState)(() => new Set(hidden));
-  const [draggedColumnId, setDraggedColumnId] = (0, import_react14.useState)(null);
-  const [dropTarget, setDropTarget] = (0, import_react14.useState)(null);
-  (0, import_react14.useEffect)(() => {
+  const [draftOrder, setDraftOrder] = (0, import_react15.useState)(order);
+  const [draftHidden, setDraftHidden] = (0, import_react15.useState)(() => new Set(hidden));
+  const [draggedColumnId, setDraggedColumnId] = (0, import_react15.useState)(null);
+  const [dropTarget, setDropTarget] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     if (!open) return;
     setDraftOrder(order);
     setDraftHidden(new Set(hidden));
@@ -6676,18 +6736,18 @@ function ColumnManager({
       if (target) moveTo(dragged, String(target));
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogTitle, { children: "Columns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogTitle, { children: "Columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
       const column = byId.get(id);
       if (!column) return null;
       const label = typeof column.header === "string" ? column.header : id;
       const hideable = column.hideable !== false;
       const visible = !draftHidden.has(id);
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         ColumnManagerDropTarget,
         {
           id,
@@ -6697,8 +6757,8 @@ function ColumnManager({
             dropTarget === id && draggedColumnId !== id && "border-t-2 border-primary"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ColumnManagerDragHandle, { id, label }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ColumnManagerDragHandle, { id, label }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Checkbox,
               {
                 checked: visible,
@@ -6715,8 +6775,8 @@ function ColumnManager({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 type: "button",
@@ -6726,10 +6786,10 @@ function ColumnManager({
                 "aria-label": `Move ${label} earlier`,
                 disabled: index === 0,
                 onClick: () => move(id, -1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowUp, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ArrowUp, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 type: "button",
@@ -6739,7 +6799,7 @@ function ColumnManager({
                 "aria-label": `Move ${label} later`,
                 disabled: index === draftOrder.length - 1,
                 onClick: () => move(id, 1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ArrowDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ArrowDown, { className: "h-4 w-4" })
               }
             )
           ]
@@ -6747,9 +6807,9 @@ function ColumnManager({
         id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Button,
         {
           type: "button",
@@ -6772,14 +6832,14 @@ function ColumnManagerDropTarget({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
 }
 function ColumnManagerDragHandle({ id, label }) {
   const { attributes, listeners, setNodeRef } = (0, import_core2.useDraggable)({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -6789,7 +6849,7 @@ function ColumnManagerDragHandle({ id, label }) {
       title: `Drag to reorder ${label}`,
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GripVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GripVertical, { className: "h-4 w-4" })
     }
   );
 }
@@ -6852,8 +6912,8 @@ function parseTableViewSnapshot(raw) {
 }
 
 // src/data-table/MatrxUuidCell.tsx
-var import_react15 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -6892,18 +6952,18 @@ function MatrxUuidCell({
 }) {
   const { resolveEntityDoors, ResourcePeek } = useMatrxDataTableHost();
   const { notify, notice } = useTableNotice();
-  const [copied, setCopied] = (0, import_react15.useState)(false);
-  const [opening, setOpening] = (0, import_react15.useState)(false);
-  const [peekOpen, setPeekOpen] = (0, import_react15.useState)(false);
-  const timer = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(
+  const [copied, setCopied] = (0, import_react16.useState)(false);
+  const [opening, setOpening] = (0, import_react16.useState)(false);
+  const [peekOpen, setPeekOpen] = (0, import_react16.useState)(false);
+  const timer = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
   if (!value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
   }
   const doors = token ? resolveEntityDoors?.(token, value, href) ?? null : null;
   const resolvedHref = doors?.href ?? href ?? null;
@@ -6946,13 +7006,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 truncate", children: display }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 truncate", children: display }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "button",
         {
           type: "button",
@@ -6961,14 +7021,14 @@ function MatrxUuidCell({
           disabled: opening,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400 disabled:opacity-60",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "a",
         {
           href: resolvedHref,
@@ -6978,15 +7038,15 @@ function MatrxUuidCell({
           onClick: stop,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -6996,12 +7056,12 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               type: "button",
@@ -7011,13 +7071,13 @@ function MatrxUuidCell({
                 "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
                 copied && "text-primary"
               ),
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Copy, { className: "h-3 w-3" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Copy, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipContent, { side: "top", children: copied ? "Copied" : `Copy ${label ?? "id"}: ${value}` })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { side: "top", children: copied ? "Copied" : `Copy ${label ?? "id"}: ${value}` })
         ] }),
-        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "button",
             {
               type: "button",
@@ -7027,16 +7087,16 @@ function MatrxUuidCell({
               },
               "aria-label": `Quick look at ${label ?? "record"}`,
               className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Lightbulb, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Lightbulb, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: "top", children: [
             "Quick look at ",
             label ?? "record"
           ] })
         ] }) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "a",
             {
               href: resolvedHref,
@@ -7045,10 +7105,10 @@ function MatrxUuidCell({
               onClick: stop,
               "aria-label": `Open ${label ?? "record"} in a new tab`,
               className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ExternalLink, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ExternalLink, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: "top", children: [
             "Open ",
             label ?? "record",
             " in a new tab"
@@ -7056,7 +7116,7 @@ function MatrxUuidCell({
         ] }) : null,
         trailing,
         notice,
-        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           ResourcePeek,
           {
             kind: doors?.peekKind ?? token ?? "record",
@@ -7090,7 +7150,7 @@ function formatTableDisplayValue(value) {
 }
 
 // src/data-table/DataRowInspector.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -7119,7 +7179,7 @@ function DataRowInspector({
   tokenForField = noFieldToken
 }) {
   const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
-  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     CopyButtons,
     {
       size: "xs",
@@ -7134,21 +7194,21 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
+        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
               "div",
               {
                 className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 px-2.5 py-2",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     MatrxUuidCell,
                     {
                       value,
@@ -7163,13 +7223,13 @@ function DataRowInspector({
           }
           const formatted = value !== null && typeof value === "object" && !(value instanceof Date) ? formatValue(value) : formatTableDisplayValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
-          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "div",
             {
               className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 py-2 pl-2.5 pr-12",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "dd",
                   {
                     className: cn(
@@ -7191,8 +7251,8 @@ function DataRowInspector({
 }
 
 // src/data-table/DataRowWindow.tsx
-var import_react16 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function DataRowWindow({
   isOpen,
   onClose,
@@ -7212,15 +7272,15 @@ function DataRowWindow({
   const hasEdit = editContent != null;
   const hasTabs = hasEdit && children == null;
   const initialTab = defaultTab ?? (hasEdit ? "edit" : "view");
-  const [tab, setTab] = (0, import_react16.useState)(initialTab);
-  (0, import_react16.useEffect)(() => {
+  const [tab, setTab] = (0, import_react17.useState)(initialTab);
+  (0, import_react17.useEffect)(() => {
     if (!isOpen) return;
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
   if (!isOpen) return null;
-  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DataRowInspector, { row });
-  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DataRowInspector, { row });
+  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     WindowPanel,
     {
       id: windowId,
@@ -7234,26 +7294,26 @@ function DataRowWindow({
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
       sidebarDefaultSize: 140,
       sidebarMinSize: 110,
-      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         "nav",
         {
           "aria-label": "Row window tabs",
           className: "flex h-full flex-col gap-0.5 overflow-y-auto p-1.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               TabButton,
               {
                 active: tab === "view",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
                 label: "View",
                 onClick: () => setTab("view")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               TabButton,
               {
                 active: tab === "edit",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
                 label: "Edit",
                 onClick: () => setTab("edit")
               }
@@ -7271,7 +7331,7 @@ function TabButton({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "button",
     {
       type: "button",
@@ -7284,7 +7344,7 @@ function TabButton({
       ),
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }
   );
@@ -7307,7 +7367,7 @@ function defaultRowTitle(row, columns) {
 }
 
 // src/data-table/DirtySavePill.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function DirtySavePill({
   changeCount,
   saving,
@@ -7316,20 +7376,20 @@ function DirtySavePill({
   className
 }) {
   if (changeCount <= 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       className: cn(
         "pointer-events-none fixed inset-x-0 bottom-6 z-50 flex justify-center pb-safe",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "pointer-events-auto flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-lg elevation-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "pointer-events-auto flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-lg elevation-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
           changeCount,
           " unsaved change",
           changeCount === 1 ? "" : "s"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           Button,
           {
             type: "button",
@@ -7339,12 +7399,12 @@ function DirtySavePill({
             disabled: saving,
             onClick: onCancel,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(X, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(X, { className: "h-3.5 w-3.5" }),
               "Cancel"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           Button,
           {
             type: "button",
@@ -7353,7 +7413,7 @@ function DirtySavePill({
             disabled: saving,
             onClick: onSave,
             children: [
-              saving ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Save, { className: "h-3.5 w-3.5" }),
+              saving ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Save, { className: "h-3.5 w-3.5" }),
               "Save"
             ]
           }
@@ -7364,8 +7424,8 @@ function DirtySavePill({
 }
 
 // src/data-table/EditableTableCell.tsx
-var import_react17 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function CellEditShell({
   href,
   display,
@@ -7374,8 +7434,8 @@ function CellEditShell({
   editButton
 }) {
   const { Link: HostLink } = useMatrxDataTableHost();
-  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", { ...props }));
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { ...props }));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "span",
     {
       className: cn(
@@ -7387,7 +7447,7 @@ function CellEditShell({
         className
       ),
       children: [
-        href ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        href ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           Link,
           {
             href,
@@ -7395,7 +7455,7 @@ function CellEditShell({
             className: "min-w-0 flex-1 overflow-hidden truncate rounded outline-none  focus-visible:ring-2 focus-visible:ring-ring",
             children: display
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
         editButton
       ]
     }
@@ -7413,10 +7473,10 @@ function EditableTableCell({
   href,
   editTrigger = "click"
 }) {
-  const [open, setOpen] = (0, import_react17.useState)(false);
+  const [open, setOpen] = (0, import_react18.useState)(false);
   const usePencil = Boolean(href) || editTrigger === "pencil";
   if (editType === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       InlineStringEditor,
       {
         value: stringifyCellValue(value),
@@ -7429,30 +7489,30 @@ function EditableTableCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       CellEditShell,
       {
         ...href === void 0 ? {} : { href },
         display,
         ...dirty === void 0 ? {} : { dirty },
         ...className === void 0 ? {} : { className },
-        editButton: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        editButton: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "button",
             {
               type: "button",
               "aria-label": "Edit",
               onClick: (e) => e.stopPropagation(),
               className: CELL_PENCIL_CLASS,
-              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Pencil, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Pencil, { className: "h-3 w-3" })
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, { children: "Edit" })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { children: "Edit" })
         ] })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
         "button",
         {
           type: "button",
@@ -7463,20 +7523,20 @@ function EditableTableCell({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
-            editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
+            editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
           ]
         }
       ) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, { children: "Edit value" })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { children: "Edit value" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       PopoverContent,
       {
         align: "start",
         className: "w-56 p-2",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           TypedEditor,
           {
             editType,
@@ -7502,19 +7562,19 @@ function InlineStringEditor({
   href,
   usePencil
 }) {
-  const [editing, setEditing] = (0, import_react17.useState)(false);
-  const [draft, setDraft] = (0, import_react17.useState)(value);
+  const [editing, setEditing] = (0, import_react18.useState)(false);
+  const [draft, setDraft] = (0, import_react18.useState)(value);
   if (!editing) {
     if (usePencil) {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         CellEditShell,
         {
           ...href === void 0 ? {} : { href },
           display,
           ...dirty === void 0 ? {} : { dirty },
           ...className === void 0 ? {} : { className },
-          editButton: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          editButton: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "button",
               {
                 type: "button",
@@ -7525,16 +7585,16 @@ function InlineStringEditor({
                   setEditing(true);
                 },
                 className: CELL_PENCIL_CLASS,
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Pencil, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Pencil, { className: "h-3 w-3" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, { children: "Edit" })
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { children: "Edit" })
           ] })
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
@@ -7551,10 +7611,10 @@ function InlineStringEditor({
           children: display
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, { children: "Click to edit" })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { children: "Click to edit" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Input,
     {
       autoFocus: true,
@@ -7590,9 +7650,9 @@ function TypedEditor({
 }) {
   if (editType === "boolean") {
     const checked = Boolean(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Checkbox,
         {
           checked,
@@ -7602,7 +7662,7 @@ function TypedEditor({
     ] });
   }
   if (editType === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       NumberEditor,
       {
         value: typeof value === "number" ? value : Number(value) || 0,
@@ -7612,7 +7672,7 @@ function TypedEditor({
     );
   }
   if (editType === "tags") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       TagsEditor,
       {
         value: Array.isArray(value) ? value.map(String) : [],
@@ -7623,19 +7683,19 @@ function TypedEditor({
     );
   }
   if (editType === "select") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       Select,
       {
         value: stringifyCellValue(value),
         onValueChange: (v) => onCommit(v),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Input,
     {
       type: "date",
@@ -7654,8 +7714,8 @@ function TagsEditor({
   onCommit,
   onCancel
 }) {
-  const [tags, setTags] = (0, import_react17.useState)(value);
-  const [draft, setDraft] = (0, import_react17.useState)("");
+  const [tags, setTags] = (0, import_react18.useState)(value);
+  const [draft, setDraft] = (0, import_react18.useState)("");
   const add = (raw) => {
     const next = raw.trim();
     if (!next || tags.includes(next)) return;
@@ -7665,11 +7725,11 @@ function TagsEditor({
   const matches = suggestions.filter(
     (s) => !tags.includes(s.value) && s.value !== "__none__" && (!draft || s.label.toLowerCase().includes(draft.trim().toLowerCase()))
   ).slice(0, 6);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
-      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
-      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
+      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "button",
           {
             type: "button",
@@ -7678,17 +7738,17 @@ function TagsEditor({
             className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] hover:border-destructive hover:text-destructive",
             children: [
               tag,
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(X, { className: "h-2.5 w-2.5" })
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(X, { className: "h-2.5 w-2.5" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(TooltipContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(TooltipContent, { children: [
           "Remove ",
           tag
         ] })
       ] }, tag))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Input,
       {
         autoFocus: true,
@@ -7709,7 +7769,7 @@ function TagsEditor({
         className: "h-8 text-xs"
       }
     ),
-    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "button",
       {
         type: "button",
@@ -7722,8 +7782,8 @@ function TagsEditor({
       },
       s.value
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           size: "sm",
@@ -7731,17 +7791,17 @@ function TagsEditor({
           className: "h-7 px-2",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           size: "sm",
           className: "h-7 px-2",
           "aria-label": "Apply tags",
           onClick: () => onCommit(tags),
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -7752,9 +7812,9 @@ function NumberEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = (0, import_react17.useState)(String(value));
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  const [draft, setDraft] = (0, import_react18.useState)(String(value));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Input,
       {
         autoFocus: true,
@@ -7771,8 +7831,8 @@ function NumberEditor({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           type: "button",
@@ -7781,10 +7841,10 @@ function NumberEditor({
           className: "h-7",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           type: "button",
@@ -7795,7 +7855,7 @@ function NumberEditor({
             const n = Number(draft);
             if (Number.isFinite(n)) onCommit(n);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -7803,24 +7863,24 @@ function NumberEditor({
 }
 
 // src/data-table/ToolbarFacets.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function ToolbarFacets({ facets }) {
   if (facets.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
     if (facet.type === "custom") {
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: facet.render() }, facet.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: facet.render() }, facet.id);
     }
     const defaultValue = facet.defaultValue ?? facet.options[0]?.value ?? "";
     const isNonDefault = facet.value !== defaultValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "div",
       {
         className: "flex flex-wrap items-center gap-1.5 max-sm:grid max-sm:w-full max-sm:grid-cols-3",
         children: [
-          facet.label ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "mr-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: facet.label }) : null,
+          facet.label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "mr-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: facet.label }) : null,
           facet.options.map((opt) => {
             const active = facet.value === opt.value;
-            return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
               Button,
               {
                 type: "button",
@@ -7834,8 +7894,8 @@ function ToolbarFacets({ facets }) {
                 children: [
                   opt.icon,
                   opt.label,
-                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Tooltip, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                       "span",
                       {
                         role: "button",
@@ -7853,10 +7913,10 @@ function ToolbarFacets({ facets }) {
                             facet.onChange(defaultValue);
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(X, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(X, { className: "h-3 w-3" })
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { side: "top", children: "Clear this filter" })
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipContent, { side: "top", children: "Clear this filter" })
                   ] }) }) : null
                 ]
               },
@@ -7882,8 +7942,8 @@ function resetToolbarFacets(facets) {
 }
 
 // src/data-table/LayeredFilterBuilder.tsx
-var import_react18 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function moveRule(rules, from, to) {
   if (from === to || to < 0 || to >= rules.length) return [...rules];
   const next = [...rules];
@@ -7899,8 +7959,8 @@ function LayeredFilterBuilder({
   maxRules = 20,
   label = "Advanced filters"
 }) {
-  const [open, setOpen] = (0, import_react18.useState)(false);
-  const [draggedIndex, setDraggedIndex] = (0, import_react18.useState)(null);
+  const [open, setOpen] = (0, import_react19.useState)(false);
+  const [draggedIndex, setDraggedIndex] = (0, import_react19.useState)(null);
   if (fields.length === 0) return null;
   const updateRule = (index, patch) => {
     onChange(
@@ -7929,8 +7989,8 @@ function LayeredFilterBuilder({
   const reorder = (from, to) => {
     onChange(moveRule(rules, from, to));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       Popover,
       {
         open,
@@ -7942,7 +8002,7 @@ function LayeredFilterBuilder({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             Button,
             {
               type: "button",
@@ -7951,25 +8011,25 @@ function LayeredFilterBuilder({
               className: "h-8 gap-1.5 px-2 text-xs",
               "aria-label": label,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
-                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
+                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             PopoverContent,
             {
               align: "start",
               sideOffset: 6,
               className: "w-[min(46rem,calc(100vw-1rem))] p-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every layer must match. Drag layers to put them in the order that makes sense to you." })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every layer must match. Drag layers to put them in the order that makes sense to you." })
                   ] }),
-                  rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     Button,
                     {
                       type: "button",
@@ -7981,10 +8041,10 @@ function LayeredFilterBuilder({
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: "For example: Keyword contains ITAD, then Keyword doesn't have the word \u201Cwhat\u201D." })
-                ] }) : rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: "For example: Keyword contains ITAD, then Keyword doesn't have the word \u201Cwhat\u201D." })
+                ] }) : rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   LayeredRuleRow,
                   {
                     index,
@@ -8004,9 +8064,9 @@ function LayeredFilterBuilder({
                   },
                   rule.id
                 )) }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                     Button,
                     {
                       type: "button",
@@ -8016,7 +8076,7 @@ function LayeredFilterBuilder({
                       disabled: rules.length >= maxRules,
                       onClick: addRule,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Plus, { className: "h-3.5 w-3.5" }),
                         " Add layer"
                       ]
                     }
@@ -8028,7 +8088,7 @@ function LayeredFilterBuilder({
         ]
       }
     ),
-    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "span",
       {
         className: cn(
@@ -8036,7 +8096,7 @@ function LayeredFilterBuilder({
           isCompleteLayeredFilterRule(rule) ? "border-border bg-muted/50 text-foreground" : "border-dashed border-warning/50 bg-warning/10 text-warning"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "button",
             {
               type: "button",
@@ -8044,19 +8104,19 @@ function LayeredFilterBuilder({
               onClick: () => setOpen(true),
               title: isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : `Layer ${index + 1} needs a value`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
                 isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : "Choose a value"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "button",
             {
               type: "button",
               className: "shrink-0 rounded-full p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
               "aria-label": `Remove filter layer ${index + 1}`,
               onClick: () => removeRule(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(X, { className: "h-3 w-3" })
             }
           )
         ]
@@ -8086,7 +8146,7 @@ function LayeredRuleRow({
     event.preventDefault();
     onKeyboardMove(event.key === "ArrowUp" ? -1 : 1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: cn(
@@ -8099,7 +8159,7 @@ function LayeredRuleRow({
         onDrop(index);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "button",
           {
             type: "button",
@@ -8113,10 +8173,10 @@ function LayeredRuleRow({
             },
             onDragEnd,
             onKeyDown: handleMoveKey,
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           Select,
           {
             value: field.id,
@@ -8134,16 +8194,16 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-span-1",
                   "aria-label": `Filter layer ${index + 1} field`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 SelectItem,
                 {
                   value: candidate.id,
@@ -8155,7 +8215,7 @@ function LayeredRuleRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           Select,
           {
             value: rule.operator,
@@ -8167,35 +8227,35 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-start-2",
                   "aria-label": `Filter layer ${index + 1} operator`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           Select,
           {
             value: rule.value,
             onValueChange: (value) => onChange({ value }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs",
                   "aria-label": `Filter layer ${index + 1} value`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 SelectItem,
                 {
                   value: option.value,
@@ -8206,8 +8266,8 @@ function LayeredRuleRow({
               )) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Input,
             {
               value: rule.value,
@@ -8218,9 +8278,9 @@ function LayeredRuleRow({
               "aria-label": `Filter layer ${index + 1} value`
             }
           ),
-          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               Input,
               {
                 value: rule.valueTo ?? "",
@@ -8233,7 +8293,7 @@ function LayeredRuleRow({
             )
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             type: "button",
@@ -8242,7 +8302,7 @@ function LayeredRuleRow({
             className: "h-7 w-7 p-0 text-muted-foreground hover:text-destructive max-sm:col-start-3 max-sm:row-start-1",
             "aria-label": `Remove filter layer ${index + 1}`,
             onClick: onRemove,
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Trash2, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Trash2, { className: "h-3.5 w-3.5" })
           }
         )
       ]
@@ -8342,7 +8402,7 @@ function safeQueryPage(requestedPage, totalItems, pageSize) {
 }
 
 // src/data-table/MatrxDataTable.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function TableToolbarAction({
   HostAction,
   ariaLabel,
@@ -8353,10 +8413,10 @@ function TableToolbarAction({
   children
 }) {
   if (HostAction) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Button,
       {
         type: "button",
@@ -8368,10 +8428,10 @@ function TableToolbarAction({
         "aria-busy": busy || void 0,
         disabled,
         onClick,
-        children: (0, import_react19.isValidElement)(children) ? (0, import_react19.cloneElement)(children, { className: cn("h-5 w-5", children.props.className) }) : children
+        children: (0, import_react20.isValidElement)(children) ? (0, import_react20.cloneElement)(children, { className: cn("h-5 w-5", children.props.className) }) : children
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: tooltip ?? ariaLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: tooltip ?? ariaLabel })
   ] });
 }
 function hasSameRowReferences(previous, next) {
@@ -8384,20 +8444,20 @@ function TableRowCopyControl({
   sourceId,
   defaultColumns
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    CopyButtons,
-    {
-      size,
-      sourceId,
-      label: copy.label,
-      ...copy.rowReferences ? { references: copy.rowReferences(row) } : {},
-      ...copy.triggerVariant ? { triggerVariant: copy.triggerVariant } : {},
-      human: () => copy.humanRow(row),
-      json: () => copy.agentRow ? copy.agentRow(row) : row,
-      agent: () => defaultColumns ? buildDefaultTableRowAgentInput(copy, row, defaultColumns) : buildRowAgentInput(copy, row),
-      ...copy.rowAiVariants?.(row) === void 0 ? {} : { aiVariants: copy.rowAiVariants?.(row) }
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CopyButtons, { size, ...tableRowCopyProps(copy, row, sourceId, defaultColumns) });
+}
+function tableRowCopyProps(copy, row, sourceId, defaultColumns) {
+  const aiVariants = copy.rowAiVariants?.(row);
+  return {
+    sourceId,
+    label: copy.label,
+    ...copy.rowReferences ? { references: copy.rowReferences(row) } : {},
+    ...copy.triggerVariant ? { triggerVariant: copy.triggerVariant } : {},
+    human: () => copy.humanRow(row),
+    json: () => copy.agentRow ? copy.agentRow(row) : row,
+    agent: () => defaultColumns ? buildDefaultTableRowAgentInput(copy, row, defaultColumns) : buildRowAgentInput(copy, row),
+    ...aiVariants === void 0 ? {} : { aiVariants }
+  };
 }
 function dragPointerY(event) {
   const activator = event.activatorEvent;
@@ -8408,8 +8468,8 @@ function isStringArray(value) {
 }
 var activeUrlTableIds = /* @__PURE__ */ new Set();
 function MatrxDataTable(props) {
-  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MatrxDataTableCore, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
+  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MatrxDataTableCore, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
 }
 function MatrxDataTableWithUrlState({
   urlState,
@@ -8427,7 +8487,7 @@ function MatrxDataTableWithUrlState({
     ...urlState.history === void 0 ? {} : { history: urlState.history },
     ...urlState.textHistory === void 0 ? {} : { textHistory: urlState.textHistory }
   });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (activeUrlTableIds.has(urlState.id)) {
       throw new Error(
         `Duplicate MatrxDataTable urlState.id "${urlState.id}" on one page. Give every table a unique stable id.`
@@ -8464,7 +8524,7 @@ function MatrxDataTableWithUrlState({
       props.selection?.onSelectedIdsChange(ids);
     }
   } : props.selection;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     MatrxDataTableCore,
     {
       ...props,
@@ -8523,6 +8583,7 @@ function MatrxDataTableCore({
   detail,
   window: windowConfig,
   copy,
+  rowCopyPlacement = "inline",
   edit,
   hierarchy,
   selectedId: controlledSelectedId,
@@ -8541,6 +8602,7 @@ function MatrxDataTableCore({
   localPagination,
   pageSizeOptions = [10, 25, 50, 100, 200, 500, 1e3, 2e3],
   zebra = true,
+  stickyHeader = true,
   className,
   tableClassName,
   mobileCards,
@@ -8550,7 +8612,7 @@ function MatrxDataTableCore({
 }) {
   const appendQuery = query?.mode === "controlled-append" ? query : null;
   const appendQueryKey = appendQuery?.pagination.queryKey ?? null;
-  const committedAppendQueryKey = (0, import_react19.useRef)(appendQueryKey);
+  const committedAppendQueryKey = (0, import_react20.useRef)(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
   const data = appendQuery ? appendQuery.pagination.rows : suppliedData;
   const isLoading = appendQuery ? appendQuery.pagination.loading : suppliedLoading;
@@ -8561,10 +8623,10 @@ function MatrxDataTableCore({
   const Link = host.Link ?? DefaultTableLink;
   const SidePanelSurface = host.SidePanelSurface ?? DefaultTableSidePanel;
   const { notify: toast, notice } = useTableNotice();
-  const [savedViewError, setSavedViewError] = (0, import_react19.useState)(null);
-  const [toolbarActionError, setToolbarActionError] = (0, import_react19.useState)(null);
-  const [toolbarActionPending, setToolbarActionPending] = (0, import_react19.useState)({ refresh: false, add: false });
-  const toolbarActionPendingRef = (0, import_react19.useRef)({ refresh: false, add: false });
+  const [savedViewError, setSavedViewError] = (0, import_react20.useState)(null);
+  const [toolbarActionError, setToolbarActionError] = (0, import_react20.useState)(null);
+  const [toolbarActionPending, setToolbarActionPending] = (0, import_react20.useState)({ refresh: false, add: false });
+  const toolbarActionPendingRef = (0, import_react20.useRef)({ refresh: false, add: false });
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "lg" ? "lg:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : "max-sm:hidden";
@@ -8577,7 +8639,7 @@ function MatrxDataTableCore({
   const sourceOwnsIntelligentSearch = sourceProcessing?.intelligentSearch === "source";
   const sourceOwnsSearch = remoteQuery?.mode === "controlled" || appendQuery !== null && sourceProcessing === void 0 || sourceProcessing?.search === "source" || sourceOwnsIntelligentSearch;
   const intelligentSearchEnabled = toolbar?.intelligentSearch !== void 0 && (sourceOwnsIntelligentSearch || remoteQuery === null && !sourceOwnsSearch);
-  const emitControlledQueryChange = (0, import_react19.useCallback)(
+  const emitControlledQueryChange = (0, import_react20.useCallback)(
     (patch, options) => {
       if (!controlledQuery) return;
       controlledQuery.onStateChange(
@@ -8586,8 +8648,8 @@ function MatrxDataTableCore({
     },
     [controlledQuery]
   );
-  const [internalSearch, setInternalSearch] = (0, import_react19.useState)("");
-  const [draggedRowId, setDraggedRowId] = (0, import_react19.useState)(null);
+  const [internalSearch, setInternalSearch] = (0, import_react20.useState)("");
+  const [draggedRowId, setDraggedRowId] = (0, import_react20.useState)(null);
   const hierarchySensors = (0, import_core3.useSensors)(
     (0, import_core3.useSensor)(import_core3.PointerSensor, {
       activationConstraint: { distance: COLUMN_REORDER_ACTIVATION_DISTANCE }
@@ -8603,7 +8665,7 @@ function MatrxDataTableCore({
     }
     toolbar?.onSearchChange?.(v);
   };
-  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react19.useState)(
+  const [internalSearchMatchMode, setInternalSearchMatchMode] = (0, import_react20.useState)(
     toolbar?.searchMatch?.defaultMode ?? "contains"
   );
   const searchMatchMode = controlledQuery ? controlledQuery.state.searchMatchMode ?? toolbar?.searchMatch?.defaultMode ?? "contains" : internalSearchMatchMode;
@@ -8614,7 +8676,7 @@ function MatrxDataTableCore({
     }
     setInternalSearchMatchMode(mode);
   };
-  const [internalSearchScope, setInternalSearchScope] = (0, import_react19.useState)("all");
+  const [internalSearchScope, setInternalSearchScope] = (0, import_react20.useState)("all");
   const searchScope = controlledQuery ? controlledQuery.state.searchScope ?? "all" : internalSearchScope;
   const setSearchScope = (scope) => {
     if (controlledQuery) {
@@ -8623,7 +8685,7 @@ function MatrxDataTableCore({
     }
     setInternalSearchScope(scope);
   };
-  const [internalAnyOf, setInternalAnyOf] = (0, import_react19.useState)("");
+  const [internalAnyOf, setInternalAnyOf] = (0, import_react20.useState)("");
   const toolbarAnyOfControlled = toolbar?.anyOf?.value !== void 0;
   const anyOfValue = controlledQuery ? controlledQuery.state.anyOf : toolbarAnyOfControlled ? toolbar?.anyOf?.value ?? "" : internalAnyOf;
   const setAnyOfValue = (v) => {
@@ -8634,7 +8696,7 @@ function MatrxDataTableCore({
     }
     toolbar?.anyOf?.onChange?.(v);
   };
-  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react19.useState)([]);
+  const [internalLayeredFilters, setInternalLayeredFilters] = (0, import_react20.useState)([]);
   const layeredFilters = controlledQuery ? controlledQuery.state.layeredFilters ?? [] : internalLayeredFilters;
   const setLayeredFilters = (next) => {
     if (controlledQuery) {
@@ -8643,7 +8705,7 @@ function MatrxDataTableCore({
     }
     setInternalLayeredFilters(next);
   };
-  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react19.useState)({});
+  const [internalColumnFilters, setInternalColumnFilters] = (0, import_react20.useState)({});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
   const setColumnFilter = (id, next) => {
     const nextFilters = { ...columnFilters, [id]: next };
@@ -8656,7 +8718,7 @@ function MatrxDataTableCore({
     }
     setInternalColumnFilters(nextFilters);
   };
-  const [internalSort, setInternalSort] = (0, import_react19.useState)(defaultSort);
+  const [internalSort, setInternalSort] = (0, import_react20.useState)(defaultSort);
   const sort = controlledQuery ? controlledQuery.state.sort : internalSort;
   const setSort = (next) => {
     if (controlledQuery) {
@@ -8665,7 +8727,7 @@ function MatrxDataTableCore({
     }
     setInternalSort(next);
   };
-  const [internalPage, setInternalPage] = (0, import_react19.useState)(1);
+  const [internalPage, setInternalPage] = (0, import_react20.useState)(1);
   const page = controlledQuery ? controlledQuery.state.page : internalPage;
   const setPage = (next) => {
     if (controlledQuery) {
@@ -8674,7 +8736,7 @@ function MatrxDataTableCore({
     }
     setInternalPage(next);
   };
-  const [internalPageSize, setInternalPageSize] = (0, import_react19.useState)(
+  const [internalPageSize, setInternalPageSize] = (0, import_react20.useState)(
     defaultPageSize === 0 ? Math.max(data.length, 1) : defaultPageSize
   );
   const pageSize = controlledQuery ? controlledQuery.state.pageSize : internalPageSize;
@@ -8685,26 +8747,26 @@ function MatrxDataTableCore({
     }
     setInternalPageSize(next);
   };
-  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react19.useState)(null);
+  const [uncontrolledSelectedId, setUncontrolledSelectedId] = (0, import_react20.useState)(null);
   const rawSelectedId = controlledSelectedId !== void 0 ? controlledSelectedId : uncontrolledSelectedId;
   const selectedId = appendSourceChanged ? null : rawSelectedId;
   const setSelectedId = (id) => {
     if (controlledSelectedId === void 0) setUncontrolledSelectedId(id);
     onSelectedIdChange?.(id);
   };
-  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react19.useState)(null);
+  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = (0, import_react20.useState)(null);
   const rawWindowRowId = controlledWindowRowId !== void 0 ? controlledWindowRowId : uncontrolledWindowRowId;
   const windowRowId = appendSourceChanged ? null : rawWindowRowId;
   const setWindowRowId = (id) => {
     if (controlledWindowRowId === void 0) setUncontrolledWindowRowId(id);
     onWindowRowIdChange?.(id);
   };
-  const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react19.useState)(null);
+  const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react20.useState)(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
-  const [editsByScope, setEditsByScope] = (0, import_react19.useState)({});
-  const editRevisionRef = (0, import_react19.useRef)({});
-  const [savingByScope, setSavingByScope] = (0, import_react19.useState)({});
-  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react19.useState)(false);
+  const [editsByScope, setEditsByScope] = (0, import_react20.useState)({});
+  const editRevisionRef = (0, import_react20.useRef)({});
+  const [savingByScope, setSavingByScope] = (0, import_react20.useState)({});
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react20.useState)(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
@@ -8771,7 +8833,7 @@ function MatrxDataTableCore({
     rows: Object.entries(draft.values).map(([rowId, columns2]) => ({ rowId, columns: columns2 }))
   }));
   const selection = appendSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -8789,11 +8851,14 @@ function MatrxDataTableCore({
     onWindowRowIdChange,
     selectionConfig
   ]);
-  const scrollRef = (0, import_react19.useRef)(null);
-  const tableRef = (0, import_react19.useRef)(null);
-  const cardsScrollRef = (0, import_react19.useRef)(null);
-  const previousAppendKeyForScrollReset = (0, import_react19.useRef)(appendQueryKey);
-  (0, import_react19.useLayoutEffect)(() => {
+  const scrollRef = (0, import_react20.useRef)(null);
+  const tableRef = (0, import_react20.useRef)(null);
+  const tableHeaderRef = (0, import_react20.useRef)(null);
+  const cardsScrollRef = (0, import_react20.useRef)(null);
+  const [documentStickyHeader, setDocumentStickyHeader] = (0, import_react20.useState)(false);
+  const documentStickyHeaderRef = (0, import_react20.useRef)(false);
+  const previousAppendKeyForScrollReset = (0, import_react20.useRef)(appendQueryKey);
+  (0, import_react20.useLayoutEffect)(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -8818,13 +8883,13 @@ function MatrxDataTableCore({
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.thresholdPx !== void 0 ? { thresholdPx: appendScrollPolicy.thresholdPx } : {},
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
   });
-  const rootRef = (0, import_react19.useRef)(null);
+  const rootRef = (0, import_react20.useRef)(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
-  const [scrollHintRight, setScrollHintRight] = (0, import_react19.useState)(false);
-  const [scrollHintLeft, setScrollHintLeft] = (0, import_react19.useState)(false);
-  const updateScrollHint = (0, import_react19.useCallback)(() => {
+  const [scrollHintRight, setScrollHintRight] = (0, import_react20.useState)(false);
+  const [scrollHintLeft, setScrollHintLeft] = (0, import_react20.useState)(false);
+  const updateScrollHint = (0, import_react20.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     setScrollHintRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 2);
@@ -8838,7 +8903,7 @@ function MatrxDataTableCore({
       behavior: "smooth"
     });
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     updateScrollHint();
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
@@ -8853,30 +8918,89 @@ function MatrxDataTableCore({
       observer?.disconnect();
     };
   }, [updateScrollHint, data, columns]);
-  const [columnOrder, setColumnOrder] = (0, import_react19.useState)(() => columnState?.order ?? columns.map(columnId));
-  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react19.useState)(
+  (0, import_react20.useLayoutEffect)(() => {
+    const scroll = scrollRef.current;
+    const table = tableRef.current;
+    const header = tableHeaderRef.current;
+    if (!scroll || !table || !header || !stickyHeader) return;
+    let frame = 0;
+    const update = () => {
+      const hasInternalVerticalScroll = scroll.scrollHeight > scroll.clientHeight + 1;
+      const nextDocumentSticky = !hasInternalVerticalScroll;
+      if (documentStickyHeaderRef.current !== nextDocumentSticky) {
+        documentStickyHeaderRef.current = nextDocumentSticky;
+        setDocumentStickyHeader(nextDocumentSticky);
+      }
+      if (!nextDocumentSticky) {
+        header.style.setProperty("--matrx-document-sticky-offset", "0px");
+        return;
+      }
+      const previousOffset = Number.parseFloat(
+        header.style.getPropertyValue("--matrx-document-sticky-offset")
+      ) || 0;
+      const headerRect = header.getBoundingClientRect();
+      const naturalHeaderTop = headerRect.top - previousOffset;
+      const tableRect = table.getBoundingClientRect();
+      let scrollTargetTop = 0;
+      for (let ancestor = scroll.parentElement; ancestor; ancestor = ancestor.parentElement) {
+        const ancestorStyle = window.getComputedStyle(ancestor);
+        const overflowY = ancestorStyle.overflowY;
+        if (/^(auto|scroll|overlay)$/.test(overflowY) && ancestor.scrollHeight > ancestor.clientHeight + 1) {
+          const scrollPaddingTop = Number.parseFloat(ancestorStyle.scrollPaddingTop) || 0;
+          scrollTargetTop = ancestor.getBoundingClientRect().top + scrollPaddingTop;
+          break;
+        }
+      }
+      const offset = Math.max(
+        0,
+        Math.min(
+          scrollTargetTop - naturalHeaderTop,
+          tableRect.bottom - headerRect.height - naturalHeaderTop
+        )
+      );
+      header.style.setProperty("--matrx-document-sticky-offset", `${offset}px`);
+    };
+    const requestUpdate = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(update);
+    };
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(requestUpdate);
+    resizeObserver?.observe(scroll);
+    resizeObserver?.observe(table);
+    window.addEventListener("scroll", requestUpdate, true);
+    window.addEventListener("resize", requestUpdate);
+    requestUpdate();
+    return () => {
+      cancelAnimationFrame(frame);
+      resizeObserver?.disconnect();
+      window.removeEventListener("scroll", requestUpdate, true);
+      window.removeEventListener("resize", requestUpdate);
+    };
+  }, [stickyHeader, data, columns]);
+  const [columnOrder, setColumnOrder] = (0, import_react20.useState)(() => columnState?.order ?? columns.map(columnId));
+  const [hiddenColumnIds, setHiddenColumnIds] = (0, import_react20.useState)(
     () => new Set(columnState?.hidden ?? columns.filter((column) => column.hidden).map(columnId))
   );
-  const [columnWidths, setColumnWidths] = (0, import_react19.useState)(
+  const [columnWidths, setColumnWidths] = (0, import_react20.useState)(
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
-  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react19.useState)(null);
-  const knownColumnIds = (0, import_react19.useRef)(new Set(columns.map(columnId)));
-  const draggedColumnId = (0, import_react19.useRef)(null);
-  const columnDragActive = (0, import_react19.useRef)(false);
-  const columnDragRaf = (0, import_react19.useRef)(null);
-  const columnDragScrollDirection = (0, import_react19.useRef)(0);
-  const [columnDragPreview, setColumnDragPreview] = (0, import_react19.useState)(null);
-  const stopColumnDragScroll = (0, import_react19.useCallback)(() => {
+  const [fixedTableGeometry, setFixedTableGeometry] = (0, import_react20.useState)(null);
+  const knownColumnIds = (0, import_react20.useRef)(new Set(columns.map(columnId)));
+  const draggedColumnId = (0, import_react20.useRef)(null);
+  const columnDragActive = (0, import_react20.useRef)(false);
+  const columnDragRaf = (0, import_react20.useRef)(null);
+  const columnDragScrollDirection = (0, import_react20.useRef)(0);
+  const [columnDragPreview, setColumnDragPreview] = (0, import_react20.useState)(null);
+  const stopColumnDragScroll = (0, import_react20.useCallback)(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  (0, import_react19.useEffect)(() => () => {
+  (0, import_react20.useEffect)(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
-  const startColumnDragScroll = (0, import_react19.useCallback)(() => {
+  const startColumnDragScroll = (0, import_react20.useCallback)(() => {
     if (!columnDragActive.current || columnDragRaf.current !== null) return;
     const scrollStep = () => {
       const scroll = scrollRef.current;
@@ -8903,25 +9027,25 @@ function MatrxDataTableCore({
     };
     columnDragRaf.current = requestAnimationFrame(scrollStep);
   }, []);
-  const commitColumnState = (0, import_react19.useCallback)((order, hidden) => {
+  const commitColumnState = (0, import_react20.useCallback)((order, hidden) => {
     if (columnState) columnState.onChange({ order, hidden: [...hidden] });
     else {
       setColumnOrder(order);
       setHiddenColumnIds(hidden);
     }
   }, [columnState]);
-  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react19.useState)(false);
+  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = (0, import_react20.useState)(false);
   const columnManagerOpen = controlledColumnManager?.open ?? internalColumnManagerOpen;
   const setColumnManagerOpen = controlledColumnManager?.onOpenChange ?? setInternalColumnManagerOpen;
-  const columnIds = (0, import_react19.useMemo)(() => columns.map(columnId), [columns]);
-  const effectiveColumnOrder = (0, import_react19.useMemo)(() => columnState ? [...columnState.order.filter((id, index, values) => columnIds.includes(id) && values.indexOf(id) === index), ...columnIds.filter((id) => !columnState.order.includes(id))] : columnOrder, [columnIds, columnOrder, columnState]);
-  const effectiveHiddenColumnIds = (0, import_react19.useMemo)(() => columnState ? new Set(columnState.hidden.filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columnState, hiddenColumnIds]);
-  const effectiveColumnWidths = (0, import_react19.useMemo)(
+  const columnIds = (0, import_react20.useMemo)(() => columns.map(columnId), [columns]);
+  const effectiveColumnOrder = (0, import_react20.useMemo)(() => columnState ? [...columnState.order.filter((id, index, values) => columnIds.includes(id) && values.indexOf(id) === index), ...columnIds.filter((id) => !columnState.order.includes(id))] : columnOrder, [columnIds, columnOrder, columnState]);
+  const effectiveHiddenColumnIds = (0, import_react20.useMemo)(() => columnState ? new Set(columnState.hidden.filter((id) => columnIds.includes(id))) : hiddenColumnIds, [columnIds, columnState, hiddenColumnIds]);
+  const effectiveColumnWidths = (0, import_react20.useMemo)(
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
   );
-  const resizeGestureSnapshotRef = (0, import_react19.useRef)(null);
-  const measureVisibleColumnWidths = (0, import_react19.useCallback)(() => {
+  const resizeGestureSnapshotRef = (0, import_react20.useRef)(null);
+  const measureVisibleColumnWidths = (0, import_react20.useCallback)(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
       "thead th[data-matrx-table-column-id]"
@@ -8935,7 +9059,7 @@ function MatrxDataTableCore({
     }
     return normalizeColumnWidthsForColumns(measured, columns);
   }, [columns]);
-  const measureFixedTableGeometry = (0, import_react19.useCallback)(() => {
+  const measureFixedTableGeometry = (0, import_react20.useCallback)(() => {
     const table = tableRef.current;
     const headers = table ? Array.from(table.querySelectorAll("thead th")) : [];
     const widthFor = (selector) => {
@@ -8965,16 +9089,16 @@ function MatrxDataTableCore({
       ...actionsWidth === void 0 ? {} : { actionsWidth }
     };
   }, [resolvedDensity]);
-  const captureResizeGestureSnapshot = (0, import_react19.useCallback)(() => {
+  const captureResizeGestureSnapshot = (0, import_react20.useCallback)(() => {
     resizeGestureSnapshotRef.current = {
       widths: measureVisibleColumnWidths(),
       geometry: measureFixedTableGeometry()
     };
   }, [measureFixedTableGeometry, measureVisibleColumnWidths]);
-  const clearResizeGestureSnapshot = (0, import_react19.useCallback)(() => {
+  const clearResizeGestureSnapshot = (0, import_react20.useCallback)(() => {
     resizeGestureSnapshotRef.current = null;
   }, []);
-  const commitColumnWidths = (0, import_react19.useCallback)((next, captureInitialWidths = false) => {
+  const commitColumnWidths = (0, import_react20.useCallback)((next, captureInitialWidths = false) => {
     const gestureSnapshot = captureInitialWidths ? resizeGestureSnapshotRef.current : null;
     resizeGestureSnapshotRef.current = null;
     const normalized = normalizeColumnWidthsForColumns(
@@ -8993,7 +9117,7 @@ function MatrxDataTableCore({
     }
     setColumnWidths(normalized);
   }, [columnIds, columnState, columns, measureFixedTableGeometry, measureVisibleColumnWidths]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -9012,31 +9136,31 @@ function MatrxDataTableCore({
     setColumnWidths((current) => normalizeColumnWidthsForColumns(current, columns));
     knownColumnIds.current = new Set(ids);
   }, [columns, columnState]);
-  (0, import_react19.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     for (const id of columnIds) {
       tableRef.current?.style.removeProperty(columnResizeCssVar(id));
     }
   });
-  const previewColumnOrder = (0, import_react19.useMemo)(
+  const previewColumnOrder = (0, import_react20.useMemo)(
     () => projectColumnDragOrder(effectiveColumnOrder, columnDragPreview),
     [columnDragPreview, effectiveColumnOrder]
   );
   useColumnReorderAnimation(tableRef, previewColumnOrder.join("\0"), columnDragPreview !== null);
-  const visibleColumns = (0, import_react19.useMemo)(() => {
+  const visibleColumns = (0, import_react20.useMemo)(() => {
     const byId = new Map(columns.map((column) => [columnId(column), column]));
     return previewColumnOrder.map((id) => byId.get(id)).filter(
       (column) => column !== void 0 && !effectiveHiddenColumnIds.has(columnId(column))
     );
   }, [columns, effectiveHiddenColumnIds, previewColumnOrder]);
   const usesMeasuredFixedLayout = visibleColumns.length > 0 && visibleColumns.every((column) => effectiveColumnWidths[columnId(column)] !== void 0);
-  (0, import_react19.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) {
       if (fixedTableGeometry !== null) setFixedTableGeometry(null);
       return;
     }
     if (fixedTableGeometry === null) setFixedTableGeometry(measureFixedTableGeometry());
   }, [fixedTableGeometry, measureFixedTableGeometry, usesMeasuredFixedLayout]);
-  (0, import_react19.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     if (!usesMeasuredFixedLayout) return;
     const table = tableRef.current;
     if (!table) return;
@@ -9058,14 +9182,14 @@ function MatrxDataTableCore({
     setFixedTableGeometry(geometry);
   }, [resolvedDensity, measureFixedTableGeometry, usesMeasuredFixedLayout]);
   const fixedLayoutActive = usesMeasuredFixedLayout && fixedTableGeometry !== null;
-  const declaredVisibleCopyColumns = (0, import_react19.useMemo)(
+  const declaredVisibleCopyColumns = (0, import_react20.useMemo)(
     () => visibleColumns.filter((column) => column.accessorFn !== void 0 || column.accessorKey !== void 0),
     [visibleColumns]
   );
-  const tableCopySourceNamespace = (0, import_react19.useId)();
-  const tableDndContextId = (0, import_react19.useId)();
+  const tableCopySourceNamespace = (0, import_react20.useId)();
+  const tableDndContextId = (0, import_react20.useId)();
   const defaultCopyTitle = toolbar?.title || "Table";
-  const defaultCopy = (0, import_react19.useMemo)(() => ({
+  const defaultCopy = (0, import_react20.useMemo)(() => ({
     label: defaultCopyTitle,
     listLabel: defaultCopyTitle,
     location: defaultCopyTitle,
@@ -9100,7 +9224,7 @@ function MatrxDataTableCore({
       serializer: (shaped) => buildViewAgentInput(effectiveCopy, shaped, data, { scope: "custom" })
     }))
   ] : [];
-  const filterMeta = (0, import_react19.useMemo)(() => {
+  const filterMeta = (0, import_react20.useMemo)(() => {
     const meta = /* @__PURE__ */ new Map();
     for (const col of visibleColumns) {
       const id = columnId(col);
@@ -9108,14 +9232,14 @@ function MatrxDataTableCore({
     }
     return meta;
   }, [visibleColumns, data, remoteQuery]);
-  const intelligentSearchScopes = (0, import_react19.useMemo)(
+  const intelligentSearchScopes = (0, import_react20.useMemo)(
     () => resolveTableSearchScopes(data, columns, {
       ...toolbar?.intelligentSearch?.roles === void 0 ? {} : { roles: toolbar.intelligentSearch.roles },
       ...toolbar?.intelligentSearch?.scopes === void 0 ? {} : { scopes: toolbar.intelligentSearch.scopes }
     }),
     [columns, data, toolbar?.intelligentSearch?.roles, toolbar?.intelligentSearch?.scopes]
   );
-  const processed = (0, import_react19.useMemo)(() => {
+  const processed = (0, import_react20.useMemo)(() => {
     if (remoteQuery && !appendUsesLocalProcessing) return data;
     if (processLocalRows) {
       return processLocalRows(data, {
@@ -9178,8 +9302,8 @@ function MatrxDataTableCore({
     intelligentSearchEnabled,
     searchScope
   ]);
-  const lastNotifiedViewRows = (0, import_react19.useRef)(null);
-  (0, import_react19.useEffect)(() => {
+  const lastNotifiedViewRows = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       return;
@@ -9188,7 +9312,7 @@ function MatrxDataTableCore({
     lastNotifiedViewRows.current = processed;
     if (changed) onViewChange(processed);
   }, [processed, onViewChange]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -9232,7 +9356,7 @@ function MatrxDataTableCore({
     numberedPageHasMore: !hidePagination && !isLoading && !isFetching && processed.length > 0 && safePage < pageCount && (remoteQuery?.mode === "controlled" || !remoteQuery && localPagination?.mode === "numbered"),
     onPageAdvance: setPage
   });
-  const paginated = (0, import_react19.useMemo)(() => {
+  const paginated = (0, import_react20.useMemo)(() => {
     if (remoteQuery) return processed;
     if (hidePagination) return processed;
     if (localProgressiveEnabled) return [...progressiveRows.rows];
@@ -9240,15 +9364,15 @@ function MatrxDataTableCore({
     const start = (safePage - 1) * effectivePageSize;
     return processed.slice(start, start + effectivePageSize);
   }, [processed, safePage, effectivePageSize, pageSize, remoteQuery, hidePagination, localProgressiveEnabled, progressiveRows.rows]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!controlledQuery || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage]);
-  const selectedRow = (0, import_react19.useMemo)(() => {
+  const selectedRow = (0, import_react20.useMemo)(() => {
     if (!selectedId) return null;
     return data.find((r) => getRowId(r) === selectedId) ?? null;
   }, [data, selectedId, getRowId]);
-  const windowRow = (0, import_react19.useMemo)(() => {
+  const windowRow = (0, import_react20.useMemo)(() => {
     if (!windowRowId) return null;
     return data.find((r) => getRowId(r) === windowRowId) ?? (windowRowSnapshot && windowRowSnapshot.queryKey === appendQueryKey && getRowId(windowRowSnapshot.row) === windowRowId ? windowRowSnapshot.row : null);
   }, [data, windowRowId, windowRowSnapshot, getRowId, appendQueryKey]);
@@ -9259,7 +9383,21 @@ function MatrxDataTableCore({
   );
   const editEnabled = Boolean(edit?.enabled && edit.onSave);
   const showRowCopy = effectiveCopy !== void 0 && effectiveCopy.showRow !== false;
+  const rowCopyInMenu = rowCopyPlacement === "menu" && Boolean(rowActions);
+  const showInlineRowCopy = showRowCopy && !rowCopyInMenu;
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
+  const renderRowActions = (row, controls) => {
+    const actions = rowActions?.(row, controls);
+    if (!effectiveCopy || !showRowCopy) return actions;
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      MatrxTableRowAlchemyProvider,
+      {
+        copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? declaredVisibleCopyColumns : void 0),
+        placement: rowCopyInMenu ? "menu" : "inline",
+        children: actions
+      }
+    );
+  };
   const activeFilterCount = countActiveColumnFilters(columnFilters);
   const facetActive = (toolbar?.facets ?? []).some((f) => {
     if (f.type === "custom") return f.filter?.active ?? false;
@@ -9267,7 +9405,7 @@ function MatrxDataTableCore({
     return def !== void 0 && f.value !== def;
   });
   const hasActiveFilters = activeFilterCount > 0 || Boolean(searchValue.trim()) || intelligentSearchEnabled && searchScope !== "all" || Boolean(anyOfValue.trim()) || completeLayeredFilterRules(layeredFilters).length > 0 || facetActive;
-  const changeCount = (0, import_react19.useMemo)(() => {
+  const changeCount = (0, import_react20.useMemo)(() => {
     let n = 0;
     for (const fields of Object.values(edits)) {
       n += Object.keys(fields).length;
@@ -9334,7 +9472,7 @@ function MatrxDataTableCore({
   const renderedEmptyState = remoteQuery === null && data.length > 0 && hasActiveFilters ? {
     title: "No matching rows",
     description: "No rows match the current search or filters.",
-    action: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
+    action: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
     icon: void 0
   } : emptyState;
   const commitCell = (rowId, field, next) => {
@@ -9375,7 +9513,7 @@ function MatrxDataTableCore({
   };
   const hierarchyRows = hierarchy?.rows ?? data;
   const hierarchyGetParentId = hierarchy?.getParentId;
-  const hierarchyIndex = (0, import_react19.useMemo)(() => {
+  const hierarchyIndex = (0, import_react20.useMemo)(() => {
     if (!hierarchyGetParentId) return null;
     const byId = /* @__PURE__ */ new Map();
     const parentById = /* @__PURE__ */ new Map();
@@ -9407,7 +9545,7 @@ function MatrxDataTableCore({
     return { byId, parentById, depthById };
   }, [hierarchyGetParentId, hierarchyRows, getRowId]);
   const draggedRow = draggedRowId && hierarchyIndex ? hierarchyIndex.byId.get(draggedRowId) : void 0;
-  const hierarchyBlockedIds = (0, import_react19.useMemo)(() => {
+  const hierarchyBlockedIds = (0, import_react20.useMemo)(() => {
     if (!draggedRowId || !hierarchyIndex) return null;
     const childrenById = /* @__PURE__ */ new Map();
     for (const [id, parentId] of hierarchyIndex.parentById) {
@@ -9586,8 +9724,8 @@ function MatrxDataTableCore({
     setEdits({});
     edit?.onCancel?.();
   };
-  const showActionsCol = windowEnabled || Boolean(rowActions) || showRowCopy;
-  const selectedIdSet = (0, import_react19.useMemo)(
+  const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
+  const selectedIdSet = (0, import_react20.useMemo)(
     () => new Set(selection?.selectedIds ?? []),
     [selection?.selectedIds]
   );
@@ -9599,11 +9737,11 @@ function MatrxDataTableCore({
   );
   const allOnPageSelected = selectableRows.length > 0 && selectedOnPage.length === selectableRows.length;
   const someOnPageSelected = selectedOnPage.length > 0 && !allOnPageSelected;
-  const selectedRows = (0, import_react19.useMemo)(
+  const selectedRows = (0, import_react20.useMemo)(
     () => data.filter((row) => selectedIdSet.has(getRowId(row))),
     [data, selectedIdSet, getRowId]
   );
-  const lastToggledIndex = (0, import_react19.useRef)(null);
+  const lastToggledIndex = (0, import_react20.useRef)(null);
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
     if (!selection) return;
@@ -9656,7 +9794,7 @@ function MatrxDataTableCore({
     const display = renderCell(applyRowEdits(row, rowEdits), col, index);
     const href = col.href?.(row) ?? void 0;
     if (editEnabled && col.editable && (col.editableIf?.(row) ?? true)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         EditableTableCell,
         {
           value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -9670,9 +9808,9 @@ function MatrxDataTableCore({
         }
       );
     }
-    return href ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Link, { href, onClick: (event) => event.stopPropagation(), className: "block w-full min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
+    return href ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Link, { href, onClick: (event) => event.stopPropagation(), className: "block w-full min-w-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring", children: display }) : display;
   };
-  const currentViewSnapshot = (0, import_react19.useMemo)(
+  const currentViewSnapshot = (0, import_react20.useMemo)(
     () => ({
       __kind: "matrx-table-view",
       version: 1,
@@ -9707,7 +9845,7 @@ function MatrxDataTableCore({
       sort
     ]
   );
-  const declaredDefaultViewSnapshot = (0, import_react19.useMemo)(
+  const declaredDefaultViewSnapshot = (0, import_react20.useMemo)(
     () => defaultViewSnapshot ?? {
       __kind: "matrx-table-view",
       version: 1,
@@ -9726,7 +9864,7 @@ function MatrxDataTableCore({
     },
     [columns, defaultPageSize, defaultSort, defaultViewSnapshot]
   );
-  const applySavedView = (0, import_react19.useCallback)(
+  const applySavedView = (0, import_react20.useCallback)(
     (rawSnapshot) => {
       const snapshot = parseTableViewSnapshot(rawSnapshot);
       if (!snapshot) {
@@ -9776,7 +9914,7 @@ function MatrxDataTableCore({
     },
     [columns, commitColumnState, commitColumnWidths, controlledQuery, intelligentSearchEnabled, intelligentSearchScopes, toolbar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     import_core3.DndContext,
     {
       id: tableDndContextId,
@@ -9869,7 +10007,7 @@ function MatrxDataTableCore({
         commitColumnState(order, effectiveHiddenColumnIds);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "div",
           {
             ref: rootRef,
@@ -9883,14 +10021,14 @@ function MatrxDataTableCore({
             ),
             children: [
               notice,
-              savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
-              toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
-              !hideToolbar && (viewTabs || toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
+              toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
+              !hideToolbar && (viewTabs || toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                 TableTitleRow,
                 {
-                  tabs: viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
+                  tabs: viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
-                  context: tableId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  context: tableId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     SavedViews,
                     {
                       tableId,
@@ -9899,7 +10037,7 @@ function MatrxDataTableCore({
                       onApply: applySavedView
                     }
                   ) }) : void 0,
-                  search: showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  search: showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     TableSearch,
                     {
                       value: searchValue,
@@ -9909,7 +10047,7 @@ function MatrxDataTableCore({
                       scopes: intelligentSearchScopes,
                       ...toolbar?.searchPlaceholder === void 0 ? {} : { placeholder: toolbar.searchPlaceholder }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                     "div",
                     {
                       "data-matrx-table-search": true,
@@ -9918,9 +10056,9 @@ function MatrxDataTableCore({
                         toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             Input,
                             {
                               value: searchValue,
@@ -9933,22 +10071,22 @@ function MatrxDataTableCore({
                               style: { fontSize: "16px" }
                             }
                           ),
-                          searchValue ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          searchValue ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                               "button",
                               {
                                 type: "button",
                                 "aria-label": "Clear search",
                                 className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
                                 onClick: () => setSearchValue(""),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(X, { className: "h-5 w-5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(X, { className: "h-5 w-5" })
                               }
                             ) }),
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "Clear search" })
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "Clear search" })
                           ] }) : null
                         ] }),
-                        toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                        toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                             Button,
                             {
                               type: "button",
@@ -9961,18 +10099,18 @@ function MatrxDataTableCore({
                                 searchMatchMode === "whole_words" ? "contains" : "whole_words"
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(WholeWord, { className: "h-5 w-5" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(WholeWord, { className: "h-5 w-5" }),
                                 searchMatchMode === "whole_words" ? "Whole words" : "Contains"
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
                         ] }) : null
                       ]
                     }
                   ) : null,
                   children: [
-                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       LayeredFilterBuilder,
                       {
                         fields: toolbar.layeredFilters.fields,
@@ -9982,9 +10120,9 @@ function MatrxDataTableCore({
                         label: toolbar.layeredFilters.label
                       }
                     ) : null,
-                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative w-full max-w-xs", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative w-full max-w-xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         Input,
                         {
                           value: anyOfValue,
@@ -9994,22 +10132,22 @@ function MatrxDataTableCore({
                           style: { fontSize: "16px" }
                         }
                       ),
-                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           "button",
                           {
                             type: "button",
                             "aria-label": "Clear match-any search",
                             className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
                             onClick: () => setAnyOfValue(""),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(X, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(X, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "Clear match-any search" })
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "Clear match-any search" })
                       ] }) : null
                     ] }) : null,
-                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
-                    toolbar?.leading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
+                    toolbar?.leading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       "div",
                       {
                         "data-matrx-table-toolbar-extras": true,
@@ -10017,13 +10155,13 @@ function MatrxDataTableCore({
                         children: toolbar.leading
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                       "div",
                       {
                         "data-matrx-table-actions": true,
                         className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
                         children: [
-                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                             "span",
                             {
                               "data-matrx-table-source-total": true,
@@ -10040,7 +10178,7 @@ function MatrxDataTableCore({
                               ]
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10048,10 +10186,10 @@ function MatrxDataTableCore({
                               tooltip: hasActiveFilters ? "Clear search and filters; keep columns and sort" : "No search or filters to clear",
                               disabled: !hasActiveFilters,
                               onClick: clearAllFilters,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Eraser, {})
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Eraser, {})
                             }
                           ),
-                          showToolbarCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          showToolbarCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             CopyButtons,
                             {
                               size: "toolbar",
@@ -10094,17 +10232,17 @@ function MatrxDataTableCore({
                               }
                             }
                           ) : null,
-                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
                               ariaLabel: "Columns",
                               tooltip: "Show, hide, or reorder columns",
                               onClick: () => setColumnManagerOpen(true),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SlidersHorizontal, {})
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SlidersHorizontal, {})
                             }
                           ) : null,
-                          toolbar?.refresh ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          toolbar?.refresh ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10126,10 +10264,10 @@ function MatrxDataTableCore({
                                   setToolbarActionPending((current) => ({ ...current, refresh: false }));
                                 });
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
                             }
                           ) : null,
-                          toolbar?.add ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                          toolbar?.add ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10151,7 +10289,7 @@ function MatrxDataTableCore({
                                   setToolbarActionPending((current) => ({ ...current, add: false }));
                                 });
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Plus, {})
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Plus, {})
                             }
                           ) : null,
                           toolbar?.actions
@@ -10161,15 +10299,15 @@ function MatrxDataTableCore({
                   ]
                 }
               ),
-              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
+              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
                   (0, import_format3.formatCount)(selectionCount),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
                   " selected"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                   Button,
                   {
                     type: "button",
@@ -10181,13 +10319,13 @@ function MatrxDataTableCore({
                       selection.onSelectedIdsChange([]);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(X, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(X, { className: "h-3.5 w-3.5" }),
                       "Clear"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
-                  effectiveCopy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
+                  effectiveCopy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     CopyButtons,
                     {
                       size: "icon",
@@ -10220,9 +10358,9 @@ function MatrxDataTableCore({
                   selection.actions?.(selectedRows, selection.selectedIds)
                 ] })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                     "div",
                     {
                       ref: cardsScrollRef,
@@ -10230,37 +10368,37 @@ function MatrxDataTableCore({
                       "aria-busy": isLoading || isFetching,
                       ...appendQuery === null ? {} : { style: { containerType: "inline-size" } },
                       className: cn(
-                        "flex h-full min-h-0 flex-col gap-2 overflow-y-auto rounded-md border border-border bg-card p-2",
+                        "relative flex h-full min-h-0 flex-col gap-2 overflow-y-auto rounded-md border border-border bg-card p-2",
                         mobileCardsClass
                       ),
                       children: [
-                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                           "div",
                           {
                             role: "status",
-                            className: "h-0.5 shrink-0 overflow-hidden rounded-full bg-primary/15",
+                            className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 overflow-hidden bg-primary/15",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           Skeleton,
                           {
                             className: "h-52 w-full shrink-0 rounded-lg"
                           },
                           `mobile-card-sk-${index}`
-                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                           renderedEmptyState?.icon,
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                          renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                          renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
                           renderedEmptyState?.action
                         ] }) }) : paginated.map((row, index) => {
                           const id = getRowId(row);
                           const displayRow = applyRowEdits(row, edits[id]);
                           const selectable = selection?.isRowSelectable?.(row) ?? Boolean(selection);
-                          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react19.Fragment, { children: mobileCards(displayRow, index, {
+                          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react20.Fragment, { children: mobileCards(displayRow, index, {
                             renderCell: (columnKey) => {
                               const column = columns.find((candidate) => columnId(candidate) === columnKey);
                               return column ? renderRecordCell(row, column, index) : null;
@@ -10276,14 +10414,14 @@ function MatrxDataTableCore({
                               else next.delete(id);
                               setSelectedIds(next);
                             },
-                            actions: showRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                            actions: showInlineRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                               "div",
                               {
                                 "data-matrx-table-row-actions": true,
                                 className: "inline-flex items-center justify-end gap-0",
                                 onClick: (event) => event.stopPropagation(),
                                 children: [
-                                  showRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                  showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                     TableRowCopyControl,
                                     {
                                       size: "toolbar",
@@ -10293,7 +10431,7 @@ function MatrxDataTableCore({
                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                     }
                                   ) : null,
-                                  rowActions?.(displayRow, {
+                                  renderRowActions(displayRow, {
                                     closeDetail: () => setSelectedId(null),
                                     openDetail: () => openDetail(displayRow),
                                     openWindow: () => openWindow(displayRow),
@@ -10306,7 +10444,7 @@ function MatrxDataTableCore({
                             ) : null
                           }) }, id);
                         }),
-                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                           "div",
                           {
                             "data-matrx-table-append-loading-card": true,
@@ -10314,7 +10452,7 @@ function MatrxDataTableCore({
                             "aria-live": "polite",
                             className: "sticky bottom-0 z-20 flex h-16 w-full max-w-[100cqw] shrink-0 items-center justify-center gap-2 rounded-md border border-border bg-card/95 px-3 text-sm font-medium text-foreground shadow-sm backdrop-blur-sm",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                 Loader2,
                                 {
                                   "aria-hidden": "true",
@@ -10328,7 +10466,7 @@ function MatrxDataTableCore({
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                     "div",
                     {
                       ref: scrollRef,
@@ -10342,32 +10480,32 @@ function MatrxDataTableCore({
                         tableClassName
                       ),
                       children: [
-                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           HierarchyRootDropTarget,
                           {
                             label: hierarchy.rootDropLabel ?? "Drop here to move to the top level",
                             draggedLabel: hierarchy.itemLabel?.(draggedRow) ?? "Moving row"
                           }
                         ) : null,
-                        hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           HierarchyDragIndicatorLayer,
                           {
                             scrollRef,
                             resolve: resolveHierarchyMove
                           }
                         ) : null,
-                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                           "div",
                           {
                             role: "status",
-                            className: "sticky left-0 top-0 z-20 h-0.5 w-full overflow-hidden bg-primary/15",
+                            className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 overflow-hidden bg-primary/15",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                           "table",
                           {
                             ref: tableRef,
@@ -10385,146 +10523,157 @@ function MatrxDataTableCore({
                               fixedLayoutActive && "sm:table-fixed sm:max-w-none sm:w-[var(--matrx-resized-table-width)]"
                             ),
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "sticky top-0 z-10 border-b border-border bg-muted/90 shadow-[0_1px_0_0_var(--border)] backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
-                                selection ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                  "th",
-                                  {
-                                    "data-matrx-table-selection-column": true,
-                                    className: "h-9 w-9 px-2 text-left align-middle",
-                                    style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth),
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                      "div",
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "thead",
+                                {
+                                  ref: tableHeaderRef,
+                                  "data-matrx-table-sticky-header": stickyHeader ? "true" : void 0,
+                                  className: cn(
+                                    "z-10 border-b border-border bg-muted/90 shadow-[0_1px_0_0_var(--border)] backdrop-blur-sm",
+                                    stickyHeader && (documentStickyHeader ? "relative translate-y-[var(--matrx-document-sticky-offset)]" : "sticky top-0")
+                                  ),
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("tr", { children: [
+                                    selection ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                      "th",
                                       {
-                                        "data-matrx-table-selection-target": true,
-                                        onClick: (event) => {
-                                          if (event.target === event.currentTarget) {
-                                            event.currentTarget.querySelector('[role="checkbox"]')?.click();
-                                          }
-                                        },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                          Checkbox,
+                                        "data-matrx-table-selection-column": true,
+                                        className: "h-9 w-9 px-2 text-left align-middle",
+                                        style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth),
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                          "div",
                                           {
-                                            className: CHECKBOX_TAP_AREA,
-                                            checked: allOnPageSelected ? true : someOnPageSelected ? "indeterminate" : false,
-                                            disabled: selectableRows.length === 0,
-                                            onCheckedChange: toggleAllOnPage,
-                                            "aria-label": allOnPageSelected ? "Clear selection on this page" : "Select every row on this page"
+                                            "data-matrx-table-selection-target": true,
+                                            onClick: (event) => {
+                                              if (event.target === event.currentTarget) {
+                                                event.currentTarget.querySelector('[role="checkbox"]')?.click();
+                                              }
+                                            },
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                              Checkbox,
+                                              {
+                                                className: CHECKBOX_TAP_AREA,
+                                                checked: allOnPageSelected ? true : someOnPageSelected ? "indeterminate" : false,
+                                                disabled: selectableRows.length === 0,
+                                                onCheckedChange: toggleAllOnPage,
+                                                "aria-label": allOnPageSelected ? "Clear selection on this page" : "Select every row on this page"
+                                              }
+                                            )
                                           }
                                         )
                                       }
-                                    )
-                                  }
-                                ) : null,
-                                visibleColumns.map((col) => {
-                                  const id = columnId(col);
-                                  const meta = filterMeta.get(id);
-                                  const isSorted = sort?.id === id;
-                                  const headerLabel = col.label ?? (typeof col.header === "string" ? col.header : id);
-                                  const defaultSortDirection = col.defaultSortDirection ?? "asc";
-                                  const isColumnDragShadow = columnDragPreview?.draggedId === id && columnDragPreview.targetId !== null;
-                                  const columnResizable = resizableColumns && col.resizable !== false;
-                                  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-                                    "th",
-                                    {
-                                      "data-matrx-table-column-id": id,
-                                      "data-matrx-column-drag-shadow": isColumnDragShadow ? "true" : void 0,
-                                      "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
-                                      className: cn(
-                                        "relative h-9 text-left align-middle max-sm:whitespace-nowrap",
-                                        // ICON COLUMN (MatrxColumnDef.compact): a 40px star
-                                        // column cannot honor `width: 40` while paying 16px of
-                                        // padding for a 14px glyph.
-                                        col.compact ? "px-1" : "px-2",
-                                        // An intentional mobile column set (see
-                                        // MatrxColumnDef.mobileHidden). CSS, not a JS
-                                        // breakpoint — no hydration mismatch, and the column
-                                        // stays sortable/filterable from the toolbar.
-                                        col.mobileHidden && "max-sm:hidden",
-                                        // Consumer widths are desktop tuning: applied from `sm`
-                                        // up via a CSS var. The minimum is load-bearing: without
-                                        // it, a crowded table crushes a declared 190px column to a
-                                        // few characters wide instead of using the canonical
-                                        // horizontal-scroll surface.
-                                        (col.width !== void 0 || columnResizable) && "sm:w-[var(--matrx-col-w)] sm:min-w-[var(--matrx-col-w)]",
-                                        col.headerClassName,
-                                        isColumnDragShadow && "bg-primary/10 shadow-[inset_2px_0_0_var(--primary),inset_-2px_0_0_var(--primary)]",
-                                        col.align === "center" && "text-center",
-                                        col.align === "right" && "text-right"
-                                      ),
-                                      style: columnWidthVar(col.width, effectiveColumnWidths[id], id, columnResizable),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                          ColumnHeaderCell,
-                                          {
-                                            label: col.header,
-                                            labelText: headerLabel,
-                                            sortable: col.sortable !== false,
-                                            isSorted: Boolean(isSorted),
-                                            sortDirection: sort?.direction ?? defaultSortDirection,
-                                            onSortAsc: () => setSort({ id, direction: "asc" }),
-                                            onSortDesc: () => setSort({ id, direction: "desc" }),
-                                            onClearSort: () => setSort(null),
-                                            onHeaderSortClick: () => {
-                                              if (!isSorted) {
-                                                setSort({ id, direction: defaultSortDirection });
-                                                return;
+                                    ) : null,
+                                    visibleColumns.map((col) => {
+                                      const id = columnId(col);
+                                      const meta = filterMeta.get(id);
+                                      const isSorted = sort?.id === id;
+                                      const headerLabel = col.label ?? (typeof col.header === "string" ? col.header : id);
+                                      const defaultSortDirection = col.defaultSortDirection ?? "asc";
+                                      const isColumnDragShadow = columnDragPreview?.draggedId === id && columnDragPreview.targetId !== null;
+                                      const columnResizable = resizableColumns && col.resizable !== false;
+                                      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                                        "th",
+                                        {
+                                          "data-matrx-table-column-id": id,
+                                          "data-matrx-column-drag-shadow": isColumnDragShadow ? "true" : void 0,
+                                          "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
+                                          className: cn(
+                                            "relative h-9 text-left align-middle max-sm:whitespace-nowrap",
+                                            // ICON COLUMN (MatrxColumnDef.compact): a 40px star
+                                            // column cannot honor `width: 40` while paying 16px of
+                                            // padding for a 14px glyph.
+                                            col.compact ? "px-1" : "px-2",
+                                            // An intentional mobile column set (see
+                                            // MatrxColumnDef.mobileHidden). CSS, not a JS
+                                            // breakpoint — no hydration mismatch, and the column
+                                            // stays sortable/filterable from the toolbar.
+                                            col.mobileHidden && "max-sm:hidden",
+                                            // Consumer widths are desktop tuning: applied from `sm`
+                                            // up via a CSS var. The minimum is load-bearing: without
+                                            // it, a crowded table crushes a declared 190px column to a
+                                            // few characters wide instead of using the canonical
+                                            // horizontal-scroll surface.
+                                            (col.width !== void 0 || columnResizable) && "sm:w-[var(--matrx-col-w)] sm:min-w-[var(--matrx-col-w)]",
+                                            col.headerClassName,
+                                            isColumnDragShadow && "bg-primary/10 shadow-[inset_2px_0_0_var(--primary),inset_-2px_0_0_var(--primary)]",
+                                            col.align === "center" && "text-center",
+                                            col.align === "right" && "text-right"
+                                          ),
+                                          style: columnWidthVar(col.width, effectiveColumnWidths[id], id, columnResizable),
+                                          children: [
+                                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                              ColumnHeaderCell,
+                                              {
+                                                label: col.header,
+                                                labelText: headerLabel,
+                                                sortable: col.sortable !== false,
+                                                isSorted: Boolean(isSorted),
+                                                sortDirection: sort?.direction ?? defaultSortDirection,
+                                                onSortAsc: () => setSort({ id, direction: "asc" }),
+                                                onSortDesc: () => setSort({ id, direction: "desc" }),
+                                                onClearSort: () => setSort(null),
+                                                onHeaderSortClick: () => {
+                                                  if (!isSorted) {
+                                                    setSort({ id, direction: defaultSortDirection });
+                                                    return;
+                                                  }
+                                                  if (sort?.direction === "asc") {
+                                                    setSort({ id, direction: "desc" });
+                                                    return;
+                                                  }
+                                                  setSort({ id, direction: "asc" });
+                                                },
+                                                filterKind: meta?.kind ?? null,
+                                                filterValue: columnFilters[id],
+                                                onFilterChange: (next) => setColumnFilter(id, next),
+                                                selectOptions: meta?.options,
+                                                selectSingle: col.filterSingle,
+                                                filterApplyLabel: filterUi?.applyLabel,
+                                                filterShowCancel: filterUi?.showCancel,
+                                                filterFooterHint: filterUi?.footerHint,
+                                                allowNegation: filterUi?.allowNegation,
+                                                allowNullModes: filterUi?.allowNullModes,
+                                                align: col.align,
+                                                compact: col.compact,
+                                                reorderColumn: reorderableColumns ? { id, label: headerLabel } : void 0
                                               }
-                                              if (sort?.direction === "asc") {
-                                                setSort({ id, direction: "desc" });
-                                                return;
+                                            ) }),
+                                            columnResizable ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                              ColumnResizeHandle,
+                                              {
+                                                columnId: id,
+                                                label: headerLabel,
+                                                tableRef,
+                                                minWidth: col.minWidth,
+                                                maxWidth: col.maxWidth,
+                                                onResizeStart: captureResizeGestureSnapshot,
+                                                onResizeCancel: clearResizeGestureSnapshot,
+                                                onResizeCommit: (columnId2, width) => commitColumnWidths(
+                                                  { ...effectiveColumnWidths, [columnId2]: width },
+                                                  true
+                                                )
                                               }
-                                              setSort({ id, direction: "asc" });
-                                            },
-                                            filterKind: meta?.kind ?? null,
-                                            filterValue: columnFilters[id],
-                                            onFilterChange: (next) => setColumnFilter(id, next),
-                                            selectOptions: meta?.options,
-                                            selectSingle: col.filterSingle,
-                                            filterApplyLabel: filterUi?.applyLabel,
-                                            filterShowCancel: filterUi?.showCancel,
-                                            filterFooterHint: filterUi?.footerHint,
-                                            allowNegation: filterUi?.allowNegation,
-                                            allowNullModes: filterUi?.allowNullModes,
-                                            align: col.align,
-                                            compact: col.compact,
-                                            reorderColumn: reorderableColumns ? { id, label: headerLabel } : void 0
-                                          }
-                                        ) }),
-                                        columnResizable ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                          ColumnResizeHandle,
-                                          {
-                                            columnId: id,
-                                            label: headerLabel,
-                                            tableRef,
-                                            minWidth: col.minWidth,
-                                            maxWidth: col.maxWidth,
-                                            onResizeStart: captureResizeGestureSnapshot,
-                                            onResizeCancel: clearResizeGestureSnapshot,
-                                            onResizeCommit: (columnId2, width) => commitColumnWidths(
-                                              { ...effectiveColumnWidths, [columnId2]: width },
-                                              true
-                                            )
-                                          }
-                                        ) : null
-                                      ]
-                                    },
-                                    id
-                                  );
-                                }),
-                                showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                  "th",
-                                  {
-                                    "data-matrx-table-actions-column": true,
-                                    className: "h-9 w-px px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-                                    style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
-                                    children: "Actions"
-                                  }
-                                )
-                              ] }) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tbody", { children: [
-                                isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { className: "border-b border-border/60", children: [
-                                  selection ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-2 py-2", style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
-                                  visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                            ) : null
+                                          ]
+                                        },
+                                        id
+                                      );
+                                    }),
+                                    showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                      "th",
+                                      {
+                                        "data-matrx-table-actions-column": true,
+                                        className: "h-9 w-px px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                                        style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
+                                        children: "Actions"
+                                      }
+                                    )
+                                  ] })
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("tbody", { children: [
+                                isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("tr", { className: "border-b border-border/60", children: [
+                                  selection ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", { className: "px-2 py-2", style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
+                                  visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                     "td",
                                     {
                                       className: cn(
@@ -10532,20 +10681,20 @@ function MatrxDataTableCore({
                                         col.compact ? "px-1" : "px-2",
                                         col.mobileHidden && "max-sm:hidden"
                                       ),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-5 w-full" })
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Skeleton, { className: "h-5 w-full" })
                                     },
                                     columnId(col)
                                   )),
-                                  showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "text-right align-middle", style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
-                                ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                  showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", { className: "text-right align-middle", style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
+                                ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                   "td",
                                   {
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                     className: "px-0 py-12 text-center",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { "data-matrx-table-empty-state": true, className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: [
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { "data-matrx-table-empty-state": true, className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: [
                                       renderedEmptyState?.icon,
-                                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                                      renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                                      renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
                                       renderedEmptyState?.action
                                     ] })
                                   }
@@ -10555,7 +10704,7 @@ function MatrxDataTableCore({
                                   const rowEdits = edits[id];
                                   const displayRow = applyRowEdits(row, rowEdits);
                                   const isChecked = selectedIdSet.has(id);
-                                  const rowNode = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                                  const rowNode = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                                     "tr",
                                     {
                                       "data-row-id": id,
@@ -10578,13 +10727,13 @@ function MatrxDataTableCore({
                                         zebra && index % 2 === 1 && !isSelected && !isChecked && "sm:bg-muted/20"
                                       ),
                                       children: [
-                                        selection ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                        selection ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                           "td",
                                           {
                                             className: "px-2 py-1.5 align-middle lg:py-0.5",
                                             style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth),
                                             onClick: (e) => e.stopPropagation(),
-                                            children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                            children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                               "div",
                                               {
                                                 "data-matrx-table-selection-target": true,
@@ -10593,7 +10742,7 @@ function MatrxDataTableCore({
                                                     event.currentTarget.querySelector('[role="checkbox"]')?.click();
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                   Checkbox,
                                                   {
                                                     className: CHECKBOX_TAP_AREA,
@@ -10608,7 +10757,7 @@ function MatrxDataTableCore({
                                         ) : null,
                                         visibleColumns.map((col, colIdx) => {
                                           const isColumnDragShadow = columnDragPreview?.draggedId === columnId(col) && columnDragPreview.targetId !== null;
-                                          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                             "td",
                                             {
                                               "data-matrx-table-column-id": columnId(col),
@@ -10632,14 +10781,14 @@ function MatrxDataTableCore({
                                                 columnId(col),
                                                 resizableColumns && col.resizable !== false
                                               ),
-                                              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                                                 "div",
                                                 {
                                                   className: cn(
                                                     colIdx === 0 && hierarchy && "flex min-w-0 items-center"
                                                   ),
                                                   children: [
-                                                    colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                                    colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                       HierarchyDragHandle,
                                                       {
                                                         id,
@@ -10647,7 +10796,7 @@ function MatrxDataTableCore({
                                                         disabled: !(hierarchy.canReparent?.(row) ?? true)
                                                       }
                                                     ) : null,
-                                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                       "div",
                                                       {
                                                         "data-matrx-cell-content": true,
@@ -10662,20 +10811,20 @@ function MatrxDataTableCore({
                                             columnId(col)
                                           );
                                         }),
-                                        showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                        showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                           "td",
                                           {
                                             "data-matrx-table-row-action-cell": true,
                                             className: "text-right align-middle",
                                             style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                                               "div",
                                               {
                                                 "data-matrx-table-row-actions": true,
                                                 className: "inline-flex items-center justify-end gap-0",
                                                 onClick: (e) => e.stopPropagation(),
                                                 children: [
-                                                  showRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                                  showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                     TableRowCopyControl,
                                                     {
                                                       size: "toolbar",
@@ -10685,7 +10834,7 @@ function MatrxDataTableCore({
                                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                                     }
                                                   ) : null,
-                                                  rowActions?.(displayRow, {
+                                                  renderRowActions(displayRow, {
                                                     closeDetail: () => setSelectedId(null),
                                                     openDetail: () => openDetail(displayRow),
                                                     openWindow: () => openWindow(displayRow),
@@ -10693,8 +10842,8 @@ function MatrxDataTableCore({
                                                     hasPendingEdits: Boolean(rowEdits),
                                                     discardPendingEdits: () => discardRowEdits(id)
                                                   }),
-                                                  windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                                  windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                       Button,
                                                       {
                                                         type: "button",
@@ -10708,10 +10857,10 @@ function MatrxDataTableCore({
                                                           if (windowConfig?.openOnRowClick === true) openDetail(row);
                                                           else openWindow(row);
                                                         },
-                                                        children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PanelRight, { className: "h-5 w-5" })
+                                                        children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelRight, { className: "h-5 w-5" })
                                                       }
                                                     ) }),
-                                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
+                                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
                                                   ] }) : null
                                                 ]
                                               }
@@ -10723,7 +10872,7 @@ function MatrxDataTableCore({
                                     id
                                   );
                                   const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-                                  return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                  return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                     HierarchyDroppableRow,
                                     {
                                       id,
@@ -10731,21 +10880,21 @@ function MatrxDataTableCore({
                                       children: wrappedRow
                                     },
                                     id
-                                  ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react19.Fragment, { children: wrappedRow }, id);
+                                  ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react20.Fragment, { children: wrappedRow }, id);
                                 }),
-                                appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                   "td",
                                   {
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                     className: "sticky bottom-0 z-20 h-16 border-y border-border bg-card/95 px-0 py-0 text-left shadow-sm backdrop-blur-sm",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                                       "div",
                                       {
                                         role: "status",
                                         "aria-live": "polite",
                                         className: "sticky left-0 flex h-16 w-fit max-w-[100cqw] items-center justify-center gap-2 px-3 text-sm font-medium text-foreground",
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                             Loader2,
                                             {
                                               "aria-hidden": "true",
@@ -10759,9 +10908,9 @@ function MatrxDataTableCore({
                                   }
                                 ) }) : null
                               ] }),
-                              footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("tr", { children: [
-                                selection ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "px-2 py-2" }) : null,
-                                visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                              footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("tr", { children: [
+                                selection ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", { className: "px-2 py-2" }) : null,
+                                visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                   "td",
                                   {
                                     className: cn(
@@ -10781,7 +10930,7 @@ function MatrxDataTableCore({
                                   },
                                   columnId(column)
                                 )),
-                                showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", {}) : null
+                                showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", {}) : null
                               ] }, `footer-${index}`)) }) : null
                             ]
                           }
@@ -10789,8 +10938,8 @@ function MatrxDataTableCore({
                       ]
                     }
                   ),
-                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       Button,
                       {
                         type: "button",
@@ -10801,13 +10950,13 @@ function MatrxDataTableCore({
                         "data-matrx-table-scroll-control": "left",
                         className: "absolute left-1.5 top-1/2 z-30 hidden h-11 w-11 -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex",
                         onClick: () => scrollTableHorizontally("left"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronLeft, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronLeft, { className: "h-5 w-5" })
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "More columns to the left" })
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "More columns to the left" })
                   ] }) : null,
-                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       Button,
                       {
                         type: "button",
@@ -10818,26 +10967,26 @@ function MatrxDataTableCore({
                         "data-matrx-table-scroll-control": "right",
                         className: "absolute right-1.5 top-1/2 z-30 hidden h-11 w-11 -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex",
                         onClick: () => scrollTableHorizontally("right"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronRight, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronRight, { className: "h-5 w-5" })
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "More columns to the right" })
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "More columns to the right" })
                   ] }) : null
                 ] }),
-                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                   "div",
                   {
                     "data-matrx-table-footer": true,
                     className: "flex min-h-11 shrink-0 flex-wrap items-center gap-0 border-t border-border",
                     "aria-busy": isLoading || isFetching,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                         "div",
                         {
                           ...isFetching && !isLoading ? {} : { role: "status", "aria-live": "polite" },
                           className: "flex w-full min-w-0 items-center gap-2 text-xs text-muted-foreground sm:w-auto sm:flex-1 sm:text-sm",
                           children: [
-                            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                               Loader2,
                               {
                                 "data-matrx-table-append-loader": true,
@@ -10845,17 +10994,17 @@ function MatrxDataTableCore({
                                 className: "h-5 w-5 shrink-0 animate-spin text-primary motion-reduce:animate-none"
                               }
                             ) : null,
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${(0, import_format3.formatCount)(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${(0, import_format3.formatCount)(appendQuery.pagination.totalItems)}`}` }),
-                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${(0, import_format3.formatCount)(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${(0, import_format3.formatCount)(appendQuery.pagination.totalItems)}`}` }),
+                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { children: [
                                 "Source fixed through",
                                 " ",
                                 new Date(appendQuery.pagination.sourceUntil).toLocaleString(),
                                 "."
                               ] }) : null,
-                              !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: "Local search and filters cover loaded rows." }) : null,
-                              scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null,
-                              appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { role: "status", children: [
+                              !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Local search and filters cover loaded rows." }) : null,
+                              scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null,
+                              appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { role: "status", children: [
                                 appendScrollPolicy.reason,
                                 " Load more remains available."
                               ] }) : null
@@ -10863,26 +11012,26 @@ function MatrxDataTableCore({
                           ]
                         }
                       ),
-                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                         Select,
                         {
                           value: String(appendQuery.pagination.sourcePageSize.value),
                           onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)),
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                               SelectTrigger,
                               {
                                 "aria-label": "Rows per load",
                                 className: "h-11 min-w-20 shrink-0 rounded-md border border-border bg-card px-3 text-sm [&_svg]:size-5",
                                 disabled: isLoading || isFetching || appendQuery.pagination.loadAll?.isLoading,
-                                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, {})
+                                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectValue, {})
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: String(size), children: size }, size)) })
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectItem, { value: String(size), children: size }, size)) })
                           ]
                         }
                       ) : null,
-                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         Button,
                         {
                           type: "button",
@@ -10891,7 +11040,7 @@ function MatrxDataTableCore({
                           onClick: appendQuery.pagination.loadAll.stop,
                           children: "Stop loading"
                         }
-                      ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         Button,
                         {
                           type: "button",
@@ -10900,8 +11049,8 @@ function MatrxDataTableCore({
                           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"
                         }
-                      ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           Button,
                           {
                             type: "button",
@@ -10912,7 +11061,7 @@ function MatrxDataTableCore({
                             children: "Load more"
                           }
                         ),
-                        appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           Button,
                           {
                             type: "button",
@@ -10923,10 +11072,10 @@ function MatrxDataTableCore({
                             children: "Load all"
                           }
                         ) : null
-                      ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
+                      ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
                     ]
                   }
-                ) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                ) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   GenericTablePagination,
                   {
                     totalItems,
@@ -10952,7 +11101,7 @@ function MatrxDataTableCore({
                   }
                 ) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 ColumnManager,
                 {
                   open: columnManagerOpen,
@@ -10963,7 +11112,7 @@ function MatrxDataTableCore({
                   onApply: commitColumnState
                 }
               ),
-              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 SidePanelSurface,
                 {
                   title: resolveStringTitle(
@@ -10974,8 +11123,8 @@ function MatrxDataTableCore({
                   description: detail?.description?.(selectedRow),
                   onClose: () => setSelectedId(null),
                   defaultWidth: detail?.defaultWidth ?? 480,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -10987,8 +11136,8 @@ function MatrxDataTableCore({
                       }
                     ) : null,
                     detail?.headerActions?.(selectedRow),
-                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         Button,
                         {
                           type: "button",
@@ -10998,10 +11147,10 @@ function MatrxDataTableCore({
                           className: "h-7 w-7",
                           "aria-label": "Open in window",
                           onClick: () => openWindow(selectedRow),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PanelRight, { className: "h-5 w-5" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelRight, { className: "h-5 w-5" })
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "Open in window" })
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "Open in window" })
                     ] }) : null
                   ] }),
                   children: detail?.render ? (
@@ -11012,7 +11161,7 @@ function MatrxDataTableCore({
                     // fixes the whole class at once — a custom body that already
                     // scrolls (`h-full` + `overflow-y-auto` root) still resolves to
                     // this container's height, so no second scrollbar appears.
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                       closeDetail: () => setSelectedId(null),
                       openDetail: () => openDetail(selectedRow),
                       openWindow: () => openWindow(selectedRow),
@@ -11020,7 +11169,7 @@ function MatrxDataTableCore({
                       hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                       discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                     }) })
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     DataRowInspector,
                     {
                       row: selectedRow,
@@ -11032,7 +11181,7 @@ function MatrxDataTableCore({
                   )
                 }
               ) : null,
-              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 DataRowWindow,
                 {
                   isOpen: true,
@@ -11043,9 +11192,9 @@ function MatrxDataTableCore({
                   height: windowConfig?.height,
                   windowId: `matrx-data-row-${urlState?.id ?? "local"}-${getRowId(windowRow)}`,
                   defaultTab: windowConfig?.defaultTab,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         Button,
                         {
                           type: "button",
@@ -11058,12 +11207,12 @@ function MatrxDataTableCore({
                             closeWindow();
                             openDetail(windowRow);
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PanelRightOpen, { className: "h-5 w-5" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelRightOpen, { className: "h-5 w-5" })
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { children: "Open in side panel" })
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "Open in side panel" })
                     ] }) : null,
-                    effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    effectiveCopy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -11082,7 +11231,7 @@ function MatrxDataTableCore({
                     closeWindow,
                     hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                     discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                  }) ?? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  }) ?? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     DataRowInspector,
                     {
                       row: windowRow,
@@ -11118,15 +11267,15 @@ function MatrxDataTableCore({
                   })
                 }
               ) : null,
-              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-                foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+                foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                   "div",
                   {
                     "data-matrx-foreign-drafts": true,
                     className: "fixed inset-x-3 bottom-20 z-50 flex flex-wrap items-center justify-center gap-2 rounded-lg border border-amber-500/40 bg-card px-3 py-2 text-xs shadow-lg sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 sm:flex-nowrap",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Unsaved edits from previous results" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Unsaved edits from previous results" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                         CopyButtons,
                         {
                           size: "xs",
@@ -11135,11 +11284,11 @@ function MatrxDataTableCore({
                           json: () => foreignDraftPayload
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   ConfirmDialog,
                   {
                     open: confirmForeignDraftDiscard,
@@ -11159,7 +11308,7 @@ function MatrxDataTableCore({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   DirtySavePill,
                   {
                     changeCount,
@@ -11172,11 +11321,11 @@ function MatrxDataTableCore({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core3.DragOverlay, { children: draggedRow ? (
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core3.DragOverlay, { children: draggedRow ? (
           // w-max: the overlay inherits the ACTIVE node's size, and the active
           // node is the 16px grip handle — without it the label wraps to one
           // character per line.
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
         ) : null })
       ]
     }
@@ -11191,7 +11340,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -11203,7 +11352,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -11212,7 +11361,7 @@ function HierarchyRootDropTarget({
   draggedLabel
 }) {
   const { isOver, setNodeRef } = (0, import_core3.useDroppable)({ id: "__root__" });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       ref: setNodeRef,
@@ -11222,8 +11371,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-primary/75", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-primary/75", children: label })
       ]
     }
   );
@@ -11232,7 +11381,7 @@ function HierarchyDragIndicatorLayer({
   scrollRef,
   resolve: resolve2
 }) {
-  const [indicator, setIndicator] = (0, import_react19.useState)(
+  const [indicator, setIndicator] = (0, import_react20.useState)(
     null
   );
   (0, import_core3.useDndMonitor)({
@@ -11272,7 +11421,7 @@ function HierarchyDragIndicatorLayer({
   const { preview: preview2 } = indicator;
   const indent = indicator.left + 10 + preview2.depth * 12;
   if (preview2.position === "inside") {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -11284,7 +11433,7 @@ function HierarchyDragIndicatorLayer({
           width: Math.max(0, indicator.width - 4),
           height: indicator.height
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "span",
           {
             className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap rounded bg-card/95 px-1.5 py-0.5 text-[10px] font-medium text-primary",
@@ -11299,7 +11448,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview2.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -11310,9 +11459,9 @@ function HierarchyDragIndicatorLayer({
         left: indent,
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "span",
           {
             className: cn(
@@ -11336,9 +11485,9 @@ function HierarchyDroppableRow({
   children
 }) {
   const { setNodeRef } = (0, import_core3.useDroppable)({ id, disabled });
-  if (!(0, import_react19.isValidElement)(children) || children.type !== "tr") return children;
+  if (!(0, import_react20.isValidElement)(children) || children.type !== "tr") return children;
   const row = children;
-  return (0, import_react19.cloneElement)(row, {
+  return (0, import_react20.cloneElement)(row, {
     ref: setNodeRef,
     className: row.props.className
   });
@@ -11353,7 +11502,7 @@ function ColumnHeaderDropZone({
     disabled: !enabled,
     data: { matrxDragKind: "column-header", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
 }
 function fixedUtilityWidth(width) {
   return width === void 0 ? void 0 : { width: `${width}px`, minWidth: `${width}px`, maxWidth: `${width}px` };
@@ -11378,14 +11527,14 @@ function columnWidthVar(width, resizedWidth, id, resizable) {
   };
 }
 function DefaultJsonCell({ value }) {
-  const [open, setOpen] = (0, import_react19.useState)(false);
+  const [open, setOpen] = (0, import_react20.useState)(false);
   const host = useMatrxDataTableHost();
   const Viewer = host.JsonViewer;
   const text = JSON.stringify(value, null, 2);
   const summary = Array.isArray(value) ? `${value.length} items` : Object.keys(value).slice(0, 3).join(", ") || "Empty object";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { type: "button", className: "block max-w-full truncate text-left text-sm text-foreground", onClick: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", { type: "button", className: "block max-w-full truncate text-left text-sm text-foreground", 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: [
@@ -11393,9 +11542,9 @@ function DefaultJsonCell({ value }) {
         " ",
         summary
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Viewer, { data: value }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Viewer, { data: value }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
   ] });
 }
 function renderCell(row, col, index) {
@@ -11406,7 +11555,7 @@ function renderCell(row, col, index) {
   if (asUuid && typeof raw === "string") {
     const forbidden = typeof col.fk?.forbidden === "function" ? col.fk.forbidden(raw, row) : Boolean(col.fk?.forbidden);
     const declaredToken = typeof col.fk?.token === "function" ? col.fk.token(row) : col.fk?.token;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       MatrxUuidCell,
       {
         value: raw,
@@ -11418,14 +11567,14 @@ function renderCell(row, col, index) {
       }
     );
   }
-  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DefaultJsonCell, { value: raw });
+  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DefaultJsonCell, { value: raw });
   if (typeof raw === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: raw ? "rounded bg-emerald-500/10 px-1.5 py-0.5 text-xs text-emerald-600" : "rounded bg-slate-500/10 px-1.5 py-0.5 text-xs text-muted-foreground", children: raw ? "Yes" : "No" });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: raw ? "rounded bg-emerald-500/10 px-1.5 py-0.5 text-xs text-emerald-600" : "rounded bg-slate-500/10 px-1.5 py-0.5 text-xs text-muted-foreground", children: raw ? "Yes" : "No" });
   }
   const formatted = formatTableDisplayValue(raw);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "block text-sm text-foreground", style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipContent, { className: "max-w-md whitespace-pre-wrap break-words max-h-80 overflow-auto", children: typeof raw === "object" && raw !== null ? JSON.stringify(raw, null, 2) : formatted })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "block text-sm text-foreground", style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { className: "max-w-md whitespace-pre-wrap break-words max-h-80 overflow-auto", children: typeof raw === "object" && raw !== null ? JSON.stringify(raw, null, 2) : formatted })
   ] });
 }
 function resolveStringTitle(title, fallback) {
@@ -11435,19 +11584,19 @@ function resolveStringTitle(title, fallback) {
 }
 
 // src/data-table/SavedViewsControl.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var MENU_SURFACE_CLASS = "z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground";
 var MENU_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 var MENU_INDICATOR_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -11460,12 +11609,12 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -11477,7 +11626,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -11494,7 +11643,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, conta
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -11504,7 +11653,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -11512,13 +11661,13 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...pro
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -11526,13 +11675,13 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -11542,7 +11691,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -11555,7 +11704,7 @@ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "span",
   {
     "data-slot": "dropdown-menu-shortcut",
@@ -11566,7 +11715,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/data-table/SavedViewsControl.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function SavedViewsControl({
   views,
   activeId = null,
@@ -11578,11 +11727,11 @@ function SavedViewsControl({
   onUpdate,
   onReload
 }) {
-  const unsavedChangesId = (0, import_react20.useId)();
-  const [saveOpen, setSaveOpen] = (0, import_react20.useState)(false);
-  const [name, setName] = (0, import_react20.useState)("");
-  const [saving, setSaving] = (0, import_react20.useState)(false);
-  const [actionError, setActionError] = (0, import_react20.useState)(null);
+  const unsavedChangesId = (0, import_react21.useId)();
+  const [saveOpen, setSaveOpen] = (0, import_react21.useState)(false);
+  const [name, setName] = (0, import_react21.useState)("");
+  const [saving, setSaving] = (0, import_react21.useState)(false);
+  const [actionError, setActionError] = (0, import_react21.useState)(null);
   const visibleError = actionError ?? error;
   const save = async () => {
     const next = name.trim();
@@ -11624,10 +11773,10 @@ function SavedViewsControl({
     }
   };
   const activeName = activeId ? views.find((view) => view.id === activeId)?.name : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           Button,
           {
             type: "button",
@@ -11638,38 +11787,38 @@ function SavedViewsControl({
             "aria-describedby": dirty ? unsavedChangesId : void 0,
             disabled: saving,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
-              dirty ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChevronDown, { className: "size-3.5 shrink-0" })
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
+              dirty ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ChevronDown, { className: "size-3.5 shrink-0" })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { children: "Choose or save a table view" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipContent, { children: "Choose or save a table view" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuLabel, { children: "Views" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => onSelect(value === "__default__" ? null : value), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
-          views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DropdownMenuContent, { align: "end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuLabel, { children: "Views" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => onSelect(value === "__default__" ? null : value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
+          views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => {
           setActionError(null);
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
-        activeId && onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
-        onReload ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
+        activeId && onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        onReload ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
-    dirty ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { id: unsavedChangesId, className: "sr-only", children: "This table view has unsaved changes. Open the view menu to save or update it." }) : null,
-    visibleError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", className: "basis-full break-words text-xs text-destructive", children: visibleError }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DialogTitle, { children: "Save current view" }) }),
-      visibleError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: visibleError }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
+    dirty ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { id: unsavedChangesId, className: "sr-only", children: "This table view has unsaved changes. Open the view menu to save or update it." }) : null,
+    visibleError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { role: "alert", className: "basis-full break-words text-xs text-destructive", children: visibleError }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DialogTitle, { children: "Save current view" }) }),
+      visibleError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: visibleError }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
       ] })
     ] }) })
   ] });