@ai-matrx/design-system 0.15.1 → 0.15.2

package/dist/data-table/index.cjs

@@ -616,6 +616,9 @@ function lucideProps(props) {
     ...props
   };
 }
+function Loader2Icon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...lucideProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+}
 function XIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...lucideProps(props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 6 6 18" }),
@@ -739,9 +742,268 @@ var Checkbox = React2.forwardRef(({ className, size = "md", ...props }, ref) =>
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-// src/input.tsx
+// src/alert-dialog.tsx
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_react_tree = require("@ai-matrx/kit/react-tree");
+var React4 = __toESM(require("react"), 1);
+
+// src/motion.ts
+var MOTION_OVERLAY = "matrx-motion-overlay";
+var MOTION_DIALOG = "matrx-motion-dialog";
+var CENTERED_DIALOG = "matrx-dialog-centered";
+var POPPER_OFFSET = "matrx-popper-offset";
+var MOTION_BOTTOM_SHEET = "matrx-motion-bottom-sheet";
+var MOTION_POPPER = "matrx-motion-popper";
+var MOTION_SHEET = {
+  top: "matrx-motion-sheet-top",
+  bottom: "matrx-motion-sheet-bottom",
+  left: "matrx-motion-sheet-left",
+  right: "matrx-motion-sheet-right",
+  center: "matrx-motion-sheet-center"
+};
+var MOTION_PULSE = "matrx-pulse";
+var MOTION_SPIN = "matrx-spin";
+var ALL_MOTION_CLASSES = [
+  MOTION_OVERLAY,
+  MOTION_DIALOG,
+  MOTION_BOTTOM_SHEET,
+  MOTION_POPPER,
+  ...Object.values(MOTION_SHEET),
+  MOTION_PULSE,
+  MOTION_SPIN
+];
+
+// src/portal-container.tsx
 var React3 = __toESM(require("react"), 1);
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.portal-container-context");
+var contextRegistry = globalThis;
+var PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React3.createContext(void 0);
+function PortalContainerProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PortalContainerContext.Provider, { value: container ?? void 0, children });
+}
+function usePortalContainer(explicit) {
+  const injected = React3.useContext(PortalContainerContext);
+  if (explicit !== void 0) {
+    return explicit ?? void 0;
+  }
+  return injected ?? void 0;
+}
+
+// src/alert-dialog.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogPortal = ({
+  container,
+  ...props
+}) => {
+  const resolved = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogPrimitive.Portal, { container: resolved ?? null, ...props });
+};
+AlertDialogPortal.displayName = "AlertDialogPortal";
+var AlertDialogOverlay = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "alert-dialog-overlay",
+    className: cn(
+      "fixed inset-0 z-[10000] bg-[var(--matrx-overlay-scrim)]",
+      MOTION_OVERLAY,
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContentPrimitive = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogPrimitive.Content, { ...props, ref, "aria-modal": "true" }));
+AlertDialogContentPrimitive.displayName = "AlertDialogContentPrimitive";
+var AlertDialogDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "alert-dialog-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogContent = React4.forwardRef(({ className, children, container, animated = true, ...props }, ref) => {
+  const hasDescription = (0, import_react_tree.treeContainsComponent)(children, AlertDialogDescription) || (0, import_react_tree.treeContainsComponent)(children, AlertDialogPrimitive.Description);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AlertDialogPortal, { container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      AlertDialogContentPrimitive,
+      {
+        ref,
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          `matrx-dialog-card fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg ${CENTERED_DIALOG} gap-4 border bg-background p-6 shadow-lg`,
+          // Ruling 3 — never taller than the viewport, always scrollable, and
+          // the footer stays reachable via --dialog-pad like Dialog's.
+          // Ruling 5 (0.11.3) — `matrx-dialog-card` hands the bottom padding to
+          // a sticky footer when there is one, so the footer's box matches the
+          // space the grid gave it and sticky never clamps it up over the
+          // consequence copy.
+          "max-h-[85dvh] overflow-y-auto overscroll-contain [--dialog-pad:1.5rem] overflow-x-clip [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full",
+          "sm:rounded-lg",
+          animated && MOTION_DIALOG,
+          className
+        ),
+        ...props,
+        children: [
+          hasDescription ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogPrimitive.Description, { className: "sr-only", children: "Please confirm the action described in this dialog." }),
+          children
+        ]
+      }
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  "div",
+  {
+    "data-slot": "alert-dialog-header",
+    className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  "div",
+  {
+    "data-slot": "alert-dialog-footer",
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      // Ruling 3/4 — sticky to the card edges so a scrolled body never shows
+      // through under the actions, and safe-area padded on a phone.
+      //
+      // 🚨 THERE IS NO `mb-[…]` HERE, AND THERE MUST NEVER BE ONE AGAIN
+      // (0.11.3, feedback bf8fb00b). The bleed over the card's bottom padding
+      // used to be a NEGATIVE BLOCK MARGIN, which makes this box taller than
+      // the grid area the card allocates it — and `position: sticky` CLAMPS a
+      // box to its containing block, so the browser yanked the footer UP by
+      // `--dialog-pad` against the card's `gap-4` and painted 8px of opaque
+      // footer over the last line of the consequence, at every length. The
+      // card now RESERVES this footer's block size instead (`matrx-dialog-card`
+      // in styles.css hands over its `padding-bottom`), so the bleed costs no
+      // margin at all. Guard: `sticky-footer-geometry.test.tsx`.
+      //
+      // These stay UTILITIES rather than a shipped rule so a caller's
+      // `className` still wins through tailwind-merge — a shipped rule would
+      // have to be unlayered to survive Tailwind preflight (§ THE PREFLIGHT
+      // RULE in styles.css) and would then override every caller's padding.
+      "sticky bottom-0 z-10 bg-background pt-3",
+      "mx-[calc(var(--dialog-pad,0px)*-1)] px-[var(--dialog-pad,0px)] pb-[var(--dialog-pad,0px)]",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "alert-dialog-title",
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogAction = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    "data-slot": "alert-dialog-action",
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    "data-slot": "alert-dialog-cancel",
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/confirm-dialog.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  content,
+  contentClassName,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  busy = false,
+  confirmDisabled = false,
+  portalContainer,
+  onConfirm
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    AlertDialogContent,
+    {
+      className: contentClassName,
+      ...portalContainer === void 0 ? {} : { container: portalContainer },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(AlertDialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertDialogDescription, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: description }) }) : null
+        ] }),
+        content ?? null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(AlertDialogFooter, { children: [
+          cancelLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            AlertDialogAction,
+            {
+              disabled: busy || confirmDisabled,
+              onClick: (event) => {
+                event.preventDefault();
+                void onConfirm();
+              },
+              className: cn(
+                "max-lg:min-h-11",
+                // One source of button appearance: the destructive look comes
+                // from `buttonVariants`, not a second hand-written copy of it.
+                // tailwind-merge makes it WIN over the default variant classes.
+                variant === "destructive" && buttonVariants({ variant: "destructive" })
+              ),
+              children: [
+                busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Loader2Icon, { className: cn("mr-2 h-4 w-4", MOTION_SPIN) }) : null,
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/input.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var getVariantStyles = (variant = "default") => {
   const baseStyles = `flex h-10 w-full border border-border bg-background text-foreground shadow-input rounded-md px-3 py-2 text-sm file:border-0 file:bg-transparent
     file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground
@@ -769,9 +1031,9 @@ var getVariantStyles = (variant = "default") => {
       return baseStyles;
   }
 };
-var Input = React3.forwardRef(
+var Input = React5.forwardRef(
   ({ className, type, variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "input",
       {
         type,
@@ -783,7 +1045,7 @@ var Input = React3.forwardRef(
   }
 );
 Input.displayName = "Input";
-var EnterInput = React3.forwardRef(
+var EnterInput = React5.forwardRef(
   ({ onEnter, ...props }, ref) => {
     const handleKeyDown = (e) => {
       if (e.key === "Enter" && onEnter) {
@@ -791,7 +1053,7 @@ var EnterInput = React3.forwardRef(
         onEnter();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Input,
       {
         ...props,
@@ -807,11 +1069,11 @@ var EnterInput = React3.forwardRef(
   }
 );
 EnterInput.displayName = "EnterInput";
-var BasicInput = React3.forwardRef(
+var BasicInput = React5.forwardRef(
   // `variant` is accepted (prop-compatible with Input) but intentionally
   // unused — and destructured so it never leaks onto the DOM element.
   ({ className, type, variant: _variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "input",
       {
         type,
@@ -826,10 +1088,10 @@ var BasicInput = React3.forwardRef(
   }
 );
 BasicInput.displayName = "BasicInput";
-var InputWithPrefix = React3.forwardRef(({ prefix, className, wrapperClassName, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
-    prefix && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var InputWithPrefix = React5.forwardRef(({ prefix, className, wrapperClassName, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("relative", wrapperClassName), children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Input,
       {
         ref,
@@ -841,36 +1103,10 @@ var InputWithPrefix = React3.forwardRef(({ prefix, className, wrapperClassName,
 });
 InputWithPrefix.displayName = "InputWithPrefix";
 
-// src/motion.ts
-var MOTION_OVERLAY = "matrx-motion-overlay";
-var MOTION_DIALOG = "matrx-motion-dialog";
-var CENTERED_DIALOG = "matrx-dialog-centered";
-var POPPER_OFFSET = "matrx-popper-offset";
-var MOTION_BOTTOM_SHEET = "matrx-motion-bottom-sheet";
-var MOTION_POPPER = "matrx-motion-popper";
-var MOTION_SHEET = {
-  top: "matrx-motion-sheet-top",
-  bottom: "matrx-motion-sheet-bottom",
-  left: "matrx-motion-sheet-left",
-  right: "matrx-motion-sheet-right",
-  center: "matrx-motion-sheet-center"
-};
-var MOTION_PULSE = "matrx-pulse";
-var MOTION_SPIN = "matrx-spin";
-var ALL_MOTION_CLASSES = [
-  MOTION_OVERLAY,
-  MOTION_DIALOG,
-  MOTION_BOTTOM_SHEET,
-  MOTION_POPPER,
-  ...Object.values(MOTION_SHEET),
-  MOTION_PULSE,
-  MOTION_SPIN
-];
-
 // src/skeleton.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Skeleton({ className, animated = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -1083,52 +1319,32 @@ function useScrollPagination({
 // src/dialog.tsx
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var VisuallyHidden = __toESM(require("@radix-ui/react-visually-hidden"), 1);
-var import_react_tree = require("@ai-matrx/kit/react-tree");
-var React7 = __toESM(require("react"), 1);
-
-// src/portal-container.tsx
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.portal-container-context");
-var contextRegistry = globalThis;
-var PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React4.createContext(void 0);
-function PortalContainerProvider({
-  container,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PortalContainerContext.Provider, { value: container ?? void 0, children });
-}
-function usePortalContainer(explicit) {
-  const injected = React4.useContext(PortalContainerContext);
-  if (explicit !== void 0) {
-    return explicit ?? void 0;
-  }
-  return injected ?? void 0;
-}
+var import_react_tree2 = require("@ai-matrx/kit/react-tree");
+var React8 = __toESM(require("react"), 1);
 
 // src/radix-dialog-modal-context.tsx
-var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var CONTEXT_SLOT2 = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.dialog-modal-context");
 var contextRegistry2 = globalThis;
-var RadixDialogModalContext = contextRegistry2[CONTEXT_SLOT2] ??= React5.createContext(true);
+var RadixDialogModalContext = contextRegistry2[CONTEXT_SLOT2] ??= React6.createContext(true);
 function RadixDialogModalProvider({
   children,
   modal
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixDialogModalContext.Provider, { value: modal, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialogModalContext.Provider, { value: modal, children });
 }
 function useRadixDialogModal() {
-  return React5.useContext(RadixDialogModalContext);
+  return React6.useContext(RadixDialogModalContext);
 }
 
 // src/use-is-mobile.ts
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React6.useState(false);
-  const [hasMounted, setHasMounted] = React6.useState(false);
-  React6.useEffect(() => {
+  const [isMobile, setIsMobile] = React7.useState(false);
+  const [hasMounted, setHasMounted] = React7.useState(false);
+  React7.useEffect(() => {
     setHasMounted(true);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1148,13 +1364,13 @@ function useIsMobile() {
 }
 
 // src/dialog.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Dialog = ({
   children,
   ...props
 }) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
 };
 Dialog.displayName = "Dialog";
 var DialogPortal = ({
@@ -1162,13 +1378,13 @@ var DialogPortal = ({
   ...props
 }) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogPrimitive.Portal, { container: resolved ?? null, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogPrimitive.Portal, { container: resolved ?? null, ...props });
 };
 DialogPortal.displayName = "DialogPortal";
 var CONTEXT_SLOT3 = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.dialog-container-context");
 var contextRegistry3 = globalThis;
-var DialogContainerContext = contextRegistry3[CONTEXT_SLOT3] ??= React7.createContext(null);
-var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogContainerContext = contextRegistry3[CONTEXT_SLOT3] ??= React8.createContext(null);
+var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1184,9 +1400,9 @@ var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentPrimitive = React7.forwardRef((props, ref) => {
+var DialogContentPrimitive = React8.forwardRef((props, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     DialogPrimitive.Content,
     {
       ...props,
@@ -1199,7 +1415,7 @@ DialogContentPrimitive.displayName = "DialogContentPrimitive";
 var DIALOG_DESKTOP_CLASSES = "matrx-dialog-card fixed inset-0 z-[10000] m-auto grid h-fit min-w-0 w-full max-w-lg gap-4 max-h-[85dvh] overflow-y-auto overscroll-contain [--dialog-pad:1.5rem] overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full sm:rounded-lg";
 var DIALOG_MOBILE_SHEET_CLASSES = "matrx-mobile-sheet matrx-dialog-card fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] gap-4 [--dialog-pad:1rem] overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain";
 var DIALOG_MOBILE_SHEET_OVERRIDE = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-none w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
-var DialogContent = React7.forwardRef(
+var DialogContent = React8.forwardRef(
   ({
     className,
     children,
@@ -1213,10 +1429,10 @@ var DialogContent = React7.forwardRef(
     const isModal = useRadixDialogModal();
     const injectedContainer = usePortalContainer(container);
     const asSheet = mobileSheet && isMobile;
-    const [containerEl, setContainerEl] = React7.useState(
+    const [containerEl, setContainerEl] = React8.useState(
       null
     );
-    const mergedRef = React7.useCallback(
+    const mergedRef = React8.useCallback(
       (node) => {
         setContainerEl(node);
         if (typeof ref === "function") ref(node);
@@ -1225,11 +1441,11 @@ var DialogContent = React7.forwardRef(
       },
       [ref]
     );
-    const hasTitle = (0, import_react_tree.treeContainsComponent)(children, DialogTitle) || (0, import_react_tree.treeContainsComponent)(children, DialogPrimitive.Title);
-    const hasDescription = (0, import_react_tree.treeContainsComponent)(children, DialogDescription) || (0, import_react_tree.treeContainsComponent)(children, DialogPrimitive.Description);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogPortal, { container, children: [
-      isModal ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogOverlay, {}) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    const hasTitle = (0, import_react_tree2.treeContainsComponent)(children, DialogTitle) || (0, import_react_tree2.treeContainsComponent)(children, DialogPrimitive.Title);
+    const hasDescription = (0, import_react_tree2.treeContainsComponent)(children, DialogDescription) || (0, import_react_tree2.treeContainsComponent)(children, DialogPrimitive.Description);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal, { container, children: [
+      isModal ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlay, {}) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         DialogContentPrimitive,
         {
           ref: mergedRef,
@@ -1248,23 +1464,23 @@ var DialogContent = React7.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            hasTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(VisuallyHidden.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogPrimitive.Title, { children: "Dialog" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            hasTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(VisuallyHidden.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogPrimitive.Title, { children: "Dialog" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               PortalContainerProvider,
               {
                 container: containerEl ?? injectedContainer ?? null,
                 children
               }
             ) }),
-            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
               DialogPrimitive.Close,
               {
                 "data-slot": "dialog-close",
                 "aria-label": "Close",
                 className: "absolute right-2 top-4 flex h-11 w-11 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 lg:h-10 lg:w-10",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XIcon, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "Close" })
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(XIcon, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
                 ]
               }
             ) : null
@@ -1278,7 +1494,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     "data-slot": "dialog-header",
@@ -1295,7 +1511,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -1327,7 +1543,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -1337,7 +1553,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1350,13 +1566,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_react_tree2 = require("@ai-matrx/kit/react-tree");
+var import_react_tree3 = require("@ai-matrx/kit/react-tree");
 var import_class_variance_authority2 = require("class-variance-authority");
-var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var SheetContentBase = React8.forwardRef(({ ...props }, ref) => {
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var SheetContentBase = React9.forwardRef(({ ...props }, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     SheetPrimitive.Content,
     {
       ...props,
@@ -1366,13 +1582,13 @@ var SheetContentBase = React8.forwardRef(({ ...props }, ref) => {
   );
 });
 SheetContentBase.displayName = "SheetContentBase";
-var Sheet = React8.forwardRef(({ children, ...props }, _ref) => {
+var Sheet = React9.forwardRef(({ children, ...props }, _ref) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
 });
 Sheet.displayName = "Sheet";
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var SheetOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1409,7 +1625,7 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var SheetDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var SheetDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -1418,7 +1634,7 @@ var SheetDescription = React8.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var SheetContent = React8.forwardRef(
+var SheetContent = React9.forwardRef(
   ({
     side = "right",
     className,
@@ -1429,10 +1645,10 @@ var SheetContent = React8.forwardRef(
     animated = true,
     ...props
   }, ref) => {
-    const hasDescription = (0, import_react_tree2.treeContainsComponent)(children, SheetDescription) || (0, import_react_tree2.treeContainsComponent)(children, SheetPrimitive.Description);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SheetPortal, { children: [
-      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    const hasDescription = (0, import_react_tree3.treeContainsComponent)(children, SheetDescription) || (0, import_react_tree3.treeContainsComponent)(children, SheetPrimitive.Description);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetPortal, { children: [
+      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         SheetContentBase,
         {
           ref,
@@ -1444,9 +1660,9 @@ var SheetContent = React8.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 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-secondary", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Cross2Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 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-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Cross2Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Close" })
             ] }),
             children
           ]
@@ -1459,7 +1675,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     className: cn(
@@ -1473,7 +1689,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     "data-slot": "sheet-footer",
@@ -1485,7 +1701,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var SheetTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -1496,33 +1712,33 @@ var SheetTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // src/data-table/default-host.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function DefaultTableLink(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { ...props });
 }
 function DefaultTableSidePanel({ title, titleNode, description, defaultWidth = 480, onClose, headerActions, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Sheet, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sheet, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SheetContent, { side: "right", className: "flex h-full flex-col", style: { width: `min(${defaultWidth}px, 100vw)` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SheetHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetTitle, { children: titleNode ?? title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetDescription, { children: description }) : null,
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetContent, { side: "right", className: "flex h-full flex-col", style: { width: `min(${defaultWidth}px, 100vw)` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetTitle, { children: titleNode ?? title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetDescription, { children: description }) : null,
       headerActions
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children })
   ] }) });
 }
 function DefaultTableWindow({ title, onClose, width = 720, height = 560, actionsRight, sidebar, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogContent, { className: "flex flex-col overflow-hidden", style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, 85dvh)` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogTitle, { children: title }),
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogContent, { className: "flex flex-col overflow-hidden", style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, 85dvh)` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogTitle, { children: title }),
       actionsRight
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      sidebar ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("aside", { className: "shrink-0 border-r pr-2", children: sidebar }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
+      sidebar ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("aside", { className: "shrink-0 border-r pr-2", children: sidebar }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto", children })
     ] })
   ] }) });
 }
@@ -1532,19 +1748,19 @@ var import_react3 = require("react");
 
 // src/data-table/host.tsx
 var import_react2 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var HOST_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-host-context");
 var hostRegistry = globalThis;
 var HostContext = hostRegistry[HOST_SLOT] ??= (0, import_react2.createContext)({});
 function MatrxDataTableProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HostContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HostContext.Provider, { value, children });
 }
 function useMatrxDataTableHost() {
   return (0, import_react2.useContext)(HostContext);
 }
 
 // src/data-table/useTableNotice.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function useTableNotice() {
   const host = useMatrxDataTableHost();
   const [message, setMessage] = (0, import_react3.useState)(null);
@@ -1558,9 +1774,9 @@ function useTableNotice() {
       else setMessage({ text, error: true });
     }
   };
-  const notice = message ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
+  const notice = message ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
     message.text,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
   ] }) : null;
   return { notify, notice };
 }
@@ -1568,8 +1784,8 @@ function useTableNotice() {
 // src/select.tsx
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
-var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
 var selectTriggerVariants = (0, import_class_variance_authority3.cva)(
@@ -1587,7 +1803,7 @@ var selectTriggerVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var SelectTrigger = React9.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var SelectTrigger = React10.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1595,12 +1811,12 @@ var SelectTrigger = React9.forwardRef(({ className, children, hideArrow = false,
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1609,11 +1825,11 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixChevronUpIcon, {})
+    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixChevronUpIcon, {})
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1622,11 +1838,11 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixChevronDownIcon, {})
+    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixChevronDownIcon, {})
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef(
+var SelectContent = React10.forwardRef(
   ({
     className,
     children,
@@ -1636,7 +1852,7 @@ var SelectContent = React9.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       SelectPrimitive.Content,
       {
         ref,
@@ -1654,8 +1870,8 @@ var SelectContent = React9.forwardRef(
         position,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollUpButton, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectScrollUpButton, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -1665,14 +1881,14 @@ var SelectContent = React9.forwardRef(
               children
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollDownButton, {})
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectScrollDownButton, {})
         ]
       }
     ) });
   }
 );
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -1681,7 +1897,7 @@ var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React9.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var SelectItem = React10.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1692,14 +1908,14 @@ var SelectItem = React9.forwardRef(({ className, children, description, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectPrimitive.ItemText, { children }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ItemText, { children }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1710,7 +1926,7 @@ var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/data-table/pagination.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function GenericTablePagination({
   totalItems,
   itemsPerPage,
@@ -1769,8 +1985,8 @@ function GenericTablePagination({
     className,
     containerClassName
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { "data-matrx-table-footer": true, className: containerClass, children: [
-    showItemsPerPageSelect && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { "data-matrx-table-footer": true, className: containerClass, children: [
+    showItemsPerPageSelect && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         className: cn(
@@ -1778,13 +1994,13 @@ function GenericTablePagination({
           !compact && "sm:p-1",
           selectContainerClassName
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           Select,
           {
             value: itemsPerPage.toString(),
             onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 SelectTrigger,
                 {
                   "aria-label": "Rows per page",
@@ -1792,31 +2008,31 @@ function GenericTablePagination({
                     "focus:ring-0",
                     compact ? "relative isolate h-11 w-14 border-0 bg-transparent px-2 text-xs before:absolute before:inset-x-1 before:inset-y-1.5 before:z-0 before:rounded-md before:border before:border-border before:bg-card before:content-[''] hover:before:bg-accent [&>*]:relative [&>*]:z-10 lg:h-7 lg:min-h-7 lg:w-16 lg:border lg:border-input lg:bg-background lg:px-2 lg:before:hidden" : "h-8 w-[3.75rem] text-xs sm:w-36 sm:text-sm"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectValue, { placeholder: itemsPerPage.toString() })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: itemsPerPage.toString() })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SelectContent, { children: [
-                availablePageSizes.map((size) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectItem, { value: size.toString(), children: size }, size)),
-                showAllOption ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectItem, { value: allValue.toString(), children: allOptionLabel }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectContent, { children: [
+                availablePageSizes.map((size) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: size.toString(), children: size }, size)),
+                showAllOption ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: allValue.toString(), children: allOptionLabel }) : null
               ] })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
-        children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "truncate text-[10px] tabular-nums text-muted-foreground sm:hidden", children: [
+        children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "truncate text-[10px] tabular-nums text-muted-foreground sm:hidden", children: [
             startItem,
             "-",
             endItem,
             " / ",
             totalItems
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "span",
             {
               className: `hidden whitespace-nowrap ${compact ? "text-xs" : "text-sm"} text-muted-foreground sm:inline`,
@@ -1826,7 +2042,7 @@ function GenericTablePagination({
         ] })
       }
     ),
-    showPageControls && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    showPageControls && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         className: cn(
@@ -1835,7 +2051,7 @@ function GenericTablePagination({
           controlsContainerClassName
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "outline",
@@ -1849,10 +2065,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "outline",
@@ -1865,10 +2081,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          getPageNumbers(3).map((page) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          getPageNumbers(3).map((page) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -1883,11 +2099,11 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 page === currentPage ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "relative z-10", children: page })
             },
             `mobile-${page}`
           )),
-          getPageNumbers().map((page) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          getPageNumbers().map((page) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -1901,11 +2117,11 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 currentPage === page ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "relative z-10", children: page })
             },
             `desktop-${page}`
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "outline",
@@ -1918,10 +2134,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Button,
             {
               variant: "outline",
@@ -1935,7 +2151,7 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           )
         ]
@@ -1950,11 +2166,11 @@ var import_clipboard = require("@ai-matrx/kit/clipboard");
 
 // src/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React10.forwardRef(
+var PopoverContent = React11.forwardRef(
   ({
     className,
     align = "center",
@@ -1964,7 +2180,7 @@ var PopoverContent = React10.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       PopoverPrimitive.Content,
       {
         ref,
@@ -2016,7 +2232,7 @@ ${JSON.stringify(value.data, null, 2)}
 }
 
 // src/data-table/copy.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function resolve(value) {
   return typeof value === "function" ? value() : value;
 }
@@ -2037,8 +2253,8 @@ function download(item) {
 }
 function CopyButtons(props) {
   const { CopyControls } = useMatrxDataTableHost();
-  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CopyControls, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DefaultCopyButtons, { ...props });
+  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CopyControls, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DefaultCopyButtons, { ...props });
 }
 function DefaultCopyButtons({ human, agent, json, label, size = "icon", appearance = "segmented", disabled = false, stopPropagation = true, className, aiVariants = [], agentVariant, aiCustom, export: exportConfig, hide }) {
   const { notify, notice } = useTableNotice();
@@ -2071,23 +2287,23 @@ function DefaultCopyButtons({ human, agent, json, label, size = "icon", appearan
   const exports = hide?.includes("export") ? void 0 : exportConfig;
   const showCustom = aiCustom && !hide?.includes("ai");
   const buttonClass = `${size === "xs" ? "h-8 w-8 lg:h-5 lg:w-8" : ""} ${appearance === "bare" ? "border-0 bg-transparent shadow-none" : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: `inline-flex flex-wrap items-center gap-0.5 ${className ?? ""}`, onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    human !== void 0 && !hide?.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label}`, onClick: () => void run(() => clipboard.copyText(resolve(human), `${label} copied`)), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Copy, { className: "h-3.5 w-3.5" }) }) : null,
-    variants.length > 0 || showCustom || exports ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label} for AI or export`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(PopoverContent, { align: "end", className: "w-64 p-1", children: [
-        variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: `inline-flex flex-wrap items-center gap-0.5 ${className ?? ""}`, onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
+    human !== void 0 && !hide?.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label}`, onClick: () => void run(() => clipboard.copyText(resolve(human), `${label} copied`)), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Copy, { className: "h-3.5 w-3.5" }) }) : null,
+    variants.length > 0 || showCustom || exports ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Popover, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label} for AI or export`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverContent, { align: "end", className: "w-64 p-1", children: [
+        variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
           if (variant.onSelect) variant.onSelect();
           else if (variant.modal) setModal(variant.id);
           else if (variant.build) await clipboard.copyText(tableAgentText(await variant.build()), variant.successMessage ?? `${label} copied`);
           else throw new Error(`No copy action is available for ${variant.label}.`);
         }), children: variant.label }, variant.id)),
-        showCustom ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => setModal("custom"), children: aiCustom.label ?? "Custom copy\u2026" }) : null,
-        exports?.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
+        showCustom ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => setModal("custom"), children: aiCustom.label ?? "Custom copy\u2026" }) : null,
+        exports?.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
           if (item.onSelect) await item.onSelect();
           else download(item);
         }), children: item.label }, item.id)),
