@ai-matrx/design-system 0.18.3 → 0.18.4

package/dist/data-table/index.cjs

@@ -440,6 +440,7 @@ __export(data_table_exports, {
   MatrxDataTable: () => MatrxDataTable,
   MatrxDataTableProvider: () => MatrxDataTableProvider,
   MatrxUuidCell: () => MatrxUuidCell,
+  TableTitleRow: () => TableTitleRow,
   buildRowAgentInput: () => buildRowAgentInput,
   buildViewAgentInput: () => buildViewAgentInput,
   buildViewHuman: () => buildViewHuman,
@@ -1131,7 +1132,7 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
 var selectTriggerVariants = (0, import_class_variance_authority2.cva)(
-  "flex w-full items-center justify-between whitespace-nowrap rounded-md border border-border bg-card text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground transition-colors hover:bg-accent hover:border-accent-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/30 focus:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+  "flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border border-border bg-card text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground transition-colors hover:bg-accent hover:border-accent-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/30 focus:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:line-clamp-1",
   {
     variants: {
       size: {
@@ -1153,7 +1154,7 @@ var SelectTrigger = React6.forwardRef(({ className, children, hideArrow = false,
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixChevronDownIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
     ]
   }
 ));
@@ -1284,6 +1285,86 @@ function Skeleton({ className, animated = true, ...props }) {
   );
 }
 
+// src/data-table/TableTitleRow.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TableTitleRow({
+  title,
+  headingLevel = 2,
+  context,
+  count,
+  search,
+  actions,
+  children,
+  className
+}) {
+  const Heading = headingLevel === 1 ? "h1" : "h2";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "div",
+    {
+      "data-matrx-table-toolbar": true,
+      className: cn(
+        "flex min-w-0 shrink-0 flex-wrap items-center gap-2",
+        className
+      ),
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Heading, { className: "min-w-0 break-words text-sm font-semibold", children: title }) : null,
+        context,
+        count ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "span",
+          {
+            className: "shrink-0 rounded-md bg-muted px-2 py-0.5 text-xs tabular-nums",
+            "aria-label": `${count.value.toLocaleString()} ${count.label}`,
+            children: count.value.toLocaleString()
+          }
+        ) : null,
+        search ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            "data-matrx-table-title-search": true,
+            className: "order-last w-full min-w-0 sm:order-none sm:w-auto sm:max-w-md sm:flex-1",
+            children: search
+          }
+        ) : null,
+        children,
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            "data-matrx-table-actions": true,
+            className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
+            children: actions
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+  const resolved = usePortalContainer(container);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-[10001] overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md",
+        animated && MOTION_POPPER,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
 // src/data-table/useScrollPagination.ts
 var import_react = require("react");
 var DEFAULT_THRESHOLD_PX = 96;
