@ai-matrx/design-system 0.21.1 → 0.21.3

package/dist/data-table/index.js

@@ -6,12 +6,12 @@ import {
   Fragment as Fragment6,
   isValidElement as isValidElement2,
   useCallback as useCallback6,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useId as useId2,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo7,
-  useRef as useRef11,
-  useState as useState20
+  useRef as useRef12,
+  useState as useState21
 } from "react";
 import {
   DndContext,
@@ -1877,6 +1877,15 @@ function MatrxDataTableProvider({ value, children }) {
 function useMatrxDataTableHost() {
   return useContext4(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] ??= createContext4(null);
+function MatrxTableRowAlchemyScope({ value, children }) {
+  return /* @__PURE__ */ jsx18(RowAlchemyContext.Provider, { value, children });
+}
+function useMatrxTableRowAlchemy() {
+  return useContext4(RowAlchemyContext);
+}
 
 // src/data-table/useTableNotice.tsx
 import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -3215,8 +3224,9 @@ function ContentTransferMenu(props) {
   const identityKey = props.capabilities?.identityKey ?? inherited.identityKey;
   return /* @__PURE__ */ jsx25(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();
@@ -3466,13 +3476,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 {
@@ -3555,7 +3573,7 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
     ] }, id);
   };
   return /* @__PURE__ */ jsxs17("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    /* @__PURE__ */ jsxs17(Popover, { open: paletteOpen, onOpenChange: (open) => {
+    !triggerHidden ? /* @__PURE__ */ jsxs17(Popover, { open: paletteOpen, onOpenChange: (open) => {
       setPaletteOpen(open);
       if (open) {
         setMode("copy");
@@ -3664,13 +3682,13 @@ function ContentTransferMenuSession({ references = [], referenceActions = [], so
           ] }, group) : null;
         })
       ] })
-    ] }),
+    ] }) : null,
     notice && triggerRef.current ? createPortal(/* @__PURE__ */ jsxs17("div", { className: "matrx-alchemy-feedback", children: [
       /* @__PURE__ */ jsx25("span", { role: "status", children: notice }),
       /* @__PURE__ */ jsx25(ReceiptLink, { target: receiptTarget }),
       /* @__PURE__ */ jsx25("button", { type: "button", "aria-label": "Dismiss Alchemy feedback", onClick: () => setNotice(null), children: "\xD7" })
     ] }), triggerRef.current.ownerDocument.body) : null,
-    Object.values(workspaces).map((saved) => /* @__PURE__ */ jsx25(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__ */ jsx25(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
   ] });
 }
@@ -4477,7 +4495,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,
@@ -5566,12 +5589,47 @@ import {
   useUrlState
 } from "@ai-matrx/kit/url-state";
 