-        exports?.sheetRows ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => void run(async () => {
+        exports?.sheetRows ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => void run(async () => {
           const rows = exports.sheetRows?.();
           if (!rows) return;
           const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))];
@@ -2096,8 +2312,8 @@ function DefaultCopyButtons({ human, agent, json, label, size = "icon", appearan
         }), children: "Copy for Google Sheets" }) : null
       ] })
     ] }) : null,
-    variants.map((variant) => variant.modal && modal === variant.id ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: variant.modal({ open: true, onOpenChange: (open) => setModal(open ? variant.id : null) }) }, variant.id) : null),
-    modal === "custom" && aiCustom ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CustomCopy, { source: aiCustom, onClose: () => setModal(null) }) : null,
+    variants.map((variant) => variant.modal && modal === variant.id ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: variant.modal({ open: true, onOpenChange: (open) => setModal(open ? variant.id : null) }) }, variant.id) : null),
+    modal === "custom" && aiCustom ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CustomCopy, { source: aiCustom, onClose: () => setModal(null) }) : null,
     notice
   ] });
 }
@@ -2113,25 +2329,25 @@ function CustomCopy({ source, onClose }) {
   } catch (raw) {
     error = raw instanceof Error ? raw.message : String(raw);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle, { children: source.dialogTitle ?? "Custom copy" }) }),