@@ -1495,31 +1576,31 @@ function useScrollPagination({
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var VisuallyHidden = __toESM(require("@radix-ui/react-visually-hidden"), 1);
 var import_react_tree2 = require("@ai-matrx/kit/react-tree");
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 
 // src/radix-dialog-modal-context.tsx
-var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = 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] ??= React7.createContext(true);
+var RadixDialogModalContext = contextRegistry2[CONTEXT_SLOT2] ??= React8.createContext(true);
 function RadixDialogModalProvider({
   children,
   modal
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixDialogModalContext.Provider, { value: modal, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RadixDialogModalContext.Provider, { value: modal, children });
 }
 function useRadixDialogModal() {
-  return React7.useContext(RadixDialogModalContext);
+  return React8.useContext(RadixDialogModalContext);
 }
 
 // src/use-is-mobile.ts
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(false);
-  const [hasMounted, setHasMounted] = React8.useState(false);
-  React8.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(false);
+  const [hasMounted, setHasMounted] = React9.useState(false);
+  React9.useEffect(() => {
     setHasMounted(true);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1539,13 +1620,13 @@ function useIsMobile() {
 }
 
 // src/dialog.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Dialog = ({
   children,
   ...props
 }) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
 };
 Dialog.displayName = "Dialog";
 var DialogPortal = ({
@@ -1553,13 +1634,13 @@ var DialogPortal = ({
   ...props
 }) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Portal, { container: resolved ?? null, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.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] ??= React9.createContext(null);
-var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogContainerContext = contextRegistry3[CONTEXT_SLOT3] ??= React10.createContext(null);
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1575,9 +1656,9 @@ var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentPrimitive = React9.forwardRef((props, ref) => {
+var DialogContentPrimitive = React10.forwardRef((props, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     DialogPrimitive.Content,
     {
       ...props,
@@ -1590,7 +1671,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 = React9.forwardRef(
+var DialogContent = React10.forwardRef(
   ({
     className,
     children,
@@ -1604,10 +1685,10 @@ var DialogContent = React9.forwardRef(
     const isModal = useRadixDialogModal();
     const injectedContainer = usePortalContainer(container);
     const asSheet = mobileSheet && isMobile;
-    const [containerEl, setContainerEl] = React9.useState(
+    const [containerEl, setContainerEl] = React10.useState(
       null
     );
-    const mergedRef = React9.useCallback(
+    const mergedRef = React10.useCallback(
       (node) => {
         setContainerEl(node);
         if (typeof ref === "function") ref(node);
@@ -1618,9 +1699,9 @@ var DialogContent = React9.forwardRef(
     );
     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_runtime12.jsxs)(DialogPortal, { container, children: [
-      isModal ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogOverlay, {}) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogPortal, { container, children: [
+      isModal ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlay, {}) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         DialogContentPrimitive,
         {
           ref: mergedRef,
@@ -1639,23 +1720,23 @@ var DialogContent = React9.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            hasTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(VisuallyHidden.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Title, { children: "Dialog" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            hasTitle ? null : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(VisuallyHidden.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Title, { children: "Dialog" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogContainerContext.Provider, { value: containerEl, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               PortalContainerProvider,
               {
                 container: containerEl ?? injectedContainer ?? null,
                 children
               }
             ) }),
-            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime12.jsx)(XIcon, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Close" })
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(XIcon, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Close" })
                 ]
               }
             ) : null
@@ -1669,7 +1750,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     "data-slot": "dialog-header",
@@ -1686,7 +1767,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -1718,7 +1799,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -1728,7 +1809,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1743,11 +1824,11 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_tree3 = require("@ai-matrx/kit/react-tree");
 var import_class_variance_authority3 = require("class-variance-authority");
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var SheetContentBase = React10.forwardRef(({ ...props }, ref) => {
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SheetContentBase = React11.forwardRef(({ ...props }, ref) => {
   const isModal = useRadixDialogModal();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     SheetPrimitive.Content,
     {
       ...props,
@@ -1757,13 +1838,13 @@ var SheetContentBase = React10.forwardRef(({ ...props }, ref) => {
   );
 });
 SheetContentBase.displayName = "SheetContentBase";
-var Sheet = React10.forwardRef(({ children, ...props }, _ref) => {
+var Sheet = React11.forwardRef(({ children, ...props }, _ref) => {
   const modal = props.modal ?? true;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetPrimitive.Root, { ...props, modal, children }) });
 });
 Sheet.displayName = "Sheet";
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SheetOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1800,7 +1881,7 @@ var sheetVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var SheetDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SheetDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -1809,7 +1890,7 @@ var SheetDescription = React10.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var SheetContent = React10.forwardRef(
+var SheetContent = React11.forwardRef(
   ({
     side = "right",
     className,
@@ -1821,9 +1902,9 @@ var SheetContent = React10.forwardRef(
     ...props
   }, ref) => {
     const hasDescription = (0, import_react_tree3.treeContainsComponent)(children, SheetDescription) || (0, import_react_tree3.treeContainsComponent)(children, SheetPrimitive.Description);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetPortal, { children: [
-      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SheetPortal, { children: [
+      !hideOverlay && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         SheetContentBase,
         {
           ref,
@@ -1835,9 +1916,9 @@ var SheetContent = React10.forwardRef(
           ...hasDescription ? {} : { "aria-describedby": void 0 },
           ...props,
           children: [
-            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)(Cross2Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
+            !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(Cross2Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Close" })
             ] }),
             children
           ]
@@ -1850,7 +1931,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     className: cn(
@@ -1864,7 +1945,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     "data-slot": "sheet-footer",
@@ -1876,7 +1957,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SheetTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -1887,33 +1968,33 @@ var SheetTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // src/data-table/default-host.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function DefaultTableLink(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("a", { ...props });
 }
 function DefaultTableSidePanel({ title, titleNode, description, defaultWidth = 480, onClose, headerActions, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Sheet, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Sheet, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SheetContent, { side: "right", className: "flex h-full flex-col", style: { width: `min(${defaultWidth}px, 100vw)` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SheetHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SheetTitle, { children: titleNode ?? title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SheetDescription, { children: description }) : null,
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SheetContent, { side: "right", className: "flex h-full flex-col", style: { width: `min(${defaultWidth}px, 100vw)` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SheetHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SheetTitle, { children: titleNode ?? title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SheetDescription, { children: description }) : null,
       headerActions
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime14.jsx)(Dialog, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogTitle, { children: title }),
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogTitle, { children: title }),
       actionsRight
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      sidebar ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("aside", { className: "shrink-0 border-r pr-2", children: sidebar }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
+      sidebar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("aside", { className: "shrink-0 border-r pr-2", children: sidebar }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto", children })
     ] })
   ] }) });
 }
@@ -1923,19 +2004,19 @@ var import_react3 = require("react");
 
 // src/data-table/host.tsx
 var import_react2 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = 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_runtime15.jsx)(HostContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HostContext.Provider, { value, children });
 }
 function useMatrxDataTableHost() {
   return (0, import_react2.useContext)(HostContext);
 }
 
 // src/data-table/useTableNotice.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function useTableNotice() {
   const host = useMatrxDataTableHost();
   const [message, setMessage] = (0, import_react3.useState)(null);
@@ -1949,15 +2030,15 @@ function useTableNotice() {
       else setMessage({ text, error: true });
     }
   };
-  const notice = message ? /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime18.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_runtime16.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
   ] }) : null;
   return { notify, notice };
 }
 
 // src/data-table/pagination.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function GenericTablePagination({
   totalItems,
   itemsPerPage,
@@ -2016,8 +2097,8 @@ function GenericTablePagination({
     className,
     containerClassName
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { "data-matrx-table-footer": true, className: containerClass, children: [
-    showItemsPerPageSelect && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { "data-matrx-table-footer": true, className: containerClass, children: [
+    showItemsPerPageSelect && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: cn(
@@ -2025,13 +2106,13 @@ function GenericTablePagination({
           !compact && "sm:p-1",
           selectContainerClassName
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           Select,
           {
             value: itemsPerPage.toString(),
             onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 SelectTrigger,
                 {
                   "aria-label": "Rows per page",
@@ -2039,31 +2120,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_runtime17.jsx)(SelectValue, { placeholder: itemsPerPage.toString() })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectValue, { placeholder: itemsPerPage.toString() })
                 }
               ),
-              /* @__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_runtime19.jsxs)(SelectContent, { children: [
+                availablePageSizes.map((size) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectItem, { value: size.toString(), children: size }, size)),
+                showAllOption ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectItem, { value: allValue.toString(), children: allOptionLabel }) : null
               ] })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
-        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: [
+        children: showPageInfo && !hideEntriesInfo && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "truncate text-[10px] tabular-nums text-muted-foreground sm:hidden", children: [
             startItem,
             "-",
             endItem,
             " / ",
             totalItems
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: `hidden whitespace-nowrap ${compact ? "text-xs" : "text-sm"} text-muted-foreground sm:inline`,
@@ -2073,7 +2154,7 @@ function GenericTablePagination({
         ] })
       }
     ),
-    showPageControls && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    showPageControls && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         className: cn(
@@ -2082,7 +2163,7 @@ function GenericTablePagination({
           controlsContainerClassName
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "outline",
@@ -2096,10 +2177,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "outline",
@@ -2112,10 +2193,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          getPageNumbers(3).map((page) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          getPageNumbers(3).map((page) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -2130,11 +2211,11 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 page === currentPage ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "relative z-10", children: page })
             },
             `mobile-${page}`
           )),
-          getPageNumbers().map((page) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          getPageNumbers().map((page) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -2148,11 +2229,11 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 currentPage === page ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "relative z-10", children: page })
             },
             `desktop-${page}`
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "outline",
@@ -2165,10 +2246,10 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "outline",
@@ -2182,7 +2263,7 @@ function GenericTablePagination({
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           )
         ]
@@ -2192,23 +2273,23 @@ function GenericTablePagination({
 }
 
 // src/content-transfer/matrx-copy.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_content_transfer2 = require("@ai-matrx/kit/content-transfer");
 
 // src/content-transfer/index.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_content_transfer = require("@ai-matrx/kit/content-transfer");
 
 // src/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var MENU_SURFACE_CLASS = "z-[10001] min-w-[8rem] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground";
 var MENU_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 var MENU_INDICATOR_ITEM_CLASS = "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2221,12 +2302,12 @@ var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2236,9 +2317,9 @@ var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -2255,7 +2336,7 @@ var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, conta
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2265,7 +2346,7 @@ var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2273,13 +2354,13 @@ var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, ...pro
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2287,13 +2368,13 @@ var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props
     className: cn(MENU_INDICATOR_ITEM_CLASS, className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2303,7 +2384,7 @@ var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2316,7 +2397,7 @@ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   "span",
   {
     "data-slot": "dropdown-menu-shortcut",
@@ -2327,23 +2408,23 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/content-transfer/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function AlchemyGlyph(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M4.5 5.5h8v11h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M8.5 9.5h8v9h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M4.5 5.5h8v11h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M8.5 9.5h8v9h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z" })
   ] });
 }
-var CapabilityContext = React12.createContext({});
-var useContentTransferCapabilities = () => React12.useContext(CapabilityContext);
-var SurfaceContext = React12.createContext(null);
+var CapabilityContext = React13.createContext({});
+var useContentTransferCapabilities = () => React13.useContext(CapabilityContext);
+var SurfaceContext = React13.createContext(null);
 function MenuPresentation({ label, hint, icon: Icon3 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    Icon3 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon3, { className: "matrx-alchemy-menu-icon" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    Icon3 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon3, { className: "matrx-alchemy-menu-icon" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
       label,
-      hint ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
     ] })
   ] });
 }
@@ -2383,10 +2464,10 @@ function snapshotContent(snapshot) {
   return JSON.stringify({ sourceId, label, payload, coverage, unsavedChanges, omissions, sections, limits });
 }
 function useFence() {
-  const mounted = React12.useRef(true);
-  const nextId = React12.useRef(0);
-  const active = React12.useRef(/* @__PURE__ */ new Set());
-  React12.useEffect(() => {
+  const mounted = React13.useRef(true);
+  const nextId = React13.useRef(0);
+  const active = React13.useRef(/* @__PURE__ */ new Set());
+  React13.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -2395,14 +2476,14 @@ function useFence() {
       active.current.clear();
     };
   }, []);
-  const begin = React12.useCallback(() => {
+  const begin = React13.useCallback(() => {
     const controller = new AbortController();
     active.current.add(controller);
     return { controller, id: ++nextId.current };
   }, []);
-  const finish = React12.useCallback((controller) => active.current.delete(controller), []);
-  const valid = React12.useCallback((id, controller) => mounted.current && !controller.signal.aborted && nextId.current === id, []);
-  const abortAll = React12.useCallback(() => {
+  const finish = React13.useCallback((controller) => active.current.delete(controller), []);
+  const valid = React13.useCallback((id, controller) => mounted.current && !controller.signal.aborted && nextId.current === id, []);
+  const abortAll = React13.useCallback(() => {
     nextId.current += 1;
     active.current.forEach((c) => c.abort());
     active.current.clear();
@@ -2431,43 +2512,43 @@ async function buildArtifact(draft, format, label) {
   return (0, import_content_transfer.serialize)(draft, format, { spreadsheetSafe: format === "csv" || format === "tsv", filename: `${filenameFor(label)}.${extension}` });
 }
 function ContentTransferMenu(props) {
-  const inherited = React12.useContext(CapabilityContext);
+  const inherited = React13.useContext(CapabilityContext);
   const identityKey = props.capabilities?.identityKey ?? inherited.identityKey;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ContentTransferMenuSession, { ...props }, identityKey ?? "anonymous");
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ContentTransferMenuSession, { ...props }, identityKey ?? "anonymous");
 }
 function ContentTransferMenuSession({ source, surface, label, projection, sections, preferences, table, formatSources, variants = EMPTY_VARIANTS, actions = [], capabilities: local, disabled, enabled = true, className, stopPropagation = true, hide = [], controllerRef }) {
-  const triggerRef = React12.useRef(null);
-  const inherited = React12.useContext(CapabilityContext);
-  const nearestSurface = React12.useContext(SurfaceContext);
+  const triggerRef = React13.useRef(null);
+  const inherited = React13.useContext(CapabilityContext);
+  const nearestSurface = React13.useContext(SurfaceContext);
   const fence = useFence();
-  const [menuCapture, setMenuCapture] = React12.useState(null);
-  const [menuStatus, setMenuStatus] = React12.useState("idle");
-  const [workspaces, setWorkspaces] = React12.useState({});
-  const [workspaceKey, setWorkspaceKey] = React12.useState(null);
-  const [workspaceOpen, setWorkspaceOpen] = React12.useState(false);
-  const workspaceCaptures = React12.useRef(/* @__PURE__ */ new Map());
-  const externalWorkspaceKeys = React12.useRef(/* @__PURE__ */ new Set());
-  const [notice, setNotice] = React12.useState(null);
-  const scopes = React12.useMemo(() => table?.availableScopes ?? ["target"], [table]);
+  const [menuCapture, setMenuCapture] = React13.useState(null);
+  const [menuStatus, setMenuStatus] = React13.useState("idle");
+  const [workspaces, setWorkspaces] = React13.useState({});
+  const [workspaceKey, setWorkspaceKey] = React13.useState(null);
+  const [workspaceOpen, setWorkspaceOpen] = React13.useState(false);
+  const workspaceCaptures = React13.useRef(/* @__PURE__ */ new Map());
+  const externalWorkspaceKeys = React13.useRef(/* @__PURE__ */ new Set());
+  const [notice, setNotice] = React13.useState(null);
+  const scopes = React13.useMemo(() => table?.availableScopes ?? ["target"], [table]);
   const initialScope = table?.initialScope ?? "target";
   if (!scopes.includes(initialScope)) throw new Error("Alchemy initialScope must be included in availableScopes.");
   const primary = surface ?? source ?? nearestSurface;
   const sourceLabel = label ?? (surface?.surfaceName ?? (source && "label" in source ? source.label : nearestSurface?.surfaceName) ?? "content");
   const primaryWorkspaceKey = `primary:${materialIdentity(primary)}`;
   const nearestWorkspaceKey = source && !surface && nearestSurface ? `surface:${materialIdentity(nearestSurface)}` : null;
-  const variantWorkspaceKeys = React12.useMemo(() => new Map(variants.map((variant) => [variant.id, `variant:${variant.id}:${materialIdentity(variant.source)}`])), [variants]);
+  const variantWorkspaceKeys = React13.useMemo(() => new Map(variants.map((variant) => [variant.id, `variant:${variant.id}:${materialIdentity(variant.source)}`])), [variants]);
   const transport = local?.transport ?? inherited.transport ?? (0, import_content_transfer.createBrowserTransport)();
   const ai = local?.ai ?? inherited.ai;
-  const providerPreferences = React12.useMemo(() => (0, import_content_transfer.resolveTransferPreferences)(inherited.preferences, local?.preferences), [inherited.preferences, local?.preferences]);
-  const adapters = React12.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(BUILT_INS, inherited.formats ?? [], local?.formats ?? []).filter((x) => "build" in x), [inherited.formats, local?.formats]);
-  const registeredActions = React12.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(inherited.actions ?? [], local?.actions ?? [], actions), [actions, inherited.actions, local?.actions]);
-  React12.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(variants), [variants]);
-  const report = React12.useCallback((result) => {
+  const providerPreferences = React13.useMemo(() => (0, import_content_transfer.resolveTransferPreferences)(inherited.preferences, local?.preferences), [inherited.preferences, local?.preferences]);
+  const adapters = React13.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(BUILT_INS, inherited.formats ?? [], local?.formats ?? []).filter((x) => "build" in x), [inherited.formats, local?.formats]);
+  const registeredActions = React13.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(inherited.actions ?? [], local?.actions ?? [], actions), [actions, inherited.actions, local?.actions]);
+  React13.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(variants), [variants]);
+  const report = React13.useCallback((result) => {
     inherited.onOutcome?.(result);
     local?.onOutcome?.(result);
     setNotice(outcomeMessage(result));
   }, [inherited, local]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const valid = /* @__PURE__ */ new Set([primaryWorkspaceKey, ...nearestWorkspaceKey ? [nearestWorkspaceKey] : [], ...variantWorkspaceKeys.values(), ...externalWorkspaceKeys.current]);
     setWorkspaces((current) => Object.fromEntries(Object.entries(current).filter(([key]) => valid.has(key))));
     for (const key of workspaceCaptures.current.keys()) if (!valid.has(key)) workspaceCaptures.current.delete(key);
@@ -2476,7 +2557,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
       setWorkspaceOpen(false);
     }
   }, [nearestWorkspaceKey, primaryWorkspaceKey, variantWorkspaceKeys, workspaceKey]);
-  const captureOne = React12.useCallback(async (material, scope, signal, applyMenuProjection = false, collectPages = true) => {
+  const captureOne = React13.useCallback(async (material, scope, signal, applyMenuProjection = false, collectPages = true) => {
     if (!material) throw new Error("Alchemy needs a source or a mounted transfer surface.");
     let sourceMaterial;
     if ("instanceId" in material) {
@@ -2510,14 +2591,14 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
     if (result.snapshot.payload.kind !== "rows") throw new Error("All-matching export requires tabular content.");
     return { snapshot: (0, import_content_transfer.projectSnapshot)({ ...result.snapshot, payload: { kind: "rows", rows: collected.rows, columns: result.snapshot.payload.columns }, coverage: collected.coverage, omissions: [...collected.omissions] }, { rules: [] }), allMatching: result.allMatching, ...collected.error ? { collectionError: collected.error.message } : {} };
   }, [preferences, projection, providerPreferences, sections, sourceLabel]);
-  const capturePrimary = React12.useCallback((scope, signal) => captureOne(primary, scope, signal, true), [captureOne, primary]);
+  const capturePrimary = React13.useCallback((scope, signal) => captureOne(primary, scope, signal, true), [captureOne, primary]);
   workspaceCaptures.current.set(primaryWorkspaceKey, capturePrimary);
   if (nearestWorkspaceKey && nearestSurface) workspaceCaptures.current.set(nearestWorkspaceKey, (scope, signal) => captureOne(nearestSurface, scope, signal, true));
   for (const variant of variants) {
     const key = variantWorkspaceKeys.get(variant.id);
     workspaceCaptures.current.set(key, (scope, signal) => captureOne(variant.source, scope, signal, true));
   }
-  const preflight = React12.useCallback(async () => {
+  const preflight = React13.useCallback(async () => {
     const { controller, id } = fence.begin();
     setMenuCapture(null);
     setMenuStatus("loading");
@@ -2536,7 +2617,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
       fence.finish(controller);
     }
   }, [captureOne, fence, initialScope, primary]);
-  const transfer = React12.useCallback(async (format, download, alternate) => {
+  const transfer = React13.useCallback(async (format, download, alternate) => {
     const { controller, id } = fence.begin();
     try {
       const explicit = alternate?.source ?? (typeof format === "string" && format !== "xlsx" ? formatSources?.[format] : void 0);
@@ -2561,7 +2642,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
       fence.finish(controller);
     }
   }, [captureOne, capturePrimary, fence, formatSources, initialScope, preferences, providerPreferences, report, transport]);
-  const openWorkspace = React12.useCallback(
+  const openWorkspace = React13.useCallback(
     async (key = primaryWorkspaceKey, variant) => {
       const variantMaterial = variant && "kind" in variant.source ? {
         id: `variant:${key}`,
@@ -2672,7 +2753,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
       workspaces
     ]
   );
-  React12.useImperativeHandle(controllerRef, () => ({
+  React13.useImperativeHandle(controllerRef, () => ({
     focusTrigger: () => triggerRef.current?.focus(),
     prepare: async (requestedSource, options) => {
       const requestedLabel = options?.label ?? ("label" in requestedSource ? requestedSource.label : "content");
@@ -2681,7 +2762,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
       await openWorkspace(requestedKey, { source: requestedSource, label: requestedLabel });
     }
   }), [openWorkspace]);
-  const runAction = React12.useCallback(async (action) => {
+  const runAction = React13.useCallback(async (action) => {
     const { controller, id } = fence.begin();
     try {
       const actionSource = action.source;
@@ -2699,52 +2780,52 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
   }, [captureOne, capturePrimary, fence, initialScope, preferences, providerPreferences, report]);
   if (!enabled) return null;
   const payload = menuCapture?.snapshot.payload ?? (source && "kind" in source ? source : void 0);
-  const quickVariants = (section) => variants.filter((v) => v.copyLabel && (v.section ?? "ai") === section).map((v) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { "aria-label": v.ariaLabel, onSelect: () => void transfer("markdown", false, v), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MenuPresentation, { ...v, label: v.copyLabel }) }, `copy:${v.id}`));
+  const quickVariants = (section) => variants.filter((v) => v.copyLabel && (v.section ?? "ai") === section).map((v) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { "aria-label": v.ariaLabel, onSelect: () => void transfer("markdown", false, v), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuPresentation, { ...v, label: v.copyLabel }) }, `copy:${v.id}`));
   const visibleCopies = COPIES.filter((f) => Boolean(formatSources?.[f]) || !["csv", "tsv"].includes(f) || payload?.kind === "rows");
   const visibleDownloads = DOWNLOADS.filter((f) => f !== "xlsx" && Boolean(formatSources?.[f]) || !["csv", "tsv", "xlsx"].includes(f) || payload?.kind === "rows");
   const visibleAdapters = menuCapture ? adapters.filter((a) => a.supports(menuCapture.snapshot.payload)) : [];
   const visibleActions = menuCapture ? registeredActions.filter((a) => a.supports(menuCapture.snapshot)) : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenu, { onOpenChange: (open) => {
       if (open) void preflight();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { ref: triggerRef, type: "button", className: "matrx-alchemy-trigger", disabled, "aria-label": `Copy, transform or export ${sourceLabel}`, title: "Alchemy \u2014 copy, transform, export", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlchemyGlyph, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "end", className: "matrx-alchemy-menu", children: [
-        menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { disabled: true, children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { disabled: true, children: menuStatus }) : null,
-        !hide.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuLabel, { children: "Copy" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { ref: triggerRef, type: "button", className: "matrx-alchemy-trigger", disabled, "aria-label": `Copy, transform or export ${sourceLabel}`, title: "Alchemy \u2014 copy, transform, export", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AlchemyGlyph, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuContent, { align: "end", className: "matrx-alchemy-menu", children: [
+        menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { disabled: true, children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { disabled: true, children: menuStatus }) : null,
+        !hide.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuLabel, { children: "Copy" }),
           quickVariants("copy"),
-          visibleCopies.map((format) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { onSelect: () => void transfer(format, false), children: format === "plain" ? "Copy" : `Copy ${LABEL[format]}` }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, false), children: [
+          visibleCopies.map((format) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { onSelect: () => void transfer(format, false), children: format === "plain" ? "Copy" : `Copy ${LABEL[format]}` }, format)),
+          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, false), children: [
             "Copy ",
             adapter.label
           ] }, adapter.id))
         ] }) : null,
-        !hide.includes("prepare") ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
+        !hide.includes("prepare") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
           quickVariants("ai"),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(), children: "Prepare for AI\u2026" }),
-          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName }), children: "Prepare this surface\u2026" }) : null,
-          variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(variantWorkspaceKeys.get(variant.id), variant), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(), children: "Prepare for AI\u2026" }),
+          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName }), children: "Prepare this surface\u2026" }) : null,
+          variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(variantWorkspaceKeys.get(variant.id), variant), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
         ] }) : null,
-        !hide.includes("download") ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuLabel, { children: "Download" }),
-          visibleDownloads.map((format) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(format, true), children: [
+        !hide.includes("download") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuLabel, { children: "Download" }),
+          visibleDownloads.map((format) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(format, true), children: [
             "Download ",
             LABEL[format]
           ] }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, true), children: [
+          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, true), children: [
             "Download ",
             adapter.label
           ] }, `download:${adapter.id}`))
         ] }) : null,
-        visibleActions.length ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}) : null,
-        visibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { "aria-label": action.ariaLabel, onSelect: () => void runAction(action), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id))
+        visibleActions.length ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}) : null,
+        visibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { "aria-label": action.ariaLabel, onSelect: () => void runAction(action), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id))
       ] })
     ] }),
-    notice ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
-    Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PreparationWorkspace, { restoreFocus: () => triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key))
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
+    Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreparationWorkspace, { restoreFocus: () => triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key))
   ] });
 }
 function initialControls(state) {
@@ -2798,28 +2879,28 @@ function preview(draft, format) {
 }
 function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onChange, transport, ai, adapters, onOutcome, captureScope }) {
   const fence = useFence();
-  const latest = React12.useRef(state);
+  const latest = React13.useRef(state);
   latest.current = state;
-  const aiSession = React12.useRef(void 0);
+  const aiSession = React13.useRef(void 0);
   if (!aiSession.current && ai) aiSession.current = ai.fork?.() ?? ai;
-  const [controls, setControls] = React12.useState(() => initialControls(state));
-  const [controlsHistory, setControlsHistory] = React12.useState([]);
-  const [pendingControls, setPendingControls] = React12.useState(null);
+  const [controls, setControls] = React13.useState(() => initialControls(state));
+  const [controlsHistory, setControlsHistory] = React13.useState([]);
+  const [pendingControls, setPendingControls] = React13.useState(null);
   const requestedFormat = state.preferences.initialFormat;
-  const [format, setFormat] = React12.useState(() => isBuiltInFormat(requestedFormat) ? supportsBuiltIn(requestedFormat, state.draft.payload) ? requestedFormat : "plain" : adapters.some((adapter) => adapter.id === requestedFormat && adapter.supports(state.draft.payload)) ? requestedFormat : "plain");
-  const [buffer, setBuffer] = React12.useState(() => isBuiltInFormat(format) ? preview(state.draft, format) : "Preparing format preview\u2026");
-  const [bufferError, setBufferError] = React12.useState(null);
-  const [formatError, setFormatError] = React12.useState(null);
-  const [preparedArtifact, setPreparedArtifact] = React12.useState(null);
-  const [instruction, setInstruction] = React12.useState("");
-  const [busy, setBusy] = React12.useState(null);
-  const [aiFailed, setAiFailed] = React12.useState(false);
-  React12.useEffect(() => {
+  const [format, setFormat] = React13.useState(() => isBuiltInFormat(requestedFormat) ? supportsBuiltIn(requestedFormat, state.draft.payload) ? requestedFormat : "plain" : adapters.some((adapter) => adapter.id === requestedFormat && adapter.supports(state.draft.payload)) ? requestedFormat : "plain");
+  const [buffer, setBuffer] = React13.useState(() => isBuiltInFormat(format) ? preview(state.draft, format) : "Preparing format preview\u2026");
+  const [bufferError, setBufferError] = React13.useState(null);
+  const [formatError, setFormatError] = React13.useState(null);
+  const [preparedArtifact, setPreparedArtifact] = React13.useState(null);
+  const [instruction, setInstruction] = React13.useState("");
+  const [busy, setBusy] = React13.useState(null);
+  const [aiFailed, setAiFailed] = React13.useState(false);
+  React13.useEffect(() => {
     setAiFailed(false);
   }, [state.snapshot.id, state.draft.revision]);
-  const activeAi = React12.useRef(null);
-  const activeCapture = React12.useRef(null);
-  React12.useEffect(() => {
+  const activeAi = React13.useRef(null);
+  const activeCapture = React13.useRef(null);
+  React13.useEffect(() => {
     if (bufferError) return;
     const adapter = adapters.find((candidate) => candidate.id === format);
     const controller = new AbortController();
@@ -2839,7 +2920,7 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
     });
     return () => controller.abort();
   }, [adapters, bufferError, format, state.draft, state.snapshot.id]);
-  const close = React12.useCallback(() => {
+  const close = React13.useCallback(() => {
     activeAi.current?.abort();
     activeCapture.current?.abort();
     activeAi.current = null;
@@ -2968,8 +3049,8 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
       if (fence.valid(id, controller)) setBusy(null);
     }
   };
-  const [deliveryNotice, setDeliveryNotice] = React12.useState(null);
-  React12.useEffect(() => {
+  const [deliveryNotice, setDeliveryNotice] = React13.useState(null);
+  React13.useEffect(() => {
     setDeliveryNotice(null);
   }, [state.draft.revision]);
   const reportDelivery = (outcome) => {
@@ -3001,40 +3082,40 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
   const workspaceAdapters = adapters.filter((adapter) => adapter.supports(state.draft.payload));
   const displayedOmissions = preparedArtifact?.omissions ?? state.draft.omissions;
   const limitText = Object.entries(state.preferences.limits).filter(([, value]) => value != null).map(([key, value]) => `${key.replace(/^max/, "max ")} ${Number(value).toLocaleString()}`).join(" \xB7 ");
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Dialog, { open, onOpenChange: (next) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog, { open, onOpenChange: (next) => {
     if (!next) close();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogContent, { onCloseAutoFocus: (event) => {
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogContent, { onCloseAutoFocus: (event) => {
     event.preventDefault();
     restoreFocus();
   }, className: "matrx-alchemy-workspace max-w-5xl", "aria-busy": busy !== null, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogTitle, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogTitle, { children: [
         "Prepare ",
         state.snapshot.label
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogDescription, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogDescription, { children: [
         "Captured ",
         state.snapshot.unsavedChanges ? "from your unsaved draft" : "as an immutable snapshot",
         ". Your source is never edited."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-workspace-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: "matrx-alchemy-main", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
-          scopes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-workspace-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { className: "matrx-alchemy-main", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
+          scopes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
             "Scope",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("select", { "aria-label": "Transfer scope", value: state.scope, disabled: busy !== null, onChange: (e) => void requestCapture(e.target.value), children: scopes.map((scope) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("select", { "aria-label": "Transfer scope", value: state.scope, disabled: busy !== null, onChange: (e) => void requestCapture(e.target.value), children: scopes.map((scope) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
             "Detail",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "full", children: "Full" }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "compact", children: "Compact" }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "brief", children: "Brief" }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "custom", children: "Custom" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "full", children: "Full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "compact", children: "Compact" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "brief", children: "Brief" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "custom", children: "Custom" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: !state.draft.history?.length && !controlsHistory.length || busy !== null, onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: !state.draft.history?.length && !controlsHistory.length || busy !== null, onClick: () => {
             setBufferError(null);
             if (controlsHistory.length) {
               const next = controlsHistory[controlsHistory.length - 1];
@@ -3043,7 +3124,7 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
               onChange({ ...state, draft: rebuild(state, next), error: void 0 });
             } else onChange({ ...state, draft: (0, import_content_transfer.undoDraft)(state.draft), error: void 0 });
           }, children: "Undo" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => {
             const next = initialControls(state);
             setControls(next);
             setControlsHistory([]);
@@ -3051,43 +3132,43 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
             setBufferError(null);
             onChange({ ...state, draft: rebuild(state, next), error: void 0 });
           }, children: "Reset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void requestCapture(state.scope), children: "Refresh source" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void requestCapture(state.scope), children: "Refresh source" })
         ] }),
-        controls.preset === "custom" && (state.draft.payload.kind === "json" || state.draft.payload.kind === "registered") ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("legend", { children: "JSON limits" }),
-          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+        controls.preset === "custom" && (state.draft.payload.kind === "json" || state.draft.payload.kind === "registered") ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { children: "JSON limits" }),
+          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
             text,
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "number", min: "0", value: controls[key] ?? "", onChange: (e) => changeControls({ ...controls, [key]: Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber }) })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "number", min: "0", value: controls[key] ?? "", onChange: (e) => changeControls({ ...controls, [key]: Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber }) })
           ] }, key))
         ] }) : null,
-        rows ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RowControls, { rows, controls, change: changeControls }) : null,
-        state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("legend", { children: "Sections" }),
-          state.snapshot.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: controls.sections.includes(section.id), onChange: (e) => changeControls({ ...controls, sections: e.target.checked ? [...controls.sections, section.id] : controls.sections.filter((id) => id !== section.id) }) }),
+        rows ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RowControls, { rows, controls, change: changeControls }) : null,
+        state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { children: "Sections" }),
+          state.snapshot.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "checkbox", checked: controls.sections.includes(section.id), onChange: (e) => changeControls({ ...controls, sections: e.target.checked ? [...controls.sections, section.id] : controls.sections.filter((id) => id !== section.id) }) }),
             " ",
             section.label
           ] }, section.id))
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-coverage", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-coverage", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
             state.snapshot.coverage.included.toLocaleString(),
             " included",
             state.snapshot.coverage.total == null ? "" : ` of ${state.snapshot.coverage.total.toLocaleString()}`,
             " \xB7 ",
             state.snapshot.coverage.status
           ] }),