+// src/data-table/RowAlchemyLauncher.tsx
+import { useEffect as useEffect8, useRef as useRef9, useState as useState13 } from "react";
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+function MatrxTableRowAlchemyProvider({ copy, placement, children }) {
+  const controller = useRef9(null);
+  const { CopyControls } = useMatrxDataTableHost();
+  const [active, setActive] = useState13(false);
+  const [fallback, setFallback] = useState13(false);
+  useEffect8(() => {
+    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__ */ jsxs20(MatrxTableRowAlchemyScope, { value, children: [
+    active || fallback ? CopyControls ? /* @__PURE__ */ jsx29(CopyControls, { ...copy, triggerHidden: active, controllerRef: controller }) : /* @__PURE__ */ jsx29(MatrxCopyMenu, { ...copy, triggerHidden: active, controllerRef: controller }) : null,
+    children
+  ] });
+}
+
 // src/data-table/ColumnHeaderCell.tsx
 import {
   forwardRef as forwardRef12,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useMemo as useMemo5,
-  useState as useState13
+  useState as useState14
 } from "react";
 import { useDraggable } from "@dnd-kit/core";
 
@@ -5579,8 +5637,8 @@ import { useDraggable } from "@dnd-kit/core";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 import * as React16 from "react";
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
-var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive,
   {
     ref,
@@ -5599,8 +5657,8 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
   const isMobile = useIsMobile();
   const isModal = useRadixDialogModal();
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsxs20(DialogPrimitive2.Portal, { container: portalContainer, children: [
-    isModal ? /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs21(DialogPrimitive2.Portal, { container: portalContainer, children: [
+    isModal ? /* @__PURE__ */ jsx30(
       DialogPrimitive2.Overlay,
       {
         className: cn(
@@ -5609,7 +5667,7 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
         )
       }
     ) : null,
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(
       DialogPrimitive2.Content,
       {
         ref,
@@ -5625,9 +5683,9 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs20(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__ */ jsx29(XIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs21(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__ */ jsx30(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -5635,9 +5693,9 @@ var CommandDialogContent = React16.forwardRef(({ className, children, container,
   ] });
 });
 CommandDialogContent.displayName = "CommandDialogContent";
-var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx29(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx29(
+var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx30(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx30(
     CommandPrimitive.Input,
     {
       ref,
@@ -5650,7 +5708,7 @@ var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.List,
   {
     ref,
@@ -5659,7 +5717,7 @@ var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx29(
+var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Empty,
   {
     ref,
@@ -5668,7 +5726,7 @@ var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx29(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Group,
   {
     ref,
@@ -5680,7 +5738,7 @@ var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Separator,
   {
     ref,
@@ -5689,7 +5747,7 @@ var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Item,
   {
     ref,
@@ -5705,7 +5763,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       className: cn(
@@ -5719,10 +5777,10 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/data-table/ColumnHeaderCell.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 var HeaderButton = forwardRef12(({ dragDescription, "aria-describedby": tooltipDescription, ...props }, ref) => {
   const descriptions = [tooltipDescription, dragDescription].filter((value) => Boolean(value)).join(" ");
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       ref,
@@ -5780,9 +5838,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] = useState13(false);
-  const [draftFilter, setDraftFilter] = useState13(filterValue);
-  useEffect8(() => {
+  const [filterOpen, setFilterOpen] = useState14(false);
+  const [draftFilter, setDraftFilter] = useState14(filterValue);
+  useEffect9(() => {
     if (!filterOpen) setDraftFilter(filterValue);
   }, [filterOpen, filterValue]);
   const applyFilter = () => {
@@ -5802,7 +5860,7 @@ function ColumnHeaderCell({
     else onFilterChange(next);
   };
   const menuLabel = labelText ? `Sort or filter ${labelText}` : "Sort or filter column";
-  const menuContent = /* @__PURE__ */ jsxs21(
+  const menuContent = /* @__PURE__ */ jsxs22(
     PopoverContent,
     {
       align: "start",
@@ -5819,9 +5877,9 @@ function ColumnHeaderCell({
         input.focus();
       },
       children: [
-        sortable ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-0.5 pb-2", children: [
-            /* @__PURE__ */ jsxs21(
+        sortable ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-0.5 pb-2", children: [
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: isSorted && sortDirection === "asc" ? "secondary" : "ghost",
@@ -5829,12 +5887,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortAsc,
                 children: [
-                  /* @__PURE__ */ jsx30(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx31(ArrowUp, { className: "h-3.5 w-3.5" }),
                   "Sort ascending"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs21(
+            /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: isSorted && sortDirection === "desc" ? "secondary" : "ghost",
@@ -5842,12 +5900,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortDesc,
                 children: [
-                  /* @__PURE__ */ jsx30(ArrowDown, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx31(ArrowDown, { className: "h-3.5 w-3.5" }),
                   "Sort descending"
                 ]
               }
             ),
-            isSorted ? /* @__PURE__ */ jsxs21(
+            isSorted ? /* @__PURE__ */ jsxs22(
               Button,
               {
                 variant: "ghost",
@@ -5855,15 +5913,15 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal text-muted-foreground",
                 onClick: onClearSort,
                 children: [
-                  /* @__PURE__ */ jsx30(ListX, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx31(ListX, { className: "h-3.5 w-3.5" }),
                   "Clear sort"
                 ]
               }
             ) : null
           ] }),
-          filterKind ? /* @__PURE__ */ jsx30("div", { className: "mb-2 h-px bg-border" }) : null
+          filterKind ? /* @__PURE__ */ jsx31("div", { className: "mb-2 h-px bg-border" }) : null
         ] }) : null,
-        filterKind ? /* @__PURE__ */ jsx30(
+        filterKind ? /* @__PURE__ */ jsx31(
           FilterBody,
           {
             kind: filterKind,
@@ -5878,10 +5936,10 @@ function ColumnHeaderCell({
             allowNullModes
           }
         ) : null,
-        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ jsxs21("div", { className: "mt-2 border-t border-border pt-2", children: [
-          /* @__PURE__ */ jsx30("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
-          /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
-            /* @__PURE__ */ jsx30(
+        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ jsxs22("div", { className: "mt-2 border-t border-border pt-2", children: [
+          /* @__PURE__ */ jsx31("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
+          /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -5894,7 +5952,7 @@ function ColumnHeaderCell({
                 children: "Include"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -5909,11 +5967,11 @@ function ColumnHeaderCell({
             )
           ] })
         ] }) : null,
-        filterKind && deferredFilter ? /* @__PURE__ */ jsxs21("div", { className: "mt-2 border-t border-border pt-2", children: [
-          filterFooterHint ? /* @__PURE__ */ jsx30("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
-          /* @__PURE__ */ jsxs21("div", { className: "flex justify-end gap-2", children: [
-            filterShowCancel ? /* @__PURE__ */ jsx30(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
-            /* @__PURE__ */ jsx30(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
+        filterKind && deferredFilter ? /* @__PURE__ */ jsxs22("div", { className: "mt-2 border-t border-border pt-2", children: [
+          filterFooterHint ? /* @__PURE__ */ jsx31("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
+          /* @__PURE__ */ jsxs22("div", { className: "flex justify-end gap-2", children: [
+            filterShowCancel ? /* @__PURE__ */ jsx31(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
+            /* @__PURE__ */ jsx31(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
           ] })
         ] }) : null
       ]
@@ -5922,10 +5980,10 @@ function ColumnHeaderCell({
   if (compact) {
     if (!sortable && !filterKind) {
       if (!reorderEnabled) {
-        return /* @__PURE__ */ jsx30("div", { className: cn("flex items-center justify-center", className), children: label });
+        return /* @__PURE__ */ jsx31("div", { className: cn("flex items-center justify-center", className), children: label });
       }
-      return /* @__PURE__ */ jsx30("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsxs21(Tooltip, { children: [
-        /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsxs22(Tooltip, { children: [
+        /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(
           HeaderButton,
           {
             type: "button",
@@ -5937,14 +5995,14 @@ function ColumnHeaderCell({
             children: label
           }
         ) }),
-        /* @__PURE__ */ jsxs21(TooltipContent, { children: [
+        /* @__PURE__ */ jsxs22(TooltipContent, { children: [
           "Drag to reorder ",
           reorderLabel,
           "."
         ] })
       ] }) });
     }
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         className: cn(
@@ -5952,9 +6010,9 @@ function ColumnHeaderCell({
           align === "right" ? "justify-end" : "justify-center",
           className
         ),
-        children: /* @__PURE__ */ jsxs21(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-          /* @__PURE__ */ jsxs21(Tooltip, { children: [
-            /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
+        children: /* @__PURE__ */ jsxs22(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+          /* @__PURE__ */ jsxs22(Tooltip, { children: [
+            /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
               HeaderButton,
               {
                 type: "button",
@@ -5972,8 +6030,8 @@ function ColumnHeaderCell({
                 ),
                 children: [
                   label,
-                  isSorted ? sortDirection === "asc" ? /* @__PURE__ */ jsx30(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ jsx30(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
-                  filterActive ? /* @__PURE__ */ jsx30(
+                  isSorted ? sortDirection === "asc" ? /* @__PURE__ */ jsx31(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ jsx31(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
+                  filterActive ? /* @__PURE__ */ jsx31(
                     "span",
                     {
                       "aria-hidden": true,
@@ -5983,7 +6041,7 @@ function ColumnHeaderCell({
                 ]
               }
             ) }) }),
-            /* @__PURE__ */ jsxs21(TooltipContent, { children: [
+            /* @__PURE__ */ jsxs22(TooltipContent, { children: [
               "Canonical Matrx table \xB7 ",
               menuLabel
             ] })
@@ -5993,7 +6051,7 @@ function ColumnHeaderCell({
       }
     );
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: cn(
@@ -6003,8 +6061,8 @@ function ColumnHeaderCell({
         className
       ),
       children: [
-        sortable ? /* @__PURE__ */ jsxs21(Tooltip, { children: [
-          /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
+        sortable ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
+          /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
             HeaderButton,
             {
               type: "button",
@@ -6016,14 +6074,14 @@ function ColumnHeaderCell({
                 isSorted ? "text-foreground" : "text-muted-foreground hover:text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "truncate", children: label }),
-                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ jsx30(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ jsx30(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ jsx30(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
+                /* @__PURE__ */ jsx31("span", { className: "truncate", children: label }),
+                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ jsx31(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ jsx31(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ jsx31(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx30(TooltipContent, { children: reorderEnabled ? `Drag to reorder ${reorderLabel}.` : labelText ?? "Sort column" })
-        ] }) : reorderEnabled ? /* @__PURE__ */ jsxs21(Tooltip, { children: [
-          /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(TooltipContent, { children: reorderEnabled ? `Drag to reorder ${reorderLabel}.` : labelText ?? "Sort column" })
+        ] }) : reorderEnabled ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
+          /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(
             HeaderButton,
             {
               type: "button",
@@ -6035,16 +6093,16 @@ function ColumnHeaderCell({
               children: label
             }
           ) }),
-          /* @__PURE__ */ jsxs21(TooltipContent, { children: [
+          /* @__PURE__ */ jsxs22(TooltipContent, { children: [
             "Drag to reorder ",
             reorderLabel,
             "."
           ] })
-        ] }) : /* @__PURE__ */ jsx30("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind || sortable ? /* @__PURE__ */ jsxs21("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ jsxs21(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-            /* @__PURE__ */ jsxs21(Tooltip, { children: [
-              /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+        ] }) : /* @__PURE__ */ jsx31("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        filterKind || sortable ? /* @__PURE__ */ jsxs22("div", { className: "inline-flex items-center", children: [
+          /* @__PURE__ */ jsxs22(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+            /* @__PURE__ */ jsxs22(Tooltip, { children: [
+              /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(
                 "button",
                 {
                   type: "button",
@@ -6056,15 +6114,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__ */ jsx30(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ jsx30(ArrowUpDown, { className: "h-3 w-3" })
+                  children: filterKind ? /* @__PURE__ */ jsx31(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ jsx31(ArrowUpDown, { className: "h-3 w-3" })
                 }
               ) }) }),
-              /* @__PURE__ */ jsx30(TooltipContent, { children: menuLabel })
+              /* @__PURE__ */ jsx31(TooltipContent, { children: menuLabel })
             ] }),
             menuContent
           ] }),
-          filterActive ? /* @__PURE__ */ jsxs21(Tooltip, { children: [
-            /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+          filterActive ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
+            /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -6074,10 +6132,10 @@ function ColumnHeaderCell({
                   onFilterChange(void 0);
                 },
                 className: "rounded p-0.5 text-primary hover:bg-muted hover:text-foreground",
-                children: /* @__PURE__ */ jsx30(X, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ jsx31(X, { className: "h-3 w-3" })
               }
             ) }),
-            /* @__PURE__ */ jsx30(TooltipContent, { children: labelText ? `Clear ${labelText} filter` : "Clear this filter" })
+            /* @__PURE__ */ jsx31(TooltipContent, { children: labelText ? `Clear ${labelText} filter` : "Clear this filter" })
           ] }) : null
         ] }) : null
       ]
@@ -6102,14 +6160,14 @@ function FilterBody({
         onChange({ kind: "text", value: "", mode: next });
       }
     };
-    return /* @__PURE__ */ jsxs21("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ jsx30("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: [
+    return /* @__PURE__ */ jsxs22("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ jsx31("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ jsx31("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__ */ jsx30(
+      ].map(([m, label]) => /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -6123,8 +6181,8 @@ function FilterBody({
         },
         m
       )) }),
-      mode === "contains" && /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx30(
+      mode === "contains" && /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx31(
           Input,
           {
             "data-matrx-filter-autofocus": true,
@@ -6137,14 +6195,14 @@ function FilterBody({
             style: { fontSize: "16px" }
           }
         ),
-        text ? /* @__PURE__ */ jsx30(
+        text ? /* @__PURE__ */ jsx31(
           "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__ */ jsx30(X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx31(X, { className: "h-3.5 w-3.5" })
           }
         ) : null
       ] })
@@ -6152,7 +6210,7 @@ function FilterBody({
   }
   if (kind === "select") {
     const selected = value?.kind === "select" ? value.values ?? (value.value && value.value !== "__all__" ? [value.value] : []) : [];
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       SearchableSelectFilter,
       {
         selected,
@@ -6164,9 +6222,9 @@ function FilterBody({
   }
   if (kind === "boolean") {
     const current = value?.kind === "boolean" ? value.value : "__all__";
-    return /* @__PURE__ */ jsxs21("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ jsx30("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ jsx31("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ jsxs22(
         Select,
         {
           value: current === "__all__" ? "__all__" : current ? "true" : "false",
@@ -6175,18 +6233,18 @@ function FilterBody({
             else onChange({ kind: "boolean", value: v === "true" });
           },
           children: [
-            /* @__PURE__ */ jsx30(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx30(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs21(SelectContent, { children: [
-              /* @__PURE__ */ jsx30(SelectItem, { value: "__all__", children: "All" }),
-              /* @__PURE__ */ jsx30(SelectItem, { value: "true", children: "Yes" }),
-              /* @__PURE__ */ jsx30(SelectItem, { value: "false", children: "No" })
+            /* @__PURE__ */ jsx31(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx31(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs22(SelectContent, { children: [
+              /* @__PURE__ */ jsx31(SelectItem, { value: "__all__", children: "All" }),
+              /* @__PURE__ */ jsx31(SelectItem, { value: "true", children: "Yes" }),
+              /* @__PURE__ */ jsx31(SelectItem, { value: "false", children: "No" })
             ] })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsx30(NumberFilterBody, { value, onChange });
+  return /* @__PURE__ */ jsx31(NumberFilterBody, { value, onChange });
 }
 function SearchableSelectFilter({
   selected,
@@ -6194,7 +6252,7 @@ function SearchableSelectFilter({
   onChange,
   single = false
 }) {
-  const [query, setQuery] = useState13("");
+  const [query, setQuery] = useState14("");
   const filtered = useMemo5(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
@@ -6214,13 +6272,13 @@ function SearchableSelectFilter({
       next.length === 0 ? void 0 : { kind: "select", value: next[0] ?? "", values: next }
     );
   };
-  return /* @__PURE__ */ jsxs21("div", { className: "space-y-1 px-0", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-1 pb-1", children: [
-      /* @__PURE__ */ jsxs21("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: "space-y-1 px-0", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-1 pb-1", children: [
+      /* @__PURE__ */ jsxs22("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__ */ jsx30(
+      selected.length > 0 ? /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -6230,8 +6288,8 @@ function SearchableSelectFilter({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsxs21(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
-      /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs22(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
+      /* @__PURE__ */ jsx31(
         CommandInput,
         {
           "data-matrx-filter-autofocus": true,
@@ -6241,10 +6299,10 @@ function SearchableSelectFilter({
           className: "h-8 text-sm"
         }
       ),
-      /* @__PURE__ */ jsxs21(CommandList, { className: "max-h-48", children: [
-        /* @__PURE__ */ jsx30(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
-        /* @__PURE__ */ jsxs21(CommandGroup, { children: [
-          /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsxs22(CommandList, { className: "max-h-48", children: [
+        /* @__PURE__ */ jsx31(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
+        /* @__PURE__ */ jsxs22(CommandGroup, { children: [
+          /* @__PURE__ */ jsx31(
             CommandItem,
             {
               value: "__all__",
@@ -6255,7 +6313,7 @@ function SearchableSelectFilter({
           ),
           filtered.map((o) => {
             const active = selected.includes(o.value);
-            return /* @__PURE__ */ jsxs21(
+            return /* @__PURE__ */ jsxs22(
               CommandItem,
               {
                 value: o.value,
@@ -6265,7 +6323,7 @@ function SearchableSelectFilter({
                   active && "bg-accent text-accent-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx31(
                     "span",
                     {
                       className: cn(
@@ -6273,7 +6331,7 @@ function SearchableSelectFilter({
                         single ? "rounded-full" : "rounded-sm",
                         active ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
                       ),
-                      children: active && /* @__PURE__ */ jsx30(Check, { className: "h-2.5 w-2.5" })
+                      children: active && /* @__PURE__ */ jsx31(Check, { className: "h-2.5 w-2.5" })
                     }
                   ),
                   o.label
@@ -6293,8 +6351,8 @@ function NumberFilterBody({
 }) {
   const min = value?.kind === "number" ? value.min : void 0;
   const max = value?.kind === "number" ? value.max : void 0;
-  const [minText, setMinText] = useState13(min !== void 0 ? String(min) : "");
-  const [maxText, setMaxText] = useState13(max !== void 0 ? String(max) : "");
+  const [minText, setMinText] = useState14(min !== void 0 ? String(min) : "");
+  const [maxText, setMaxText] = useState14(max !== void 0 ? String(max) : "");
   const commit = (raw, which) => {
     const nextMin = which === "min" ? parseOptionalNumber(raw) : min;
     const nextMax = which === "max" ? parseOptionalNumber(raw) : max;
@@ -6304,10 +6362,10 @@ function NumberFilterBody({
     }
     onChange({ kind: "number", min: nextMin, max: nextMax });
   };
-  return /* @__PURE__ */ jsxs21("div", { className: "space-y-1.5 px-1", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx30("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
-      (min !== void 0 || max !== void 0) && /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs22("div", { className: "space-y-1.5 px-1", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx31("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
+      (min !== void 0 || max !== void 0) && /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -6321,8 +6379,8 @@ function NumberFilterBody({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx31(
         Input,
         {
           "data-matrx-filter-autofocus": true,
@@ -6337,8 +6395,8 @@ function NumberFilterBody({
           style: { fontSize: "16px" }
         }
       ),
-      /* @__PURE__ */ jsx30("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
+      /* @__PURE__ */ jsx31(
         Input,
         {
           value: maxText,
@@ -6364,9 +6422,9 @@ function parseOptionalNumber(raw) {
 // src/data-table/ColumnResizeHandle.tsx
 import {
   useCallback as useCallback5,
-  useEffect as useEffect9,
-  useRef as useRef9,
-  useState as useState14
+  useEffect as useEffect10,
+  useRef as useRef10,
+  useState as useState15
 } from "react";
 
 // src/data-table/column-resize.ts
@@ -6395,7 +6453,7 @@ function normalizeColumnWidthMap(widths, knownColumnIds) {
 }
 
 // src/data-table/ColumnResizeHandle.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var KEYBOARD_STEP = 8;
 var KEYBOARD_LARGE_STEP = 24;
 function ColumnResizeHandle({
@@ -6409,12 +6467,12 @@ function ColumnResizeHandle({
   onResizeCancel,
   onResizeCommit
 }) {
-  const handleRef = useRef9(null);
-  const activeResizeRef = useRef9(null);
-  const previewRafRef = useRef9(null);
-  const queuedWidthRef = useRef9(null);
-  const keyboardWidthRef = useRef9(null);
-  const [announcedWidth, setAnnouncedWidth] = useState14(null);
+  const handleRef = useRef10(null);
+  const activeResizeRef = useRef10(null);
+  const previewRafRef = useRef10(null);
+  const queuedWidthRef = useRef10(null);
+  const keyboardWidthRef = useRef10(null);
+  const [announcedWidth, setAnnouncedWidth] = useState15(null);
   const bounds = resolveColumnResizeBounds(minWidth, maxWidth);
   const cssVar = columnResizeCssVar(columnId2);
   const readWidth = useCallback5(() => {
@@ -6461,7 +6519,7 @@ function ColumnResizeHandle({
       handleRef.current.releasePointerCapture(active.pointerId);
     }
   }, [clearQueuedPreview, columnId2, cssVar, onResizeCancel, onResizeCommit, tableRef, writePreview]);
-  useEffect9(() => () => clearQueuedPreview(), [clearQueuedPreview]);
+  useEffect10(() => () => clearQueuedPreview(), [clearQueuedPreview]);
   const onPointerDown = (event) => {
     if (disabled || event.button !== 0 || !event.isPrimary) return;
     event.preventDefault();
@@ -6514,7 +6572,7 @@ function ColumnResizeHandle({
     onResizeCommit(columnId2, nextWidth);
   };
   const currentWidth = announcedWidth ?? keyboardWidthRef.current ?? bounds.minWidth;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       ref: handleRef,
@@ -6616,9 +6674,9 @@ function rankTableSearchRows(rows, columns, query, options = {}, extraText) {
 }
 
 // src/data-table/ColumnManager.tsx
-import { useEffect as useEffect10, useMemo as useMemo6, useState as useState15 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo6, useState as useState16 } from "react";
 import { useDndMonitor, useDraggable as useDraggable2, useDroppable } from "@dnd-kit/core";
-import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 function ColumnManager({
   open,
   onOpenChange,
@@ -6631,11 +6689,11 @@ function ColumnManager({
     () => new Map(columns.map((column) => [columnId(column), column])),
     [columns]
   );
-  const [draftOrder, setDraftOrder] = useState15(order);
-  const [draftHidden, setDraftHidden] = useState15(() => new Set(hidden));
-  const [draggedColumnId, setDraggedColumnId] = useState15(null);
-  const [dropTarget, setDropTarget] = useState15(null);
-  useEffect10(() => {
+  const [draftOrder, setDraftOrder] = useState16(order);
+  const [draftHidden, setDraftHidden] = useState16(() => new Set(hidden));
+  const [draggedColumnId, setDraggedColumnId] = useState16(null);
+  const [dropTarget, setDropTarget] = useState16(null);
+  useEffect11(() => {
     if (!open) return;
     setDraftOrder(order);
     setDraftHidden(new Set(hidden));
@@ -6692,18 +6750,18 @@ function ColumnManager({
       if (target) moveTo(dragged, String(target));
     }
   });
-  return /* @__PURE__ */ jsx32(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ jsxs22(DialogHeader, { children: [
-      /* @__PURE__ */ jsx32(DialogTitle, { children: "Columns" }),
-      /* @__PURE__ */ jsx32(DialogDescription, { children: "Choose the columns to show and set their order." })
+  return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs23(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs23(DialogHeader, { children: [
+      /* @__PURE__ */ jsx33(DialogTitle, { children: "Columns" }),
+      /* @__PURE__ */ jsx33(DialogDescription, { children: "Choose the columns to show and set their order." })
     ] }),
-    /* @__PURE__ */ jsx32("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
+    /* @__PURE__ */ jsx33("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__ */ jsxs22(
+      return /* @__PURE__ */ jsxs23(
         ColumnManagerDropTarget,
         {
           id,
@@ -6713,8 +6771,8 @@ function ColumnManager({
             dropTarget === id && draggedColumnId !== id && "border-t-2 border-primary"
           ),
           children: [
-            /* @__PURE__ */ jsx32(ColumnManagerDragHandle, { id, label }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx33(ColumnManagerDragHandle, { id, label }),
+            /* @__PURE__ */ jsx33(
               Checkbox,
               {
                 checked: visible,
@@ -6731,8 +6789,8 @@ function ColumnManager({
                 }
               }
             ),
-            /* @__PURE__ */ jsx32("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx33("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
+            /* @__PURE__ */ jsx33(
               Button,
               {
                 type: "button",
@@ -6742,10 +6800,10 @@ function ColumnManager({
                 "aria-label": `Move ${label} earlier`,
                 disabled: index === 0,
                 onClick: () => move(id, -1),
-                children: /* @__PURE__ */ jsx32(ArrowUp, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx33(ArrowUp, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx33(
               Button,
               {
                 type: "button",
@@ -6755,7 +6813,7 @@ function ColumnManager({
                 "aria-label": `Move ${label} later`,
                 disabled: index === draftOrder.length - 1,
                 onClick: () => move(id, 1),
-                children: /* @__PURE__ */ jsx32(ArrowDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx33(ArrowDown, { className: "h-4 w-4" })
               }
             )
           ]
@@ -6763,9 +6821,9 @@ function ColumnManager({
         id
       );
     }) }),
-    /* @__PURE__ */ jsxs22(DialogFooter, { children: [
-      /* @__PURE__ */ jsx32(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs23(DialogFooter, { children: [
+      /* @__PURE__ */ jsx33(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx33(
         Button,
         {
           type: "button",
@@ -6788,14 +6846,14 @@ function ColumnManagerDropTarget({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ jsx32("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
+  return /* @__PURE__ */ jsx33("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
 }
 function ColumnManagerDragHandle({ id, label }) {
   const { attributes, listeners, setNodeRef } = useDraggable2({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "button",
     {
       ref: setNodeRef,
@@ -6805,7 +6863,7 @@ function ColumnManagerDragHandle({ id, label }) {
       title: `Drag to reorder ${label}`,
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ jsx32(GripVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx33(GripVertical, { className: "h-4 w-4" })
     }
   );
 }
@@ -6869,11 +6927,11 @@ function parseTableViewSnapshot(raw) {
 
 // src/data-table/MatrxUuidCell.tsx
 import {
-  useEffect as useEffect11,
-  useRef as useRef10,
-  useState as useState16
+  useEffect as useEffect12,
+  useRef as useRef11,
+  useState as useState17
 } from "react";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -6912,18 +6970,18 @@ function MatrxUuidCell({
 }) {
   const { resolveEntityDoors, ResourcePeek } = useMatrxDataTableHost();
   const { notify, notice } = useTableNotice();
-  const [copied, setCopied] = useState16(false);
-  const [opening, setOpening] = useState16(false);
-  const [peekOpen, setPeekOpen] = useState16(false);
-  const timer = useRef10(null);
-  useEffect11(
+  const [copied, setCopied] = useState17(false);
+  const [opening, setOpening] = useState17(false);
+  const [peekOpen, setPeekOpen] = useState17(false);
+  const timer = useRef11(null);
+  useEffect12(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
   if (!value) {
-    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground/40", children: "\u2014" });
+    return /* @__PURE__ */ jsx34("span", { className: "text-muted-foreground/40", children: "\u2014" });
   }
   const doors = token ? resolveEntityDoors?.(token, value, href) ?? null : null;
   const resolvedHref = doors?.href ?? href ?? null;
@@ -6966,13 +7024,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ jsxs23("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
-        /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate", children: display }),
-        /* @__PURE__ */ jsx33(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
+      return /* @__PURE__ */ jsxs24("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
+        /* @__PURE__ */ jsx34("span", { className: "min-w-0 truncate", children: display }),
+        /* @__PURE__ */ jsx34(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ jsxs23(
+      return /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -6981,14 +7039,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__ */ jsx33("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ jsx33(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx34("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ jsx34(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ jsxs23(
+      return /* @__PURE__ */ jsxs24(
         "a",
         {
           href: resolvedHref,
@@ -6998,15 +7056,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__ */ jsx33("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ jsx33(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx34("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ jsx34(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
+    return /* @__PURE__ */ jsx34("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
   })();
-  return /* @__PURE__ */ jsx33(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx34(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs24(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -7016,12 +7074,12 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ jsxs23(Tooltip, { children: [
-          /* @__PURE__ */ jsx33(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx33("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
-          /* @__PURE__ */ jsx33(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
+        /* @__PURE__ */ jsxs24(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
+          /* @__PURE__ */ jsx34(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }),
-        /* @__PURE__ */ jsxs23(Tooltip, { children: [
-          /* @__PURE__ */ jsx33(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsxs24(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
             "button",
             {
               type: "button",
@@ -7031,13 +7089,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__ */ jsx33(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx33(Copy, { className: "h-3 w-3" })
+              children: copied ? /* @__PURE__ */ jsx34(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx34(Copy, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ jsx33(TooltipContent, { side: "top", children: copied ? "Copied" : `Copy ${label ?? "id"}: ${value}` })
+          /* @__PURE__ */ jsx34(TooltipContent, { side: "top", children: copied ? "Copied" : `Copy ${label ?? "id"}: ${value}` })
         ] }),
-        canPeek ? /* @__PURE__ */ jsxs23(Tooltip, { children: [
-          /* @__PURE__ */ jsx33(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
+        canPeek ? /* @__PURE__ */ jsxs24(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
             "button",
             {
               type: "button",
@@ -7047,16 +7105,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__ */ jsx33(Lightbulb, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx34(Lightbulb, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ jsxs23(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ jsxs24(TooltipContent, { side: "top", children: [
             "Quick look at ",
             label ?? "record"
           ] })
         ] }) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ jsxs23(Tooltip, { children: [
-          /* @__PURE__ */ jsx33(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ jsxs24(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
             "a",
             {
               href: resolvedHref,
@@ -7065,10 +7123,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__ */ jsx33(ExternalLink, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx34(ExternalLink, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ jsxs23(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ jsxs24(TooltipContent, { side: "top", children: [
             "Open ",
             label ?? "record",
             " in a new tab"
@@ -7076,7 +7134,7 @@ function MatrxUuidCell({
         ] }) : null,
         trailing,
         notice,
-        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ jsx33(
+        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ jsx34(
           ResourcePeek,
           {
             kind: doors?.peekKind ?? token ?? "record",
@@ -7110,7 +7168,7 @@ function formatTableDisplayValue(value) {
 }
 
 // src/data-table/DataRowInspector.tsx
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -7139,7 +7197,7 @@ function DataRowInspector({
   tokenForField = noFieldToken
 }) {
   const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
-  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ jsx34("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ jsx34(
+  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ jsx35("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ jsx35(
     CopyButtons,
     {
       size: "xs",
@@ -7154,21 +7212,21 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
       children: [
-        title ? /* @__PURE__ */ jsx34("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
-        /* @__PURE__ */ jsx34("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ jsx34("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
+        title ? /* @__PURE__ */ jsx35("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
+        /* @__PURE__ */ jsx35("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ jsx35("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ jsxs24(
+            return /* @__PURE__ */ jsxs25(
               "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__ */ jsx34("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                  /* @__PURE__ */ jsx34("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx34(
+                  /* @__PURE__ */ jsx35("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                  /* @__PURE__ */ jsx35("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx35(
                     MatrxUuidCell,
                     {
                       value,
@@ -7183,13 +7241,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__ */ jsxs24(
+          return /* @__PURE__ */ jsxs25(
             "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__ */ jsx34("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                /* @__PURE__ */ jsx34(
+                /* @__PURE__ */ jsx35("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                /* @__PURE__ */ jsx35(
                   "dd",
                   {
                     className: cn(
@@ -7211,8 +7269,8 @@ function DataRowInspector({
 }
 
 // src/data-table/DataRowWindow.tsx
-import { useEffect as useEffect12, useState as useState17 } from "react";
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useState as useState18 } from "react";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 function DataRowWindow({
   isOpen,
   onClose,
@@ -7232,15 +7290,15 @@ function DataRowWindow({
   const hasEdit = editContent != null;
   const hasTabs = hasEdit && children == null;
   const initialTab = defaultTab ?? (hasEdit ? "edit" : "view");
-  const [tab, setTab] = useState17(initialTab);
-  useEffect12(() => {
+  const [tab, setTab] = useState18(initialTab);
+  useEffect13(() => {
     if (!isOpen) return;
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
   if (!isOpen) return null;
-  const viewBody = viewContent ?? /* @__PURE__ */ jsx35(DataRowInspector, { row });
-  const body = children ?? /* @__PURE__ */ jsx35("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ jsx35("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ jsx35("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ jsx35("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
-  return /* @__PURE__ */ jsx35(
+  const viewBody = viewContent ?? /* @__PURE__ */ jsx36(DataRowInspector, { row });
+  const body = children ?? /* @__PURE__ */ jsx36("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ jsx36("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ jsx36("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ jsx36("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
+  return /* @__PURE__ */ jsx36(
     WindowPanel,
     {
       id: windowId,
@@ -7254,26 +7312,26 @@ function DataRowWindow({
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
       sidebarDefaultSize: 140,
       sidebarMinSize: 110,
-      sidebar: hasTabs ? /* @__PURE__ */ jsxs25(
+      sidebar: hasTabs ? /* @__PURE__ */ jsxs26(
         "nav",
         {
           "aria-label": "Row window tabs",
           className: "flex h-full flex-col gap-0.5 overflow-y-auto p-1.5",
           children: [
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               TabButton,
               {
                 active: tab === "view",
-                icon: /* @__PURE__ */ jsx35(Eye, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ jsx36(Eye, { className: "h-4 w-4 shrink-0" }),
                 label: "View",
                 onClick: () => setTab("view")
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               TabButton,
               {
                 active: tab === "edit",
-                icon: /* @__PURE__ */ jsx35(Pencil, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ jsx36(Pencil, { className: "h-4 w-4 shrink-0" }),
                 label: "Edit",
                 onClick: () => setTab("edit")
               }
@@ -7291,7 +7349,7 @@ function TabButton({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "button",
     {
       type: "button",
@@ -7304,7 +7362,7 @@ function TabButton({
       ),
       children: [
         icon,
-        /* @__PURE__ */ jsx35("span", { className: "min-w-0 flex-1 truncate", children: label })
+        /* @__PURE__ */ jsx36("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }
   );
@@ -7327,7 +7385,7 @@ function defaultRowTitle(row, columns) {
 }
 
 // src/data-table/DirtySavePill.tsx
-import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 function DirtySavePill({
   changeCount,
   saving,
@@ -7336,20 +7394,20 @@ function DirtySavePill({
   className
 }) {
   if (changeCount <= 0) return null;
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
         "pointer-events-none fixed inset-x-0 bottom-6 z-50 flex justify-center pb-safe",
         className
       ),
-      children: /* @__PURE__ */ jsxs26("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__ */ jsxs26("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
+      children: /* @__PURE__ */ jsxs27("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__ */ jsxs27("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
           changeCount,
           " unsaved change",
           changeCount === 1 ? "" : "s"
         ] }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           Button,
           {
             type: "button",
@@ -7359,12 +7417,12 @@ function DirtySavePill({
             disabled: saving,
             onClick: onCancel,
             children: [
-              /* @__PURE__ */ jsx36(X, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx37(X, { className: "h-3.5 w-3.5" }),
               "Cancel"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           Button,
           {
             type: "button",
@@ -7373,7 +7431,7 @@ function DirtySavePill({
             disabled: saving,
             onClick: onSave,
             children: [
-              saving ? /* @__PURE__ */ jsx36(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx36(Save, { className: "h-3.5 w-3.5" }),
+              saving ? /* @__PURE__ */ jsx37(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx37(Save, { className: "h-3.5 w-3.5" }),
               "Save"
             ]
           }
@@ -7384,8 +7442,8 @@ function DirtySavePill({
 }
 
 // src/data-table/EditableTableCell.tsx
-import { useState as useState18 } from "react";
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function CellEditShell({
   href,
   display,
@@ -7394,8 +7452,8 @@ function CellEditShell({
   editButton
 }) {
   const { Link: HostLink } = useMatrxDataTableHost();
-  const Link = HostLink ?? ((props) => /* @__PURE__ */ jsx37("a", { ...props }));
-  return /* @__PURE__ */ jsxs27(
+  const Link = HostLink ?? ((props) => /* @__PURE__ */ jsx38("a", { ...props }));
+  return /* @__PURE__ */ jsxs28(
     "span",
     {
       className: cn(
@@ -7407,7 +7465,7 @@ function CellEditShell({
         className
       ),
       children: [
-        href ? /* @__PURE__ */ jsx37(
+        href ? /* @__PURE__ */ jsx38(
           Link,
           {
             href,
@@ -7415,7 +7473,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__ */ jsx37("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
+        ) : /* @__PURE__ */ jsx38("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
         editButton
       ]
     }
@@ -7433,10 +7491,10 @@ function EditableTableCell({
   href,
   editTrigger = "click"
 }) {
-  const [open, setOpen] = useState18(false);
+  const [open, setOpen] = useState19(false);
   const usePencil = Boolean(href) || editTrigger === "pencil";
   if (editType === "string") {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       InlineStringEditor,
       {
         value: stringifyCellValue(value),
@@ -7449,30 +7507,30 @@ function EditableTableCell({
       }
     );
   }
-  return /* @__PURE__ */ jsxs27(Popover, { open, onOpenChange: setOpen, children: [
-    usePencil ? /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs28(Popover, { open, onOpenChange: setOpen, children: [
+    usePencil ? /* @__PURE__ */ jsx38(
       CellEditShell,
       {
         ...href === void 0 ? {} : { href },
         display,
         ...dirty === void 0 ? {} : { dirty },
         ...className === void 0 ? {} : { className },
-        editButton: /* @__PURE__ */ jsxs27(Tooltip, { children: [
-          /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
+        editButton: /* @__PURE__ */ jsxs28(Tooltip, { children: [
+          /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
             "button",
             {
               type: "button",
               "aria-label": "Edit",
               onClick: (e) => e.stopPropagation(),
               className: CELL_PENCIL_CLASS,
-              children: /* @__PURE__ */ jsx37(Pencil, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx38(Pencil, { className: "h-3 w-3" })
             }
           ) }) }),
-          /* @__PURE__ */ jsx37(TooltipContent, { children: "Edit" })
+          /* @__PURE__ */ jsx38(TooltipContent, { children: "Edit" })
         ] })
       }
-    ) : /* @__PURE__ */ jsxs27(Tooltip, { children: [
-      /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+    ) : /* @__PURE__ */ jsxs28(Tooltip, { children: [
+      /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
         "button",
         {
           type: "button",
@@ -7483,20 +7541,20 @@ function EditableTableCell({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx37("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
-            editType === "select" ? /* @__PURE__ */ jsx37(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
+            /* @__PURE__ */ jsx38("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
+            editType === "select" ? /* @__PURE__ */ jsx38(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
           ]
         }
       ) }) }),
-      /* @__PURE__ */ jsx37(TooltipContent, { children: "Edit value" })
+      /* @__PURE__ */ jsx38(TooltipContent, { children: "Edit value" })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       PopoverContent,
       {
         align: "start",
         className: "w-56 p-2",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsx37(
+        children: /* @__PURE__ */ jsx38(
           TypedEditor,
           {
             editType,
@@ -7522,19 +7580,19 @@ function InlineStringEditor({
   href,
   usePencil
 }) {
-  const [editing, setEditing] = useState18(false);
-  const [draft, setDraft] = useState18(value);
+  const [editing, setEditing] = useState19(false);
+  const [draft, setDraft] = useState19(value);
   if (!editing) {
     if (usePencil) {
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx38(
         CellEditShell,
         {
           ...href === void 0 ? {} : { href },
           display,
           ...dirty === void 0 ? {} : { dirty },
           ...className === void 0 ? {} : { className },
-          editButton: /* @__PURE__ */ jsxs27(Tooltip, { children: [
-            /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
+          editButton: /* @__PURE__ */ jsxs28(Tooltip, { children: [
+            /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
               "button",
               {
                 type: "button",
@@ -7545,16 +7603,16 @@ function InlineStringEditor({
                   setEditing(true);
                 },
                 className: CELL_PENCIL_CLASS,
-                children: /* @__PURE__ */ jsx37(Pencil, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ jsx38(Pencil, { className: "h-3 w-3" })
               }
             ) }),
-            /* @__PURE__ */ jsx37(TooltipContent, { children: "Edit" })
+            /* @__PURE__ */ jsx38(TooltipContent, { children: "Edit" })
           ] })
         }
       );
     }
-    return /* @__PURE__ */ jsxs27(Tooltip, { children: [
-      /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsxs28(Tooltip, { children: [
+      /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
         "button",
         {
           type: "button",
@@ -7571,10 +7629,10 @@ function InlineStringEditor({
           children: display
         }
       ) }),
-      /* @__PURE__ */ jsx37(TooltipContent, { children: "Click to edit" })
+      /* @__PURE__ */ jsx38(TooltipContent, { children: "Click to edit" })
     ] });
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Input,
     {
       autoFocus: true,
@@ -7610,9 +7668,9 @@ function TypedEditor({
 }) {
   if (editType === "boolean") {
     const checked = Boolean(value);
-    return /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx37("span", { className: "text-xs font-medium", children: "Value" }),
-      /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx38("span", { className: "text-xs font-medium", children: "Value" }),
+      /* @__PURE__ */ jsx38(
         Checkbox,
         {
           checked,
@@ -7622,7 +7680,7 @@ function TypedEditor({
     ] });
   }
   if (editType === "number") {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       NumberEditor,
       {
         value: typeof value === "number" ? value : Number(value) || 0,
@@ -7632,7 +7690,7 @@ function TypedEditor({
     );
   }
   if (editType === "tags") {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       TagsEditor,
       {
         value: Array.isArray(value) ? value.map(String) : [],
@@ -7643,19 +7701,19 @@ function TypedEditor({
     );
   }
   if (editType === "select") {
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs28(
       Select,
       {
         value: stringifyCellValue(value),
         onValueChange: (v) => onCommit(v),
         children: [
-          /* @__PURE__ */ jsx37(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx37(SelectValue, {}) }),
-          /* @__PURE__ */ jsx37(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ jsx37(SelectItem, { value: o.value, children: o.label }, o.value)) })
+          /* @__PURE__ */ jsx38(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx38(SelectValue, {}) }),
+          /* @__PURE__ */ jsx38(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ jsx38(SelectItem, { value: o.value, children: o.label }, o.value)) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Input,
     {
       type: "date",
@@ -7674,8 +7732,8 @@ function TagsEditor({
   onCommit,
   onCancel
 }) {
-  const [tags, setTags] = useState18(value);
-  const [draft, setDraft] = useState18("");
+  const [tags, setTags] = useState19(value);
+  const [draft, setDraft] = useState19("");
   const add = (raw) => {
     const next = raw.trim();
     if (!next || tags.includes(next)) return;
@@ -7685,11 +7743,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__ */ jsxs27("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap gap-1", children: [
-      tags.length === 0 && /* @__PURE__ */ jsx37("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
-      tags.map((tag) => /* @__PURE__ */ jsxs27(Tooltip, { children: [
-        /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap gap-1", children: [
+      tags.length === 0 && /* @__PURE__ */ jsx38("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
+      tags.map((tag) => /* @__PURE__ */ jsxs28(Tooltip, { children: [
+        /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
           "button",
           {
             type: "button",
@@ -7698,17 +7756,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__ */ jsx37(X, { className: "h-2.5 w-2.5" })
+              /* @__PURE__ */ jsx38(X, { className: "h-2.5 w-2.5" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs27(TooltipContent, { children: [
+        /* @__PURE__ */ jsxs28(TooltipContent, { children: [
           "Remove ",
           tag
         ] })
       ] }, tag))
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Input,
       {
         autoFocus: true,
@@ -7729,7 +7787,7 @@ function TagsEditor({
         className: "h-8 text-xs"
       }
     ),
-    matches.length > 0 && /* @__PURE__ */ jsx37("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ jsxs27(
+    matches.length > 0 && /* @__PURE__ */ jsx38("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ jsxs28(
       "button",
       {
         type: "button",
@@ -7742,8 +7800,8 @@ function TagsEditor({
       },
       s.value
     )) }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex justify-end gap-1 pt-1", children: [
-      /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs28("div", { className: "flex justify-end gap-1 pt-1", children: [
+      /* @__PURE__ */ jsx38(
         Button,
         {
           size: "sm",
@@ -7751,17 +7809,17 @@ function TagsEditor({
           className: "h-7 px-2",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ jsx37(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx38(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Button,
         {
           size: "sm",
           className: "h-7 px-2",
           "aria-label": "Apply tags",
           onClick: () => onCommit(tags),
-          children: /* @__PURE__ */ jsx37(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx38(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -7772,9 +7830,9 @@ function NumberEditor({
   onCommit,
   onCancel
 }) {
-  const [draft, setDraft] = useState18(String(value));
-  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx37(
+  const [draft, setDraft] = useState19(String(value));
+  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx38(
       Input,
       {
         autoFocus: true,
@@ -7791,8 +7849,8 @@ function NumberEditor({
         }
       }
     ),
-    /* @__PURE__ */ jsxs27("div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs28("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ jsx38(
         Button,
         {
           type: "button",
@@ -7801,10 +7859,10 @@ function NumberEditor({
           className: "h-7",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ jsx37(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx38(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Button,
         {
           type: "button",
@@ -7815,7 +7873,7 @@ function NumberEditor({
             const n = Number(draft);
             if (Number.isFinite(n)) onCommit(n);
           },
-          children: /* @__PURE__ */ jsx37(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx38(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -7823,24 +7881,24 @@ function NumberEditor({
 }
 
 // src/data-table/ToolbarFacets.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
 function ToolbarFacets({ facets }) {
   if (facets.length === 0) return null;
-  return /* @__PURE__ */ jsx38("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
+  return /* @__PURE__ */ jsx39("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
     if (facet.type === "custom") {
-      return /* @__PURE__ */ jsx38("div", { children: facet.render() }, facet.id);
+      return /* @__PURE__ */ jsx39("div", { children: facet.render() }, facet.id);
     }
     const defaultValue = facet.defaultValue ?? facet.options[0]?.value ?? "";
     const isNonDefault = facet.value !== defaultValue;
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "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__ */ jsx38("span", { className: "mr-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: facet.label }) : null,
+          facet.label ? /* @__PURE__ */ jsx39("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__ */ jsxs28(
+            return /* @__PURE__ */ jsxs29(
               Button,
               {
                 type: "button",
@@ -7854,8 +7912,8 @@ function ToolbarFacets({ facets }) {
                 children: [
                   opt.icon,
                   opt.label,
-                  active && isNonDefault ? /* @__PURE__ */ jsx38(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs28(Tooltip, { children: [
-                    /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
+                  active && isNonDefault ? /* @__PURE__ */ jsx39(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs29(Tooltip, { children: [
+                    /* @__PURE__ */ jsx39(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx39(
                       "span",
                       {
                         role: "button",
@@ -7873,10 +7931,10 @@ function ToolbarFacets({ facets }) {
                             facet.onChange(defaultValue);
                           }
                         },
-                        children: /* @__PURE__ */ jsx38(X, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ jsx39(X, { className: "h-3 w-3" })
                       }
                     ) }),
-                    /* @__PURE__ */ jsx38(TooltipContent, { side: "top", children: "Clear this filter" })
+                    /* @__PURE__ */ jsx39(TooltipContent, { side: "top", children: "Clear this filter" })
                   ] }) }) : null
                 ]
               },
@@ -7902,8 +7960,8 @@ function resetToolbarFacets(facets) {
 }
 
 // src/data-table/LayeredFilterBuilder.tsx
-import { useState as useState19 } from "react";
-import { Fragment as Fragment5, jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
 function moveRule(rules, from, to) {
   if (from === to || to < 0 || to >= rules.length) return [...rules];
   const next = [...rules];
@@ -7919,8 +7977,8 @@ function LayeredFilterBuilder({
   maxRules = 20,
   label = "Advanced filters"
 }) {
-  const [open, setOpen] = useState19(false);
-  const [draggedIndex, setDraggedIndex] = useState19(null);
+  const [open, setOpen] = useState20(false);
+  const [draggedIndex, setDraggedIndex] = useState20(null);
   if (fields.length === 0) return null;
   const updateRule = (index, patch) => {
     onChange(
@@ -7949,8 +8007,8 @@ function LayeredFilterBuilder({
   const reorder = (from, to) => {
     onChange(moveRule(rules, from, to));
   };
-  return /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
-    /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ jsxs30(
       Popover,
       {
         open,
@@ -7962,7 +8020,7 @@ function LayeredFilterBuilder({
           }
         },
         children: [
-          /* @__PURE__ */ jsx39(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs29(
+          /* @__PURE__ */ jsx40(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30(
             Button,
             {
               type: "button",
@@ -7971,25 +8029,25 @@ function LayeredFilterBuilder({
               className: "h-8 gap-1.5 px-2 text-xs",
               "aria-label": label,
               children: [
-                /* @__PURE__ */ jsx39(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ jsx39("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
-                rules.length > 0 ? /* @__PURE__ */ jsx39("span", { className: "sm:hidden", children: rules.length }) : null
+                /* @__PURE__ */ jsx40(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx40("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
+                rules.length > 0 ? /* @__PURE__ */ jsx40("span", { className: "sm:hidden", children: rules.length }) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs29(
+          /* @__PURE__ */ jsxs30(
             PopoverContent,
             {
               align: "start",
               sideOffset: 6,
               className: "w-[min(46rem,calc(100vw-1rem))] p-0",
               children: [
-                /* @__PURE__ */ jsxs29("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
-                  /* @__PURE__ */ jsxs29("div", { children: [
-                    /* @__PURE__ */ jsx39("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
-                    /* @__PURE__ */ jsx39("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__ */ jsxs30("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
+                  /* @__PURE__ */ jsxs30("div", { children: [
+                    /* @__PURE__ */ jsx40("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
+                    /* @__PURE__ */ jsx40("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__ */ jsx39(
+                  rules.length > 0 ? /* @__PURE__ */ jsx40(
                     Button,
                     {
                       type: "button",
@@ -8001,10 +8059,10 @@ function LayeredFilterBuilder({
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ jsx39("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ jsxs29("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
-                  /* @__PURE__ */ jsx39("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
-                  /* @__PURE__ */ jsx39("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__ */ jsx39(
+                /* @__PURE__ */ jsx40("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ jsxs30("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
+                  /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
+                  /* @__PURE__ */ jsx40("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__ */ jsx40(
                   LayeredRuleRow,
                   {
                     index,
@@ -8024,9 +8082,9 @@ function LayeredFilterBuilder({
                   },
                   rule.id
                 )) }),
-                /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
-                  /* @__PURE__ */ jsx39("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
-                  /* @__PURE__ */ jsxs29(
+                /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
+                  /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
+                  /* @__PURE__ */ jsxs30(
                     Button,
                     {
                       type: "button",
@@ -8036,7 +8094,7 @@ function LayeredFilterBuilder({
                       disabled: rules.length >= maxRules,
                       onClick: addRule,
                       children: [
-                        /* @__PURE__ */ jsx39(Plus, { className: "h-3.5 w-3.5" }),
+                        /* @__PURE__ */ jsx40(Plus, { className: "h-3.5 w-3.5" }),
                         " Add layer"
                       ]
                     }
@@ -8048,7 +8106,7 @@ function LayeredFilterBuilder({
         ]
       }
     ),
-    rules.map((rule, index) => /* @__PURE__ */ jsxs29(
+    rules.map((rule, index) => /* @__PURE__ */ jsxs30(
       "span",
       {
         className: cn(
@@ -8056,7 +8114,7 @@ function LayeredFilterBuilder({
           isCompleteLayeredFilterRule(rule) ? "border-border bg-muted/50 text-foreground" : "border-dashed border-warning/50 bg-warning/10 text-warning"
         ),
         children: [
-          /* @__PURE__ */ jsxs29(
+          /* @__PURE__ */ jsxs30(
             "button",
             {
               type: "button",
@@ -8064,19 +8122,19 @@ function LayeredFilterBuilder({
               onClick: () => setOpen(true),
               title: isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : `Layer ${index + 1} needs a value`,
               children: [
-                /* @__PURE__ */ jsx39("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
+                /* @__PURE__ */ jsx40("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
                 isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : "Choose a value"
               ]
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             "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__ */ jsx39(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx40(X, { className: "h-3 w-3" })
             }
           )
         ]
@@ -8106,7 +8164,7 @@ function LayeredRuleRow({
     event.preventDefault();
     onKeyboardMove(event.key === "ArrowUp" ? -1 : 1);
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -8119,7 +8177,7 @@ function LayeredRuleRow({
         onDrop(index);
       },
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "button",
           {
             type: "button",
@@ -8133,10 +8191,10 @@ function LayeredRuleRow({
             },
             onDragEnd,
             onKeyDown: handleMoveKey,
-            children: /* @__PURE__ */ jsx39(GripVertical, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx40(GripVertical, { className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs30(
           Select,
           {
             value: field.id,
@@ -8154,16 +8212,16 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-span-1",
                   "aria-label": `Filter layer ${index + 1} field`,
-                  children: /* @__PURE__ */ jsx39(SelectValue, {})
+                  children: /* @__PURE__ */ jsx40(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ jsx39(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ jsx40(
                 SelectItem,
                 {
                   value: candidate.id,
@@ -8175,7 +8233,7 @@ function LayeredRuleRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs30(
           Select,
           {
             value: rule.operator,
@@ -8187,35 +8245,35 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-start-2",
                   "aria-label": `Filter layer ${index + 1} operator`,
-                  children: /* @__PURE__ */ jsx39(SelectValue, {})
+                  children: /* @__PURE__ */ jsx40(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ jsx39(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ jsx39(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
+              /* @__PURE__ */ jsx40(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ jsx40(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx39("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ jsx39("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsx40("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ jsx40("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ jsxs30(
           Select,
           {
             value: rule.value,
             onValueChange: (value) => onChange({ value }),
             children: [
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs",
                   "aria-label": `Filter layer ${index + 1} value`,
-                  children: /* @__PURE__ */ jsx39(SelectValue, {})
+                  children: /* @__PURE__ */ jsx40(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ jsx39(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ jsx40(
                 SelectItem,
                 {
                   value: option.value,
@@ -8226,8 +8284,8 @@ function LayeredRuleRow({
               )) })
             ]
           }
-        ) : /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx39(
+        ) : /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx40(
             Input,
             {
               value: rule.value,
@@ -8238,9 +8296,9 @@ function LayeredRuleRow({
               "aria-label": `Filter layer ${index + 1} value`
             }
           ),
-          rule.operator === "between" ? /* @__PURE__ */ jsxs29(Fragment5, { children: [
-            /* @__PURE__ */ jsx39("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
-            /* @__PURE__ */ jsx39(
+          rule.operator === "between" ? /* @__PURE__ */ jsxs30(Fragment5, { children: [
+            /* @__PURE__ */ jsx40("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 value: rule.valueTo ?? "",
@@ -8253,7 +8311,7 @@ function LayeredRuleRow({
             )
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           Button,
           {
             type: "button",
@@ -8262,7 +8320,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__ */ jsx39(Trash2, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx40(Trash2, { className: "h-3.5 w-3.5" })
           }
         )
       ]
@@ -8362,7 +8420,7 @@ function safeQueryPage(requestedPage, totalItems, pageSize) {
 }
 
 // src/data-table/MatrxDataTable.tsx
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 function TableToolbarAction({
   HostAction,
   ariaLabel,
@@ -8373,10 +8431,10 @@ function TableToolbarAction({
   children
 }) {
   if (HostAction) {
-    return /* @__PURE__ */ jsx40("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ jsx40(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
+    return /* @__PURE__ */ jsx41("span", { "data-matrx-table-toolbar-action": true, children: /* @__PURE__ */ jsx41(HostAction, { ariaLabel, tooltip, disabled, busy, onClick, children }) });
   }
-  return /* @__PURE__ */ jsxs30(Tooltip, { children: [
-    /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs31(Tooltip, { children: [
+    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41("span", { "data-matrx-table-toolbar-action": true, className: "inline-flex", children: /* @__PURE__ */ jsx41(
       Button,
       {
         type: "button",
@@ -8391,7 +8449,7 @@ function TableToolbarAction({
         children: isValidElement2(children) ? cloneElement2(children, { className: cn("h-5 w-5", children.props.className) }) : children
       }
     ) }) }),
-    /* @__PURE__ */ jsx40(TooltipContent, { children: tooltip ?? ariaLabel })
+    /* @__PURE__ */ jsx41(TooltipContent, { children: tooltip ?? ariaLabel })
   ] });
 }
 function hasSameRowReferences(previous, next) {
@@ -8404,20 +8462,20 @@ function TableRowCopyControl({
   sourceId,
   defaultColumns
 }) {
-  return /* @__PURE__ */ jsx40(
-    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__ */ jsx41(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;
@@ -8428,8 +8486,8 @@ function isStringArray(value) {
 }
 var activeUrlTableIds = /* @__PURE__ */ new Set();
 function MatrxDataTable(props) {
-  if (!props.urlState) return /* @__PURE__ */ jsx40(MatrxDataTableCore, { ...props });
-  return /* @__PURE__ */ jsx40(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
+  if (!props.urlState) return /* @__PURE__ */ jsx41(MatrxDataTableCore, { ...props });
+  return /* @__PURE__ */ jsx41(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
 }
 function MatrxDataTableWithUrlState({
   urlState,
@@ -8447,7 +8505,7 @@ function MatrxDataTableWithUrlState({
     ...urlState.history === void 0 ? {} : { history: urlState.history },
     ...urlState.textHistory === void 0 ? {} : { textHistory: urlState.textHistory }
   });
-  useEffect13(() => {
+  useEffect14(() => {
     if (activeUrlTableIds.has(urlState.id)) {
       throw new Error(
         `Duplicate MatrxDataTable urlState.id "${urlState.id}" on one page. Give every table a unique stable id.`
@@ -8484,7 +8542,7 @@ function MatrxDataTableWithUrlState({
       props.selection?.onSelectedIdsChange(ids);
     }
   } : props.selection;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     MatrxDataTableCore,
     {
       ...props,
@@ -8543,6 +8601,7 @@ function MatrxDataTableCore({
   detail,
   window: windowConfig,
   copy,
+  rowCopyPlacement = "inline",
   edit,
   hierarchy,
   selectedId: controlledSelectedId,
@@ -8561,6 +8620,7 @@ function MatrxDataTableCore({
   localPagination,
   pageSizeOptions = [10, 25, 50, 100, 200, 500, 1e3, 2e3],
   zebra = true,
+  stickyHeader = true,
   className,
   tableClassName,
   mobileCards,
@@ -8570,7 +8630,7 @@ function MatrxDataTableCore({
 }) {
   const appendQuery = query?.mode === "controlled-append" ? query : null;
   const appendQueryKey = appendQuery?.pagination.queryKey ?? null;
-  const committedAppendQueryKey = useRef11(appendQueryKey);
+  const committedAppendQueryKey = useRef12(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
   const data = appendQuery ? appendQuery.pagination.rows : suppliedData;
   const isLoading = appendQuery ? appendQuery.pagination.loading : suppliedLoading;
@@ -8581,10 +8641,10 @@ function MatrxDataTableCore({
   const Link = host.Link ?? DefaultTableLink;
   const SidePanelSurface = host.SidePanelSurface ?? DefaultTableSidePanel;
   const { notify: toast, notice } = useTableNotice();
-  const [savedViewError, setSavedViewError] = useState20(null);
-  const [toolbarActionError, setToolbarActionError] = useState20(null);
-  const [toolbarActionPending, setToolbarActionPending] = useState20({ refresh: false, add: false });
-  const toolbarActionPendingRef = useRef11({ refresh: false, add: false });
+  const [savedViewError, setSavedViewError] = useState21(null);
+  const [toolbarActionError, setToolbarActionError] = useState21(null);
+  const [toolbarActionPending, setToolbarActionPending] = useState21({ refresh: false, add: false });
+  const toolbarActionPendingRef = useRef12({ 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";
@@ -8606,8 +8666,8 @@ function MatrxDataTableCore({
     },
     [controlledQuery]
   );
-  const [internalSearch, setInternalSearch] = useState20("");
-  const [draggedRowId, setDraggedRowId] = useState20(null);
+  const [internalSearch, setInternalSearch] = useState21("");
+  const [draggedRowId, setDraggedRowId] = useState21(null);
   const hierarchySensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: { distance: COLUMN_REORDER_ACTIVATION_DISTANCE }
@@ -8623,7 +8683,7 @@ function MatrxDataTableCore({
     }
     toolbar?.onSearchChange?.(v);
   };
-  const [internalSearchMatchMode, setInternalSearchMatchMode] = useState20(
+  const [internalSearchMatchMode, setInternalSearchMatchMode] = useState21(
     toolbar?.searchMatch?.defaultMode ?? "contains"
   );
   const searchMatchMode = controlledQuery ? controlledQuery.state.searchMatchMode ?? toolbar?.searchMatch?.defaultMode ?? "contains" : internalSearchMatchMode;
@@ -8634,7 +8694,7 @@ function MatrxDataTableCore({
     }
     setInternalSearchMatchMode(mode);
   };
-  const [internalSearchScope, setInternalSearchScope] = useState20("all");
+  const [internalSearchScope, setInternalSearchScope] = useState21("all");
   const searchScope = controlledQuery ? controlledQuery.state.searchScope ?? "all" : internalSearchScope;
   const setSearchScope = (scope) => {
     if (controlledQuery) {
@@ -8643,7 +8703,7 @@ function MatrxDataTableCore({
     }
     setInternalSearchScope(scope);
   };
-  const [internalAnyOf, setInternalAnyOf] = useState20("");
+  const [internalAnyOf, setInternalAnyOf] = useState21("");
   const toolbarAnyOfControlled = toolbar?.anyOf?.value !== void 0;
   const anyOfValue = controlledQuery ? controlledQuery.state.anyOf : toolbarAnyOfControlled ? toolbar?.anyOf?.value ?? "" : internalAnyOf;
   const setAnyOfValue = (v) => {
@@ -8654,7 +8714,7 @@ function MatrxDataTableCore({
     }
     toolbar?.anyOf?.onChange?.(v);
   };
-  const [internalLayeredFilters, setInternalLayeredFilters] = useState20([]);
+  const [internalLayeredFilters, setInternalLayeredFilters] = useState21([]);
   const layeredFilters = controlledQuery ? controlledQuery.state.layeredFilters ?? [] : internalLayeredFilters;
   const setLayeredFilters = (next) => {
     if (controlledQuery) {
@@ -8663,7 +8723,7 @@ function MatrxDataTableCore({
     }
     setInternalLayeredFilters(next);
   };
-  const [internalColumnFilters, setInternalColumnFilters] = useState20({});
+  const [internalColumnFilters, setInternalColumnFilters] = useState21({});
   const columnFilters = controlledQuery ? controlledQuery.state.columnFilters : internalColumnFilters;
   const setColumnFilter = (id, next) => {
     const nextFilters = { ...columnFilters, [id]: next };
@@ -8676,7 +8736,7 @@ function MatrxDataTableCore({
     }
     setInternalColumnFilters(nextFilters);
   };
-  const [internalSort, setInternalSort] = useState20(defaultSort);
+  const [internalSort, setInternalSort] = useState21(defaultSort);
   const sort = controlledQuery ? controlledQuery.state.sort : internalSort;
   const setSort = (next) => {
     if (controlledQuery) {
@@ -8685,7 +8745,7 @@ function MatrxDataTableCore({
     }
     setInternalSort(next);
   };
-  const [internalPage, setInternalPage] = useState20(1);
+  const [internalPage, setInternalPage] = useState21(1);
   const page = controlledQuery ? controlledQuery.state.page : internalPage;
   const setPage = (next) => {
     if (controlledQuery) {
@@ -8694,7 +8754,7 @@ function MatrxDataTableCore({
     }
     setInternalPage(next);
   };
-  const [internalPageSize, setInternalPageSize] = useState20(
+  const [internalPageSize, setInternalPageSize] = useState21(
     defaultPageSize === 0 ? Math.max(data.length, 1) : defaultPageSize
   );
   const pageSize = controlledQuery ? controlledQuery.state.pageSize : internalPageSize;
@@ -8705,26 +8765,26 @@ function MatrxDataTableCore({
     }
     setInternalPageSize(next);
   };
-  const [uncontrolledSelectedId, setUncontrolledSelectedId] = useState20(null);
+  const [uncontrolledSelectedId, setUncontrolledSelectedId] = useState21(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] = useState20(null);
+  const [uncontrolledWindowRowId, setUncontrolledWindowRowId] = useState21(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] = useState20(null);
+  const [windowRowSnapshot, setWindowRowSnapshot] = useState21(null);
   const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
-  const [editsByScope, setEditsByScope] = useState20({});
-  const editRevisionRef = useRef11({});
-  const [savingByScope, setSavingByScope] = useState20({});
-  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = useState20(false);
+  const [editsByScope, setEditsByScope] = useState21({});
+  const editRevisionRef = useRef12({});
+  const [savingByScope, setSavingByScope] = useState21({});
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = useState21(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
@@ -8791,7 +8851,7 @@ function MatrxDataTableCore({
     rows: Object.entries(draft.values).map(([rowId, columns2]) => ({ rowId, columns: columns2 }))
   }));
   const selection = appendSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
-  useEffect13(() => {
+  useEffect14(() => {
     const previous = committedAppendQueryKey.current;
     committedAppendQueryKey.current = appendQueryKey;
     if (previous === null || appendQueryKey === null || previous === appendQueryKey) {
@@ -8809,10 +8869,13 @@ function MatrxDataTableCore({
     onWindowRowIdChange,
     selectionConfig
   ]);
-  const scrollRef = useRef11(null);
-  const tableRef = useRef11(null);
-  const cardsScrollRef = useRef11(null);
-  const previousAppendKeyForScrollReset = useRef11(appendQueryKey);
+  const scrollRef = useRef12(null);
+  const tableRef = useRef12(null);
+  const tableHeaderRef = useRef12(null);
+  const cardsScrollRef = useRef12(null);
+  const [documentStickyHeader, setDocumentStickyHeader] = useState21(false);
+  const documentStickyHeaderRef = useRef12(false);
+  const previousAppendKeyForScrollReset = useRef12(appendQueryKey);
   useLayoutEffect2(() => {
     const previous = previousAppendKeyForScrollReset.current;
     previousAppendKeyForScrollReset.current = appendQueryKey;
@@ -8838,12 +8901,12 @@ function MatrxDataTableCore({
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.thresholdPx !== void 0 ? { thresholdPx: appendScrollPolicy.thresholdPx } : {},
     ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
   });
-  const rootRef = useRef11(null);
+  const rootRef = useRef12(null);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
-  const [scrollHintRight, setScrollHintRight] = useState20(false);
-  const [scrollHintLeft, setScrollHintLeft] = useState20(false);
+  const [scrollHintRight, setScrollHintRight] = useState21(false);
+  const [scrollHintLeft, setScrollHintLeft] = useState21(false);
   const updateScrollHint = useCallback6(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -8858,7 +8921,7 @@ function MatrxDataTableCore({
       behavior: "smooth"
     });
   };
-  useEffect13(() => {
+  useEffect14(() => {
     updateScrollHint();
     window.addEventListener("resize", updateScrollHint);
     const el = scrollRef.current;
@@ -8873,26 +8936,85 @@ function MatrxDataTableCore({
       observer?.disconnect();
     };
   }, [updateScrollHint, data, columns]);
-  const [columnOrder, setColumnOrder] = useState20(() => columnState?.order ?? columns.map(columnId));
-  const [hiddenColumnIds, setHiddenColumnIds] = useState20(
+  useLayoutEffect2(() => {
+    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] = useState21(() => columnState?.order ?? columns.map(columnId));
+  const [hiddenColumnIds, setHiddenColumnIds] = useState21(
     () => new Set(columnState?.hidden ?? columns.filter((column) => column.hidden).map(columnId))
   );
-  const [columnWidths, setColumnWidths] = useState20(
+  const [columnWidths, setColumnWidths] = useState21(
     () => normalizeColumnWidthsForColumns(columnState?.widths, columns)
   );
-  const [fixedTableGeometry, setFixedTableGeometry] = useState20(null);
-  const knownColumnIds = useRef11(new Set(columns.map(columnId)));
-  const draggedColumnId = useRef11(null);
-  const columnDragActive = useRef11(false);
-  const columnDragRaf = useRef11(null);
-  const columnDragScrollDirection = useRef11(0);
-  const [columnDragPreview, setColumnDragPreview] = useState20(null);
+  const [fixedTableGeometry, setFixedTableGeometry] = useState21(null);
+  const knownColumnIds = useRef12(new Set(columns.map(columnId)));
+  const draggedColumnId = useRef12(null);
+  const columnDragActive = useRef12(false);
+  const columnDragRaf = useRef12(null);
+  const columnDragScrollDirection = useRef12(0);
+  const [columnDragPreview, setColumnDragPreview] = useState21(null);
   const stopColumnDragScroll = useCallback6(() => {
     if (columnDragRaf.current !== null) cancelAnimationFrame(columnDragRaf.current);
     columnDragRaf.current = null;
     columnDragScrollDirection.current = 0;
   }, []);
-  useEffect13(() => () => {
+  useEffect14(() => () => {
     columnDragActive.current = false;
     stopColumnDragScroll();
   }, [stopColumnDragScroll]);
@@ -8930,7 +9052,7 @@ function MatrxDataTableCore({
       setHiddenColumnIds(hidden);
     }
   }, [columnState]);
-  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = useState20(false);
+  const [internalColumnManagerOpen, setInternalColumnManagerOpen] = useState21(false);
   const columnManagerOpen = controlledColumnManager?.open ?? internalColumnManagerOpen;
   const setColumnManagerOpen = controlledColumnManager?.onOpenChange ?? setInternalColumnManagerOpen;
   const columnIds = useMemo7(() => columns.map(columnId), [columns]);
@@ -8940,7 +9062,7 @@ function MatrxDataTableCore({
     () => normalizeColumnWidthsForColumns(columnState?.widths ?? columnWidths, columns),
     [columns, columnState?.widths, columnWidths]
   );
-  const resizeGestureSnapshotRef = useRef11(null);
+  const resizeGestureSnapshotRef = useRef12(null);
   const measureVisibleColumnWidths = useCallback6(() => {
     const measured = {};
     const headers = tableRef.current ? Array.from(tableRef.current.querySelectorAll(
@@ -9013,7 +9135,7 @@ function MatrxDataTableCore({
     }
     setColumnWidths(normalized);
   }, [columnIds, columnState, columns, measureFixedTableGeometry, measureVisibleColumnWidths]);
-  useEffect13(() => {
+  useEffect14(() => {
     const ids = columns.map(columnId);
     if (columnState) return;
     const previousIds = knownColumnIds.current;
@@ -9198,8 +9320,8 @@ function MatrxDataTableCore({
     intelligentSearchEnabled,
     searchScope
   ]);
-  const lastNotifiedViewRows = useRef11(null);
-  useEffect13(() => {
+  const lastNotifiedViewRows = useRef12(null);
+  useEffect14(() => {
     if (!onViewChange) {
       lastNotifiedViewRows.current = null;
       return;
@@ -9208,7 +9330,7 @@ function MatrxDataTableCore({
     lastNotifiedViewRows.current = processed;
     if (changed) onViewChange(processed);
   }, [processed, onViewChange]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (controlledQuery) return;
     setInternalPage(1);
   }, [
@@ -9260,7 +9382,7 @@ function MatrxDataTableCore({
     const start = (safePage - 1) * effectivePageSize;
     return processed.slice(start, start + effectivePageSize);
   }, [processed, safePage, effectivePageSize, pageSize, remoteQuery, hidePagination, localProgressiveEnabled, progressiveRows.rows]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!controlledQuery || controlledQuery.state.page === safePage) return;
     emitControlledQueryChange({ page: safePage });
   }, [controlledQuery, emitControlledQueryChange, safePage]);
@@ -9279,7 +9401,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__ */ jsx41(
+      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;
@@ -9354,7 +9490,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__ */ jsx40(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
+    action: /* @__PURE__ */ jsx41(Button, { type: "button", variant: "outline", size: "sm", onClick: clearAllFilters, children: "Clear filters" }),
     icon: void 0
   } : emptyState;
   const commitCell = (rowId, field, next) => {
@@ -9606,7 +9742,7 @@ function MatrxDataTableCore({
     setEdits({});
     edit?.onCancel?.();
   };
-  const showActionsCol = windowEnabled || Boolean(rowActions) || showRowCopy;
+  const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
   const selectedIdSet = useMemo7(
     () => new Set(selection?.selectedIds ?? []),
     [selection?.selectedIds]
@@ -9623,7 +9759,7 @@ function MatrxDataTableCore({
     () => data.filter((row) => selectedIdSet.has(getRowId(row))),
     [data, selectedIdSet, getRowId]
   );
-  const lastToggledIndex = useRef11(null);
+  const lastToggledIndex = useRef12(null);
   const setSelectedIds = (next) => selection?.onSelectedIdsChange([...next]);
   const toggleRowSelected = (index, shiftKey) => {
     if (!selection) return;
@@ -9676,7 +9812,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__ */ jsx40(
+      return /* @__PURE__ */ jsx41(
         EditableTableCell,
         {
           value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -9690,7 +9826,7 @@ function MatrxDataTableCore({
         }
       );
     }
-    return href ? /* @__PURE__ */ jsx40(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__ */ jsx41(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 = useMemo7(
     () => ({
@@ -9796,7 +9932,7 @@ function MatrxDataTableCore({
     },
     [columns, commitColumnState, commitColumnWidths, controlledQuery, intelligentSearchEnabled, intelligentSearchScopes, toolbar]
   );
-  return /* @__PURE__ */ jsx40(TooltipProvider, { children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsx41(TooltipProvider, { children: /* @__PURE__ */ jsxs31(
     DndContext,
     {
       id: tableDndContextId,
@@ -9889,7 +10025,7 @@ function MatrxDataTableCore({
         commitColumnState(order, effectiveHiddenColumnIds);
       },
       children: [
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs31(
           "div",
           {
             ref: rootRef,
@@ -9903,14 +10039,14 @@ function MatrxDataTableCore({
             ),
             children: [
               notice,
-              savedViewError ? /* @__PURE__ */ jsx40("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
-              toolbarActionError ? /* @__PURE__ */ jsx40("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__ */ jsxs30(
+              savedViewError ? /* @__PURE__ */ jsx41("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
+              toolbarActionError ? /* @__PURE__ */ jsx41("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__ */ jsxs31(
                 TableTitleRow,
                 {
-                  tabs: viewTabs ? /* @__PURE__ */ jsx40(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
+                  tabs: viewTabs ? /* @__PURE__ */ jsx41(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
-                  context: tableId && SavedViews ? /* @__PURE__ */ jsx40("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ jsx40(
+                  context: tableId && SavedViews ? /* @__PURE__ */ jsx41("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ jsx41(
                     SavedViews,
                     {
                       tableId,
@@ -9919,7 +10055,7 @@ function MatrxDataTableCore({
                       onApply: applySavedView
                     }
                   ) }) : void 0,
-                  search: showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ jsx40(
+                  search: showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ jsx41(
                     TableSearch,
                     {
                       value: searchValue,
@@ -9929,7 +10065,7 @@ function MatrxDataTableCore({
                       scopes: intelligentSearchScopes,
                       ...toolbar?.searchPlaceholder === void 0 ? {} : { placeholder: toolbar.searchPlaceholder }
                     }
-                  ) : /* @__PURE__ */ jsxs30(
+                  ) : /* @__PURE__ */ jsxs31(
                     "div",
                     {
                       "data-matrx-table-search": true,
@@ -9938,9 +10074,9 @@ function MatrxDataTableCore({
                         toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
                       ),
                       children: [
-                        /* @__PURE__ */ jsxs30("div", { className: "relative min-w-0 flex-1", children: [
-                          /* @__PURE__ */ jsx40(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                          /* @__PURE__ */ jsx40(
+                        /* @__PURE__ */ jsxs31("div", { className: "relative min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsx41(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx41(
                             Input,
                             {
                               value: searchValue,
@@ -9953,22 +10089,22 @@ function MatrxDataTableCore({
                               style: { fontSize: "16px" }
                             }
                           ),
-                          searchValue ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                            /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                          searchValue ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                            /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                               "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__ */ jsx40(X, { className: "h-5 w-5" })
+                                children: /* @__PURE__ */ jsx41(X, { className: "h-5 w-5" })
                               }
                             ) }),
-                            /* @__PURE__ */ jsx40(TooltipContent, { children: "Clear search" })
+                            /* @__PURE__ */ jsx41(TooltipContent, { children: "Clear search" })
                           ] }) : null
                         ] }),
-                        toolbar?.searchMatch ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                          /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30(
+                        toolbar?.searchMatch ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                          /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31(
                             Button,
                             {
                               type: "button",
@@ -9981,18 +10117,18 @@ function MatrxDataTableCore({
                                 searchMatchMode === "whole_words" ? "contains" : "whole_words"
                               ),
                               children: [
-                                /* @__PURE__ */ jsx40(WholeWord, { className: "h-5 w-5" }),
+                                /* @__PURE__ */ jsx41(WholeWord, { className: "h-5 w-5" }),
                                 searchMatchMode === "whole_words" ? "Whole words" : "Contains"
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx40(TooltipContent, { children: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words" })
+                          /* @__PURE__ */ jsx41(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__ */ jsx40(
+                    toolbar?.layeredFilters ? /* @__PURE__ */ jsx41(
                       LayeredFilterBuilder,
                       {
                         fields: toolbar.layeredFilters.fields,
@@ -10002,9 +10138,9 @@ function MatrxDataTableCore({
                         label: toolbar.layeredFilters.label
                       }
                     ) : null,
-                    toolbar?.anyOf ? /* @__PURE__ */ jsxs30("div", { className: "relative w-full max-w-xs", children: [
-                      /* @__PURE__ */ jsx40(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
-                      /* @__PURE__ */ jsx40(
+                    toolbar?.anyOf ? /* @__PURE__ */ jsxs31("div", { className: "relative w-full max-w-xs", children: [
+                      /* @__PURE__ */ jsx41(Search, { className: "absolute left-2 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }),
+                      /* @__PURE__ */ jsx41(
                         Input,
                         {
                           value: anyOfValue,
@@ -10014,22 +10150,22 @@ function MatrxDataTableCore({
                           style: { fontSize: "16px" }
                         }
                       ),
-                      anyOfValue ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                        /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                      anyOfValue ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                        /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                           "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__ */ jsx40(X, { className: "h-5 w-5" })
+                            children: /* @__PURE__ */ jsx41(X, { className: "h-5 w-5" })
                           }
                         ) }),
-                        /* @__PURE__ */ jsx40(TooltipContent, { children: "Clear match-any search" })
+                        /* @__PURE__ */ jsx41(TooltipContent, { children: "Clear match-any search" })
                       ] }) : null
                     ] }) : null,
-                    renderedFacets ? /* @__PURE__ */ jsx40(ToolbarFacets, { facets: renderedFacets }) : null,
-                    toolbar?.leading ? /* @__PURE__ */ jsx40(
+                    renderedFacets ? /* @__PURE__ */ jsx41(ToolbarFacets, { facets: renderedFacets }) : null,
+                    toolbar?.leading ? /* @__PURE__ */ jsx41(
                       "div",
                       {
                         "data-matrx-table-toolbar-extras": true,
@@ -10037,13 +10173,13 @@ function MatrxDataTableCore({
                         children: toolbar.leading
                       }
                     ) : null,
-                    /* @__PURE__ */ jsxs30(
+                    /* @__PURE__ */ jsxs31(
                       "div",
                       {
                         "data-matrx-table-actions": true,
                         className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
                         children: [
-                          sourceTotal !== void 0 ? /* @__PURE__ */ jsxs30(
+                          sourceTotal !== void 0 ? /* @__PURE__ */ jsxs31(
                             "span",
                             {
                               "data-matrx-table-source-total": true,
@@ -10060,7 +10196,7 @@ function MatrxDataTableCore({
                               ]
                             }
                           ) : null,
-                          /* @__PURE__ */ jsx40(
+                          /* @__PURE__ */ jsx41(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10068,10 +10204,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__ */ jsx40(Eraser, {})
+                              children: /* @__PURE__ */ jsx41(Eraser, {})
                             }
                           ),
-                          showToolbarCopy && effectiveCopy ? /* @__PURE__ */ jsx40(
+                          showToolbarCopy && effectiveCopy ? /* @__PURE__ */ jsx41(
                             CopyButtons,
                             {
                               size: "toolbar",
@@ -10114,17 +10250,17 @@ function MatrxDataTableCore({
                               }
                             }
                           ) : null,
-                          columns.length > 0 ? /* @__PURE__ */ jsx40(
+                          columns.length > 0 ? /* @__PURE__ */ jsx41(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
                               ariaLabel: "Columns",
                               tooltip: "Show, hide, or reorder columns",
                               onClick: () => setColumnManagerOpen(true),
-                              children: /* @__PURE__ */ jsx40(SlidersHorizontal, {})
+                              children: /* @__PURE__ */ jsx41(SlidersHorizontal, {})
                             }
                           ) : null,
-                          toolbar?.refresh ? /* @__PURE__ */ jsx40(
+                          toolbar?.refresh ? /* @__PURE__ */ jsx41(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10146,10 +10282,10 @@ function MatrxDataTableCore({
                                   setToolbarActionPending((current) => ({ ...current, refresh: false }));
                                 });
                               },
-                              children: /* @__PURE__ */ jsx40(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
+                              children: /* @__PURE__ */ jsx41(RefreshControlIcon, { spinning: isFetching || toolbarActionPending.refresh })
                             }
                           ) : null,
-                          toolbar?.add ? /* @__PURE__ */ jsx40(
+                          toolbar?.add ? /* @__PURE__ */ jsx41(
                             TableToolbarAction,
                             {
                               HostAction: host.ToolbarAction,
@@ -10171,7 +10307,7 @@ function MatrxDataTableCore({
                                   setToolbarActionPending((current) => ({ ...current, add: false }));
                                 });
                               },
-                              children: /* @__PURE__ */ jsx40(Plus, {})
+                              children: /* @__PURE__ */ jsx41(Plus, {})
                             }
                           ) : null,
                           toolbar?.actions
@@ -10181,15 +10317,15 @@ function MatrxDataTableCore({
                   ]
                 }
               ),
-              selection && selectionCount > 0 ? /* @__PURE__ */ jsxs30("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__ */ jsxs30("span", { className: "text-xs font-medium text-foreground", children: [
+              selection && selectionCount > 0 ? /* @__PURE__ */ jsxs31("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__ */ jsxs31("span", { className: "text-xs font-medium text-foreground", children: [
                   formatCount3(selectionCount),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
                   " selected"
                 ] }),
-                /* @__PURE__ */ jsxs30(
+                /* @__PURE__ */ jsxs31(
                   Button,
                   {
                     type: "button",
@@ -10201,13 +10337,13 @@ function MatrxDataTableCore({
                       selection.onSelectedIdsChange([]);
                     },
                     children: [
-                      /* @__PURE__ */ jsx40(X, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ jsx41(X, { className: "h-3.5 w-3.5" }),
                       "Clear"
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs30("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
-                  effectiveCopy && selectedRows.length > 0 ? /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsxs31("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
+                  effectiveCopy && selectedRows.length > 0 ? /* @__PURE__ */ jsx41(
                     CopyButtons,
                     {
                       size: "icon",
@@ -10240,9 +10376,9 @@ function MatrxDataTableCore({
                   selection.actions?.(selectedRows, selection.selectedIds)
                 ] })
               ] }) : null,
-              /* @__PURE__ */ jsxs30("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ jsxs30("div", { className: "relative min-h-0 flex-1", children: [
-                  mobileCards ? /* @__PURE__ */ jsxs30(
+              /* @__PURE__ */ jsxs31("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
+                /* @__PURE__ */ jsxs31("div", { className: "relative min-h-0 flex-1", children: [
+                  mobileCards ? /* @__PURE__ */ jsxs31(
                     "div",
                     {
                       ref: cardsScrollRef,
@@ -10250,37 +10386,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__ */ jsxs30(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ jsxs31(
                           "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__ */ jsx40("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ jsx41("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx40(
+                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx41(
                           Skeleton,
                           {
                             className: "h-52 w-full shrink-0 rounded-lg"
                           },
                           `mobile-card-sk-${index}`
-                        )) : paginated.length === 0 ? /* @__PURE__ */ jsx40("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs30("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                        )) : paginated.length === 0 ? /* @__PURE__ */ jsx41("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxs31("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                           renderedEmptyState?.icon,
-                          /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                          renderedEmptyState?.description ? /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                          /* @__PURE__ */ jsx41("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                          renderedEmptyState?.description ? /* @__PURE__ */ jsx41("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__ */ jsx40(Fragment6, { children: mobileCards(displayRow, index, {
+                          return /* @__PURE__ */ jsx41(Fragment6, { children: mobileCards(displayRow, index, {
                             renderCell: (columnKey) => {
                               const column = columns.find((candidate) => columnId(candidate) === columnKey);
                               return column ? renderRecordCell(row, column, index) : null;
@@ -10296,14 +10432,14 @@ function MatrxDataTableCore({
                               else next.delete(id);
                               setSelectedIds(next);
                             },
-                            actions: showRowCopy || rowActions ? /* @__PURE__ */ jsxs30(
+                            actions: showInlineRowCopy || rowActions ? /* @__PURE__ */ jsxs31(
                               "div",
                               {
                                 "data-matrx-table-row-actions": true,
                                 className: "inline-flex items-center justify-end gap-0",
                                 onClick: (event) => event.stopPropagation(),
                                 children: [
-                                  showRowCopy && effectiveCopy ? /* @__PURE__ */ jsx40(
+                                  showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx41(
                                     TableRowCopyControl,
                                     {
                                       size: "toolbar",
@@ -10313,7 +10449,7 @@ function MatrxDataTableCore({
                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                     }
                                   ) : null,
-                                  rowActions?.(displayRow, {
+                                  renderRowActions(displayRow, {
                                     closeDetail: () => setSelectedId(null),
                                     openDetail: () => openDetail(displayRow),
                                     openWindow: () => openWindow(displayRow),
@@ -10326,7 +10462,7 @@ function MatrxDataTableCore({
                             ) : null
                           }) }, id);
                         }),
-                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsxs30(
+                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsxs31(
                           "div",
                           {
                             "data-matrx-table-append-loading-card": true,
@@ -10334,7 +10470,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__ */ jsx40(
+                              /* @__PURE__ */ jsx41(
                                 Loader2,
                                 {
                                   "aria-hidden": "true",
@@ -10348,7 +10484,7 @@ function MatrxDataTableCore({
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs30(
+                  /* @__PURE__ */ jsxs31(
                     "div",
                     {
                       ref: scrollRef,
@@ -10362,32 +10498,32 @@ function MatrxDataTableCore({
                         tableClassName
                       ),
                       children: [
-                        hierarchy && draggedRow ? /* @__PURE__ */ jsx40(
+                        hierarchy && draggedRow ? /* @__PURE__ */ jsx41(
                           HierarchyRootDropTarget,
                           {
                             label: hierarchy.rootDropLabel ?? "Drop here to move to the top level",
                             draggedLabel: hierarchy.itemLabel?.(draggedRow) ?? "Moving row"
                           }
                         ) : null,
-                        hierarchy && draggedRowId ? /* @__PURE__ */ jsx40(
+                        hierarchy && draggedRowId ? /* @__PURE__ */ jsx41(
                           HierarchyDragIndicatorLayer,
                           {
                             scrollRef,
                             resolve: resolveHierarchyMove
                           }
                         ) : null,
-                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ jsxs30(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ jsxs31(
                           "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__ */ jsx40("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ jsx41("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        /* @__PURE__ */ jsxs30(
+                        /* @__PURE__ */ jsxs31(
                           "table",
                           {
                             ref: tableRef,
@@ -10405,146 +10541,157 @@ function MatrxDataTableCore({
                               fixedLayoutActive && "sm:table-fixed sm:max-w-none sm:w-[var(--matrx-resized-table-width)]"
                             ),
                             children: [
-                              /* @__PURE__ */ jsx40("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__ */ jsxs30("tr", { children: [
-                                selection ? /* @__PURE__ */ jsx40(
-                                  "th",
-                                  {
-                                    "data-matrx-table-selection-column": true,
-                                    className: "h-9 w-9 px-2 text-left align-middle",
-                                    style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth),
-                                    children: /* @__PURE__ */ jsx40(
-                                      "div",
+                              /* @__PURE__ */ jsx41(
+                                "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__ */ jsxs31("tr", { children: [
+                                    selection ? /* @__PURE__ */ jsx41(
+                                      "th",
                                       {
-                                        "data-matrx-table-selection-target": true,
-                                        onClick: (event) => {
-                                          if (event.target === event.currentTarget) {
-                                            event.currentTarget.querySelector('[role="checkbox"]')?.click();
-                                          }
-                                        },
-                                        children: /* @__PURE__ */ jsx40(
-                                          Checkbox,
+                                        "data-matrx-table-selection-column": true,
+                                        className: "h-9 w-9 px-2 text-left align-middle",
+                                        style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth),
+                                        children: /* @__PURE__ */ jsx41(
+                                          "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__ */ jsx41(
+                                              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__ */ jsxs30(
-                                    "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__ */ jsx40(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ jsx40(
-                                          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__ */ jsxs31(
+                                        "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__ */ jsx41(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ jsx41(
+                                              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__ */ jsx41(
+                                              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__ */ jsx40(
-                                          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__ */ jsx40(
-                                  "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__ */ jsxs30("tbody", { children: [
-                                isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs30("tr", { className: "border-b border-border/60", children: [
-                                  selection ? /* @__PURE__ */ jsx40("td", { className: "px-2 py-2", style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth), children: /* @__PURE__ */ jsx40(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
-                                  visibleColumns.map((col) => /* @__PURE__ */ jsx40(
+                                            ) : null
+                                          ]
+                                        },
+                                        id
+                                      );
+                                    }),
+                                    showActionsCol && /* @__PURE__ */ jsx41(
+                                      "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__ */ jsxs31("tbody", { children: [
+                                isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs31("tr", { className: "border-b border-border/60", children: [
+                                  selection ? /* @__PURE__ */ jsx41("td", { className: "px-2 py-2", style: fixedUtilityWidth(fixedTableGeometry?.selectionWidth), children: /* @__PURE__ */ jsx41(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
+                                  visibleColumns.map((col) => /* @__PURE__ */ jsx41(
                                     "td",
                                     {
                                       className: cn(
@@ -10552,20 +10699,20 @@ function MatrxDataTableCore({
                                         col.compact ? "px-1" : "px-2",
                                         col.mobileHidden && "max-sm:hidden"
                                       ),
-                                      children: /* @__PURE__ */ jsx40(Skeleton, { className: "h-5 w-full" })
+                                      children: /* @__PURE__ */ jsx41(Skeleton, { className: "h-5 w-full" })
                                     },
                                     columnId(col)
                                   )),
-                                  showActionsCol && /* @__PURE__ */ jsx40("td", { className: "text-right align-middle", style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth), children: /* @__PURE__ */ jsx40(Skeleton, { className: "ml-auto h-5 w-10" }) })
-                                ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ jsx40("tr", { children: /* @__PURE__ */ jsx40(
+                                  showActionsCol && /* @__PURE__ */ jsx41("td", { className: "text-right align-middle", style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth), children: /* @__PURE__ */ jsx41(Skeleton, { className: "ml-auto h-5 w-10" }) })
+                                ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ jsx41("tr", { children: /* @__PURE__ */ jsx41(
                                   "td",
                                   {
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                     className: "px-0 py-12 text-center",
-                                    children: /* @__PURE__ */ jsxs30("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__ */ jsxs31("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__ */ jsx40("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
-                                      renderedEmptyState?.description ? /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
+                                      /* @__PURE__ */ jsx41("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
+                                      renderedEmptyState?.description ? /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,
                                       renderedEmptyState?.action
                                     ] })
                                   }
@@ -10575,7 +10722,7 @@ function MatrxDataTableCore({
                                   const rowEdits = edits[id];
                                   const displayRow = applyRowEdits(row, rowEdits);
                                   const isChecked = selectedIdSet.has(id);
-                                  const rowNode = /* @__PURE__ */ jsxs30(
+                                  const rowNode = /* @__PURE__ */ jsxs31(
                                     "tr",
                                     {
                                       "data-row-id": id,
@@ -10598,13 +10745,13 @@ function MatrxDataTableCore({
                                         zebra && index % 2 === 1 && !isSelected && !isChecked && "sm:bg-muted/20"
                                       ),
                                       children: [
-                                        selection ? /* @__PURE__ */ jsx40(
+                                        selection ? /* @__PURE__ */ jsx41(
                                           "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__ */ jsx40(
+                                            children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ jsx41(
                                               "div",
                                               {
                                                 "data-matrx-table-selection-target": true,
@@ -10613,7 +10760,7 @@ function MatrxDataTableCore({
                                                     event.currentTarget.querySelector('[role="checkbox"]')?.click();
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ jsx40(
+                                                children: /* @__PURE__ */ jsx41(
                                                   Checkbox,
                                                   {
                                                     className: CHECKBOX_TAP_AREA,
@@ -10628,7 +10775,7 @@ function MatrxDataTableCore({
                                         ) : null,
                                         visibleColumns.map((col, colIdx) => {
                                           const isColumnDragShadow = columnDragPreview?.draggedId === columnId(col) && columnDragPreview.targetId !== null;
-                                          return /* @__PURE__ */ jsx40(
+                                          return /* @__PURE__ */ jsx41(
                                             "td",
                                             {
                                               "data-matrx-table-column-id": columnId(col),
@@ -10652,14 +10799,14 @@ function MatrxDataTableCore({
                                                 columnId(col),
                                                 resizableColumns && col.resizable !== false
                                               ),
-                                              children: /* @__PURE__ */ jsxs30(
+                                              children: /* @__PURE__ */ jsxs31(
                                                 "div",
                                                 {
                                                   className: cn(
                                                     colIdx === 0 && hierarchy && "flex min-w-0 items-center"
                                                   ),
                                                   children: [
-                                                    colIdx === 0 && hierarchy ? /* @__PURE__ */ jsx40(
+                                                    colIdx === 0 && hierarchy ? /* @__PURE__ */ jsx41(
                                                       HierarchyDragHandle,
                                                       {
                                                         id,
@@ -10667,7 +10814,7 @@ function MatrxDataTableCore({
                                                         disabled: !(hierarchy.canReparent?.(row) ?? true)
                                                       }
                                                     ) : null,
-                                                    /* @__PURE__ */ jsx40(
+                                                    /* @__PURE__ */ jsx41(
                                                       "div",
                                                       {
                                                         "data-matrx-cell-content": true,
@@ -10682,20 +10829,20 @@ function MatrxDataTableCore({
                                             columnId(col)
                                           );
                                         }),
-                                        showActionsCol && /* @__PURE__ */ jsx40(
+                                        showActionsCol && /* @__PURE__ */ jsx41(
                                           "td",
                                           {
                                             "data-matrx-table-row-action-cell": true,
                                             className: "text-right align-middle",
                                             style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
-                                            children: /* @__PURE__ */ jsxs30(
+                                            children: /* @__PURE__ */ jsxs31(
                                               "div",
                                               {
                                                 "data-matrx-table-row-actions": true,
                                                 className: "inline-flex items-center justify-end gap-0",
                                                 onClick: (e) => e.stopPropagation(),
                                                 children: [
-                                                  showRowCopy && effectiveCopy ? /* @__PURE__ */ jsx40(
+                                                  showInlineRowCopy && effectiveCopy ? /* @__PURE__ */ jsx41(
                                                     TableRowCopyControl,
                                                     {
                                                       size: "toolbar",
@@ -10705,7 +10852,7 @@ function MatrxDataTableCore({
                                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                                     }
                                                   ) : null,
-                                                  rowActions?.(displayRow, {
+                                                  renderRowActions(displayRow, {
                                                     closeDetail: () => setSelectedId(null),
                                                     openDetail: () => openDetail(displayRow),
                                                     openWindow: () => openWindow(displayRow),
@@ -10713,8 +10860,8 @@ function MatrxDataTableCore({
                                                     hasPendingEdits: Boolean(rowEdits),
                                                     discardPendingEdits: () => discardRowEdits(id)
                                                   }),
-                                                  windowEnabled ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                                                    /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                                                  windowEnabled ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                                                    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                                                       Button,
                                                       {
                                                         type: "button",
@@ -10728,10 +10875,10 @@ function MatrxDataTableCore({
                                                           if (windowConfig?.openOnRowClick === true) openDetail(row);
                                                           else openWindow(row);
                                                         },
-                                                        children: opensWindowOnRowClick ? /* @__PURE__ */ jsx40(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx40(PanelRight, { className: "h-5 w-5" })
+                                                        children: opensWindowOnRowClick ? /* @__PURE__ */ jsx41(PanelRightOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx41(PanelRight, { className: "h-5 w-5" })
                                                       }
                                                     ) }),
-                                                    /* @__PURE__ */ jsx40(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
+                                                    /* @__PURE__ */ jsx41(TooltipContent, { children: windowConfig?.openOnRowClick === true ? "Open in side panel" : "Open in window" })
                                                   ] }) : null
                                                 ]
                                               }
@@ -10743,7 +10890,7 @@ function MatrxDataTableCore({
                                     id
                                   );
                                   const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-                                  return hierarchy ? /* @__PURE__ */ jsx40(
+                                  return hierarchy ? /* @__PURE__ */ jsx41(
                                     HierarchyDroppableRow,
                                     {
                                       id,
@@ -10751,21 +10898,21 @@ function MatrxDataTableCore({
                                       children: wrappedRow
                                     },
                                     id
-                                  ) : /* @__PURE__ */ jsx40(Fragment6, { children: wrappedRow }, id);
+                                  ) : /* @__PURE__ */ jsx41(Fragment6, { children: wrappedRow }, id);
                                 }),
-                                appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsx40("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ jsx40(
+                                appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ jsx41("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ jsx41(
                                   "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__ */ jsxs30(
+                                    children: /* @__PURE__ */ jsxs31(
                                       "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__ */ jsx40(
+                                          /* @__PURE__ */ jsx41(
                                             Loader2,
                                             {
                                               "aria-hidden": "true",
@@ -10779,9 +10926,9 @@ function MatrxDataTableCore({
                                   }
                                 ) }) : null
                               ] }),
-                              footerRows.length > 0 ? /* @__PURE__ */ jsx40("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ jsxs30("tr", { children: [
-                                selection ? /* @__PURE__ */ jsx40("td", { className: "px-2 py-2" }) : null,
-                                visibleColumns.map((column) => /* @__PURE__ */ jsx40(
+                              footerRows.length > 0 ? /* @__PURE__ */ jsx41("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ jsxs31("tr", { children: [
+                                selection ? /* @__PURE__ */ jsx41("td", { className: "px-2 py-2" }) : null,
+                                visibleColumns.map((column) => /* @__PURE__ */ jsx41(
                                   "td",
                                   {
                                     className: cn(
@@ -10801,7 +10948,7 @@ function MatrxDataTableCore({
                                   },
                                   columnId(column)
                                 )),
-                                showActionsCol ? /* @__PURE__ */ jsx40("td", {}) : null
+                                showActionsCol ? /* @__PURE__ */ jsx41("td", {}) : null
                               ] }, `footer-${index}`)) }) : null
                             ]
                           }
@@ -10809,8 +10956,8 @@ function MatrxDataTableCore({
                       ]
                     }
                   ),
-                  scrollHintLeft ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                    /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                  scrollHintLeft ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                       Button,
                       {
                         type: "button",
@@ -10821,13 +10968,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__ */ jsx40(ChevronLeft, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ jsx41(ChevronLeft, { className: "h-5 w-5" })
                       }
                     ) }),
-                    /* @__PURE__ */ jsx40(TooltipContent, { children: "More columns to the left" })
+                    /* @__PURE__ */ jsx41(TooltipContent, { children: "More columns to the left" })
                   ] }) : null,
-                  scrollHintRight ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                    /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                  scrollHintRight ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                       Button,
                       {
                         type: "button",
@@ -10838,26 +10985,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__ */ jsx40(ChevronRight, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ jsx41(ChevronRight, { className: "h-5 w-5" })
                       }
                     ) }),
-                    /* @__PURE__ */ jsx40(TooltipContent, { children: "More columns to the right" })
+                    /* @__PURE__ */ jsx41(TooltipContent, { children: "More columns to the right" })
                   ] }) : null
                 ] }),
-                appendQuery ? /* @__PURE__ */ jsxs30(
+                appendQuery ? /* @__PURE__ */ jsxs31(
                   "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__ */ jsxs30(
+                      /* @__PURE__ */ jsxs31(
                         "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__ */ jsx40(
+                            isLoading ? /* @__PURE__ */ jsx41(
                               Loader2,
                               {
                                 "data-matrx-table-append-loader": true,
@@ -10865,17 +11012,17 @@ function MatrxDataTableCore({
                                 className: "h-5 w-5 shrink-0 animate-spin text-primary motion-reduce:animate-none"
                               }
                             ) : null,
-                            /* @__PURE__ */ jsxs30("div", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ jsx40("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${formatCount3(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${formatCount3(appendQuery.pagination.totalItems)}`}` }),
-                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ jsxs30("p", { children: [
+                            /* @__PURE__ */ jsxs31("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ jsx41("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${formatCount3(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${formatCount3(appendQuery.pagination.totalItems)}`}` }),
+                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ jsxs31("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__ */ jsx40("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ jsx40("p", { children: "Local search and filters cover loaded rows." }) : null,
-                              scrollPagination.error ? /* @__PURE__ */ jsx40("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null,
-                              appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ jsxs30("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__ */ jsx41("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ jsx41("p", { children: "Local search and filters cover loaded rows." }) : null,
+                              scrollPagination.error ? /* @__PURE__ */ jsx41("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null,
+                              appendScrollPolicy?.mode === "suspended" ? /* @__PURE__ */ jsxs31("p", { role: "status", children: [
                                 appendScrollPolicy.reason,
                                 " Load more remains available."
                               ] }) : null
@@ -10883,26 +11030,26 @@ function MatrxDataTableCore({
                           ]
                         }
                       ),
-                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ jsxs30(
+                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ jsxs31(
                         Select,
                         {
                           value: String(appendQuery.pagination.sourcePageSize.value),
                           onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)),
                           children: [
-                            /* @__PURE__ */ jsx40(
+                            /* @__PURE__ */ jsx41(
                               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__ */ jsx40(SelectValue, {})
+                                children: /* @__PURE__ */ jsx41(SelectValue, {})
                               }
                             ),
-                            /* @__PURE__ */ jsx40(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ jsx40(SelectItem, { value: String(size), children: size }, size)) })
+                            /* @__PURE__ */ jsx41(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ jsx41(SelectItem, { value: String(size), children: size }, size)) })
                           ]
                         }
                       ) : null,
-                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ jsx40(
+                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ jsx41(
                         Button,
                         {
                           type: "button",
@@ -10911,7 +11058,7 @@ function MatrxDataTableCore({
                           onClick: appendQuery.pagination.loadAll.stop,
                           children: "Stop loading"
                         }
-                      ) : scrollPagination.error ? /* @__PURE__ */ jsx40(
+                      ) : scrollPagination.error ? /* @__PURE__ */ jsx41(
                         Button,
                         {
                           type: "button",
@@ -10920,8 +11067,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__ */ jsxs30("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
-                        /* @__PURE__ */ jsx40(
+                      ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
+                        /* @__PURE__ */ jsx41(
                           Button,
                           {
                             type: "button",
@@ -10932,7 +11079,7 @@ function MatrxDataTableCore({
                             children: "Load more"
                           }
                         ),
-                        appendQuery.pagination.loadAll ? /* @__PURE__ */ jsx40(
+                        appendQuery.pagination.loadAll ? /* @__PURE__ */ jsx41(
                           Button,
                           {
                             type: "button",
@@ -10943,10 +11090,10 @@ function MatrxDataTableCore({
                             children: "Load all"
                           }
                         ) : null
-                      ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ jsx40("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__ */ jsx41("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__ */ jsx40("div", { className: "shrink-0", children: /* @__PURE__ */ jsx40(
+                ) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ jsx41("div", { className: "shrink-0", children: /* @__PURE__ */ jsx41(
                   GenericTablePagination,
                   {
                     totalItems,
@@ -10972,7 +11119,7 @@ function MatrxDataTableCore({
                   }
                 ) }) : null
               ] }),
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 ColumnManager,
                 {
                   open: columnManagerOpen,
@@ -10983,7 +11130,7 @@ function MatrxDataTableCore({
                   onApply: commitColumnState
                 }
               ),
-              detailEnabled && selectedRow ? /* @__PURE__ */ jsx40(
+              detailEnabled && selectedRow ? /* @__PURE__ */ jsx41(
                 SidePanelSurface,
                 {
                   title: resolveStringTitle(
@@ -10994,8 +11141,8 @@ function MatrxDataTableCore({
                   description: detail?.description?.(selectedRow),
                   onClose: () => setSelectedId(null),
                   defaultWidth: detail?.defaultWidth ?? 480,
-                  headerActions: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
-                    effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx40(
+                  headerActions: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
+                    effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx41(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -11007,8 +11154,8 @@ function MatrxDataTableCore({
                       }
                     ) : null,
                     detail?.headerActions?.(selectedRow),
-                    windowEnabled ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                      /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                    windowEnabled ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                      /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                         Button,
                         {
                           type: "button",
@@ -11018,10 +11165,10 @@ function MatrxDataTableCore({
                           className: "h-7 w-7",
                           "aria-label": "Open in window",
                           onClick: () => openWindow(selectedRow),
-                          children: /* @__PURE__ */ jsx40(PanelRight, { className: "h-5 w-5" })
+                          children: /* @__PURE__ */ jsx41(PanelRight, { className: "h-5 w-5" })
                         }
                       ) }),
-                      /* @__PURE__ */ jsx40(TooltipContent, { children: "Open in window" })
+                      /* @__PURE__ */ jsx41(TooltipContent, { children: "Open in window" })
                     ] }) : null
                   ] }),
                   children: detail?.render ? (
@@ -11032,7 +11179,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__ */ jsx40("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                    /* @__PURE__ */ jsx41("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                       closeDetail: () => setSelectedId(null),
                       openDetail: () => openDetail(selectedRow),
                       openWindow: () => openWindow(selectedRow),
@@ -11040,7 +11187,7 @@ function MatrxDataTableCore({
                       hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                       discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                     }) })
-                  ) : /* @__PURE__ */ jsx40(
+                  ) : /* @__PURE__ */ jsx41(
                     DataRowInspector,
                     {
                       row: selectedRow,
@@ -11052,7 +11199,7 @@ function MatrxDataTableCore({
                   )
                 }
               ) : null,
-              windowRow ? /* @__PURE__ */ jsx40(
+              windowRow ? /* @__PURE__ */ jsx41(
                 DataRowWindow,
                 {
                   isOpen: true,
@@ -11063,9 +11210,9 @@ function MatrxDataTableCore({
                   height: windowConfig?.height,
                   windowId: `matrx-data-row-${urlState?.id ?? "local"}-${getRowId(windowRow)}`,
                   defaultTab: windowConfig?.defaultTab,
-                  headerActions: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
-                    windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ jsxs30(Tooltip, { children: [
-                      /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
+                  headerActions: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
+                    windowConfig?.openOnRowClick === true && detail?.enabled === true ? /* @__PURE__ */ jsxs31(Tooltip, { children: [
+                      /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
                         Button,
                         {
                           type: "button",
@@ -11078,12 +11225,12 @@ function MatrxDataTableCore({
                             closeWindow();
                             openDetail(windowRow);
                           },
-                          children: /* @__PURE__ */ jsx40(PanelRightOpen, { className: "h-5 w-5" })
+                          children: /* @__PURE__ */ jsx41(PanelRightOpen, { className: "h-5 w-5" })
                         }
                       ) }),
-                      /* @__PURE__ */ jsx40(TooltipContent, { children: "Open in side panel" })
+                      /* @__PURE__ */ jsx41(TooltipContent, { children: "Open in side panel" })
                     ] }) : null,
-                    effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx40(
+                    effectiveCopy && showRowCopy ? /* @__PURE__ */ jsx41(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -11102,7 +11249,7 @@ function MatrxDataTableCore({
                     closeWindow,
                     hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                     discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                  }) ?? /* @__PURE__ */ jsx40(
+                  }) ?? /* @__PURE__ */ jsx41(
                     DataRowInspector,
                     {
                       row: windowRow,
@@ -11138,15 +11285,15 @@ function MatrxDataTableCore({
                   })
                 }
               ) : null,
-              editEnabled ? /* @__PURE__ */ jsxs30(Fragment7, { children: [
-                foreignDrafts.length > 0 ? /* @__PURE__ */ jsxs30(
+              editEnabled ? /* @__PURE__ */ jsxs31(Fragment7, { children: [
+                foreignDrafts.length > 0 ? /* @__PURE__ */ jsxs31(
                   "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__ */ jsx40("span", { children: "Unsaved edits from previous results" }),
-                      /* @__PURE__ */ jsx40(
+                      /* @__PURE__ */ jsx41("span", { children: "Unsaved edits from previous results" }),
+                      /* @__PURE__ */ jsx41(
                         CopyButtons,
                         {
                           size: "xs",
@@ -11155,11 +11302,11 @@ function MatrxDataTableCore({
                           json: () => foreignDraftPayload
                         }
                       ),
-                      /* @__PURE__ */ jsx40(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                      /* @__PURE__ */ jsx41(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx41(
                   ConfirmDialog,
                   {
                     open: confirmForeignDraftDiscard,
@@ -11179,7 +11326,7 @@ function MatrxDataTableCore({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx41(
                   DirtySavePill,
                   {
                     changeCount,
@@ -11192,11 +11339,11 @@ function MatrxDataTableCore({
             ]
           }
         ),
-        /* @__PURE__ */ jsx40(DragOverlay, { children: draggedRow ? (
+        /* @__PURE__ */ jsx41(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__ */ jsx40("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__ */ jsx41("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 })
       ]
     }
@@ -11211,7 +11358,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "button",
     {
       ref: setNodeRef,
@@ -11223,7 +11370,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ jsx40(GripVertical, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ jsx41(GripVertical, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -11232,7 +11379,7 @@ function HierarchyRootDropTarget({
   draggedLabel
 }) {
   const { isOver, setNodeRef } = useDroppable2({ id: "__root__" });
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       ref: setNodeRef,
@@ -11242,8 +11389,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ jsx40("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ jsx40("span", { className: "text-primary/75", children: label })
+        /* @__PURE__ */ jsx41("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ jsx41("span", { className: "text-primary/75", children: label })
       ]
     }
   );
@@ -11252,7 +11399,7 @@ function HierarchyDragIndicatorLayer({
   scrollRef,
   resolve: resolve2
 }) {
-  const [indicator, setIndicator] = useState20(
+  const [indicator, setIndicator] = useState21(
     null
   );
   useDndMonitor2({
@@ -11292,7 +11439,7 @@ function HierarchyDragIndicatorLayer({
   const { preview: preview2 } = indicator;
   const indent = indicator.left + 10 + preview2.depth * 12;
   if (preview2.position === "inside") {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       "div",
       {
         "aria-hidden": "true",
@@ -11304,7 +11451,7 @@ function HierarchyDragIndicatorLayer({
           width: Math.max(0, indicator.width - 4),
           height: indicator.height
         },
-        children: /* @__PURE__ */ jsxs30(
+        children: /* @__PURE__ */ jsxs31(
           "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",
@@ -11319,7 +11466,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview2.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "aria-hidden": "true",
@@ -11330,9 +11477,9 @@ function HierarchyDragIndicatorLayer({
         left: indent,
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
-      children: /* @__PURE__ */ jsxs30("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ jsx40("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__ */ jsxs30(
+      children: /* @__PURE__ */ jsxs31("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
+        /* @__PURE__ */ jsx41("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__ */ jsxs31(
           "span",
           {
             className: cn(
@@ -11373,7 +11520,7 @@ function ColumnHeaderDropZone({
     disabled: !enabled,
     data: { matrxDragKind: "column-header", columnId: id }
   });
-  return /* @__PURE__ */ jsx40("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
+  return /* @__PURE__ */ jsx41("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` };
@@ -11398,14 +11545,14 @@ function columnWidthVar(width, resizedWidth, id, resizable) {
   };
 }
 function DefaultJsonCell({ value }) {
-  const [open, setOpen] = useState20(false);
+  const [open, setOpen] = useState21(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__ */ jsxs30(Fragment7, { children: [
-    /* @__PURE__ */ jsxs30(Tooltip, { children: [
-      /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30("button", { type: "button", className: "block max-w-full truncate text-left text-sm text-foreground", onClick: (event) => {
+  return /* @__PURE__ */ jsxs31(Fragment7, { children: [
+    /* @__PURE__ */ jsxs31(Tooltip, { children: [
+      /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31("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: [
@@ -11413,9 +11560,9 @@ function DefaultJsonCell({ value }) {
         " ",
         summary
       ] }) }),
-      /* @__PURE__ */ jsx40(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
+      /* @__PURE__ */ jsx41(TooltipContent, { className: "max-w-md max-h-80 overflow-auto whitespace-pre-wrap break-words", children: text })
     ] }),
-    /* @__PURE__ */ jsx40(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ jsx40(Viewer, { data: value }) : /* @__PURE__ */ jsx40("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
+    /* @__PURE__ */ jsx41(DataRowWindow, { isOpen: open, onClose: () => setOpen(false), title: "JSON value", row: value, viewContent: Viewer ? /* @__PURE__ */ jsx41(Viewer, { data: value }) : /* @__PURE__ */ jsx41("pre", { className: "overflow-auto whitespace-pre-wrap p-3 text-xs", children: text }) })
   ] });
 }
 function renderCell(row, col, index) {
@@ -11426,7 +11573,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__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       MatrxUuidCell,
       {
         value: raw,
@@ -11438,14 +11585,14 @@ function renderCell(row, col, index) {
       }
     );
   }
-  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ jsx40(DefaultJsonCell, { value: raw });
+  if (raw !== null && typeof raw === "object" && !(raw instanceof Date)) return /* @__PURE__ */ jsx41(DefaultJsonCell, { value: raw });
   if (typeof raw === "boolean") {
-    return /* @__PURE__ */ jsx40("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__ */ jsx41("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__ */ jsxs30(Tooltip, { children: [
-    /* @__PURE__ */ jsx40(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx40("span", { className: "block text-sm text-foreground", style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted }) }),
-    /* @__PURE__ */ jsx40(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__ */ jsxs31(Tooltip, { children: [
+    /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx41("span", { className: "block text-sm text-foreground", style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden", overflowWrap: "anywhere" }, children: formatted }) }),
+    /* @__PURE__ */ jsx41(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) {
@@ -11455,19 +11602,19 @@ function resolveStringTitle(title, fallback) {
 }
 
 // src/data-table/SavedViewsControl.tsx
-import { useId as useId3, useState as useState21 } from "react";
+import { useId as useId3, useState as useState22 } from "react";
 
 // src/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as React17 from "react";
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs32 } from "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__ */ jsxs31(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs32(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -11480,12 +11627,12 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx41(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx42(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -11497,7 +11644,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__ */ jsx41(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx42(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -11514,7 +11661,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, conta
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx41(
+var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx42(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -11524,7 +11671,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs32(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -11532,13 +11679,13 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...pro
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx41("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx41(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx41(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx42("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx42(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx42(CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs32(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -11546,13 +11693,13 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx41("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx41(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx41(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx42("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx42(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx42(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx41(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx42(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -11562,7 +11709,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -11575,7 +11722,7 @@ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx41(
+}) => /* @__PURE__ */ jsx42(
   "span",
   {
     "data-slot": "dropdown-menu-shortcut",
@@ -11586,7 +11733,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/data-table/SavedViewsControl.tsx
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function SavedViewsControl({
   views,
   activeId = null,
@@ -11599,10 +11746,10 @@ function SavedViewsControl({
   onReload
 }) {
   const unsavedChangesId = useId3();
-  const [saveOpen, setSaveOpen] = useState21(false);
-  const [name, setName] = useState21("");
-  const [saving, setSaving] = useState21(false);
-  const [actionError, setActionError] = useState21(null);
+  const [saveOpen, setSaveOpen] = useState22(false);
+  const [name, setName] = useState22("");
+  const [saving, setSaving] = useState22(false);
+  const [actionError, setActionError] = useState22(null);
   const visibleError = actionError ?? error;
   const save = async () => {
     const next = name.trim();
@@ -11644,10 +11791,10 @@ function SavedViewsControl({
     }
   };
   const activeName = activeId ? views.find((view) => view.id === activeId)?.name : void 0;
-  return /* @__PURE__ */ jsxs32("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
-    /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxs32(Tooltip, { children: [
-        /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx42(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
+    /* @__PURE__ */ jsxs33(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxs33(Tooltip, { children: [
+        /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx43(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
           Button,
           {
             type: "button",
@@ -11658,38 +11805,38 @@ function SavedViewsControl({
             "aria-describedby": dirty ? unsavedChangesId : void 0,
             disabled: saving,
             children: [
-              /* @__PURE__ */ jsx42("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
-              dirty ? /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null,
-              /* @__PURE__ */ jsx42(ChevronDown, { className: "size-3.5 shrink-0" })
+              /* @__PURE__ */ jsx43("span", { className: "min-w-0 flex-1 truncate", children: loading ? "Loading views\u2026" : activeName ?? "Default view" }),
+              dirty ? /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-amber-500" }) : null,
+              /* @__PURE__ */ jsx43(ChevronDown, { className: "size-3.5 shrink-0" })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx42(TooltipContent, { children: "Choose or save a table view" })
+        /* @__PURE__ */ jsx43(TooltipContent, { children: "Choose or save a table view" })
       ] }),
-      /* @__PURE__ */ jsxs32(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ jsx42(DropdownMenuLabel, { children: "Views" }),
-        /* @__PURE__ */ jsxs32(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => onSelect(value === "__default__" ? null : value), children: [
-          /* @__PURE__ */ jsx42(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
-          views.map((view) => /* @__PURE__ */ jsx42(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
+      /* @__PURE__ */ jsxs33(DropdownMenuContent, { align: "end", children: [
+        /* @__PURE__ */ jsx43(DropdownMenuLabel, { children: "Views" }),
+        /* @__PURE__ */ jsxs33(DropdownMenuRadioGroup, { value: activeId ?? "__default__", onValueChange: (value) => onSelect(value === "__default__" ? null : value), children: [
+          /* @__PURE__ */ jsx43(DropdownMenuRadioItem, { value: "__default__", children: "Default view" }),
+          views.map((view) => /* @__PURE__ */ jsx43(DropdownMenuRadioItem, { value: view.id, children: view.name }, view.id))
         ] }),
-        /* @__PURE__ */ jsx42(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx42(DropdownMenuItem, { disabled: saving, onSelect: () => {
+        /* @__PURE__ */ jsx43(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx43(DropdownMenuItem, { disabled: saving, onSelect: () => {
           setActionError(null);
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
-        activeId && onUpdate ? /* @__PURE__ */ jsx42(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
-        onReload ? /* @__PURE__ */ jsx42(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
+        activeId && onUpdate ? /* @__PURE__ */ jsx43(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        onReload ? /* @__PURE__ */ jsx43(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
-    dirty ? /* @__PURE__ */ jsx42("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__ */ jsx42("p", { role: "alert", className: "basis-full break-words text-xs text-destructive", children: visibleError }) : null,
-    /* @__PURE__ */ jsx42(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ jsxs32(DialogContent, { children: [
-      /* @__PURE__ */ jsx42(DialogHeader, { children: /* @__PURE__ */ jsx42(DialogTitle, { children: "Save current view" }) }),
-      visibleError ? /* @__PURE__ */ jsx42("p", { role: "alert", className: "text-sm text-destructive", children: visibleError }) : null,
-      /* @__PURE__ */ jsx42(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
-      /* @__PURE__ */ jsxs32(DialogFooter, { children: [
-        /* @__PURE__ */ jsx42(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx42(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
+    dirty ? /* @__PURE__ */ jsx43("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__ */ jsx43("p", { role: "alert", className: "basis-full break-words text-xs text-destructive", children: visibleError }) : null,
+    /* @__PURE__ */ jsx43(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ jsxs33(DialogContent, { children: [
+      /* @__PURE__ */ jsx43(DialogHeader, { children: /* @__PURE__ */ jsx43(DialogTitle, { children: "Save current view" }) }),
+      visibleError ? /* @__PURE__ */ jsx43("p", { role: "alert", className: "text-sm text-destructive", children: visibleError }) : null,
+      /* @__PURE__ */ jsx43(Input, { "aria-label": "View name", value: name, onChange: (event) => setName(event.target.value), placeholder: "View name", autoFocus: true }),
+      /* @__PURE__ */ jsxs33(DialogFooter, { children: [
+        /* @__PURE__ */ jsx43(Button, { type: "button", variant: "outline", onClick: () => setSaveOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx43(Button, { type: "button", disabled: !name.trim() || saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save view" })
       ] })
     ] }) })
   ] });
@@ -11736,6 +11883,7 @@ export {
   GenericTablePagination,
   MatrxDataTable,
   MatrxDataTableProvider,
+  MatrxTableRowAlchemyProvider,
   MatrxUuidCell,
   SavedViewsControl,
   TableTitleRow,
@@ -11754,6 +11902,7 @@ export {
   shortUuid,
   tableUrlParamPrefix,
   useMatrxDataTableHost,
+  useMatrxTableRowAlchemy,
   useScrollPagination,
   useTableUrlState
 };