-    source.dialogDescription ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm", children: source.dialogDescription }) : null,
-    source.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "flex items-center justify-between gap-3 text-sm", children: [
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogTitle, { children: source.dialogTitle ?? "Custom copy" }) }),
+    source.dialogDescription ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm", children: source.dialogDescription }) : null,
+    source.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "flex items-center justify-between gap-3 text-sm", children: [
       option.label,
-      option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "checkbox", checked: values[option.key] === true, onChange: (e) => setValues({ ...values, [option.key]: e.target.checked }) }) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("select", { "aria-label": option.label, value: Number(values[option.key]), onChange: (e) => setValues({ ...values, [option.key]: Number(e.target.value) }), children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: choice.value, children: choice.label }, choice.value)) }) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { "aria-label": option.label, type: "range", min: 0, max: option.stops.length - 1, step: 1, value: Math.max(0, option.stops.indexOf(Number(values[option.key]))), onChange: (e) => setValues({ ...values, [option.key]: option.stops[Number(e.target.value)] ?? option.default }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex gap-1", children: [
-        option.presets?.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setValues({ ...values, [option.key]: choice.value }), children: choice.label }, choice.value)),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { "aria-label": option.label, type: "number", value: Number(values[option.key]), min: option.min, step: option.step, onChange: (e) => {
+      option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: values[option.key] === true, onChange: (e) => setValues({ ...values, [option.key]: e.target.checked }) }) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("select", { "aria-label": option.label, value: Number(values[option.key]), onChange: (e) => setValues({ ...values, [option.key]: Number(e.target.value) }), children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: choice.value, children: choice.label }, choice.value)) }) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { "aria-label": option.label, type: "range", min: 0, max: option.stops.length - 1, step: 1, value: Math.max(0, option.stops.indexOf(Number(values[option.key]))), onChange: (e) => setValues({ ...values, [option.key]: option.stops[Number(e.target.value)] ?? option.default }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex gap-1", children: [
+        option.presets?.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setValues({ ...values, [option.key]: choice.value }), children: choice.label }, choice.value)),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { "aria-label": option.label, type: "number", value: Number(values[option.key]), min: option.min, step: option.step, onChange: (e) => {
           if (Number.isFinite(e.target.valueAsNumber)) setValues({ ...values, [option.key]: e.target.valueAsNumber });
         } })
       ] })
     ] }, option.key)),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { role: "alert", className: "text-destructive", children: error }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap text-xs", children: text }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", className: "text-destructive", children: error }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap text-xs", children: text }),
     notice,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", disabled: error !== null, onClick: () => void clipboard.copyText(text, "Custom copy copied"), children: "Copy" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", disabled: error !== null, onClick: () => void clipboard.copyText(text, "Custom copy copied"), children: "Copy" })
     ] })
   ] }) });
 }
@@ -2237,7 +2453,7 @@ function buildViewHuman(config, visible, columns) {
 }
 
 // src/data-table/CopySubset.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function CopySubsetDialog({ source, onClose }) {
   const [rows] = (0, import_react5.useState)(() => [...source.rows]);
   const [hidden, setHidden] = (0, import_react5.useState)(() => new Set(source.columns.filter((c) => c.hidden).map((c) => c.id)));
@@ -2258,14 +2474,14 @@ function CopySubsetDialog({ source, onClose }) {
   } catch (raw) {
     buildError = raw instanceof Error ? raw.message : String(raw);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Dialog, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogContent, { className: "flex h-[80dvh] max-w-5xl flex-col overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { children: "Filter & sort before copying" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "max-h-24 shrink-0 overflow-auto text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("legend", { children: "Visible columns" }),
-      source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "checkbox", checked: !hidden.has(column.id), onChange: () => setHidden((current) => {
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogContent, { className: "flex h-[80dvh] max-w-5xl flex-col overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogTitle, { children: "Filter & sort before copying" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("fieldset", { className: "max-h-24 shrink-0 overflow-auto text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("legend", { children: "Visible columns" }),
+      source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { type: "checkbox", checked: !hidden.has(column.id), onChange: () => setHidden((current) => {
           const next = new Set(current);
           next.has(column.id) ? next.delete(column.id) : next.add(column.id);
           return next;
@@ -2273,20 +2489,20 @@ function CopySubsetDialog({ source, onClose }) {
         column.header
       ] }, column.id))
     ] }),
-    columns.length ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MatrxDataTable, { data: rows, columns, getRowId: source.getRowId, query: { mode: "controlled-local", state: query, onStateChange: setQuery }, selection: { selectedIds, onSelectedIdsChange: setSelectedIds }, detail: { enabled: false }, window: { enabled: false }, toolbar: { searchMatch: {} } }) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: "Show at least one column to copy." }),
-    buildError ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
+    columns.length ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MatrxDataTable, { data: rows, columns, getRowId: source.getRowId, query: { mode: "controlled-local", state: query, onStateChange: setQuery }, selection: { selectedIds, onSelectedIdsChange: setSelectedIds }, detail: { enabled: false }, window: { enabled: false }, toolbar: { searchMatch: {} } }) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: "Show at least one column to copy." }),
+    buildError ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
     notice,
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
         "Format",
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { "aria-label": "Copy format", value: format, onChange: (event) => setFormat(event.target.value), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "ai", children: "For AI" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "markdown", children: "Markdown" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "csv", children: "CSV" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "json", children: "JSON" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("select", { "aria-label": "Copy format", value: format, onChange: (event) => setFormat(event.target.value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "ai", children: "For AI" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "markdown", children: "Markdown" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "csv", children: "CSV" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "json", children: "JSON" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { role: "status", className: "text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { role: "status", className: "text-xs", children: [
         shaped.length,
         " of ",
         rows.length,
@@ -2296,13 +2512,13 @@ function CopySubsetDialog({ source, onClose }) {
         text.length.toLocaleString(),
         " characters"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "button", disabled: buildError !== null || !columns.length || !shaped.length, onClick: () => void clipboard.copyText(text, `${source.label} copied`), children: "Copy subset" })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", disabled: buildError !== null || !columns.length || !shaped.length, onClick: () => void clipboard.copyText(text, `${source.label} copied`), children: "Copy subset" })
     ] })
   ] }) });
 }
 function useCopySubsetVariant() {
-  return (getSource) => ({ id: "copy-subset", label: "Filter & sort before copying\u2026", section: "ai", modal: ({ open, onOpenChange }) => open ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CopySubsetDialog, { source: getSource(), onClose: () => onOpenChange(false) }) : null });
+  return (getSource) => ({ id: "copy-subset", label: "Filter & sort before copying\u2026", section: "ai", modal: ({ open, onOpenChange }) => open ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CopySubsetDialog, { source: getSource(), onClose: () => onOpenChange(false) }) : null });
 }
 
 // src/data-table/clipping.ts
@@ -2504,9 +2720,9 @@ var import_react8 = require("react");
 // src/command.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_cmdk = require("cmdk");
-var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Command = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -2521,12 +2737,12 @@ Command.displayName = import_cmdk.Command.displayName;
 var DIALOG_DESKTOP_CLASSES2 = `fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg ${CENTERED_DIALOG} gap-4 overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full sm:rounded-lg`;
 var DIALOG_MOBILE_SHEET_CLASSES2 = "fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] translate-x-0 translate-y-0 gap-4 overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain";
 var DIALOG_MOBILE_SHEET_OVERRIDE2 = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-x-0 translate-y-0 w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