-          state.snapshot.coverage.reason ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: state.snapshot.coverage.reason }) : null,
-          limitText ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+          state.snapshot.coverage.reason ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: state.snapshot.coverage.reason }) : null,
+          limitText ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
             "Limits: ",
             limitText
           ] }) : null,
-          displayedOmissions.length ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("details", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("summary", { children: [
+          displayedOmissions.length ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("details", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("summary", { children: [
               displayedOmissions.length,
               " omissions or adjustments"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { children: [
               o.path || "/",
               ": ",
               o.reason,
@@ -3095,115 +3176,115 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
             ] }, `${o.path}-${o.reason}-${i}`)) })
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "matrx-alchemy-preview-label", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "matrx-alchemy-preview-label", children: [
           "Output format",
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
-            formats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: f, children: LABEL[f] }, f)),
-            state.draft.payload.kind === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "xlsx", children: "Excel workbook" }) : null,
-            workspaceAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: adapter.id, children: adapter.label }, adapter.id))
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
+            formats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: f, children: LABEL[f] }, f)),
+            state.draft.payload.kind === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "xlsx", children: "Excel workbook" }) : null,
+            workspaceAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: adapter.id, children: adapter.label }, adapter.id))
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("textarea", { className: "matrx-alchemy-preview", "aria-label": "Prepared output", "aria-invalid": bufferError ? true : void 0, "aria-describedby": bufferError ? "alchemy-buffer-error" : void 0, value: buffer, onChange: (e) => editBuffer(e.target.value) }),
-        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { id: "alchemy-buffer-error", role: "alert", className: "matrx-alchemy-error", children: bufferError }) : null,
-        formatError ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: formatError }) : null,
-        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null, onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("textarea", { className: "matrx-alchemy-preview", "aria-label": "Prepared output", "aria-invalid": bufferError ? true : void 0, "aria-describedby": bufferError ? "alchemy-buffer-error" : void 0, value: buffer, onChange: (e) => editBuffer(e.target.value) }),
+        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { id: "alchemy-buffer-error", role: "alert", className: "matrx-alchemy-error", children: bufferError }) : null,
+        formatError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: formatError }) : null,
+        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null, onClick: () => {
           const fallback = (0, import_content_transfer.editDraft)(state.draft, { kind: "text", text: buffer });
           setBufferError(null);
           onChange({ ...state, draft: fallback, error: void 0 });
           setFormat("plain");
         }, children: "Use invalid JSON as plain text" }) : null
       ] }),
-      ai || busy === "capture" || state.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("aside", { children: [
-        ai ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+      ai || busy === "capture" || state.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("aside", { children: [
+        ai ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
             "AI instruction",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", disabled: !aiSession.current || !instruction.trim() || busy !== null || !aiSession.current.supports(state.snapshot), onClick: () => void runAi(false), children: "Generate preview" }),
-          busy === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: () => void cancelAi(), children: aiSession.current?.cancel ? "Cancel AI" : "Stop waiting" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", disabled: !aiSession.current || !instruction.trim() || busy !== null || !aiSession.current.supports(state.snapshot), onClick: () => void runAi(false), children: "Generate preview" }),
+          busy === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => void cancelAi(), children: aiSession.current?.cancel ? "Cancel AI" : "Stop waiting" }) : null
         ] }) : null,
-        busy === "capture" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: () => {
+        busy === "capture" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => {
           activeCapture.current?.abort();
           activeCapture.current = null;
           setBusy(null);
         }, children: "Stop loading rows" }) : null,
-        ai && aiFailed && aiSession.current?.recover && busy !== "ai" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: () => void runAi(true), children: aiFailed ? "Retry or rejoin AI run" : "Rejoin AI run" }) : null,
-        ai ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "matrx-alchemy-meta", children: "AI creates a preview. It never copies automatically. Closing detaches this view without cancelling server work." }) : null,
-        state.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
+        ai && aiFailed && aiSession.current?.recover && busy !== "ai" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => void runAi(true), children: aiFailed ? "Retry or rejoin AI run" : "Rejoin AI run" }) : null,
+        ai ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "matrx-alchemy-meta", children: "AI creates a preview. It never copies automatically. Closing detaches this view without cancelling server work." }) : null,
+        state.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
       ] }) : null
     ] }),
-    pendingControls ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: "This control would replace your manual edit." }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
+    pendingControls ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "This control would replace your manual edit." }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
     ] }) : null,
-    state.sourceStale ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", className: "matrx-alchemy-decision", children: "The source changed since this draft. Use Refresh source to review the latest data." }) : null,
-    state.pending ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: "A fresh source snapshot is ready." }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
+    state.sourceStale ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { role: "alert", className: "matrx-alchemy-decision", children: "The source changed since this draft. Use Refresh source to review the latest data." }) : null,
+    state.pending ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "A fresh source snapshot is ready." }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
     ] }) : null,