-var CommandDialogContent = React11.forwardRef(({ className, children, container, ...props }, ref) => {
+var CommandDialogContent = React12.forwardRef(({ className, children, container, ...props }, ref) => {
   const isMobile = useIsMobile();
   const isModal = useRadixDialogModal();
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
-    isModal ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
+    isModal ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       DialogPrimitive2.Overlay,
       {
         className: cn(
@@ -2535,7 +2751,7 @@ var CommandDialogContent = React11.forwardRef(({ className, children, container,
         )
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       DialogPrimitive2.Content,
       {
         ref,
@@ -2551,9 +2767,9 @@ var CommandDialogContent = React11.forwardRef(({ className, children, container,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive2.Close, { className: "absolute right-2 top-4 flex h-10 w-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(XIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPrimitive2.Close, { className: "absolute right-2 top-4 flex h-10 w-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -2561,9 +2777,9 @@ var CommandDialogContent = React11.forwardRef(({ className, children, container,
   ] });
 });
 CommandDialogContent.displayName = "CommandDialogContent";
-var CommandInput = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -2576,7 +2792,7 @@ var CommandInput = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -2585,7 +2801,7 @@ var CommandList = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React11.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -2594,7 +2810,7 @@ var CommandEmpty = React11.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -2606,7 +2822,7 @@ var CommandGroup = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -2615,7 +2831,7 @@ var CommandSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -2631,7 +2847,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "span",
     {
       className: cn(
@@ -2646,7 +2862,7 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/data-table/ColumnHeaderCell.tsx
 init_filter_engine();
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ColumnHeaderCell({
   label,
   labelText,
@@ -2695,7 +2911,7 @@ function ColumnHeaderCell({
     else onFilterChange(next);
   };
   const menuLabel = labelText ? `Sort or filter ${labelText}` : "Sort or filter column";
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     PopoverContent,
     {
       align: "start",
@@ -2712,9 +2928,9 @@ function ColumnHeaderCell({
         input.focus();
       },
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "asc" ? "secondary" : "ghost",
@@ -2722,12 +2938,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortAsc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
                   "Sort ascending"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "desc" ? "secondary" : "ghost",
@@ -2735,12 +2951,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortDesc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
                   "Sort descending"
                 ]
               }
             ),
-            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               Button,
               {
                 variant: "ghost",
@@ -2748,15 +2964,15 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal text-muted-foreground",
                 onClick: onClearSort,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ListX, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ListX, { className: "h-3.5 w-3.5" }),
                   "Clear sort"
                 ]
               }
             ) : null
           ] }),
-          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
+          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
         ] }) : null,
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           FilterBody,
           {
             kind: filterKind,
@@ -2771,10 +2987,10 @@ function ColumnHeaderCell({
             allowNullModes
           }
         ) : null,
-        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 type: "button",
@@ -2787,7 +3003,7 @@ function ColumnHeaderCell({
                 children: "Include"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 type: "button",
@@ -2802,11 +3018,11 @@ function ColumnHeaderCell({
             )
           ] })
         ] }) : null,
-        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-end gap-2", children: [
-            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
+        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-end gap-2", children: [
+            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
           ] })
         ] }) : null
       ]
@@ -2814,9 +3030,9 @@ function ColumnHeaderCell({
   );
   if (compact) {
     if (!sortable && !filterKind) {
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         className: cn(
@@ -2824,8 +3040,8 @@ function ColumnHeaderCell({
           align === "right" ? "justify-end" : "justify-center",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "button",
             {
               type: "button",
@@ -2838,8 +3054,8 @@ function ColumnHeaderCell({
               ),
               children: [
                 label,
-                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
-                filterActive ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
+                filterActive ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "span",
                   {
                     "aria-hidden": true,
@@ -2854,7 +3070,7 @@ function ColumnHeaderCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       className: cn(
@@ -2864,7 +3080,7 @@ function ColumnHeaderCell({
         className
       ),
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "button",
           {
             type: "button",
@@ -2874,14 +3090,14 @@ function ColumnHeaderCell({
               isSorted ? "text-foreground" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate", children: label }),
-              isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate", children: label }),
+              isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "inline-flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 type: "button",
@@ -2892,7 +3108,7 @@ function ColumnHeaderCell({
                   "rounded p-0.5 transition-colors",
                   filterActive ? "text-primary hover:text-primary/80" : "text-muted-foreground/40 hover:text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   ListFilter,
                   {
                     className: cn("h-3 w-3", filterActive && "fill-primary/20")
@@ -2902,7 +3118,7 @@ function ColumnHeaderCell({
             ) }),
             menuContent
           ] }),
-          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "button",
             {
               type: "button",
@@ -2913,7 +3129,7 @@ function ColumnHeaderCell({
                 onFilterChange(void 0);
               },
               className: "rounded p-0.5 text-primary hover:bg-muted hover:text-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(X, { className: "h-3 w-3" })
             }
           ) : null
         ] }) : null
@@ -2939,14 +3155,14 @@ function FilterBody({
         onChange({ kind: "text", value: "", mode: next });
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex gap-1", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex gap-1", children: [
         ["contains", "Contains"],
         ["empty", "(empty)"],
         ["not_empty", "(not empty)"],
         ...allowNullModes ? [["null", "(null)"], ["not_null", "(not null)"]] : []
-      ].map(([m, label]) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ].map(([m, label]) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "button",
         {
           type: "button",
@@ -2960,8 +3176,8 @@ function FilterBody({
         },
         m
       )) }),
-      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           Input,
           {
             "data-matrx-filter-autofocus": true,
@@ -2974,14 +3190,14 @@ function FilterBody({
             style: { fontSize: "16px" }
           }
         ),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        text ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             type: "button",
             "aria-label": "Clear filter text",
             className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
             onClick: () => onChange(void 0),
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(X, { className: "h-3.5 w-3.5" })
           }
         ) : null
       ] })
@@ -2989,7 +3205,7 @@ function FilterBody({
   }
   if (kind === "select") {
     const selected = value?.kind === "select" ? value.values ?? (value.value && value.value !== "__all__" ? [value.value] : []) : [];
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       SearchableSelectFilter,
       {
         selected,
@@ -3001,9 +3217,9 @@ function FilterBody({
   }
   if (kind === "boolean") {
     const current = value?.kind === "boolean" ? value.value : "__all__";
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         Select,
         {
           value: current === "__all__" ? "__all__" : current ? "true" : "false",
@@ -3012,18 +3228,18 @@ function FilterBody({
             else onChange({ kind: "boolean", value: v === "true" });
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "__all__", children: "All" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "true", children: "Yes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectItem, { value: "false", children: "No" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: "__all__", children: "All" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: "true", children: "Yes" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: "false", children: "No" })
             ] })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NumberFilterBody, { value, onChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(NumberFilterBody, { value, onChange });
 }
 function SearchableSelectFilter({
   selected,
@@ -3051,13 +3267,13 @@ function SearchableSelectFilter({
       next.length === 0 ? void 0 : { kind: "select", value: next[0] ?? "", values: next }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-1 px-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-1 px-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
         "Filter",
         selected.length > 1 ? ` (any of ${selected.length})` : ""
       ] }),
-      selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "button",
         {
           type: "button",
@@ -3067,8 +3283,8 @@ function SearchableSelectFilter({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         CommandInput,
         {
           "data-matrx-filter-autofocus": true,
@@ -3078,10 +3294,10 @@ function SearchableSelectFilter({
           className: "h-8 text-sm"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CommandList, { className: "max-h-48", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CommandGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(CommandList, { className: "max-h-48", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(CommandGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             CommandItem,
             {
               value: "__all__",
@@ -3092,7 +3308,7 @@ function SearchableSelectFilter({
           ),
           filtered.map((o) => {
             const active = selected.includes(o.value);
-            return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               CommandItem,
               {
                 value: o.value,
@@ -3102,7 +3318,7 @@ function SearchableSelectFilter({
                   active && "bg-accent text-accent-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     "span",
                     {
                       className: cn(
@@ -3110,7 +3326,7 @@ function SearchableSelectFilter({
                         single ? "rounded-full" : "rounded-sm",
                         active ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
                       ),
-                      children: active && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Check, { className: "h-2.5 w-2.5" })
+                      children: active && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Check, { className: "h-2.5 w-2.5" })
                     }
                   ),
                   o.label
@@ -3141,10 +3357,10 @@ function NumberFilterBody({
     }
     onChange({ kind: "number", min: nextMin, max: nextMax });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
-      (min !== void 0 || max !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Range" }),
+      (min !== void 0 || max !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "button",
         {
           type: "button",
@@ -3158,8 +3374,8 @@ function NumberFilterBody({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         Input,
         {
           "data-matrx-filter-autofocus": true,
@@ -3174,8 +3390,8 @@ function NumberFilterBody({
           style: { fontSize: "16px" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         Input,
         {
           value: maxText,
@@ -3201,7 +3417,7 @@ function parseOptionalNumber(raw) {
 // src/data-table/ColumnManager.tsx
 var import_react9 = require("react");
 init_filter_engine();
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ColumnManager({
   open,
   onOpenChange,
@@ -3234,18 +3450,18 @@ function ColumnManager({
       return next;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle, { children: "Columns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogTitle, { children: "Columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
       const column = byId.get(id);
       if (!column) return null;
       const label = typeof column.header === "string" ? column.header : id;
       const hideable = column.hideable !== false;
       const visible = !draftHidden.has(id);
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "div",
         {
           className: cn(
@@ -3253,8 +3469,8 @@ function ColumnManager({
             !visible && "bg-muted/30 text-muted-foreground"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GripVertical, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GripVertical, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Checkbox,
               {
                 checked: visible,
@@ -3271,8 +3487,8 @@ function ColumnManager({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Button,
               {
                 type: "button",
@@ -3282,10 +3498,10 @@ function ColumnManager({
                 "aria-label": `Move ${label} earlier`,
                 disabled: index === 0,
                 onClick: () => move(id, -1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArrowUp, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrowUp, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Button,
               {
                 type: "button",
@@ -3295,7 +3511,7 @@ function ColumnManager({
                 "aria-label": `Move ${label} later`,
                 disabled: index === draftOrder.length - 1,
                 onClick: () => move(id, 1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArrowDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrowDown, { className: "h-4 w-4" })
               }
             )
           ]
@@ -3303,9 +3519,9 @@ function ColumnManager({
         id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         Button,
         {
           type: "button",
@@ -3325,14 +3541,14 @@ var import_react10 = require("react");
 
 // src/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var React13 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React12.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     TooltipPrimitive.Content,
     {
       ref,
@@ -3350,7 +3566,7 @@ var TooltipContent = React12.forwardRef(({ className, sideOffset = 4, container,
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/data-table/MatrxUuidCell.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -3400,7 +3616,7 @@ function MatrxUuidCell({
     []
   );
   if (!value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
   }
   const doors = token ? resolveEntityDoors?.(token, value, href) ?? null : null;
   const resolvedHref = doors?.href ?? href ?? null;
@@ -3443,13 +3659,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "min-w-0 truncate", children: display }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 truncate", children: display }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "button",
         {
           type: "button",
@@ -3458,14 +3674,14 @@ function MatrxUuidCell({
           disabled: opening,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400 disabled:opacity-60",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "a",
         {
           href: resolvedHref,
@@ -3475,15 +3691,15 @@ function MatrxUuidCell({
           onClick: stop,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -3493,11 +3709,11 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "button",
           {
             type: "button",
@@ -3508,10 +3724,10 @@ function MatrxUuidCell({
               "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
               copied && "text-primary"
             ),
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Copy, { className: "h-3 w-3" })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Copy, { className: "h-3 w-3" })
           }
         ),
-        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "button",
           {
             type: "button",
@@ -3522,10 +3738,10 @@ function MatrxUuidCell({
             "aria-label": `Quick look at ${label ?? "record"}`,
             title: `Quick look at ${label ?? "record"}`,
             className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Lightbulb, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Lightbulb, { className: "h-3 w-3" })
           }
         ) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "a",
           {
             href: resolvedHref,
@@ -3535,12 +3751,12 @@ function MatrxUuidCell({
             "aria-label": `Open ${label ?? "record"} in a new tab`,
             title: `Open ${label ?? "record"} in a new tab`,
             className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExternalLink, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ExternalLink, { className: "h-3 w-3" })
           }
         ) : null,
         trailing,
         notice,
-        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           ResourcePeek,
           {
             kind: doors?.peekKind ?? token ?? "record",
@@ -3563,7 +3779,7 @@ function tokenFromColumnName(name) {
 }
 
 // src/data-table/DataRowInspector.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -3592,7 +3808,7 @@ function DataRowInspector({
   tokenForField = noFieldToken
 }) {
   const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
-  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     CopyButtons,
     {
       size: "xs",
@@ -3607,21 +3823,21 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
+        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "div",
               {
                 className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 px-2.5 py-2",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                     MatrxUuidCell,
                     {
                       value,
@@ -3636,13 +3852,13 @@ function DataRowInspector({
           }
           const formatted = formatValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             "div",
             {
               className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 py-2 pl-2.5 pr-12",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "dd",
                   {
                     className: cn(
@@ -3665,7 +3881,7 @@ function DataRowInspector({
 
 // src/data-table/DataRowWindow.tsx
 var import_react11 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DataRowWindow({
   isOpen,
   onClose,
@@ -3691,9 +3907,9 @@ function DataRowWindow({
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
   if (!isOpen) return null;
-  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DataRowInspector, { row });
-  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DataRowInspector, { row });
+  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     WindowPanel,
     {
       id: windowId,
@@ -3707,26 +3923,26 @@ function DataRowWindow({
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
       sidebarDefaultSize: 140,
       sidebarMinSize: 110,
-      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "nav",
         {
           "aria-label": "Row window tabs",
           className: "flex h-full flex-col gap-0.5 overflow-y-auto p-1.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               TabButton,
               {
                 active: tab === "view",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
                 label: "View",
                 onClick: () => setTab("view")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               TabButton,
               {
                 active: tab === "edit",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
                 label: "Edit",
                 onClick: () => setTab("edit")
               }
@@ -3744,7 +3960,7 @@ function TabButton({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "button",
     {
       type: "button",
@@ -3757,14 +3973,14 @@ function TabButton({
       ),
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }
   );
 }
 
 // src/data-table/DirtySavePill.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function DirtySavePill({
   changeCount,
   saving,
@@ -3773,20 +3989,20 @@ function DirtySavePill({
   className
 }) {
   if (changeCount <= 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: cn(
         "pointer-events-none fixed inset-x-0 bottom-6 z-50 flex justify-center pb-safe",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "pointer-events-auto flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-lg elevation-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pointer-events-auto flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 shadow-lg elevation-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
           changeCount,
           " unsaved change",
           changeCount === 1 ? "" : "s"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           Button,
           {
             type: "button",
@@ -3796,12 +4012,12 @@ function DirtySavePill({
             disabled: saving,
             onClick: onCancel,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(X, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3.5 w-3.5" }),
               "Cancel"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           Button,
           {
             type: "button",
@@ -3810,7 +4026,7 @@ function DirtySavePill({
             disabled: saving,
             onClick: onSave,
             children: [
-              saving ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Save, { className: "h-3.5 w-3.5" }),
+              saving ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Save, { className: "h-3.5 w-3.5" }),
               "Save"
             ]
           }
@@ -3823,7 +4039,7 @@ function DirtySavePill({
 // src/data-table/EditableTableCell.tsx
 var import_react12 = require("react");
 init_filter_engine();
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CellEditShell({
   href,
   display,
@@ -3832,8 +4048,8 @@ function CellEditShell({
   editButton
 }) {
   const { Link: HostLink } = useMatrxDataTableHost();
-  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { ...props }));
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { ...props }));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "span",
     {
       className: cn(
@@ -3845,7 +4061,7 @@ function CellEditShell({
         className
       ),
       children: [
-        href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        href ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Link,
           {
             href,
@@ -3853,7 +4069,7 @@ function CellEditShell({
             className: "min-w-0 flex-1 overflow-hidden truncate rounded outline-none  focus-visible:ring-2 focus-visible:ring-ring",
             children: display
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
         editButton
       ]
     }
@@ -3874,7 +4090,7 @@ function EditableTableCell({
   const [open, setOpen] = (0, import_react12.useState)(false);
   const usePencil = Boolean(href) || editTrigger === "pencil";
   if (editType === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       InlineStringEditor,
       {
         value: stringifyCellValue(value),
@@ -3887,15 +4103,15 @@ function EditableTableCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       CellEditShell,
       {
         ...href === void 0 ? {} : { href },
         display,
         ...dirty === void 0 ? {} : { dirty },
         ...className === void 0 ? {} : { className },
-        editButton: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        editButton: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
             type: "button",
@@ -3903,11 +4119,11 @@ function EditableTableCell({
             title: "Edit",
             onClick: (e) => e.stopPropagation(),
             className: CELL_PENCIL_CLASS,
-            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Pencil, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Pencil, { className: "h-3 w-3" })
           }
         ) })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "button",
       {
         type: "button",
@@ -3919,18 +4135,18 @@ function EditableTableCell({
         ),
         title: "Edit",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
-          editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
+          editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground/70 transition-colors group-hover/cell-select:text-foreground" }) : null
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       PopoverContent,
       {
         align: "start",
         className: "w-56 p-2",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           TypedEditor,
           {
             editType,
@@ -3960,14 +4176,14 @@ function InlineStringEditor({
   const [draft, setDraft] = (0, import_react12.useState)(value);
   if (!editing) {
     if (usePencil) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         CellEditShell,
         {
           ...href === void 0 ? {} : { href },
           display,
           ...dirty === void 0 ? {} : { dirty },
           ...className === void 0 ? {} : { className },
-          editButton: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          editButton: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "button",
             {
               type: "button",
@@ -3979,13 +4195,13 @@ function InlineStringEditor({
                 setEditing(true);
               },
               className: CELL_PENCIL_CLASS,
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Pencil, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Pencil, { className: "h-3 w-3" })
             }
           )
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "button",
       {
         type: "button",
@@ -4004,7 +4220,7 @@ function InlineStringEditor({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Input,
     {
       autoFocus: true,
@@ -4040,9 +4256,9 @@ function TypedEditor({
 }) {
   if (editType === "boolean") {
     const checked = Boolean(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Checkbox,
         {
           checked,
@@ -4052,7 +4268,7 @@ function TypedEditor({
     ] });
   }
   if (editType === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       NumberEditor,
       {
         value: typeof value === "number" ? value : Number(value) || 0,
@@ -4062,7 +4278,7 @@ function TypedEditor({
     );
   }
   if (editType === "tags") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       TagsEditor,
       {
         value: Array.isArray(value) ? value.map(String) : [],
@@ -4073,19 +4289,19 @@ function TypedEditor({
     );
   }
   if (editType === "select") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       Select,
       {
         value: stringifyCellValue(value),
         onValueChange: (v) => onCommit(v),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Input,
     {
       type: "date",
@@ -4115,10 +4331,10 @@ function TagsEditor({
   const matches = suggestions.filter(
     (s) => !tags.includes(s.value) && s.value !== "__none__" && (!draft || s.label.toLowerCase().includes(draft.trim().toLowerCase()))
   ).slice(0, 6);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
-      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
-      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
+      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
         "button",
         {
           type: "button",
@@ -4127,13 +4343,13 @@ function TagsEditor({
           title: `Remove ${tag}`,
           children: [
             tag,
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(X, { className: "h-2.5 w-2.5" })
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(X, { className: "h-2.5 w-2.5" })
           ]
         },
         tag
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       Input,
       {
         autoFocus: true,
@@ -4154,7 +4370,7 @@ function TagsEditor({
         className: "h-8 text-xs"
       }
     ),
-    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "button",
       {
         type: "button",
@@ -4167,8 +4383,8 @@ function TagsEditor({
       },
       s.value
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Button,
         {
           size: "sm",
@@ -4176,17 +4392,17 @@ function TagsEditor({
           className: "h-7 px-2",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Button,
         {
           size: "sm",
           className: "h-7 px-2",
           "aria-label": "Apply tags",
           onClick: () => onCommit(tags),
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -4198,8 +4414,8 @@ function NumberEditor({
   onCancel
 }) {
   const [draft, setDraft] = (0, import_react12.useState)(String(value));
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       Input,
       {
         autoFocus: true,
@@ -4216,8 +4432,8 @@ function NumberEditor({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Button,
         {
           type: "button",
@@ -4226,10 +4442,10 @@ function NumberEditor({
           className: "h-7",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Button,
         {
           type: "button",
@@ -4240,7 +4456,7 @@ function NumberEditor({
             const n = Number(draft);
             if (Number.isFinite(n)) onCommit(n);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -4248,24 +4464,24 @@ function NumberEditor({
 }
 
 // src/data-table/ToolbarFacets.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function ToolbarFacets({ facets }) {
   if (facets.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
     if (facet.type === "custom") {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: facet.render() }, facet.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: facet.render() }, facet.id);
     }
     const defaultValue = facet.defaultValue ?? facet.options[0]?.value ?? "";
     const isNonDefault = facet.value !== defaultValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         className: "flex flex-wrap items-center gap-1.5 max-sm:grid max-sm:w-full max-sm:grid-cols-3",
         children: [
-          facet.label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "mr-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: facet.label }) : null,
+          facet.label ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mr-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: facet.label }) : null,
           facet.options.map((opt) => {
             const active = facet.value === opt.value;
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
               Button,
               {
                 type: "button",
@@ -4279,7 +4495,7 @@ function ToolbarFacets({ facets }) {
                 children: [
                   opt.icon,
                   opt.label,
-                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "span",
                     {
                       role: "button",
@@ -4298,7 +4514,7 @@ function ToolbarFacets({ facets }) {
                           facet.onChange(defaultValue);
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3 w-3" })
                     }
                   ) : null
                 ]
@@ -4324,7 +4540,7 @@ function resetToolbarFacets(facets) {
 // src/data-table/LayeredFilterBuilder.tsx
 var import_react13 = require("react");
 init_layered_filters();
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function moveRule(rules, from, to) {
   if (from === to || to < 0 || to >= rules.length) return [...rules];
   const next = [...rules];
@@ -4370,8 +4586,8 @@ function LayeredFilterBuilder({
   const reorder = (from, to) => {
     onChange(moveRule(rules, from, to));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       Popover,
       {
         open,
@@ -4383,7 +4599,7 @@ function LayeredFilterBuilder({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             Button,
             {
               type: "button",
@@ -4392,25 +4608,25 @@ function LayeredFilterBuilder({
               className: "h-8 gap-1.5 px-2 text-xs",
               "aria-label": label,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
-                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
+                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             PopoverContent,
             {
               align: "start",
               sideOffset: 6,
               className: "w-[min(46rem,calc(100vw-1rem))] p-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every layer must match. Drag layers to put them in the order that makes sense to you." })
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-muted-foreground", children: "Every layer must match. Drag layers to put them in the order that makes sense to you." })
                   ] }),
-                  rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                  rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     Button,
                     {
                       type: "button",
@@ -4422,10 +4638,10 @@ function LayeredFilterBuilder({
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: "For example: Keyword contains ITAD, then Keyword doesn't have the word \u201Cwhat\u201D." })
-                ] }) : rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "max-h-[min(28rem,65dvh)] space-y-1.5 overflow-y-auto p-2.5 scrollbar-thin", children: rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: "For example: Keyword contains ITAD, then Keyword doesn't have the word \u201Cwhat\u201D." })
+                ] }) : rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   LayeredRuleRow,
                   {
                     index,
@@ -4445,9 +4661,9 @@ function LayeredFilterBuilder({
                   },
                   rule.id
                 )) }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                     Button,
                     {
                       type: "button",
@@ -4457,7 +4673,7 @@ function LayeredFilterBuilder({
                       disabled: rules.length >= maxRules,
                       onClick: addRule,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Plus, { className: "h-3.5 w-3.5" }),
                         " Add layer"
                       ]
                     }
@@ -4469,7 +4685,7 @@ function LayeredFilterBuilder({
         ]
       }
     ),
-    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "span",
       {
         className: cn(
@@ -4477,7 +4693,7 @@ function LayeredFilterBuilder({
           isCompleteLayeredFilterRule(rule) ? "border-border bg-muted/50 text-foreground" : "border-dashed border-warning/50 bg-warning/10 text-warning"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "button",
             {
               type: "button",
@@ -4485,19 +4701,19 @@ function LayeredFilterBuilder({
               onClick: () => setOpen(true),
               title: isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : `Layer ${index + 1} needs a value`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
                 isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : "Choose a value"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
               type: "button",
               className: "shrink-0 rounded-full p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
               "aria-label": `Remove filter layer ${index + 1}`,
               onClick: () => removeRule(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(X, { className: "h-3 w-3" })
             }
           )
         ]
@@ -4527,7 +4743,7 @@ function LayeredRuleRow({
     event.preventDefault();
     onKeyboardMove(event.key === "ArrowUp" ? -1 : 1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cn(
@@ -4540,7 +4756,7 @@ function LayeredRuleRow({
         onDrop(index);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "button",
           {
             type: "button",
@@ -4554,10 +4770,10 @@ function LayeredRuleRow({
             },
             onDragEnd,
             onKeyDown: handleMoveKey,
-            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           Select,
           {
             value: field.id,
@@ -4575,16 +4791,16 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-span-1",
                   "aria-label": `Filter layer ${index + 1} field`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 SelectItem,
                 {
                   value: candidate.id,
@@ -4596,7 +4812,7 @@ function LayeredRuleRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           Select,
           {
             value: rule.operator,
@@ -4608,35 +4824,35 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs max-sm:col-start-2",
                   "aria-label": `Filter layer ${index + 1} operator`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex h-7 items-center px-2 text-xs text-muted-foreground", children: "No value needed" }) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           Select,
           {
             value: rule.value,
             onValueChange: (value) => onChange({ value }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs",
                   "aria-label": `Filter layer ${index + 1} value`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 SelectItem,
                 {
                   value: option.value,
@@ -4647,8 +4863,8 @@ function LayeredRuleRow({
               )) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Input,
             {
               value: rule.value,
@@ -4659,9 +4875,9 @@ function LayeredRuleRow({
               "aria-label": `Filter layer ${index + 1} value`
             }
           ),
-          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Input,
               {
                 value: rule.valueTo ?? "",
@@ -4674,7 +4890,7 @@ function LayeredRuleRow({
             )
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Button,
           {
             type: "button",
@@ -4683,7 +4899,7 @@ function LayeredRuleRow({
             className: "h-7 w-7 p-0 text-muted-foreground hover:text-destructive max-sm:col-start-3 max-sm:row-start-1",
             "aria-label": `Remove filter layer ${index + 1}`,
             onClick: onRemove,
-            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Trash2, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Trash2, { className: "h-3.5 w-3.5" })
           }
         )
       ]
@@ -4698,7 +4914,6 @@ init_filter_engine();
 // src/data-table/infer-filter.ts
 init_filter_engine();
 var SELECT_CARDINALITY_CAP = 24;
-var EXPLICIT_SELECT_CAP = 500;
 function resolveFilterKind(col, sampleRows) {
   if (col.filter === false) return null;
   if (col.filter && col.filter !== "auto") return col.filter;
@@ -4716,7 +4931,6 @@ function resolveFilterKind(col, sampleRows) {
   return "text";
 }
 function collectSelectOptions(col, rows) {
-  const cap = col.filter === "select" ? EXPLICIT_SELECT_CAP : SELECT_CARDINALITY_CAP;
   const seen = /* @__PURE__ */ new Set();
   const options = [];
   let hasEmpty = false;
@@ -4730,7 +4944,6 @@ function collectSelectOptions(col, rows) {
     if (col.filterOptions?.length || seen.has(value)) continue;
     seen.add(value);
     options.push({ value, label: value });
-    if (options.length >= cap) break;
   }
   const base = col.filterOptions?.length ? [...col.filterOptions] : options.sort((a, b) => a.label.localeCompare(b.label));
   if (hasEmpty) {
@@ -4790,13 +5003,13 @@ function safeQueryPage(requestedPage, totalItems, pageSize) {
 }
 
 // src/data-table/MatrxDataTable.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function TableRowCopyControl({
   copy,
   row,
   size
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     CopyButtons,
     {
       size,
@@ -4817,8 +5030,8 @@ function isStringArray(value) {
 }
 var activeUrlTableIds = /* @__PURE__ */ new Set();
 function MatrxDataTable(props) {
-  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MatrxDataTableCore, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
+  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MatrxDataTableCore, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
 }
 function MatrxDataTableWithUrlState({
   urlState,
@@ -4873,7 +5086,7 @@ function MatrxDataTableWithUrlState({
       props.selection?.onSelectedIdsChange(ids);
     }
   } : props.selection;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     MatrxDataTableCore,
     {
       ...props,
@@ -5074,18 +5287,76 @@ function MatrxDataTableCore({
     onWindowRowIdChange?.(id);
   };
   const [windowRowSnapshot, setWindowRowSnapshot] = (0, import_react14.useState)(null);
-  const [editsState, setEditsState] = (0, import_react14.useState)({ queryKey: appendQueryKey, values: {} });
-  const edits = appendSourceChanged ? {} : editsState.values;
+  const editScopeKey = appendQueryKey === null ? "\0local" : `append:${appendQueryKey}`;
+  const [editsByScope, setEditsByScope] = (0, import_react14.useState)({});
+  const editRevisionRef = (0, import_react14.useRef)({});
+  const [savingByScope, setSavingByScope] = (0, import_react14.useState)({});
+  const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react14.useState)(false);
+  const edits = editsByScope[editScopeKey]?.values ?? {};
+  const saving = (savingByScope[editScopeKey] ?? 0) > 0;
   const setEdits = (next) => {
-    setEditsState((current) => {
-      const currentValues = current.queryKey === appendQueryKey ? current.values : {};
+    const scope = editScopeKey;
+    setEditsByScope((current) => {
+      const previous = current[scope];
+      const values = typeof next === "function" ? next(previous?.values ?? {}) : next;
+      return {
+        ...current,
+        [scope]: {
+          sourceKey: appendQueryKey,
+          values,
+          rows: appendQueryKey === null ? data : [...data],
+          revisions: previous?.revisions ?? {}
+        }
+      };
+    });
+  };
+  const setCellEdit = (rowId, field, value) => {
+    const scope = editScopeKey;
+    const scopeRevisions = editRevisionRef.current[scope] ?? {};
+    const revision = (scopeRevisions[rowId]?.[field] ?? 0) + 1;
+    editRevisionRef.current[scope] = {
+      ...scopeRevisions,
+      [rowId]: { ...scopeRevisions[rowId] ?? {}, [field]: revision }
+    };
+    setEditsByScope((current) => {
+      const previous = current[scope];
+      const values = {
+        ...previous?.values ?? {},
+        [rowId]: { ...previous?.values[rowId] ?? {}, [field]: value }
+      };
+      const revisions = {
+        ...previous?.revisions ?? {},
+        [rowId]: { ...previous?.revisions[rowId] ?? {}, [field]: revision }
+      };
       return {
-        queryKey: appendQueryKey,
-        values: typeof next === "function" ? next(currentValues) : next
+        ...current,
+        [scope]: {
+          sourceKey: appendQueryKey,
+          values,
+          rows: appendQueryKey === null ? data : [...data],
+          revisions
+        }
       };
     });
+    return revision;
+  };
+  const startSaving = (scope) => {
+    setSavingByScope((current) => ({ ...current, [scope]: (current[scope] ?? 0) + 1 }));
+  };
+  const finishSaving = (scope) => {
+    setSavingByScope((current) => {
+      const remaining = Math.max(0, (current[scope] ?? 1) - 1);
+      const next = { ...current };
+      if (remaining === 0) delete next[scope];
+      else next[scope] = remaining;
+      return next;
+    });
   };
-  const [saving, setSaving] = (0, import_react14.useState)(false);
+  const foreignDrafts = Object.entries(editsByScope).filter(([scope, draft]) => scope !== editScopeKey && Object.keys(draft.values).length > 0).map(([, draft]) => draft);
+  const foreignDraftPayload = foreignDrafts.map((draft) => ({
+    sourceKey: draft.sourceKey,
+    rows: Object.entries(draft.values).map(([rowId, columns2]) => ({ rowId, columns: columns2 }))
+  }));
   const selection = appendSourceChanged && selectionConfig ? { ...selectionConfig, selectedIds: [] } : selectionConfig;
   (0, import_react14.useEffect)(() => {
     const previous = committedAppendQueryKey.current;
@@ -5096,8 +5367,6 @@ function MatrxDataTableCore({
     setUncontrolledSelectedId(null);
     setUncontrolledWindowRowId(null);
     setWindowRowSnapshot(null);
-    setEdits({});
-    setSaving(false);
     onSelectedIdChange?.(null);
     onWindowRowIdChange?.(null);
     selectionConfig?.onSelectedIdsChange([]);
@@ -5372,32 +5641,31 @@ function MatrxDataTableCore({
     resetToolbarFacets(toolbar?.facets);
   };
   const commitCell = (rowId, field, next) => {
+    const scope = editScopeKey;
     const nextEdits = { [rowId]: { [field]: next } };
-    setEdits((prev) => {
-      const rowEdits = { ...prev[rowId] ?? {}, [field]: next };
-      return { ...prev, [rowId]: rowEdits };
-    });
+    const revision = setCellEdit(rowId, field, next);
     if (edit?.autoSave && edit.onSave) {
-      setSaving(true);
-      void Promise.resolve(edit.onSave(nextEdits, data)).then(() => {
-        setEdits((previous) => {
-          const rowDraft = previous[rowId];
-          if (!rowDraft || rowDraft[field] !== next) return previous;
+      const rowsAtCommit = appendQueryKey === null ? data : [...data];
+      const save = edit.onSave;
+      startSaving(scope);
+      void Promise.resolve().then(() => save(nextEdits, rowsAtCommit)).then(() => {
+        setEditsByScope((current) => {
+          const draft = current[scope];
+          if (!draft || draft.revisions[rowId]?.[field] !== revision) return current;
+          const rowDraft = draft.values[rowId];
+          if (!rowDraft) return current;
           const { [field]: _saved, ...remainingFields } = rowDraft;
-          const nextDrafts = { ...previous };
-          if (Object.keys(remainingFields).length === 0) {
-            delete nextDrafts[rowId];
-          } else {
-            nextDrafts[rowId] = remainingFields;
-          }
-          return nextDrafts;
+          const values = { ...draft.values };
+          if (Object.keys(remainingFields).length === 0) delete values[rowId];
+          else values[rowId] = remainingFields;
+          return { ...current, [scope]: { ...draft, values } };
         });
         toast.success("Change saved");
       }).catch((error) => {
         toast.error(
           `Couldn't save: ${error instanceof Error ? error.message : String(error)}`
         );
-      }).finally(() => setSaving(false));
+      }).finally(() => finishSaving(scope));
     }
   };
   const discardRowEdits = (rowId) => {
@@ -5581,17 +5849,40 @@ function MatrxDataTableCore({
   };
   const handleSaveEdits = async () => {
     if (!edit?.onSave || changeCount === 0) return;
-    setSaving(true);
+    const scope = editScopeKey;
+    const draft = editsByScope[scope];
+    if (!draft) return;
+    const values = draft.values;
+    const revisions = draft.revisions;
+    const rows = appendQueryKey === null ? data : draft.rows;
+    const save = edit.onSave;
+    startSaving(scope);
     try {
-      await edit.onSave(edits, data);
-      setEdits({});
+      await Promise.resolve().then(() => save(values, rows));
+      setEditsByScope((current) => {
+        const currentDraft = current[scope];
+        if (!currentDraft) return current;
+        const nextValues = {};
+        for (const [rowId, rowValues] of Object.entries(currentDraft.values)) {
+          const savedRow = values[rowId];
+          const savedRevisions = revisions[rowId];
+          const currentRevisions = currentDraft.revisions[rowId];
+          const remaining = Object.fromEntries(
+            Object.entries(rowValues).filter(
+              ([field]) => !Object.hasOwn(savedRow ?? {}, field) || currentRevisions?.[field] !== savedRevisions?.[field]
+            )
+          );
+          if (Object.keys(remaining).length > 0) nextValues[rowId] = remaining;
+        }
+        return { ...current, [scope]: { ...currentDraft, values: nextValues } };
+      });
       toast.success("Changes saved");
     } catch (e) {
       toast.error(
         `Couldn't save: ${e instanceof Error ? e.message : String(e)}`
       );
     } finally {
-      setSaving(false);
+      finishSaving(scope);
     }
   };
   const handleCancelEdits = () => {
@@ -5661,7 +5952,7 @@ function MatrxDataTableCore({
       }
     } : facet
   ) : toolbar?.facets;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     import_core.DndContext,
     {
       sensors: hierarchySensors,
@@ -5673,7 +5964,7 @@ function MatrxDataTableCore({
       onDragCancel: () => setDraggedRowId(null),
       onDragEnd: endHierarchyDrag,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "div",
           {
             ref: rootRef,
@@ -5691,13 +5982,13 @@ function MatrxDataTableCore({
             ),
             children: [
               notice,
-              !hideToolbar && (showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              !hideToolbar && (showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                 "div",
                 {
                   "data-matrx-table-toolbar": true,
                   className: "flex shrink-0 flex-nowrap items-center gap-2 sm:flex-wrap",
                   children: [
-                    showSearch ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                    showSearch ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                       "div",
                       {
                         "data-matrx-table-search": true,
@@ -5706,9 +5997,9 @@ function MatrxDataTableCore({
                           toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Search, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Search, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               Input,
                               {
                                 value: searchValue,
@@ -5721,18 +6012,18 @@ function MatrxDataTableCore({
                                 style: { fontSize: "16px" }
                               }
                             ),
-                            searchValue ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            searchValue ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               "button",
                               {
                                 type: "button",
                                 "aria-label": "Clear search",
                                 className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
                                 onClick: () => setSearchValue(""),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3.5 w-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" })
                               }
                             ) : null
                           ] }),
-                          toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                          toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                             Button,
                             {
                               type: "button",
@@ -5746,7 +6037,7 @@ function MatrxDataTableCore({
                                 searchMatchMode === "whole_words" ? "contains" : "whole_words"
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(WholeWord, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(WholeWord, { className: "h-3.5 w-3.5" }),
                                 searchMatchMode === "whole_words" ? "Whole words" : "Contains"
                               ]
                             }
@@ -5754,7 +6045,7 @@ function MatrxDataTableCore({
                         ]
                       }
                     ) : null,
-                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       LayeredFilterBuilder,
                       {
                         fields: toolbar.layeredFilters.fields,
@@ -5764,9 +6055,9 @@ function MatrxDataTableCore({
                         label: toolbar.layeredFilters.label
                       }
                     ) : null,
-                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative w-full max-w-xs", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Search, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative w-full max-w-xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Search, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                         Input,
                         {
                           value: anyOfValue,
@@ -5776,26 +6067,26 @@ function MatrxDataTableCore({
                           style: { fontSize: "16px" }
                         }
                       ),
-                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                         "button",
                         {
                           type: "button",
                           "aria-label": "Clear match-any search",
                           className: "absolute right-1.5 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground hover:text-foreground",
                           onClick: () => setAnyOfValue(""),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3.5 w-3.5" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" })
                         }
                       ) : null
                     ] }) : null,
-                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
+                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
                     toolbar?.leading,
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                       "div",
                       {
                         "data-matrx-table-actions": true,
                         className: "ml-auto flex shrink-0 flex-nowrap items-center gap-2 sm:flex-wrap",
                         children: [
-                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                             "span",
                             {
                               "data-matrx-table-source-total": true,
@@ -5810,7 +6101,7 @@ function MatrxDataTableCore({
                               ]
                             }
                           ) : null,
-                          hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                          hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                             Button,
                             {
                               type: "button",
@@ -5820,12 +6111,12 @@ function MatrxDataTableCore({
                               onClick: clearAllFilters,
                               title: "Clear all filters",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Eraser, { className: "h-3.5 w-3.5" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "max-sm:sr-only", children: "Clear all" })
+                                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Eraser, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "max-sm:sr-only", children: "Clear all" })
                               ]
                             }
                           ) : null,
-                          showToolbarCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          showToolbarCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                             CopyButtons,
                             {
                               size: "icon",
@@ -5881,7 +6172,7 @@ function MatrxDataTableCore({
                               }
                             }
                           ) : null,
-                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                             Button,
                             {
                               type: "button",
@@ -5892,8 +6183,8 @@ function MatrxDataTableCore({
                               className: "h-8 w-8",
                               onClick: () => setColumnManagerOpen(true),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SlidersHorizontal, { className: "h-4 w-4" }),
-                                hiddenColumnIds.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "sr-only", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlidersHorizontal, { className: "h-4 w-4" }),
+                                hiddenColumnIds.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "sr-only", children: [
                                   hiddenColumnIds.size,
                                   " hidden"
                                 ] }) : null
@@ -5907,15 +6198,15 @@ function MatrxDataTableCore({
                   ]
                 }
               ),
-              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
+              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
                   selectionCount.toLocaleString(),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
                   " selected"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                   Button,
                   {
                     type: "button",
@@ -5927,13 +6218,13 @@ function MatrxDataTableCore({
                       selection.onSelectedIdsChange([]);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(X, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" }),
                       "Clear"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
-                  copy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
+                  copy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     CopyButtons,
                     {
                       size: "icon",
@@ -5989,9 +6280,9 @@ function MatrxDataTableCore({
                   selection.actions?.(selectedRows, selection.selectedIds)
                 ] })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "div",
                     {
                       ref: cardsScrollRef,
@@ -6002,33 +6293,33 @@ function MatrxDataTableCore({
                         mobileCardsClass
                       ),
                       children: [
-                        isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                        isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                           "div",
                           {
                             role: "status",
                             className: "h-0.5 shrink-0 overflow-hidden rounded-full bg-primary/15",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                           Skeleton,
                           {
                             className: "h-52 w-full shrink-0 rounded-lg"
                           },
                           `mobile-card-sk-${index}`
-                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                           emptyState?.icon,
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                          emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
+                          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
+                          emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
                           emptyState?.action
                         ] }) }) : paginated.map((row, index) => {
                           const id = getRowId(row);
                           const displayRow = applyRowEdits(row, edits[id]);
                           const selectable = selection?.isRowSelectable?.(row) ?? Boolean(selection);
-                          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react14.Fragment, { children: mobileCards(displayRow, index, {
+                          return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react14.Fragment, { children: mobileCards(displayRow, index, {
                             selected: selectedIdSet.has(id),
                             selectable,
                             onSelectedChange: (nextSelected) => {
@@ -6040,13 +6331,13 @@ function MatrxDataTableCore({
                               else next.delete(id);
                               setSelectedIds(next);
                             },
-                            actions: showRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                            actions: showRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                               "div",
                               {
                                 className: "inline-flex items-center gap-1",
                                 onClick: (event) => event.stopPropagation(),
                                 children: [
-                                  showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                  showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                     TableRowCopyControl,
                                     {
                                       size: "xs",
@@ -6070,7 +6361,7 @@ function MatrxDataTableCore({
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                     "div",
                     {
                       ref: scrollRef,
@@ -6083,34 +6374,34 @@ function MatrxDataTableCore({
                         tableClassName
                       ),
                       children: [
-                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                           HierarchyRootDropTarget,
                           {
                             label: hierarchy.rootDropLabel ?? "Drop here to move to the top level",
                             draggedLabel: hierarchy.itemLabel?.(draggedRow) ?? "Moving row"
                           }
                         ) : null,
-                        hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                           HierarchyDragIndicatorLayer,
                           {
                             scrollRef,
                             resolve: resolveHierarchyMove
                           }
                         ) : null,
-                        isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                        isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                           "div",
                           {
                             role: "status",
                             className: "sticky left-0 top-0 z-20 h-0.5 w-full overflow-hidden bg-primary/15",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("table", { className: "table w-max min-w-full max-w-none caption-bottom overflow-visible text-sm sm:w-full sm:min-w-0 sm:max-w-full", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("thead", { className: "sticky top-0 z-10 border-b border-border bg-muted/90 shadow-[0_1px_0_0_var(--border)] backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { children: [
-                            selection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { className: "h-9 w-9 px-2 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("table", { className: "table w-max min-w-full max-w-none caption-bottom overflow-visible text-sm sm:w-full sm:min-w-0 sm:max-w-full", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("thead", { className: "sticky top-0 z-10 border-b border-border bg-muted/90 shadow-[0_1px_0_0_var(--border)] backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { children: [
+                            selection ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "h-9 w-9 px-2 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               Checkbox,
                               {
                                 className: CHECKBOX_TAP_AREA,
@@ -6126,7 +6417,7 @@ function MatrxDataTableCore({
                               const isSorted = sort?.id === id;
                               const headerLabel = col.label ?? (typeof col.header === "string" ? col.header : id);
                               const defaultSortDirection = col.defaultSortDirection ?? "asc";
-                              return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                 "th",
                                 {
                                   "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
@@ -6152,7 +6443,7 @@ function MatrxDataTableCore({
                                     col.align === "right" && "text-right"
                                   ),
                                   style: columnWidthVar(col.width),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                     ColumnHeaderCell,
                                     {
                                       label: col.header,
@@ -6192,11 +6483,11 @@ function MatrxDataTableCore({
                                 id
                               );
                             }),
-                            showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { className: "h-9 w-28 px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
+                            showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "h-9 w-28 px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
                           ] }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tbody", { children: isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { className: "border-b border-border/60", children: [
-                            selection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
-                            visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { children: isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { className: "border-b border-border/60", children: [
+                            selection ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
+                            visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               "td",
                               {
                                 className: cn(
@@ -6204,20 +6495,20 @@ function MatrxDataTableCore({
                                   col.compact ? "px-1" : "px-2",
                                   col.mobileHidden && "max-sm:hidden"
                                 ),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Skeleton, { className: "h-5 w-full" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Skeleton, { className: "h-5 w-full" })
                               },
                               columnId(col)
                             )),
-                            showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
-                          ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
+                          ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                             "td",
                             {
                               colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                               className: "px-4 py-12 text-center",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
+                              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
                                 emptyState?.icon,
-                                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                                emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
+                                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
+                                emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
                                 emptyState?.action
                               ] })
                             }
@@ -6227,7 +6518,7 @@ function MatrxDataTableCore({
                             const rowEdits = edits[id];
                             const displayRow = applyRowEdits(row, rowEdits);
                             const isChecked = selectedIdSet.has(id);
-                            const rowNode = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                            const rowNode = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                               "tr",
                               {
                                 "data-row-id": id,
@@ -6250,12 +6541,12 @@ function MatrxDataTableCore({
                                   zebra && index % 2 === 1 && !isSelected && !isChecked && "sm:bg-muted/20"
                                 ),
                                 children: [
-                                  selection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                  selection ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                     "td",
                                     {
                                       className: "px-2 py-1.5 align-middle lg:py-0.5",
                                       onClick: (e) => e.stopPropagation(),
-                                      children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                      children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                         Checkbox,
                                         {
                                           className: CHECKBOX_TAP_AREA,
@@ -6276,7 +6567,7 @@ function MatrxDataTableCore({
                                       rowEdits && field in rowEdits
                                     );
                                     const cellHref = col.href?.(row) ?? void 0;
-                                    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                       "td",
                                       {
                                         className: cn(
@@ -6292,14 +6583,14 @@ function MatrxDataTableCore({
                                           col.align === "right" && "text-right"
                                         ),
                                         style: columnWidthVar(col.width),
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                                           "div",
                                           {
                                             className: cn(
                                               colIdx === 0 && hierarchy && "flex min-w-0 items-center"
                                             ),
                                             children: [
-                                              colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                              colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                                 HierarchyDragHandle,
                                                 {
                                                   id,
@@ -6307,12 +6598,12 @@ function MatrxDataTableCore({
                                                   disabled: !(hierarchy.canReparent?.(row) ?? true)
                                                 }
                                               ) : null,
-                                              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                                 "div",
                                                 {
                                                   "data-matrx-cell-content": true,
                                                   className: "min-w-0 max-w-full flex-1 whitespace-normal break-words [overflow-wrap:anywhere] sm:[&_*]:min-w-0 sm:[&_*]:max-w-full sm:[&_*]:whitespace-normal sm:[&_*]:[overflow-wrap:anywhere] sm:[&_[data-matrx-cell-control]]:w-max sm:[&_[data-matrx-cell-control]]:min-w-max sm:[&_[data-matrx-cell-control]]:max-w-none sm:[&_[data-matrx-cell-control]]:whitespace-nowrap sm:[&_[data-matrx-cell-control]]:[overflow-wrap:normal] sm:[&_[data-matrx-cell-control]_*]:whitespace-nowrap sm:[&_[data-matrx-cell-control]_*]:[overflow-wrap:normal]",
-                                                  children: editable && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                                  children: editable && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                                     EditableTableCell,
                                                     {
                                                       value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -6324,7 +6615,7 @@ function MatrxDataTableCore({
                                                       ...cellHref === void 0 ? {} : { href: cellHref },
                                                       ...col.editTrigger === void 0 ? {} : { editTrigger: col.editTrigger }
                                                     }
-                                                  ) : cellHref ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                                  ) : cellHref ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                                     Link,
                                                     {
                                                       href: cellHref,
@@ -6342,13 +6633,13 @@ function MatrxDataTableCore({
                                       columnId(col)
                                     );
                                   }),
-                                  showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                                  showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                                     "div",
                                     {
                                       className: "inline-flex items-center justify-end gap-0.5",
                                       onClick: (e) => e.stopPropagation(),
                                       children: [
-                                        showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                        showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                           TableRowCopyControl,
                                           {
                                             size: "xs",
@@ -6364,7 +6655,7 @@ function MatrxDataTableCore({
                                           hasPendingEdits: Boolean(rowEdits),
                                           discardPendingEdits: () => discardRowEdits(id)
                                         }),
-                                        windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                        windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                                           Button,
                                           {
                                             type: "button",
@@ -6381,7 +6672,7 @@ function MatrxDataTableCore({
                                                 openWindow(row);
                                               }
                                             },
-                                            children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
+                                            children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
                                           }
                                         ) : null
                                       ]
@@ -6392,7 +6683,7 @@ function MatrxDataTableCore({
                               id
                             );
                             const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-                            return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               HierarchyDroppableRow,
                               {
                                 id,
@@ -6400,11 +6691,11 @@ function MatrxDataTableCore({
                                 children: wrappedRow
                               },
                               id
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react14.Fragment, { children: wrappedRow }, id);
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react14.Fragment, { children: wrappedRow }, id);
                           }) }),
-                          footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { children: [
-                            selection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "px-2 py-2" }) : null,
-                            visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { children: [
+                            selection ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-2 py-2" }) : null,
+                            visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                               "td",
                               {
                                 className: cn(
@@ -6419,13 +6710,13 @@ function MatrxDataTableCore({
                               },
                               columnId(column)
                             )),
-                            showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "px-2 py-2" }) : null
+                            showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "px-2 py-2" }) : null
                           ] }, `footer-${index}`)) }) : null
                         ] })
                       ]
                     }
                   ),
-                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     Button,
                     {
                       type: "button",
@@ -6436,10 +6727,10 @@ function MatrxDataTableCore({
                       "data-matrx-table-scroll-control": "left",
                       className: "absolute left-1.5 top-1/2 z-30 hidden h-11 w-11 -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex",
                       onClick: () => scrollTableHorizontally("left"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronLeft, { className: "h-5 w-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronLeft, { className: "h-5 w-5" })
                     }
                   ) : null,
-                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     Button,
                     {
                       type: "button",
@@ -6450,17 +6741,17 @@ function MatrxDataTableCore({
                       "data-matrx-table-scroll-control": "right",
                       className: "absolute right-1.5 top-1/2 z-30 hidden h-11 w-11 -translate-y-1/2 rounded-full border border-glass-edge bg-glass p-0 text-foreground shadow-glass backdrop-blur-glass backdrop-saturate-glass hover:bg-glass-hover active:bg-glass-active sm:inline-flex",
                       onClick: () => scrollTableHorizontally("right"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronRight, { className: "h-5 w-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronRight, { className: "h-5 w-5" })
                     }
                   ) : null
                 ] }),
-                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { "data-matrx-table-footer": true, className: "flex min-h-16 shrink-0 items-center justify-between gap-3 border-t border-border px-3 py-2", "aria-busy": isLoading || isFetching, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { role: "status", "aria-live": "polite", className: "text-xs text-muted-foreground", children: [
+                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-matrx-table-footer": true, className: "flex min-h-16 shrink-0 items-center justify-between gap-3 border-t border-border px-3 py-2", "aria-busy": isLoading || isFetching, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { role: "status", "aria-live": "polite", className: "text-xs text-muted-foreground", children: [
                     isFetching ? "Loading more rows\u2026" : isLoading ? "Loading rows\u2026" : `${data.length.toLocaleString()} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${appendQuery.pagination.totalItems.toLocaleString()}`}`,
-                    scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null
+                    scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { role: "alert", className: "text-destructive", children: scrollPagination.error.message }) : null
                   ] }),
-                  scrollPagination.error && !appendQuery.pagination.hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "button", variant: "outline", onClick: appendQuery.pagination.refresh, children: "Reload rows" }) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "button", variant: "outline", disabled: isLoading || isFetching, onClick: () => void scrollPagination.requestNextPage(), children: scrollPagination.error ? "Retry" : "Load more" }) : !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs text-muted-foreground", children: "All rows loaded" }) : null
-                ] }) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  scrollPagination.error && !appendQuery.pagination.hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { type: "button", variant: "outline", onClick: appendQuery.pagination.refresh, children: "Reload rows" }) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { type: "button", variant: "outline", disabled: isLoading || isFetching, onClick: () => void scrollPagination.requestNextPage(), children: scrollPagination.error ? "Retry" : "Load more" }) : !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-muted-foreground", children: "All rows loaded" }) : null
+                ] }) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   GenericTablePagination,
                   {
                     totalItems,
@@ -6480,7 +6771,7 @@ function MatrxDataTableCore({
                   }
                 ) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 ColumnManager,
                 {
                   open: columnManagerOpen,
@@ -6494,7 +6785,7 @@ function MatrxDataTableCore({
                   }
                 }
               ),
-              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 SidePanelSurface,
                 {
                   title: resolveStringTitle(
@@ -6505,8 +6796,8 @@ function MatrxDataTableCore({
                   description: detail?.description?.(selectedRow),
                   onClose: () => setSelectedId(null),
                   defaultWidth: detail?.defaultWidth ?? 480,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    copy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    copy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -6515,7 +6806,7 @@ function MatrxDataTableCore({
                       }
                     ) : null,
                     detail?.headerActions?.(selectedRow),
-                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       Button,
                       {
                         type: "button",
@@ -6525,7 +6816,7 @@ function MatrxDataTableCore({
                         "aria-label": "Open in window",
                         title: "Open in window",
                         onClick: () => openWindow(selectedRow),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
                       }
                     ) : null
                   ] }),
@@ -6537,7 +6828,7 @@ function MatrxDataTableCore({
                     // fixes the whole class at once — a custom body that already
                     // scrolls (`h-full` + `overflow-y-auto` root) still resolves to
                     // this container's height, so no second scrollbar appears.
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                       closeDetail: () => setSelectedId(null),
                       openDetail: () => openDetail(selectedRow),
                       openWindow: () => openWindow(selectedRow),
@@ -6545,7 +6836,7 @@ function MatrxDataTableCore({
                       hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                       discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                     }) })
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     DataRowInspector,
                     {
                       row: selectedRow,
@@ -6557,7 +6848,7 @@ function MatrxDataTableCore({
                   )
                 }
               ) : null,
-              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 DataRowWindow,
                 {
                   isOpen: true,
@@ -6568,8 +6859,8 @@ function MatrxDataTableCore({
                   height: windowConfig?.height,
                   windowId: `matrx-data-row-${urlState?.id ?? "local"}-${getRowId(windowRow)}`,
                   defaultTab: windowConfig?.defaultTab,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    opensWindowOnRowClick && detailEnabled ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    opensWindowOnRowClick && detailEnabled ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       Button,
                       {
                         type: "button",
@@ -6582,10 +6873,10 @@ function MatrxDataTableCore({
                           closeWindow();
                           openDetail(windowRow);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" })
                       }
                     ) : null,
-                    copy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    copy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -6601,7 +6892,7 @@ function MatrxDataTableCore({
                     closeWindow,
                     hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                     discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                  }) ?? (copy ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  }) ?? (copy ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                     DataRowInspector,
                     {
                       row: windowRow,
@@ -6636,23 +6927,65 @@ function MatrxDataTableCore({
                   })
                 }
               ) : null,
-              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                DirtySavePill,
-                {
-                  changeCount,
-                  saving,
-                  onSave: () => void handleSaveEdits(),
-                  onCancel: handleCancelEdits
-                }
-              ) : null
+              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+                foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                  "div",
+                  {
+                    "data-matrx-foreign-drafts": true,
+                    className: "fixed inset-x-3 bottom-20 z-50 flex flex-wrap items-center justify-center gap-2 rounded-lg border border-amber-500/40 bg-card px-3 py-2 text-xs shadow-lg sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 sm:flex-nowrap",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Unsaved edits from previous results" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                        CopyButtons,
+                        {
+                          size: "xs",
+                          label: "retained drafts",
+                          human: () => JSON.stringify(foreignDraftPayload, null, 2),
+                          json: () => foreignDraftPayload
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                    ]
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  ConfirmDialog,
+                  {
+                    open: confirmForeignDraftDiscard,
+                    onOpenChange: setConfirmForeignDraftDiscard,
+                    title: "Discard unsaved edits from previous results?",
+                    description: "This permanently removes edits retained for other result sets. Copy drafts first if you may need them.",
+                    confirmLabel: "Discard drafts",
+                    cancelLabel: "Keep drafts",
+                    variant: "destructive",
+                    onConfirm: () => {
+                      setEditsByScope(
+                        (current) => Object.fromEntries(
+                          Object.entries(current).filter(([scope]) => scope === editScopeKey)
+                        )
+                      );
+                      setConfirmForeignDraftDiscard(false);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  DirtySavePill,
+                  {
+                    changeCount,
+                    saving,
+                    onSave: () => void handleSaveEdits(),
+                    onCancel: handleCancelEdits
+                  }
+                )
+              ] }) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core.DragOverlay, { children: draggedRow ? (
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core.DragOverlay, { children: draggedRow ? (
           // w-max: the overlay inherits the ACTIVE node's size, and the active
           // node is the 16px grip handle — without it the label wraps to one
           // character per line.
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "w-max max-w-xs truncate rounded border border-border bg-card px-2.5 py-1.5 text-sm font-medium text-foreground shadow-md", children: hierarchy?.itemLabel?.(draggedRow) ?? "Moving row" })
         ) : null })
       ]
     }
@@ -6667,7 +7000,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -6679,7 +7012,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -6688,7 +7021,7 @@ function HierarchyRootDropTarget({
   draggedLabel
 }) {
   const { isOver, setNodeRef } = (0, import_core.useDroppable)({ id: "__root__" });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       ref: setNodeRef,
@@ -6698,8 +7031,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-primary/75", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-primary/75", children: label })
       ]
     }
   );
@@ -6748,7 +7081,7 @@ function HierarchyDragIndicatorLayer({
   const { preview } = indicator;
   const indent = indicator.left + 10 + preview.depth * 12;
   if (preview.position === "inside") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -6760,7 +7093,7 @@ function HierarchyDragIndicatorLayer({
           width: Math.max(0, indicator.width - 4),
           height: indicator.height
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "span",
           {
             className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap rounded bg-card/95 px-1.5 py-0.5 text-[10px] font-medium text-primary",
@@ -6775,7 +7108,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -6786,9 +7119,9 @@ function HierarchyDragIndicatorLayer({
         left: indent,
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute -left-1 top-1/2 h-2 w-2 -translate-y-1/2 rounded-full border-2 border-primary bg-card" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "span",
           {
             className: cn(
@@ -6833,7 +7166,7 @@ function renderCell(row, col, index) {
   if (asUuid && typeof raw === "string") {
     const forbidden = typeof col.fk?.forbidden === "function" ? col.fk.forbidden(raw, row) : Boolean(col.fk?.forbidden);
     const declaredToken = typeof col.fk?.token === "function" ? col.fk.token(row) : col.fk?.token;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       MatrxUuidCell,
       {
         value: raw,
@@ -6845,7 +7178,7 @@ function renderCell(row, col, index) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm text-foreground", children: stringifyCellValue(raw) || "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm text-foreground", children: stringifyCellValue(raw) || "\u2014" });
 }
 function defaultRowTitle(row, columns) {
   for (const col of columns) {