-    deliveryNotice ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "matrx-alchemy-meta", children: [
+    deliveryNotice ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "matrx-alchemy-meta", children: [
         buffer.length.toLocaleString(),
         " characters \xB7 ~",
         estimateTokens(buffer).toLocaleString(),
         " tokens"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(true), children: "Download prepared output" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(false), children: "Copy prepared output" })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(true), children: "Download prepared output" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(false), children: "Copy prepared output" })
     ] })
   ] }) });
 }
 function RowControls({ rows, controls, change }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
         "Search",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { value: controls.search, onChange: (e) => change({ ...controls, search: e.target.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { value: controls.search, onChange: (e) => change({ ...controls, search: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
         "Sort",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { value: controls.sort, onChange: (e) => change({ ...controls, sort: e.target.value }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "None" }),
-          rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: column.id, children: column.label }, column.id))
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { value: controls.sort, onChange: (e) => change({ ...controls, sort: e.target.value }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "", children: "None" }),
+          rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: column.id, children: column.label }, column.id))
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
         "Direction",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { value: controls.direction, disabled: !controls.sort, onChange: (e) => change({ ...controls, direction: e.target.value }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "asc", children: "Ascending" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "desc", children: "Descending" })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { value: controls.direction, disabled: !controls.sort, onChange: (e) => change({ ...controls, direction: e.target.value }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "asc", children: "Ascending" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "desc", children: "Descending" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
         "Top rows",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "number", min: "0", value: controls.top ?? "", onChange: (e) => change({ ...controls, top: Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber }) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "number", min: "0", value: controls.top ?? "", onChange: (e) => change({ ...controls, top: Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("legend", { children: "Columns and filters" }),
-      rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "matrx-alchemy-column", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: controls.visibleColumns.includes(column.id), onChange: (e) => change({ ...controls, visibleColumns: e.target.checked ? [...controls.visibleColumns, column.id] : controls.visibleColumns.filter((id) => id !== column.id) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { children: "Columns and filters" }),
+      rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "checkbox", checked: controls.visibleColumns.includes(column.id), onChange: (e) => change({ ...controls, visibleColumns: e.target.checked ? [...controls.visibleColumns, column.id] : controls.visibleColumns.filter((id) => id !== column.id) }) }),
           " ",
           column.label
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { "aria-label": `Filter ${column.label}`, placeholder: "Filter", value: controls.filters[column.id] ?? "", onChange: (e) => change({ ...controls, filters: { ...controls.filters, [column.id]: e.target.value } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { "aria-label": `Filter ${column.label}`, placeholder: "Filter", value: controls.filters[column.id] ?? "", onChange: (e) => change({ ...controls, filters: { ...controls.filters, [column.id]: e.target.value } }) })
       ] }, column.id))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("legend", { children: "Rows" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { children: "Rows" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
         " Only selected rows"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "matrx-alchemy-row-list", children: rows.rows.map((row, index) => {
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "matrx-alchemy-row-list", children: rows.rows.map((row, index) => {
         const summary = rows.columns.filter((column) => column.visible).slice(0, 2).map((column) => String((0, import_content_transfer.readTransferCell)(row, column) ?? "")).filter(Boolean).join(" \xB7 ");
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "checkbox", checked: controls.selectedIndices.includes(index), onChange: (e) => change({ ...controls, selectedIndices: e.target.checked ? [...controls.selectedIndices, index] : controls.selectedIndices.filter((value) => value !== index) }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "checkbox", checked: controls.selectedIndices.includes(index), onChange: (e) => change({ ...controls, selectedIndices: e.target.checked ? [...controls.selectedIndices, index] : controls.selectedIndices.filter((value) => value !== index) }) }),
           " Row ",
           index + 1,
           summary ? ` \u2014 ${summary}` : ""
@@ -3214,7 +3295,7 @@ function RowControls({ rows, controls, change }) {
 }
 
 // src/content-transfer/matrx-copy.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var resolve = (value) => typeof value === "function" ? value() : value;
 var asPayload = (value) => ({
   kind: "markdown",
@@ -3244,6 +3325,7 @@ var actionDone = (message) => ({
   mimeTypes: [],
   message
 });
+var isSafeFilename = (filename) => filename === filename.trim() && filename.length > 0 && !/^\.+$/.test(filename) && !/[\\/\x00-\x1F\x7F]/.test(filename);
 var sourceFor = (id, label, build) => ({
   id,
   label,
@@ -3256,7 +3338,7 @@ var sourceFor = (id, label, build) => ({
 });
 function MatrxCopyMenu(props) {
   const inherited = useContentTransferCapabilities();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     MatrxCopyMenuSession,
     {
       ...props
@@ -3268,12 +3350,12 @@ function MatrxCopyMenu(props) {
   );
 }
 function MatrxCopyMenuSession(props) {
-  const instance = React13.useId();
-  const controller = React13.useRef(null);
+  const instance = React14.useId();
+  const controller = React14.useRef(null);
   const capabilities = useContentTransferCapabilities();
   const transport = capabilities.transport ?? (0, import_content_transfer2.createBrowserTransport)();
-  const [modal, setModal] = React13.useState(null);
-  const [configuration, setConfiguration] = React13.useState(null);
+  const [modal, setModal] = React14.useState(null);
+  const [configuration, setConfiguration] = React14.useState(null);
   const copyVisible = !props.hide?.includes("copy");
   const aiVisible = !props.hide?.includes("ai");
   const exportVisible = !props.hide?.includes("export");
@@ -3392,7 +3474,8 @@ function MatrxCopyMenuSession(props) {
                 value: {
                   bytes: Array.from(bytes),
                   mime: file.mime,
-                  extension: file.extension
+                  extension: file.extension,
+                  ...file.filename !== void 0 ? { filename: file.filename } : {}
                 }
               };
             },
@@ -3409,12 +3492,16 @@ function MatrxCopyMenuSession(props) {
             (byte) => typeof byte !== "number" || !Number.isInteger(byte) || byte < 0 || byte > 255
           ))
             throw new Error(`${item.label} did not capture a valid file.`);
+          if (value.filename !== void 0 && (typeof value.filename !== "string" || !isSafeFilename(value.filename)))
+            throw new Error(
+              `${item.label} has an unsafe filename. Use a nonempty basename without leading or trailing whitespace, dots only, path separators, or control characters.`
+            );
           if (draft.omissions.some((omission) => omission.reason !== "duplicate"))
             throw new Error(
               "This custom file exceeds the configured export limits or contains excluded content. Use a standard format or revise the source options."
             );
           const bytes = new Uint8Array(value.bytes);
-          const filename = `${props.label.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "export"}.${value.extension.replace(/[^a-zA-Z0-9.-]/g, "") || "bin"}`;
+          const filename = typeof value.filename === "string" ? value.filename : `${props.label.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "export"}.${value.extension.replace(/[^a-zA-Z0-9.-]/g, "") || "bin"}`;
           return transport.download(
             (0, import_content_transfer2.sealTransferArtifact)({
               snapshotId: snapshot.id,
@@ -3443,8 +3530,8 @@ function MatrxCopyMenuSession(props) {
   const source = (props.primarySource === "table" ? table : void 0) ?? json ?? table ?? structuredAgent ?? human ?? builderVariants[0]?.source;
   if (!source && !actions.length) return null;
   const target = source ?? make("actions", () => ({ kind: "text", text: props.label }));
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ContentTransferMenu,
       {
         source: target,
@@ -3477,7 +3564,7 @@ function MatrxCopyMenuSession(props) {
         if (!open) setModal(null);
       }
     }),
-    configuration ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    configuration ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       SourceConfiguration,
       {
         restoreFocus: () => controller.current?.focusTrigger(),
@@ -3504,14 +3591,14 @@ function SourceConfiguration({
   onPrepare
 }) {
   const custom = configuration.custom;
-  const handingOff = React13.useRef(false);
+  const handingOff = React14.useRef(false);
   const groomer = configuration.groomer;
-  const [values, setValues] = React13.useState(
+  const [values, setValues] = React14.useState(
     () => Object.fromEntries(
       custom?.options.map((option) => [option.key, option.default]) ?? []
     )
   );
-  const [sections, setSections] = React13.useState(
+  const [sections, setSections] = React14.useState(
     () => Object.fromEntries(
       groomer?.sections.map((section) => [
         section.id,
@@ -3519,8 +3606,8 @@ function SourceConfiguration({
       ]) ?? []
     )
   );
-  const [error, setError] = React13.useState(null);
-  const [busy, setBusy] = React13.useState(false);
+  const [error, setError] = React14.useState(null);
+  const [busy, setBusy] = React14.useState(false);
   const title = custom?.dialogTitle ?? groomer?.label ?? "Customize source";
   let prepared = null;
   let buildError = null;
@@ -3557,14 +3644,14 @@ function SourceConfiguration({
   } catch (cause) {
     buildError = cause instanceof Error ? cause.message : "Could not prepare this source.";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Dialog,
     {
       open: true,
       onOpenChange: (open) => {
         if (!open && !busy) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         DialogContent,
         {
           onCloseAutoFocus: (event) => {
@@ -3573,22 +3660,22 @@ function SourceConfiguration({
           },
           className: "matrx-alchemy-workspace",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogHeader, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogTitle, { children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogDescription, { children: custom?.dialogDescription ?? "Choose the source detail, then prepare, edit, summarize, copy or export it in Alchemy." })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogTitle, { children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogDescription, { children: custom?.dialogDescription ?? "Choose the source detail, then prepare, edit, summarize, copy or export it in Alchemy." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
-              custom?.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
+              custom?.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { children: [
                 option.label,
-                "hint" in option && option.hint ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("small", { children: option.hint }) : null,
-                option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "hint" in option && option.hint ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("small", { children: option.hint }) : null,
+                option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "input",
                   {
                     type: "checkbox",
                     checked: Boolean(values[option.key]),
                     onChange: (event) => setValues({ ...values, [option.key]: event.target.checked })
                   }
-                ) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                ) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "select",
                   {
                     value: Number(values[option.key]),
@@ -3596,10 +3683,10 @@ function SourceConfiguration({
                       ...values,
                       [option.key]: Number(event.target.value)
                     }),
-                    children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: choice.value, children: choice.label }, choice.value))
+                    children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: choice.value, children: choice.label }, choice.value))
                   }
-                ) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                ) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     "input",
                     {
                       type: "range",
@@ -3613,9 +3700,9 @@ function SourceConfiguration({
                       })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: option.formatValue(Number(values[option.key])) })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: option.formatValue(Number(values[option.key])) })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     "input",
                     {
                       type: "number",
@@ -3628,7 +3715,7 @@ function SourceConfiguration({
                       })
                     }
                   ),
-                  option.presets?.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  option.presets?.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     Button,
                     {
                       type: "button",
@@ -3640,8 +3727,8 @@ function SourceConfiguration({
                   ))
                 ] })
               ] }, option.key)),
-              groomer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              groomer ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   Button,
                   {
                     type: "button",
@@ -3658,9 +3745,9 @@ function SourceConfiguration({
                   },
                   level
                 )) }),
-                groomer.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
+                groomer.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { children: [
                   section.title,
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                     "select",
                     {
                       value: sections[section.id],
@@ -3669,25 +3756,25 @@ function SourceConfiguration({
                         [section.id]: event.target.value
                       }),
                       children: [
-                        ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: level, children: section.levelLabels?.[level] ?? level }, level)),
-                        section.cuttable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "off", children: "Exclude" }) : null
+                        ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: level, children: section.levelLabels?.[level] ?? level }, level)),
+                        section.cuttable ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "off", children: "Exclude" }) : null
                       ]
                     }
                   ),
-                  section.description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: section.description }) : null
+                  section.description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: section.description }) : null
                 ] }, section.id))
               ] }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { children: [
               text.length.toLocaleString(),
               " characters \xB7 approximately",
               " ",
               Math.ceil(text.length / 4).toLocaleString(),
               " tokens"
             ] }),
-            error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { role: "alert", children: error ?? buildError }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogFooter, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { role: "alert", children: error ?? buildError }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogFooter, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   type: "button",
@@ -3697,7 +3784,7 @@ function SourceConfiguration({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   type: "button",
@@ -3757,12 +3844,12 @@ ${JSON.stringify(value.data, null, 2)}
 }
 
 // src/data-table/copy.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function CopyButtons(props) {
   const { CopyControls } = useMatrxDataTableHost();
   const copyProps = props.export?.sheetRows ? { ...props, primarySource: "table" } : props;
-  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopyControls, { ...copyProps });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MatrxCopyMenu, { ...copyProps });
+  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyControls, { ...copyProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MatrxCopyMenu, { ...copyProps });
 }
 function jsonExportItem(build, label) {
   return { id: "json", label, build: () => ({ content: JSON.stringify(build(), null, 2), extension: "json", mime: "application/json" }) };
@@ -3866,7 +3953,7 @@ function buildViewHuman(config, visible, columns) {
 }
 
 // src/data-table/CopySubset.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CopySubsetDialog({ source, onClose }) {
   const [rows] = (0, import_react4.useState)(() => [...source.rows]);
   const [hidden, setHidden] = (0, import_react4.useState)(() => new Set(source.columns.filter((c) => c.hidden).map((c) => c.id)));
@@ -3887,14 +3974,14 @@ function CopySubsetDialog({ source, onClose }) {
   } catch (raw) {
     buildError = raw instanceof Error ? raw.message : String(raw);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Dialog, { open: true, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogContent, { className: "flex h-[80dvh] max-w-5xl flex-col overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogTitle, { children: "Filter & sort before copying" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("fieldset", { className: "max-h-24 shrink-0 overflow-auto text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("legend", { children: "Visible columns" }),
-      source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "checkbox", checked: !hidden.has(column.id), onChange: () => setHidden((current) => {
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogContent, { className: "flex h-[80dvh] max-w-5xl flex-col overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogTitle, { children: "Filter & sort before copying" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("fieldset", { className: "max-h-24 shrink-0 overflow-auto text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("legend", { children: "Visible columns" }),
+      source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.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;
@@ -3902,20 +3989,20 @@ function CopySubsetDialog({ source, onClose }) {
         column.header
       ] }, column.id))
     ] }),
-    columns.length ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)("p", { children: "Show at least one column to copy." }),
-    buildError ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
+    columns.length ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)("p", { children: "Show at least one column to copy." }),
+    buildError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
     notice,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
         "Format",
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("select", { "aria-label": "Copy format", value: format, onChange: (event) => setFormat(event.target.value), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "ai", children: "For AI" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "markdown", children: "Markdown" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "csv", children: "CSV" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "json", children: "JSON" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("select", { "aria-label": "Copy format", value: format, onChange: (event) => setFormat(event.target.value), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "ai", children: "For AI" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "markdown", children: "Markdown" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "csv", children: "CSV" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "json", children: "JSON" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { role: "status", className: "text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { role: "status", className: "text-xs", children: [
         shaped.length,
         " of ",
         rows.length,
@@ -3925,13 +4012,13 @@ function CopySubsetDialog({ source, onClose }) {
         text.length.toLocaleString(),
         " characters"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime24.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime22.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_runtime24.jsx)(CopySubsetDialog, { source: getSource(), onClose: () => onOpenChange(false) }) : null });
 }
 
 // src/data-table/clipping.ts
@@ -4133,11 +4220,11 @@ var import_core = require("@dnd-kit/core");
 
 // src/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React14.forwardRef(
+var PopoverContent = React15.forwardRef(
   ({
     className,
     align = "center",
@@ -4147,7 +4234,7 @@ var PopoverContent = React14.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       PopoverPrimitive.Content,
       {
         ref,
@@ -4174,9 +4261,9 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/command.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_cmdk = require("cmdk");
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -4191,12 +4278,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 = React15.forwardRef(({ className, children, container, ...props }, ref) => {
+var CommandDialogContent = React16.forwardRef(({ className, children, container, ...props }, ref) => {
   const isMobile = useIsMobile();
   const isModal = useRadixDialogModal();
   const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
-    isModal ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogPrimitive2.Portal, { container: portalContainer, children: [
+    isModal ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       DialogPrimitive2.Overlay,
       {
         className: cn(
@@ -4205,7 +4292,7 @@ var CommandDialogContent = React15.forwardRef(({ className, children, container,
         )
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       DialogPrimitive2.Content,
       {
         ref,
@@ -4221,9 +4308,9 @@ var CommandDialogContent = React15.forwardRef(({ className, children, container,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(XIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -4231,9 +4318,9 @@ var CommandDialogContent = React15.forwardRef(({ className, children, container,
   ] });
 });
 CommandDialogContent.displayName = "CommandDialogContent";
-var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -4246,7 +4333,7 @@ var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -4255,7 +4342,7 @@ var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -4264,7 +4351,7 @@ var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -4276,7 +4363,7 @@ var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -4285,7 +4372,7 @@ var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -4301,7 +4388,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     {
       className: cn(
@@ -4316,7 +4403,7 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/data-table/ColumnHeaderCell.tsx
 init_filter_engine();
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function ColumnHeaderCell({
   label,
   labelText,
@@ -4386,7 +4473,7 @@ function ColumnHeaderCell({
     else onFilterChange(next);
   };
   const menuLabel = labelText ? `Sort or filter ${labelText}` : "Sort or filter column";
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     PopoverContent,
     {
       align: "start",
@@ -4403,9 +4490,9 @@ function ColumnHeaderCell({
         input.focus();
       },
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-0.5 pb-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "asc" ? "secondary" : "ghost",
@@ -4413,12 +4500,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortAsc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUp, { className: "h-3.5 w-3.5" }),
                   "Sort ascending"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Button,
               {
                 variant: isSorted && sortDirection === "desc" ? "secondary" : "ghost",
@@ -4426,12 +4513,12 @@ function ColumnHeaderCell({
                 className: "h-8 justify-start gap-2 px-2 text-xs font-normal",
                 onClick: onSortDesc,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowDown, { className: "h-3.5 w-3.5" }),
                   "Sort descending"
                 ]
               }
             ),
-            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            isSorted ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Button,
               {
                 variant: "ghost",
@@ -4439,15 +4526,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_runtime25.jsx)(ListX, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ListX, { className: "h-3.5 w-3.5" }),
                   "Clear sort"
                 ]
               }
             ) : null
           ] }),
-          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
+          filterKind ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mb-2 h-px bg-border" }) : null
         ] }) : null,
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           FilterBody,
           {
             kind: filterKind,
@@ -4462,10 +4549,10 @@ function ColumnHeaderCell({
             allowNullModes
           }
         ) : null,
-        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        filterKind && visibleFilter && allowNegation ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Match mode" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "grid grid-cols-2 gap-1 rounded-md border p-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "button",
               {
                 type: "button",
@@ -4478,7 +4565,7 @@ function ColumnHeaderCell({
                 children: "Include"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "button",
               {
                 type: "button",
@@ -4493,11 +4580,11 @@ function ColumnHeaderCell({
             )
           ] })
         ] }) : null,
-        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
-          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-end gap-2", children: [
-            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
+        filterKind && deferredFilter ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mt-2 border-t border-border pt-2", children: [
+          filterFooterHint ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: filterFooterHint }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-end gap-2", children: [
+            filterShowCancel ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: cancelFilter, children: "Cancel" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { type: "button", size: "sm", onClick: applyFilter, children: filterApplyLabel ?? "Apply" })
           ] })
         ] }) : null
       ]
@@ -4506,9 +4593,9 @@ function ColumnHeaderCell({
   if (compact) {
     if (!sortable && !filterKind) {
       if (!reorderEnabled) {
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex items-center justify-center", className), children: label });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "button",
         {
           type: "button",
@@ -4521,7 +4608,7 @@ function ColumnHeaderCell({
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         className: cn(
@@ -4529,8 +4616,8 @@ function ColumnHeaderCell({
           align === "right" ? "justify-end" : "justify-center",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "button",
             {
               type: "button",
@@ -4547,8 +4634,8 @@ function ColumnHeaderCell({
               ),
               children: [
                 label,
-                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
-                filterActive ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUp, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowDown, { className: "absolute -top-1 right-0 h-2 w-2 text-primary" }) : null,
+                filterActive ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "span",
                   {
                     "aria-hidden": true,
@@ -4563,7 +4650,7 @@ function ColumnHeaderCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       className: cn(
@@ -4573,7 +4660,7 @@ function ColumnHeaderCell({
         className
       ),
       children: [
-        sortable ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        sortable ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "button",
           {
             type: "button",
@@ -4585,11 +4672,11 @@ function ColumnHeaderCell({
               isSorted ? "text-foreground" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: label }),
-              isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate", children: label }),
+              isSorted ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUp, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowDown, { className: "h-3 w-3 shrink-0 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowUpDown, { className: "h-3 w-3 shrink-0 opacity-40" })
             ]
           }
-        ) : reorderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        ) : reorderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             type: "button",
@@ -4600,10 +4687,10 @@ function ColumnHeaderCell({
             ),
             children: label
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "inline-flex items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "inline-flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "button",
               {
                 type: "button",
@@ -4614,7 +4701,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_runtime25.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   ListFilter,
                   {
                     className: cn("h-3 w-3", filterActive && "fill-primary/20")
@@ -4624,7 +4711,7 @@ function ColumnHeaderCell({
             ) }),
             menuContent
           ] }),
-          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          filterActive ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "button",
             {
               type: "button",
@@ -4635,7 +4722,7 @@ function ColumnHeaderCell({
                 onFilterChange(void 0);
               },
               className: "rounded p-0.5 text-primary hover:bg-muted hover:text-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(X, { className: "h-3 w-3" })
             }
           ) : null
         ] }) : null
@@ -4661,14 +4748,14 @@ function FilterBody({
         onChange({ kind: "text", value: "", mode: next });
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex gap-1", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(
+      ].map(([m, label]) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "button",
         {
           type: "button",
@@ -4682,8 +4769,8 @@ function FilterBody({
         },
         m
       )) }),
-      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      mode === "contains" && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Input,
           {
             "data-matrx-filter-autofocus": true,
@@ -4696,14 +4783,14 @@ function FilterBody({
             style: { fontSize: "16px" }
           }
         ),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        text ? /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(X, { className: "h-3.5 w-3.5" })
           }
         ) : null
       ] })
@@ -4711,7 +4798,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_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       SearchableSelectFilter,
       {
         selected,
@@ -4723,9 +4810,9 @@ function FilterBody({
   }
   if (kind === "boolean") {
     const current = value?.kind === "boolean" ? value.value : "__all__";
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         Select,
         {
           value: current === "__all__" ? "__all__" : current ? "true" : "false",
@@ -4734,18 +4821,18 @@ function FilterBody({
             else onChange({ kind: "boolean", value: v === "true" });
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: "__all__", children: "All" }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: "true", children: "Yes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: "false", children: "No" })
+            /* @__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.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: "__all__", children: "All" }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: "true", children: "Yes" }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: "false", children: "No" })
             ] })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NumberFilterBody, { value, onChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NumberFilterBody, { value, onChange });
 }
 function SearchableSelectFilter({
   selected,
@@ -4773,13 +4860,13 @@ function SearchableSelectFilter({
       next.length === 0 ? void 0 : { kind: "select", value: next[0] ?? "", values: next }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1 px-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-1 px-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between px-1 pb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime25.jsx)(
+      selected.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "button",
         {
           type: "button",
@@ -4789,8 +4876,8 @@ function SearchableSelectFilter({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Command, { className: "rounded-md border border-border", shouldFilter: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         CommandInput,
         {
           "data-matrx-filter-autofocus": true,
@@ -4800,10 +4887,10 @@ function SearchableSelectFilter({
           className: "h-8 text-sm"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(CommandList, { className: "max-h-48", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(CommandGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CommandList, { className: "max-h-48", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandEmpty, { className: "py-3 text-xs text-muted-foreground", children: "No matches" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CommandGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             CommandItem,
             {
               value: "__all__",
@@ -4814,7 +4901,7 @@ function SearchableSelectFilter({
           ),
           filtered.map((o) => {
             const active = selected.includes(o.value);
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               CommandItem,
               {
                 value: o.value,
@@ -4824,7 +4911,7 @@ function SearchableSelectFilter({
                   active && "bg-accent text-accent-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                     "span",
                     {
                       className: cn(
@@ -4832,7 +4919,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_runtime25.jsx)(Check, { className: "h-2.5 w-2.5" })
+                      children: active && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Check, { className: "h-2.5 w-2.5" })
                     }
                   ),
                   o.label
@@ -4863,10 +4950,10 @@ function NumberFilterBody({
     }
     onChange({ kind: "number", min: nextMin, max: nextMax });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(
         "button",
         {
           type: "button",
@@ -4880,8 +4967,8 @@ function NumberFilterBody({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Input,
         {
           "data-matrx-filter-autofocus": true,
@@ -4896,8 +4983,8 @@ function NumberFilterBody({
           style: { fontSize: "16px" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Input,
         {
           value: maxText,
@@ -4924,7 +5011,7 @@ function parseOptionalNumber(raw) {
 var import_react8 = require("react");
 var import_core2 = require("@dnd-kit/core");
 init_filter_engine();
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function ColumnManager({
   open,
   onOpenChange,
@@ -4998,18 +5085,18 @@ function ColumnManager({
       if (target) moveTo(dragged, String(target));
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogTitle, { children: "Columns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogTitle, { children: "Columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogDescription, { children: "Choose the columns to show and set their order." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded-md border", children: draftOrder.map((id, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime26.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         ColumnManagerDropTarget,
         {
           id,
@@ -5019,8 +5106,8 @@ function ColumnManager({
             dropTarget === id && draggedColumnId !== id && "border-t-2 border-primary"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ColumnManagerDragHandle, { id, label }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ColumnManagerDragHandle, { id, label }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               Checkbox,
               {
                 checked: visible,
@@ -5037,8 +5124,8 @@ function ColumnManager({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               Button,
               {
                 type: "button",
@@ -5048,10 +5135,10 @@ function ColumnManager({
                 "aria-label": `Move ${label} earlier`,
                 disabled: index === 0,
                 onClick: () => move(id, -1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArrowUp, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ArrowUp, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               Button,
               {
                 type: "button",
@@ -5061,7 +5148,7 @@ function ColumnManager({
                 "aria-label": `Move ${label} later`,
                 disabled: index === draftOrder.length - 1,
                 onClick: () => move(id, 1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArrowDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ArrowDown, { className: "h-4 w-4" })
               }
             )
           ]
@@ -5069,9 +5156,9 @@ function ColumnManager({
         id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Button,
         {
           type: "button",
@@ -5094,14 +5181,14 @@ function ColumnManagerDropTarget({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref: setNodeRef, "data-matrx-column-manager-drop-target": id, className, children });
 }
 function ColumnManagerDragHandle({ id, label }) {
   const { attributes, listeners, setNodeRef } = (0, import_core2.useDraggable)({
     id: `matrx-column-manager:${id}`,
     data: { matrxDragKind: "column-manager", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -5111,42 +5198,14 @@ function ColumnManagerDragHandle({ id, label }) {
       title: `Drag to reorder ${label}`,
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(GripVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GripVertical, { className: "h-4 w-4" })
     }
   );
 }
 
 // src/data-table/MatrxUuidCell.tsx
 var import_react9 = require("react");
-
-// src/tooltip.tsx
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
-  const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    TooltipPrimitive.Content,
-    {
-      ref,
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-[10001] overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md",
-        animated && MOTION_POPPER,
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/data-table/MatrxUuidCell.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -5196,7 +5255,7 @@ function MatrxUuidCell({
     []
   );
   if (!value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
   }
   const doors = token ? resolveEntityDoors?.(token, value, href) ?? null : null;
   const resolvedHref = doors?.href ?? href ?? null;
@@ -5239,13 +5298,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)("span", { className: "min-w-0 truncate", children: display }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
+      return /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.jsx)("span", { className: "min-w-0 truncate", children: display }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
         "button",
         {
           type: "button",
@@ -5254,14 +5313,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_runtime28.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
         "a",
         {
           href: resolvedHref,
@@ -5271,15 +5330,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_runtime28.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime29.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_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -5289,11 +5348,11 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
             type: "button",
@@ -5304,10 +5363,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_runtime28.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Copy, { className: "h-3 w-3" })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Copy, { className: "h-3 w-3" })
           }
         ),
-        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
             type: "button",
@@ -5318,10 +5377,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_runtime28.jsx)(Lightbulb, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Lightbulb, { className: "h-3 w-3" })
           }
         ) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "a",
           {
             href: resolvedHref,
@@ -5331,12 +5390,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_runtime28.jsx)(ExternalLink, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ExternalLink, { className: "h-3 w-3" })
           }
         ) : null,
         trailing,
         notice,
-        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           ResourcePeek,
           {
             kind: doors?.peekKind ?? token ?? "record",
@@ -5359,7 +5418,7 @@ function tokenFromColumnName(name) {
 }
 
 // src/data-table/DataRowInspector.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -5388,7 +5447,7 @@ function DataRowInspector({
   tokenForField = noFieldToken
 }) {
   const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
-  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.jsx)(
+  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsx)(
     CopyButtons,
     {
       size: "xs",
@@ -5403,21 +5462,21 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
+        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime29.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     MatrxUuidCell,
                     {
                       value,
@@ -5432,13 +5491,13 @@ function DataRowInspector({
           }
           const formatted = formatValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime29.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "dd",
                   {
                     className: cn(
@@ -5461,7 +5520,7 @@ function DataRowInspector({
 
 // src/data-table/DataRowWindow.tsx
 var import_react10 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function DataRowWindow({
   isOpen,
   onClose,
@@ -5487,9 +5546,9 @@ function DataRowWindow({
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
   if (!isOpen) return null;
-  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DataRowInspector, { row });
-  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataRowInspector, { row });
+  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     WindowPanel,
     {
       id: windowId,
@@ -5503,26 +5562,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_runtime30.jsxs)(
+      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               TabButton,
               {
                 active: tab === "view",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
                 label: "View",
                 onClick: () => setTab("view")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               TabButton,
               {
                 active: tab === "edit",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
                 label: "Edit",
                 onClick: () => setTab("edit")
               }
@@ -5540,7 +5599,7 @@ function TabButton({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "button",
     {
       type: "button",
@@ -5553,14 +5612,14 @@ function TabButton({
       ),
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }
   );
 }
 
 // src/data-table/DirtySavePill.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function DirtySavePill({
   changeCount,
   saving,
@@ -5569,20 +5628,20 @@ function DirtySavePill({
   className
 }) {
   if (changeCount <= 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime31.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_runtime31.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsxs)("span", { className: "px-1 text-xs font-medium text-muted-foreground", children: [
           changeCount,
           " unsaved change",
           changeCount === 1 ? "" : "s"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           Button,
           {
             type: "button",
@@ -5592,12 +5651,12 @@ function DirtySavePill({
             disabled: saving,
             onClick: onCancel,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(X, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" }),
               "Cancel"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           Button,
           {
             type: "button",
@@ -5606,7 +5665,7 @@ function DirtySavePill({
             disabled: saving,
             onClick: onSave,
             children: [
-              saving ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Save, { className: "h-3.5 w-3.5" }),
+              saving ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Save, { className: "h-3.5 w-3.5" }),
               "Save"
             ]
           }
@@ -5619,7 +5678,7 @@ function DirtySavePill({
 // src/data-table/EditableTableCell.tsx
 var import_react11 = require("react");
 init_filter_engine();
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function CellEditShell({
   href,
   display,
@@ -5628,8 +5687,8 @@ function CellEditShell({
   editButton
 }) {
   const { Link: HostLink } = useMatrxDataTableHost();
-  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { ...props }));
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  const Link = HostLink ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { ...props }));
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "span",
     {
       className: cn(
@@ -5641,7 +5700,7 @@ function CellEditShell({
         className
       ),
       children: [
-        href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        href ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           Link,
           {
             href,
@@ -5649,7 +5708,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_runtime32.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden", children: display }),
         editButton
       ]
     }
@@ -5670,7 +5729,7 @@ function EditableTableCell({
   const [open, setOpen] = (0, import_react11.useState)(false);
   const usePencil = Boolean(href) || editTrigger === "pencil";
   if (editType === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       InlineStringEditor,
       {
         value: stringifyCellValue(value),
@@ -5683,15 +5742,15 @@ function EditableTableCell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    usePencil ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       CellEditShell,
       {
         ...href === void 0 ? {} : { href },
         display,
         ...dirty === void 0 ? {} : { dirty },
         ...className === void 0 ? {} : { className },
-        editButton: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        editButton: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "button",
           {
             type: "button",
@@ -5699,11 +5758,11 @@ function EditableTableCell({
             title: "Edit",
             onClick: (e) => e.stopPropagation(),
             className: CELL_PENCIL_CLASS,
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Pencil, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Pencil, { className: "h-3 w-3" })
           }
         ) })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "button",
       {
         type: "button",
@@ -5715,18 +5774,18 @@ function EditableTableCell({
         ),
         title: "Edit",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
-          editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime33.jsx)("span", { className: "min-w-0 flex-1 overflow-hidden", children: display }),
+          editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       PopoverContent,
       {
         align: "start",
         className: "w-56 p-2",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           TypedEditor,
           {
             editType,
@@ -5756,14 +5815,14 @@ function InlineStringEditor({
   const [draft, setDraft] = (0, import_react11.useState)(value);
   if (!editing) {
     if (usePencil) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         CellEditShell,
         {
           ...href === void 0 ? {} : { href },
           display,
           ...dirty === void 0 ? {} : { dirty },
           ...className === void 0 ? {} : { className },
-          editButton: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          editButton: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "button",
             {
               type: "button",
@@ -5775,13 +5834,13 @@ function InlineStringEditor({
                 setEditing(true);
               },
               className: CELL_PENCIL_CLASS,
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Pencil, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Pencil, { className: "h-3 w-3" })
             }
           )
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "button",
       {
         type: "button",
@@ -5800,7 +5859,7 @@ function InlineStringEditor({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Input,
     {
       autoFocus: true,
@@ -5836,9 +5895,9 @@ function TypedEditor({
 }) {
   if (editType === "boolean") {
     const checked = Boolean(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs font-medium", children: "Value" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Checkbox,
         {
           checked,
@@ -5848,7 +5907,7 @@ function TypedEditor({
     ] });
   }
   if (editType === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       NumberEditor,
       {
         value: typeof value === "number" ? value : Number(value) || 0,
@@ -5858,7 +5917,7 @@ function TypedEditor({
     );
   }
   if (editType === "tags") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       TagsEditor,
       {
         value: Array.isArray(value) ? value.map(String) : [],
@@ -5869,19 +5928,19 @@ function TypedEditor({
     );
   }
   if (editType === "select") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Select,
       {
         value: stringifyCellValue(value),
         onValueChange: (v) => onCommit(v),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectContent, { children: editOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem, { value: o.value, children: o.label }, o.value)) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Input,
     {
       type: "date",
@@ -5911,10 +5970,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_runtime32.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
-      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
-      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-2", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+      tags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs text-muted-foreground", children: "No tags" }),
+      tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         "button",
         {
           type: "button",
@@ -5923,13 +5982,13 @@ function TagsEditor({
           title: `Remove ${tag}`,
           children: [
             tag,
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-2.5 w-2.5" })
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(X, { className: "h-2.5 w-2.5" })
           ]
         },
         tag
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Input,
       {
         autoFocus: true,
@@ -5950,7 +6009,7 @@ function TagsEditor({
         className: "h-8 text-xs"
       }
     ),
-    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-wrap gap-1", children: matches.map((s) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "button",
       {
         type: "button",
@@ -5963,8 +6022,8 @@ function TagsEditor({
       },
       s.value
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-end gap-1 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Button,
         {
           size: "sm",
@@ -5972,17 +6031,17 @@ function TagsEditor({
           className: "h-7 px-2",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Button,
         {
           size: "sm",
           className: "h-7 px-2",
           "aria-label": "Apply tags",
           onClick: () => onCommit(tags),
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -5994,8 +6053,8 @@ function NumberEditor({
   onCancel
 }) {
   const [draft, setDraft] = (0, import_react11.useState)(String(value));
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Input,
       {
         autoFocus: true,
@@ -6012,8 +6071,8 @@ function NumberEditor({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Button,
         {
           type: "button",
@@ -6022,10 +6081,10 @@ function NumberEditor({
           className: "h-7",
           "aria-label": "Cancel edit",
           onClick: onCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(X, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(X, { className: "h-3.5 w-3.5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Button,
         {
           type: "button",
@@ -6036,7 +6095,7 @@ function NumberEditor({
             const n = Number(draft);
             if (Number.isFinite(n)) onCommit(n);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Check, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Check, { className: "h-3.5 w-3.5" })
         }
       )
     ] })
@@ -6044,24 +6103,24 @@ function NumberEditor({
 }
 
 // src/data-table/ToolbarFacets.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function ToolbarFacets({ facets }) {
   if (facets.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: facets.map((facet) => {
     if (facet.type === "custom") {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: facet.render() }, facet.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime33.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_runtime34.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_runtime33.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
               Button,
               {
                 type: "button",
@@ -6075,7 +6134,7 @@ function ToolbarFacets({ facets }) {
                 children: [
                   opt.icon,
                   opt.label,
-                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  active && isNonDefault ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     "span",
                     {
                       role: "button",
@@ -6094,7 +6153,7 @@ function ToolbarFacets({ facets }) {
                           facet.onChange(defaultValue);
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(X, { className: "h-3 w-3" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(X, { className: "h-3 w-3" })
                     }
                   ) : null
                 ]
@@ -6120,7 +6179,7 @@ function resetToolbarFacets(facets) {
 // src/data-table/LayeredFilterBuilder.tsx
 var import_react12 = require("react");
 init_layered_filters();
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function moveRule(rules, from, to) {
   if (from === to || to < 0 || to >= rules.length) return [...rules];
   const next = [...rules];
@@ -6166,8 +6225,8 @@ function LayeredFilterBuilder({
   const reorder = (from, to) => {
     onChange(moveRule(rules, from, to));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       Popover,
       {
         open,
@@ -6179,7 +6238,7 @@ function LayeredFilterBuilder({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             Button,
             {
               type: "button",
@@ -6188,25 +6247,25 @@ function LayeredFilterBuilder({
               className: "h-8 gap-1.5 px-2 text-xs",
               "aria-label": label,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
-                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "hidden sm:inline", children: rules.length > 0 ? `${rules.length} layers` : "Advanced" }),
+                rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sm:hidden", children: rules.length }) : null
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             PopoverContent,
             {
               align: "start",
               sideOffset: 6,
               className: "w-[min(46rem,calc(100vw-1rem))] p-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime35.jsxs)("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-semibold text-foreground", children: "Narrow these results" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime34.jsx)(
+                  rules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     Button,
                     {
                       type: "button",
@@ -6218,10 +6277,10 @@ function LayeredFilterBuilder({
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)("div", { className: "rounded-md border border-dashed border-border px-3 py-5 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Start with one simple layer" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
                   LayeredRuleRow,
                   {
                     index,
@@ -6241,9 +6300,9 @@ function LayeredFilterBuilder({
                   },
                   rule.id
                 )) }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "The regular search still works and is applied before these layers." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                     Button,
                     {
                       type: "button",
@@ -6253,7 +6312,7 @@ function LayeredFilterBuilder({
                       disabled: rules.length >= maxRules,
                       onClick: addRule,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Plus, { className: "h-3.5 w-3.5" }),
                         " Add layer"
                       ]
                     }
@@ -6265,7 +6324,7 @@ function LayeredFilterBuilder({
         ]
       }
     ),
-    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    rules.map((rule, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "span",
       {
         className: cn(
@@ -6273,7 +6332,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_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "button",
             {
               type: "button",
@@ -6281,19 +6340,19 @@ function LayeredFilterBuilder({
               onClick: () => setOpen(true),
               title: isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : `Layer ${index + 1} needs a value`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "mr-1 text-muted-foreground", children: index + 1 }),
                 isCompleteLayeredFilterRule(rule) ? layeredFilterRuleSummary(rule, fields) : "Choose a value"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime34.jsx)(X, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(X, { className: "h-3 w-3" })
             }
           )
         ]
@@ -6323,7 +6382,7 @@ function LayeredRuleRow({
     event.preventDefault();
     onKeyboardMove(event.key === "ArrowUp" ? -1 : 1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       className: cn(
@@ -6336,7 +6395,7 @@ function LayeredRuleRow({
         onDrop(index);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "button",
           {
             type: "button",
@@ -6350,10 +6409,10 @@ function LayeredRuleRow({
             },
             onDragEnd,
             onKeyDown: handleMoveKey,
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           Select,
           {
             value: field.id,
@@ -6371,16 +6430,16 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime34.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectContent, { children: fields.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 SelectItem,
                 {
                   value: candidate.id,
@@ -6392,7 +6451,7 @@ function LayeredRuleRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           Select,
           {
             value: rule.operator,
@@ -6404,35 +6463,35 @@ function LayeredRuleRow({
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime34.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectContent, { children: operators.map((operator) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectItem, { value: operator, className: "text-xs", children: LAYERED_FILTER_OPERATOR_LABELS[operator] }, operator)) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-w-0 max-sm:col-span-3 max-sm:col-start-1", children: !needsValue ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)(
           Select,
           {
             value: rule.value,
             onValueChange: (value) => onChange({ value }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 SelectTrigger,
                 {
                   size: "sm",
                   className: "h-7 w-full text-xs",
                   "aria-label": `Filter layer ${index + 1} value`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectValue, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectValue, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 SelectItem,
                 {
                   value: option.value,
@@ -6443,8 +6502,8 @@ function LayeredRuleRow({
               )) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             Input,
             {
               value: rule.value,
@@ -6455,9 +6514,9 @@ function LayeredRuleRow({
               "aria-label": `Filter layer ${index + 1} value`
             }
           ),
-          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          rule.operator === "between" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-[11px] text-muted-foreground", children: "and" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               Input,
               {
                 value: rule.valueTo ?? "",
@@ -6470,7 +6529,7 @@ function LayeredRuleRow({
             )
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           Button,
           {
             type: "button",
@@ -6479,7 +6538,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_runtime34.jsx)(Trash2, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Trash2, { className: "h-3.5 w-3.5" })
           }
         )
       ]
@@ -6583,7 +6642,7 @@ function safeQueryPage(requestedPage, totalItems, pageSize) {
 }
 
 // src/data-table/MatrxDataTable.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function hasSameRowReferences(previous, next) {
   return previous.length === next.length && previous.every((row, index) => row === next[index]);
 }
@@ -6611,7 +6670,7 @@ function TableRowCopyControl({
   size,
   sourceId
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     CopyButtons,
     {
       size,
@@ -6633,8 +6692,8 @@ function isStringArray(value) {
 }
 var activeUrlTableIds = /* @__PURE__ */ new Set();
 function MatrxDataTable(props) {
-  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MatrxDataTableCore, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
+  if (!props.urlState) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MatrxDataTableCore, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MatrxDataTableWithUrlState, { ...props, urlState: props.urlState });
 }
 function MatrxDataTableWithUrlState({
   urlState,
@@ -6689,7 +6748,7 @@ function MatrxDataTableWithUrlState({
       props.selection?.onSelectedIdsChange(ids);
     }
   } : props.selection;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     MatrxDataTableCore,
     {
       ...props,
@@ -7636,7 +7695,7 @@ function MatrxDataTableCore({
       }
     } : facet
   ) : toolbar?.facets;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     import_core3.DndContext,
     {
       sensors: hierarchySensors,
@@ -7709,7 +7768,7 @@ function MatrxDataTableCore({
         commitColumnState(order, effectiveHiddenColumnIds);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
           "div",
           {
             ref: rootRef,
@@ -7727,70 +7786,72 @@ 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_runtime35.jsxs)(
-                "div",
+              !hideToolbar && (toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                TableTitleRow,
                 {
-                  "data-matrx-table-toolbar": true,
-                  className: "flex shrink-0 flex-nowrap items-center gap-2 sm:flex-wrap",
-                  children: [
-                    showSearch ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-                      "div",
-                      {
-                        "data-matrx-table-search": true,
-                        className: cn(
-                          "flex min-w-0 flex-1 sm:w-full sm:flex-none",
-                          toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
-                        ),
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
-                              Input,
-                              {
-                                value: searchValue,
-                                onChange: (e) => setSearchValue(e.target.value),
-                                placeholder: toolbar?.searchPlaceholder ?? "Search\u2026",
-                                className: cn(
-                                  "h-8 pl-7 pr-7 text-sm",
-                                  toolbar?.searchMatch && "rounded-r-none"
-                                ),
-                                style: { fontSize: "16px" }
-                              }
-                            ),
-                            searchValue ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
+                  search: showSearch ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                    "div",
+                    {
+                      "data-matrx-table-search": true,
+                      className: cn(
+                        "flex min-w-0 flex-1 sm:w-full sm:flex-none",
+                        toolbar?.searchMatch ? "sm:max-w-md" : "sm:max-w-xs"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(
+                            Input,
+                            {
+                              value: searchValue,
+                              onChange: (e) => setSearchValue(e.target.value),
+                              placeholder: toolbar?.searchPlaceholder ?? "Search\u2026",
+                              className: cn(
+                                "h-8 pl-7 pr-7 text-sm",
+                                toolbar?.searchMatch && "rounded-r-none"
+                              ),
+                              style: { fontSize: "16px" }
+                            }
+                          ),
+                          searchValue ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(X, { className: "h-3.5 w-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(X, { className: "h-3.5 w-3.5" })
                               }
-                            ) : null
-                          ] }),
-                          toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-                            Button,
-                            {
-                              type: "button",
-                              variant: searchMatchMode === "whole_words" ? "secondary" : "outline",
-                              size: "sm",
-                              className: "h-8 shrink-0 gap-1 rounded-l-none border-l-0 px-2 text-xs",
-                              "aria-pressed": searchMatchMode === "whole_words",
-                              "aria-label": `Search match: ${searchMatchMode === "whole_words" ? "whole words" : "contains text"}`,
-                              title: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words",
-                              onClick: () => setSearchMatchMode(
-                                searchMatchMode === "whole_words" ? "contains" : "whole_words"
-                              ),
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(WholeWord, { className: "h-3.5 w-3.5" }),
-                                searchMatchMode === "whole_words" ? "Whole words" : "Contains"
-                              ]
-                            }
-                          ) : null
-                        ]
-                      }
-                    ) : null,
-                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { children: "Clear search" })
+                          ] }) : null
+                        ] }),
+                        toolbar?.searchMatch ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                          Button,
+                          {
+                            type: "button",
+                            variant: searchMatchMode === "whole_words" ? "secondary" : "outline",
+                            size: "sm",
+                            className: "h-8 shrink-0 gap-1 rounded-l-none border-l-0 px-2 text-xs",
+                            "aria-pressed": searchMatchMode === "whole_words",
+                            "aria-label": `Search match: ${searchMatchMode === "whole_words" ? "whole words" : "contains text"}`,
+                            title: searchMatchMode === "whole_words" ? "Whole words \u2014 click to match text anywhere" : "Contains text \u2014 click to require whole words",
+                            onClick: () => setSearchMatchMode(
+                              searchMatchMode === "whole_words" ? "contains" : "whole_words"
+                            ),
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WholeWord, { className: "h-3.5 w-3.5" }),
+                              searchMatchMode === "whole_words" ? "Whole words" : "Contains"
+                            ]
+                          }
+                        ) : null
+                      ]
+                    }
+                  ) : null,
+                  children: [
+                    toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       LayeredFilterBuilder,
                       {
                         fields: toolbar.layeredFilters.fields,
@@ -7800,9 +7861,9 @@ function MatrxDataTableCore({
                         label: toolbar.layeredFilters.label
                       }
                     ) : null,
-                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative w-full max-w-xs", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
+                    toolbar?.anyOf ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative w-full max-w-xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(
                         Input,
                         {
                           value: anyOfValue,
@@ -7812,57 +7873,64 @@ function MatrxDataTableCore({
                           style: { fontSize: "16px" }
                         }
                       ),
-                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(X, { className: "h-3.5 w-3.5" })
-                        }
-                      ) : null
+                      anyOfValue ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(X, { className: "h-3.5 w-3.5" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { children: "Clear match-any search" })
+                      ] }) : null
                     ] }) : null,
-                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
+                    renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
                     toolbar?.leading,
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                       "div",
                       {
                         "data-matrx-table-actions": true,
-                        className: "ml-auto flex shrink-0 flex-nowrap items-center gap-2 sm:flex-wrap",
+                        className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
                         children: [
-                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                          sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                             "span",
                             {
                               "data-matrx-table-source-total": true,
                               className: "text-xs tabular-nums text-muted-foreground",
                               children: [
                                 data.length.toLocaleString(),
-                                " loaded of ",
+                                " loaded of",
+                                " ",
                                 Math.max(0, sourceTotal).toLocaleString(),
-                                " \xB7 ",
+                                " \xB7",
+                                " ",
                                 processed.length.toLocaleString(),
                                 " matched"
                               ]
                             }
                           ) : null,
-                          hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "ghost",
-                              size: "sm",
-                              className: "h-7 gap-1 px-2 text-xs text-muted-foreground",
-                              onClick: clearAllFilters,
-                              "aria-label": "Clear all filters",
-                              title: "Clear all filters",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Eraser, { className: "h-3.5 w-3.5" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "max-sm:sr-only", children: "Clear all" })
-                              ]
-                            }
-                          ) : null,
-                          showToolbarCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          hasActiveFilters ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                              Button,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "sm",
+                                className: "h-7 gap-1 px-2 text-xs text-muted-foreground",
+                                onClick: clearAllFilters,
+                                "aria-label": "Clear all filters",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Eraser, { className: "h-3.5 w-3.5" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "max-sm:sr-only", children: "Clear all" })
+                                ]
+                              }
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { children: "Clear search and filters; keep columns and sort" })
+                          ] }) : null,
+                          showToolbarCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                             CopyButtons,
                             {
                               size: "icon",
@@ -7893,10 +7961,7 @@ function MatrxDataTableCore({
                                     id: "csv",
                                     label: "CSV (current view)",
                                     build: () => ({
-                                      content: rowsToCsvFromColumns(
-                                        processed,
-                                        visibleColumns
-                                      ),
+                                      content: rowsToCsvFromColumns(processed, visibleColumns),
                                       extension: "csv",
                                       mime: "text/csv"
                                     })
@@ -7918,41 +7983,43 @@ function MatrxDataTableCore({
                               }
                             }
                           ) : null,
-                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "ghost",
-                              size: "icon",
-                              "aria-label": "Columns",
-                              title: "Show, hide, or reorder columns",
-                              className: "h-8 w-8",
-                              onClick: () => setColumnManagerOpen(true),
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SlidersHorizontal, { className: "h-4 w-4" }),
-                                effectiveHiddenColumnIds.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "sr-only", children: [
-                                  effectiveHiddenColumnIds.size,
-                                  " hidden"
-                                ] }) : null
-                              ]
-                            }
-                          ) : null,
+                          columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                              Button,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "icon",
+                                "aria-label": "Columns",
+                                className: "h-8 w-8",
+                                onClick: () => setColumnManagerOpen(true),
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SlidersHorizontal, { className: "h-4 w-4" }),
+                                  effectiveHiddenColumnIds.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "sr-only", children: [
+                                    effectiveHiddenColumnIds.size,
+                                    " hidden"
+                                  ] }) : null
+                                ]
+                              }
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { children: "Show, hide, or reorder columns" })
+                          ] }) : null,
                           toolbar?.actions
                         ]
                       }
                     )
                   ]
                 }
-              ),
-              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
+              ) }),
+              selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
                   selectionCount.toLocaleString(),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
                   " selected"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                   Button,
                   {
                     type: "button",
@@ -7964,13 +8031,13 @@ function MatrxDataTableCore({
                       selection.onSelectedIdsChange([]);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(X, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(X, { className: "h-3.5 w-3.5" }),
                       "Clear"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
-                  copy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
+                  copy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     CopyButtons,
                     {
                       size: "icon",
@@ -8026,9 +8093,9 @@ function MatrxDataTableCore({
                   selection.actions?.(selectedRows, selection.selectedIds)
                 ] })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
-                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative min-h-0 flex-1", children: [
+                  mobileCards ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                     "div",
                     {
                       ref: cardsScrollRef,
@@ -8040,33 +8107,33 @@ function MatrxDataTableCore({
                         mobileCardsClass
                       ),
                       children: [
-                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                           "div",
                           {
                             role: "status",
                             className: "h-0.5 shrink-0 overflow-hidden rounded-full bg-primary/15",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                        isLoading ? Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                           Skeleton,
                           {
                             className: "h-52 w-full shrink-0 rounded-lg"
                           },
                           `mobile-card-sk-${index}`
-                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
+                        )) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex min-h-48 flex-1 items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex max-w-sm flex-col items-center gap-2", children: [
                           emptyState?.icon,
-                          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                          emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
+                          emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(import_react13.Fragment, { children: mobileCards(displayRow, index, {
+                          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react13.Fragment, { children: mobileCards(displayRow, index, {
                             selected: selectedIdSet.has(id),
                             selectable,
                             onSelectedChange: (nextSelected) => {
@@ -8078,13 +8145,13 @@ function MatrxDataTableCore({
                               else next.delete(id);
                               setSelectedIds(next);
                             },
-                            actions: showRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                            actions: showRowCopy || rowActions ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                               "div",
                               {
                                 className: "inline-flex items-center gap-1",
                                 onClick: (event) => event.stopPropagation(),
                                 children: [
-                                  showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                  showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                     TableRowCopyControl,
                                     {
                                       size: "xs",
@@ -8106,7 +8173,7 @@ function MatrxDataTableCore({
                             ) : null
                           }) }, id);
                         }),
-                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                        appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                           "div",
                           {
                             "data-matrx-table-append-loading-card": true,
@@ -8114,7 +8181,7 @@ function MatrxDataTableCore({
                             "aria-live": "polite",
                             className: "sticky bottom-0 z-20 flex h-16 w-full max-w-[100cqw] shrink-0 items-center justify-center gap-2 rounded-md border border-border bg-card/95 px-3 text-sm font-medium text-foreground shadow-sm backdrop-blur-sm",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                 Loader2,
                                 {
                                   "aria-hidden": "true",
@@ -8128,7 +8195,7 @@ function MatrxDataTableCore({
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                     "div",
                     {
                       ref: scrollRef,
@@ -8143,34 +8210,34 @@ function MatrxDataTableCore({
                         tableClassName
                       ),
                       children: [
-                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                        hierarchy && draggedRow ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(
+                        hierarchy && draggedRowId ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                           HierarchyDragIndicatorLayer,
                           {
                             scrollRef,
                             resolve: resolveHierarchyMove
                           }
                         ) : null,
-                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                        isFetching && !isLoading && appendQuery === null ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-full w-full animate-pulse bg-primary" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Refreshing table data" })
                             ]
                           }
                         ) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.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_runtime35.jsxs)("tr", { children: [
-                            selection ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "h-9 w-9 px-2 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.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_runtime36.jsxs)("tr", { children: [
+                            selection ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("th", { className: "h-9 w-9 px-2 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                               Checkbox,
                               {
                                 className: CHECKBOX_TAP_AREA,
@@ -8186,7 +8253,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_runtime35.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                 "th",
                                 {
                                   "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
@@ -8213,7 +8280,7 @@ function MatrxDataTableCore({
                                     col.align === "right" && "text-right"
                                   ),
                                   style: columnWidthVar(col.width),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                     ColumnHeaderCell,
                                     {
                                       label: col.header,
@@ -8254,12 +8321,12 @@ function MatrxDataTableCore({
                                 id
                               );
                             }),
-                            showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime36.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_runtime35.jsxs)("tbody", { children: [
-                            isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "border-b border-border/60", children: [
-                              selection ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
-                              visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("tbody", { children: [
+                            isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("tr", { className: "border-b border-border/60", children: [
+                              selection ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Skeleton, { className: "h-3.5 w-3.5" }) }) : null,
+                              visibleColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                 "td",
                                 {
                                   className: cn(
@@ -8267,20 +8334,20 @@ function MatrxDataTableCore({
                                     col.compact ? "px-1" : "px-2",
                                     col.mobileHidden && "max-sm:hidden"
                                   ),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { className: "h-5 w-full" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Skeleton, { className: "h-5 w-full" })
                                 },
                                 columnId(col)
                               )),
-                              showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
-                            ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                              showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
+                            ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                               "td",
                               {
                                 colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                 className: "px-4 py-12 text-center",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
+                                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
                                   emptyState?.icon,
-                                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
-                                  emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
+                                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm font-medium text-foreground", children: emptyState?.title ?? "No rows" }),
+                                  emptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyState.description }) : null,
                                   emptyState?.action
                                 ] })
                               }
@@ -8290,7 +8357,7 @@ function MatrxDataTableCore({
                               const rowEdits = edits[id];
                               const displayRow = applyRowEdits(row, rowEdits);
                               const isChecked = selectedIdSet.has(id);
-                              const rowNode = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                              const rowNode = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                                 "tr",
                                 {
                                   "data-row-id": id,
@@ -8313,12 +8380,12 @@ function MatrxDataTableCore({
                                     zebra && index % 2 === 1 && !isSelected && !isChecked && "sm:bg-muted/20"
                                   ),
                                   children: [
-                                    selection ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                    selection ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(
+                                        children: selection.isRowSelectable?.(row) ?? true ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                           Checkbox,
                                           {
                                             className: CHECKBOX_TAP_AREA,
@@ -8339,7 +8406,7 @@ function MatrxDataTableCore({
                                         rowEdits && field in rowEdits
                                       );
                                       const cellHref = col.href?.(row) ?? void 0;
-                                      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                         "td",
                                         {
                                           className: cn(
@@ -8355,14 +8422,14 @@ function MatrxDataTableCore({
                                             col.align === "right" && "text-right"
                                           ),
                                           style: columnWidthVar(col.width),
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                                             "div",
                                             {
                                               className: cn(
                                                 colIdx === 0 && hierarchy && "flex min-w-0 items-center"
                                               ),
                                               children: [
-                                                colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                                colIdx === 0 && hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                                   HierarchyDragHandle,
                                                   {
                                                     id,
@@ -8370,12 +8437,12 @@ function MatrxDataTableCore({
                                                     disabled: !(hierarchy.canReparent?.(row) ?? true)
                                                   }
                                                 ) : null,
-                                                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                                /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(
+                                                    children: editable && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                                       EditableTableCell,
                                                       {
                                                         value: rowEdits && field in rowEdits ? rowEdits[field] : getCellValue(row, col),
@@ -8387,7 +8454,7 @@ function MatrxDataTableCore({
                                                         ...cellHref === void 0 ? {} : { href: cellHref },
                                                         ...col.editTrigger === void 0 ? {} : { editTrigger: col.editTrigger }
                                                       }
-                                                    ) : cellHref ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                                    ) : cellHref ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                                       Link,
                                                       {
                                                         href: cellHref,
@@ -8405,13 +8472,13 @@ function MatrxDataTableCore({
                                         columnId(col)
                                       );
                                     }),
-                                    showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                                    showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                                       "div",
                                       {
                                         className: "inline-flex items-center justify-end gap-0.5",
                                         onClick: (e) => e.stopPropagation(),
                                         children: [
-                                          showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                          showRowCopy && copy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                             TableRowCopyControl,
                                             {
                                               size: "xs",
@@ -8428,7 +8495,7 @@ function MatrxDataTableCore({
                                             hasPendingEdits: Boolean(rowEdits),
                                             discardPendingEdits: () => discardRowEdits(id)
                                           }),
-                                          windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                          windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                             Button,
                                             {
                                               type: "button",
@@ -8445,7 +8512,7 @@ function MatrxDataTableCore({
                                                   openWindow(row);
                                                 }
                                               },
-                                              children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
+                                              children: opensWindowOnRowClick ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
                                             }
                                           ) : null
                                         ]
@@ -8456,7 +8523,7 @@ function MatrxDataTableCore({
                                 id
                               );
                               const wrappedRow = rowWrapper ? rowWrapper(row, rowNode) : rowNode;
-                              return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                              return hierarchy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                 HierarchyDroppableRow,
                                 {
                                   id,
@@ -8464,21 +8531,21 @@ function MatrxDataTableCore({
                                   children: wrappedRow
                                 },
                                 id
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react13.Fragment, { children: wrappedRow }, id);
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react13.Fragment, { children: wrappedRow }, id);
                             }),
-                            appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                            appendQuery !== null && isFetching && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("tr", { "data-matrx-table-append-loading-row": true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                               "td",
                               {
                                 colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
                                 className: "sticky bottom-0 z-20 h-16 border-y border-border bg-card/95 px-0 py-0 text-left shadow-sm backdrop-blur-sm",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                                   "div",
                                   {
                                     role: "status",
                                     "aria-live": "polite",
                                     className: "sticky left-0 flex h-16 w-fit max-w-[100cqw] items-center justify-center gap-2 px-3 text-sm font-medium text-foreground",
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                                         Loader2,
                                         {
                                           "aria-hidden": "true",
@@ -8492,9 +8559,9 @@ function MatrxDataTableCore({
                               }
                             ) }) : null
                           ] }),
-                          footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { children: [
-                            selection ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2" }) : null,
-                            visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          footerRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("tfoot", { className: "border-t-2 border-border bg-muted/50 font-semibold", children: footerRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("tr", { children: [
+                            selection ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "px-2 py-2" }) : null,
+                            visibleColumns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                               "td",
                               {
                                 className: cn(
@@ -8509,13 +8576,13 @@ function MatrxDataTableCore({
                               },
                               columnId(column)
                             )),
-                            showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2" }) : null
+                            showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "px-2 py-2" }) : null
                           ] }, `footer-${index}`)) }) : null
                         ] })
                       ]
                     }
                   ),
-                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  scrollHintLeft ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     Button,
                     {
                       type: "button",
@@ -8526,10 +8593,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_runtime35.jsx)(ChevronLeft, { className: "h-5 w-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronLeft, { className: "h-5 w-5" })
                     }
                   ) : null,
-                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  scrollHintRight ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     Button,
                     {
                       type: "button",
@@ -8540,24 +8607,24 @@ 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_runtime35.jsx)(ChevronRight, { className: "h-5 w-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronRight, { className: "h-5 w-5" })
                     }
                   ) : null
                 ] }),
-                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                appendQuery ? /* @__PURE__ */ (0, import_jsx_runtime36.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",
+                    className: "flex min-h-16 shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border px-3 py-2",
                     "aria-busy": isLoading || isFetching,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                         "div",
                         {
                           ...isFetching && !isLoading ? {} : { role: "status", "aria-live": "polite" },
-                          className: "flex min-w-0 flex-1 items-center gap-2 text-xs text-muted-foreground",
+                          className: "flex w-full min-w-0 flex-none items-center gap-2 text-xs text-muted-foreground sm:w-auto sm:flex-1",
                           children: [
-                            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                               Loader2,
                               {
                                 "data-matrx-table-append-loader": true,
@@ -8565,24 +8632,48 @@ function MatrxDataTableCore({
                                 className: "h-5 w-5 shrink-0 animate-spin text-primary motion-reduce:animate-none"
                               }
                             ) : null,
-                            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "break-words font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${data.length.toLocaleString()} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${appendQuery.pagination.totalItems.toLocaleString()}`}` }),
-                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { children: [
-                                "Source fixed through ",
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "min-w-0", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "break-words font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${data.length.toLocaleString()} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${appendQuery.pagination.totalItems.toLocaleString()}`}` }),
+                              appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { children: [
+                                "Source fixed through",
+                                " ",
                                 new Date(appendQuery.pagination.sourceUntil).toLocaleString(),
                                 "."
                               ] }) : null,
-                              !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: "Local search and filters cover loaded rows." }) : null,
-                              scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { role: "alert", className: "break-words text-destructive", children: scrollPagination.error.message }) : null
+                              !isLoading && !isFetching && !appendQuery.pagination.loadAll?.isLoading && !scrollPagination.error && !appendQuery.pagination.hasNextPage && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "All source rows are loaded." }) : appendUsesLocalProcessing ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "Local search and filters cover loaded rows." }) : null,
+                              scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { role: "alert", className: "break-words text-destructive", children: scrollPagination.error.message }) : null
                             ] })
                           ]
                         }
                       ),
-                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Select, { value: String(appendQuery.pagination.sourcePageSize.value), onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectTrigger, { "aria-label": "Rows per load", className: "h-8 w-24 text-xs", disabled: isLoading || isFetching || appendQuery.pagination.loadAll?.isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectValue, {}) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectItem, { value: String(size), children: size }, size)) })
-                      ] }) : null,
-                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "button", variant: "outline", onClick: appendQuery.pagination.loadAll.stop, children: "Stop loading" }) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                      appendQuery.pagination.sourcePageSize ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                        Select,
+                        {
+                          value: String(appendQuery.pagination.sourcePageSize.value),
+                          onValueChange: (value) => appendQuery.pagination.sourcePageSize?.onChange(Number(value)),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                              SelectTrigger,
+                              {
+                                "aria-label": "Rows per load",
+                                className: "h-8 w-20 shrink-0 text-xs sm:w-24",
+                                disabled: isLoading || isFetching || appendQuery.pagination.loadAll?.isLoading,
+                                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectValue, {})
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectContent, { children: appendQuery.pagination.sourcePageSize.options.map((size) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectItem, { value: String(size), children: size }, size)) })
+                          ]
+                        }
+                      ) : null,
+                      appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                        Button,
+                        {
+                          type: "button",
+                          variant: "outline",
+                          onClick: appendQuery.pagination.loadAll.stop,
+                          children: "Stop loading"
+                        }
+                      ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                         Button,
                         {
                           type: "button",
@@ -8590,13 +8681,33 @@ function MatrxDataTableCore({
                           onClick: appendQuery.pagination.retrySource ?? (appendQuery.pagination.hasNextPage ? appendQuery.pagination.loadNextPage : appendQuery.pagination.refresh),
                           children: appendQuery.pagination.retrySource ? "Retry source" : appendQuery.pagination.hasNextPage ? "Retry" : "Reload rows"
                         }
-                      ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex gap-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "button", variant: "outline", disabled: isLoading || isFetching, onClick: () => void scrollPagination.requestNextPage(), children: "Load more" }),
-                        appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "button", variant: "ghost", disabled: isLoading || isFetching, onClick: appendQuery.pagination.loadAll.request, children: "Load all" }) : null
-                      ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs text-muted-foreground", children: "All rows loaded" }) : null
+                      ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                          Button,
+                          {
+                            type: "button",
+                            size: "sm",
+                            variant: "outline",
+                            disabled: isLoading || isFetching,
+                            onClick: () => void scrollPagination.requestNextPage(),
+                            children: "Load more"
+                          }
+                        ),
+                        appendQuery.pagination.loadAll ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                          Button,
+                          {
+                            type: "button",
+                            size: "sm",
+                            variant: "ghost",
+                            disabled: isLoading || isFetching,
+                            onClick: appendQuery.pagination.loadAll.request,
+                            children: "Load all"
+                          }
+                        ) : null
+                      ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs text-muted-foreground", children: "All rows loaded" }) : null
                     ]
                   }
-                ) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                ) : !hidePagination && totalItems > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   GenericTablePagination,
                   {
                     totalItems,
@@ -8616,7 +8727,7 @@ function MatrxDataTableCore({
                   }
                 ) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 ColumnManager,
                 {
                   open: columnManagerOpen,
@@ -8627,7 +8738,7 @@ function MatrxDataTableCore({
                   onApply: commitColumnState
                 }
               ),
-              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              detailEnabled && selectedRow ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 SidePanelSurface,
                 {
                   title: resolveStringTitle(
@@ -8638,8 +8749,8 @@ function MatrxDataTableCore({
                   description: detail?.description?.(selectedRow),
                   onClose: () => setSelectedId(null),
                   defaultWidth: detail?.defaultWidth ?? 480,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    copy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    copy && showRowCopy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -8649,7 +8760,7 @@ function MatrxDataTableCore({
                       }
                     ) : null,
                     detail?.headerActions?.(selectedRow),
-                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                    windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       Button,
                       {
                         type: "button",
@@ -8659,7 +8770,7 @@ function MatrxDataTableCore({
                         "aria-label": "Open in window",
                         title: "Open in window",
                         onClick: () => openWindow(selectedRow),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PanelRight, { className: "h-3.5 w-3.5" })
                       }
                     ) : null
                   ] }),
@@ -8671,7 +8782,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_runtime35.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-full min-h-0 overflow-y-auto", children: detail.render(selectedRow, {
                       closeDetail: () => setSelectedId(null),
                       openDetail: () => openDetail(selectedRow),
                       openWindow: () => openWindow(selectedRow),
@@ -8679,7 +8790,7 @@ function MatrxDataTableCore({
                       hasPendingEdits: Boolean(edits[getRowId(selectedRow)]),
                       discardPendingEdits: () => discardRowEdits(getRowId(selectedRow))
                     }) })
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     DataRowInspector,
                     {
                       row: selectedRow,
@@ -8691,7 +8802,7 @@ function MatrxDataTableCore({
                   )
                 }
               ) : null,
-              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              windowRow ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 DataRowWindow,
                 {
                   isOpen: true,
@@ -8702,8 +8813,8 @@ function MatrxDataTableCore({
                   height: windowConfig?.height,
                   windowId: `matrx-data-row-${urlState?.id ?? "local"}-${getRowId(windowRow)}`,
                   defaultTab: windowConfig?.defaultTab,
-                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
-                    opensWindowOnRowClick && detailEnabled ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  headerActions: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1", children: [
+                    opensWindowOnRowClick && detailEnabled ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       Button,
                       {
                         type: "button",
@@ -8716,10 +8827,10 @@ function MatrxDataTableCore({
                           closeWindow();
                           openDetail(windowRow);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PanelRightOpen, { className: "h-3.5 w-3.5" })
                       }
                     ) : null,
-                    copy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                    copy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       TableRowCopyControl,
                       {
                         size: "icon",
@@ -8736,7 +8847,7 @@ function MatrxDataTableCore({
                     closeWindow,
                     hasPendingEdits: Boolean(edits[getRowId(windowRow)]),
                     discardPendingEdits: () => discardRowEdits(getRowId(windowRow))
-                  }) ?? (copy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  }) ?? (copy ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     DataRowInspector,
                     {
                       row: windowRow,
@@ -8771,15 +8882,15 @@ function MatrxDataTableCore({
                   })
                 }
               ) : null,
-              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-                foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+              editEnabled ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+                foreignDrafts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)("span", { children: "Unsaved edits from previous results" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Unsaved edits from previous results" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                         CopyButtons,
                         {
                           size: "xs",
@@ -8788,11 +8899,11 @@ function MatrxDataTableCore({
                           json: () => foreignDraftPayload
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 text-xs text-destructive", onClick: () => setConfirmForeignDraftDiscard(true), children: "Discard drafts" })
+                      /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime35.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   ConfirmDialog,
                   {
                     open: confirmForeignDraftDiscard,
@@ -8812,7 +8923,7 @@ function MatrxDataTableCore({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   DirtySavePill,
                   {
                     changeCount,
@@ -8825,11 +8936,11 @@ function MatrxDataTableCore({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core3.DragOverlay, { children: draggedRow ? (
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core3.DragOverlay, { children: draggedRow ? (
           // w-max: the overlay inherits the ACTIVE node's size, and the active
           // node is the 16px grip handle — without it the label wraps to one
           // character per line.
-          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime36.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 })
       ]
     }
@@ -8844,7 +8955,7 @@ function HierarchyDragHandle({
     id,
     disabled
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "button",
     {
       ref: setNodeRef,
@@ -8856,7 +8967,7 @@ function HierarchyDragHandle({
       onClick: (event) => event.stopPropagation(),
       ...attributes,
       ...listeners,
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(GripVertical, { className: "h-3.5 w-3.5" })
     }
   );
 }
@@ -8865,7 +8976,7 @@ function HierarchyRootDropTarget({
   draggedLabel
 }) {
   const { isOver, setNodeRef } = (0, import_core3.useDroppable)({ id: "__root__" });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       ref: setNodeRef,
@@ -8875,8 +8986,8 @@ function HierarchyRootDropTarget({
         isOver && "border-solid bg-primary/20 shadow-md shadow-primary/25"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "truncate", children: draggedLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-primary/75", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "truncate", children: draggedLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-primary/75", children: label })
       ]
     }
   );
@@ -8925,7 +9036,7 @@ function HierarchyDragIndicatorLayer({
   const { preview: preview2 } = indicator;
   const indent = indicator.left + 10 + preview2.depth * 12;
   if (preview2.position === "inside") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -8937,7 +9048,7 @@ function HierarchyDragIndicatorLayer({
           width: Math.max(0, indicator.width - 4),
           height: indicator.height
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.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",
@@ -8952,7 +9063,7 @@ function HierarchyDragIndicatorLayer({
     );
   }
   const lineTop = preview2.position === "before" ? indicator.top - 1 : indicator.top + indicator.height - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -8963,9 +9074,9 @@ function HierarchyDragIndicatorLayer({
         left: indent,
         width: Math.max(0, indicator.left + indicator.width - indent - 8)
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative h-0.5 rounded-full bg-primary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsxs)(
           "span",
           {
             className: cn(
@@ -9006,7 +9117,7 @@ function ColumnHeaderDropZone({
     disabled: !enabled,
     data: { matrxDragKind: "column-header", columnId: id }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref: setNodeRef, className: "flex min-w-0 items-center", children });
 }
 function columnWidthVar(width) {
   if (width === void 0) return void 0;
@@ -9022,7 +9133,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_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       MatrxUuidCell,
       {
         value: raw,
@@ -9034,7 +9145,7 @@ function renderCell(row, col, index) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-foreground", children: stringifyCellValue(raw) || "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-foreground", children: stringifyCellValue(raw) || "\u2014" });
 }
 function defaultRowTitle(row, columns) {
   for (const col of columns) {