@ai-matrx/design-system 0.18.8 → 0.18.10

package/dist/data-table/data-row-inspector.js

@@ -164,48 +164,6 @@ function XIcon(props) {
     /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
   ] });
 }
-function radixProps(props) {
-  return {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 15 15",
-    width: 15,
-    height: 15,
-    fill: "none",
-    "aria-hidden": true,
-    ...props
-  };
-}
-function CheckIcon(props) {
-  return /* @__PURE__ */ jsx2("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx2(
-    "path",
-    {
-      d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function DotFilledIcon(props) {
-  return /* @__PURE__ */ jsx2("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx2(
-    "path",
-    {
-      d: "M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",
-      fill: "currentColor"
-    }
-  ) });
-}
-function RadixChevronRightIcon(props) {
-  return /* @__PURE__ */ jsx2("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx2(
-    "path",
-    {
-      d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",
-      fill: "currentColor",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
 
 // src/portal-container.tsx
 import * as React2 from "react";
@@ -469,137 +427,50 @@ var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+// src/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React6 from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "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 = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    "data-slot": "dropdown-menu-sub-trigger",
-    className: cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx6(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    "data-slot": "dropdown-menu-sub-content",
-    className: cn(MENU_SURFACE_CLASS, "shadow-lg", MOTION_POPPER, className),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => {
-  const portalContainer = usePortalContainer(container);
-  return /* @__PURE__ */ jsx6(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx6(
-    DropdownMenuPrimitive.Content,
-    {
-      ref,
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        MENU_SURFACE_CLASS,
-        "shadow-md",
-        MOTION_POPPER,
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx6(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    "data-slot": "dropdown-menu-item",
-    className: cn(MENU_ITEM_CLASS, inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-checkbox-item",
-    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx6("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx6(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx6(CheckIcon, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-radio-item",
-    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx6("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx6(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx6(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx6(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    "data-slot": "dropdown-menu-label",
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    "data-slot": "dropdown-menu-separator",
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx6(
-  "span",
-  {
-    "data-slot": "dropdown-menu-shortcut",
-    className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React6.forwardRef(
+  ({
+    className,
+    align = "center",
+    sideOffset = 4,
+    container,
+    animated = true,
     ...props
+  }, ref) => {
+    const portalContainer = usePortalContainer(container);
+    return /* @__PURE__ */ jsx6(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx6(
+      PopoverPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          // Cap to the viewport space Radix measured and scroll — a popover taller
+          // than the screen must never trap the user with unreachable content.
+          // z must EQUAL the dialog layer (z-[10000]), never exceed it: with equal
+          // z, DOM portal order decides, so a dialog opened FROM a popover stacks
+          // above it, and a popover opened from a dialog still stacks above the
+          // dialog. z-[10001] buried dialogs behind fullscreen popovers.
+          "z-[10000] w-72 max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+          animated && MOTION_POPPER,
+          className
+        ),
+        ...props
+      }
+    ) });
   }
 );
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/content-transfer/index.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function AlchemyGlyph(props) {
-  return /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
+  return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
     /* @__PURE__ */ jsx7("path", { d: "M4.5 5.5h8v11h-8z" }),
     /* @__PURE__ */ jsx7("path", { d: "M8.5 9.5h8v9h-8z" }),
     /* @__PURE__ */ jsx7("path", { d: "m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z" })
@@ -609,14 +480,61 @@ var CapabilityContext = React7.createContext({});
 var useContentTransferCapabilities = () => React7.useContext(CapabilityContext);
 var SurfaceContext = React7.createContext(null);
 function MenuPresentation({ label, hint, icon: Icon2 }) {
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
     Icon2 ? /* @__PURE__ */ jsx7(Icon2, { className: "matrx-alchemy-menu-icon" }) : null,
-    /* @__PURE__ */ jsxs4("span", { children: [
+    /* @__PURE__ */ jsxs3("span", { children: [
       label,
       hint ? /* @__PURE__ */ jsx7("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
     ] })
   ] });
 }
+function PaletteGlyph({ format, ai = false, file = false }) {
+  if (ai) return /* @__PURE__ */ jsxs3("svg", { className: "matrx-alchemy-palette-glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx7("path", { d: "M12 5a3 3 0 1 0-5.997.125A4 4 0 0 0 3.5 10.9a4 4 0 0 0 .556 6.588A4 4 0 0 0 12 19" }),
+    /* @__PURE__ */ jsx7("path", { d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.503 5.775 4 4 0 0 1-.556 6.588A4 4 0 0 1 12 19" }),
+    /* @__PURE__ */ jsx7("path", { d: "M12 5v14M8 9h1M15 9h1M8 15h1M15 15h1" })
+  ] });
+  if (file) return /* @__PURE__ */ jsxs3("svg", { className: "matrx-alchemy-palette-glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx7("path", { d: "M6 3h8l4 4v14H6z" }),
+    /* @__PURE__ */ jsx7("path", { d: "M14 3v5h5M9 13h6M9 17h6" })
+  ] });
+  const path = format === "json" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "M9 4C7 4 7 7 5 7v3c2 0 2 1 2 2s0 2-2 2v3c2 0 2 3 4 3" }),
+    /* @__PURE__ */ jsx7("path", { d: "M15 4c2 0 2 3 4 3v3c-2 0-2 1-2 2s0 2 2 2v3c-2 0-2 3-4 3" })
+  ] }) : format === "compact-json" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "m14 10 7-7" }),
+    /* @__PURE__ */ jsx7("path", { d: "M20 10h-6V4" }),
+    /* @__PURE__ */ jsx7("path", { d: "m3 21 7-7" }),
+    /* @__PURE__ */ jsx7("path", { d: "M4 14h6v6" })
+  ] }) : format === "csv" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+    /* @__PURE__ */ jsx7("path", { d: "M4 10h16M10 4v16" })
+  ] }) : format === "tsv" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsx7("path", { d: "M14 2v6h6M8 13h2M14 13h2M8 17h2M14 17h2" })
+  ] }) : format === "xlsx" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsx7("path", { d: "M14 2v6h6M8 13h8M8 17h8M12 11v8" })
+  ] }) : format === "markdown" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5z" }),
+    /* @__PURE__ */ jsx7("path", { d: "M14 2v6h6M10 13l-2 2 2 2M14 17l2-2-2-2" })
+  ] }) : format === "html" ? /* @__PURE__ */ jsx7(Fragment, { children: /* @__PURE__ */ jsx7("path", { d: "M15 6h6M3 6h7M3 12h18M3 18h12" }) }) : /* @__PURE__ */ jsx7(Fragment, { children: /* @__PURE__ */ jsx7("path", { d: "M4 7V4h16v3M9 20h6M12 4v16" }) });
+  return /* @__PURE__ */ jsx7("svg", { className: "matrx-alchemy-palette-glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: path });
+}
+function PaletteRows({ title, items, onRun, extra, ai = false }) {
+  if (!items.length && !extra) return null;
+  return /* @__PURE__ */ jsxs3("section", { className: "matrx-alchemy-palette-section", children: [
+    /* @__PURE__ */ jsx7("h3", { children: title }),
+    items.map((item) => /* @__PURE__ */ jsxs3("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel, onClick: () => onRun?.(item), children: [
+      item.icon ? /* @__PURE__ */ jsx7(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx7(PaletteGlyph, { ai }),
+      /* @__PURE__ */ jsxs3("span", { children: [
+        item.copyLabel ?? item.label,
+        item.hint ? /* @__PURE__ */ jsx7("small", { className: "matrx-alchemy-menu-hint", children: item.hint }) : null
+      ] })
+    ] }, item.id)),
+    extra
+  ] });
+}
 var LABEL = { plain: "Plain text", markdown: "Markdown", html: "Formatted", json: "JSON", "compact-json": "Compact JSON", csv: "CSV", tsv: "Google Sheets", xlsx: "Excel workbook" };
 var BUILT_INS = Object.freeze(Object.keys(LABEL).map((id) => ({ id })));
 var COPIES = ["plain", "markdown", "html", "json", "compact-json", "csv", "tsv"];
@@ -705,7 +623,7 @@ function ContentTransferMenu(props) {
   const identityKey = props.capabilities?.identityKey ?? inherited.identityKey;
   return /* @__PURE__ */ jsx7(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 }) {
+function ContentTransferMenuSession({ source, surface, label, projection, sections, preferences, table, formatSources, sourceFormats = true, variants = EMPTY_VARIANTS, actions = [], capabilities: local, disabled, enabled = true, className, stopPropagation = true, hide = [], controllerRef }) {
   const triggerRef = React7.useRef(null);
   const inherited = React7.useContext(CapabilityContext);
   const nearestSurface = React7.useContext(SurfaceContext);
@@ -718,6 +636,8 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
   const workspaceCaptures = React7.useRef(/* @__PURE__ */ new Map());
   const externalWorkspaceKeys = React7.useRef(/* @__PURE__ */ new Set());
   const [notice, setNotice] = React7.useState(null);
+  const [paletteOpen, setPaletteOpen] = React7.useState(false);
+  const [mode, setMode] = React7.useState("copy");
   const scopes = React7.useMemo(() => table?.availableScopes ?? ["target"], [table]);
   const initialScope = table?.initialScope ?? "target";
   if (!scopes.includes(initialScope)) throw new Error("Alchemy initialScope must be included in availableScopes.");
@@ -969,48 +889,87 @@ 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__ */ jsx7(DropdownMenuItem, { "aria-label": v.ariaLabel, onSelect: () => void transfer("markdown", false, v), children: /* @__PURE__ */ jsx7(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 quickVariants = (section) => variants.filter((v) => v.copyLabel && (v.section ?? "ai") === section);
+  const visibleCopies = sourceFormats ? COPIES.filter((f) => Boolean(formatSources?.[f]) || !["csv", "tsv"].includes(f) || payload?.kind === "rows") : [];
+  const visibleDownloads = sourceFormats ? DOWNLOADS.filter((f) => f !== "xlsx" && Boolean(formatSources?.[f]) || !["csv", "tsv", "xlsx"].includes(f) || payload?.kind === "rows") : [];
+  const visibleAdapters = sourceFormats && menuCapture ? adapters.filter((a) => a.supports(menuCapture.snapshot.payload)) : [];
   const visibleActions = menuCapture ? registeredActions.filter((a) => a.supports(menuCapture.snapshot)) : [];
-  return /* @__PURE__ */ jsxs4("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    /* @__PURE__ */ jsxs4(DropdownMenu, { onOpenChange: (open) => {
-      if (open) void preflight();
+  const downloadActions = visibleActions.filter((action) => action.placement === "download");
+  const ordinaryActions = visibleActions.filter((action) => action.placement !== "download");
+  const copyAvailable = !hide.includes("copy") && visibleCopies.length + visibleAdapters.length + quickVariants("copy").length > 0;
+  const downloadAvailable = !hide.includes("download") && visibleDownloads.length + visibleAdapters.length + downloadActions.length > 0;
+  const prepareAvailable = !hide.includes("prepare") && (quickVariants("ai").length > 0 || Boolean(primary) || Boolean(nearestWorkspaceKey) || variants.length > 0);
+  const resolvedMode = mode === "copy" && !copyAvailable ? "download" : mode === "download" && !downloadAvailable ? "copy" : mode;
+  const closePalette = () => setPaletteOpen(false);
+  const tile = (id, label2, onClick, options = {}) => {
+    const presentation = options.action;
+    const Icon2 = presentation?.icon;
+    const fallbackLabel = options.file && !/^download\b/i.test(label2) ? `Download ${label2}` : label2;
+    return /* @__PURE__ */ jsxs3("button", { type: "button", className: "matrx-alchemy-palette-tile", "aria-label": presentation?.ariaLabel ?? (presentation ? fallbackLabel : options.ariaLabel ?? `${resolvedMode === "copy" ? "Copy" : "Download"} ${label2}`), onClick: () => {
+      closePalette();
+      onClick();
     }, children: [
-      /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx7("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__ */ jsx7(AlchemyGlyph, {}) }) }),
-      /* @__PURE__ */ jsxs4(DropdownMenuContent, { align: "end", className: "matrx-alchemy-menu", children: [
-        menuStatus === "loading" ? /* @__PURE__ */ jsx7(DropdownMenuItem, { disabled: true, children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ jsx7(DropdownMenuItem, { disabled: true, children: menuStatus }) : null,
-        !hide.includes("copy") ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx7(DropdownMenuLabel, { children: "Copy" }),
-          quickVariants("copy"),
-          visibleCopies.map((format) => /* @__PURE__ */ jsx7(DropdownMenuItem, { onSelect: () => void transfer(format, false), children: format === "plain" ? "Copy" : `Copy ${LABEL[format]}` }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ jsxs4(DropdownMenuItem, { onSelect: () => void transfer(adapter, false), children: [
-            "Copy ",
-            adapter.label
-          ] }, adapter.id))
-        ] }) : null,
-        !hide.includes("prepare") ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx7(DropdownMenuSeparator, {}),
-          quickVariants("ai"),
-          /* @__PURE__ */ jsx7(DropdownMenuItem, { onSelect: () => void openWorkspace(), children: "Prepare for AI\u2026" }),
-          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ jsx7(DropdownMenuItem, { onSelect: () => void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName }), children: "Prepare this surface\u2026" }) : null,
-          variants.map((variant) => /* @__PURE__ */ jsx7(DropdownMenuItem, { onSelect: () => void openWorkspace(variantWorkspaceKeys.get(variant.id), variant), children: /* @__PURE__ */ jsx7(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
+      Icon2 ? /* @__PURE__ */ jsx7(Icon2, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx7(PaletteGlyph, { ...!options.custom ? { format: id } : {}, ...options.ai ? { ai: true } : {}, ...options.file ? { file: true } : {} }),
+      /* @__PURE__ */ jsxs3("span", { children: [
+        label2,
+        presentation?.hint ? /* @__PURE__ */ jsx7("small", { className: "matrx-alchemy-menu-hint", children: presentation.hint }) : null
+      ] })
+    ] }, id);
+  };
+  return /* @__PURE__ */ jsxs3("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
+    /* @__PURE__ */ jsxs3(Popover, { open: paletteOpen, onOpenChange: (open) => {
+      setPaletteOpen(open);
+      if (open) {
+        setMode("copy");
+        void preflight();
+      }
+    }, children: [
+      /* @__PURE__ */ jsx7(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx7("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__ */ jsx7(AlchemyGlyph, {}) }) }),
+      /* @__PURE__ */ jsxs3(PopoverContent, { align: "end", className: "matrx-alchemy-menu matrx-alchemy-palette", "aria-label": "Alchemy output options", onCloseAutoFocus: () => triggerRef.current?.focus(), children: [
+        copyAvailable && downloadAvailable ? /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-mode", "aria-label": "Output action", children: [
+          /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Copy mode", "aria-pressed": resolvedMode === "copy", onClick: () => setMode("copy"), children: "Copy" }),
+          /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Download mode", "aria-pressed": resolvedMode === "download", onClick: () => setMode("download"), children: "Download" })
         ] }) : null,
-        !hide.includes("download") ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx7(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx7(DropdownMenuLabel, { children: "Download" }),
-          visibleDownloads.map((format) => /* @__PURE__ */ jsxs4(DropdownMenuItem, { onSelect: () => void transfer(format, true), children: [
-            "Download ",
-            LABEL[format]
-          ] }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ jsxs4(DropdownMenuItem, { onSelect: () => void transfer(adapter, true), children: [
-            "Download ",
-            adapter.label
-          ] }, `download:${adapter.id}`))
+        menuStatus === "loading" ? /* @__PURE__ */ jsx7("p", { className: "matrx-alchemy-palette-status", children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ jsx7("p", { className: "matrx-alchemy-error", children: menuStatus }) : null,
+        resolvedMode === "copy" && copyAvailable ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-palette-grid", children: [
+            visibleCopies.map((format) => tile(format, { plain: "Text", markdown: "Markdown", html: "Formatted", json: "JSON", "compact-json": "Compact", csv: "CSV", tsv: "Sheets" }[format], () => void transfer(format, false), { ariaLabel: `Copy ${LABEL[format]}` })),
+            visibleAdapters.map((adapter) => tile(adapter.id, adapter.label, () => void transfer(adapter, false), { custom: true }))
+          ] }),
+          quickVariants("copy").length ? /* @__PURE__ */ jsx7(PaletteRows, { title: "Quick copy", items: quickVariants("copy"), onRun: (variant) => {
+            closePalette();
+            void transfer("markdown", false, variant);
+          } }) : null
         ] }) : null,
-        visibleActions.length ? /* @__PURE__ */ jsx7(DropdownMenuSeparator, {}) : null,
-        visibleActions.map((action) => /* @__PURE__ */ jsx7(DropdownMenuItem, { "aria-label": action.ariaLabel, onSelect: () => void runAction(action), children: /* @__PURE__ */ jsx7(MenuPresentation, { ...action, label: action.label }) }, action.id))
+        resolvedMode === "download" && downloadAvailable ? /* @__PURE__ */ jsx7(Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-palette-grid", children: [
+          visibleDownloads.map((format) => tile(format, { plain: "Text", markdown: "Markdown", html: "Formatted", json: "JSON", "compact-json": "Compact", csv: "CSV", tsv: "Sheets", xlsx: "Excel" }[format], () => void transfer(format, true), { ariaLabel: `Download ${LABEL[format]}` })),
+          visibleAdapters.map((adapter) => tile(adapter.id, adapter.label, () => void transfer(adapter, true), { custom: true })),
+          downloadActions.map((action) => tile(action.id, action.label, () => void runAction(action), { custom: true, action, file: true }))
+        ] }) }) : null,
+        prepareAvailable ? /* @__PURE__ */ jsx7(PaletteRows, { title: "Prepare", ai: true, items: quickVariants("ai"), onRun: (variant) => {
+          closePalette();
+          void transfer("markdown", false, variant);
+        }, extra: /* @__PURE__ */ jsxs3("button", { type: "button", className: "matrx-alchemy-palette-row", onClick: () => {
+          closePalette();
+          void openWorkspace();
+        }, children: [
+          /* @__PURE__ */ jsx7(PaletteGlyph, { ai: true }),
+          /* @__PURE__ */ jsx7("span", { children: "Prepare for AI\u2026" })
+        ] }) }) : null,
+        prepareAvailable && (nearestWorkspaceKey || variants.length) ? /* @__PURE__ */ jsx7(PaletteRows, { title: "Context", items: [], extra: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ jsx7("button", { type: "button", className: "matrx-alchemy-palette-row", onClick: () => {
+            closePalette();
+            void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName });
+          }, children: /* @__PURE__ */ jsx7("span", { children: "Prepare this surface\u2026" }) }) : null,
+          variants.map((variant) => /* @__PURE__ */ jsx7("button", { type: "button", className: "matrx-alchemy-palette-row", "aria-label": variant.ariaLabel, onClick: () => {
+            closePalette();
+            void openWorkspace(variantWorkspaceKeys.get(variant.id), variant);
+          }, children: /* @__PURE__ */ jsx7(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
+        ] }) }) : null,
+        ordinaryActions.length ? /* @__PURE__ */ jsx7(PaletteRows, { title: "Actions", items: [], extra: ordinaryActions.map((action) => /* @__PURE__ */ jsx7("button", { type: "button", className: "matrx-alchemy-palette-row", "aria-label": action.ariaLabel, onClick: () => {
+          closePalette();
+          void runAction(action);
+        }, children: /* @__PURE__ */ jsx7(MenuPresentation, { ...action, label: action.label }) }, action.id)) }) : null
       ] })
     ] }),
     notice ? /* @__PURE__ */ jsx7("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
@@ -1273,31 +1232,31 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
   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__ */ jsx7(Dialog, { open, onOpenChange: (next) => {
     if (!next) close();
-  }, children: /* @__PURE__ */ jsxs4(DialogContent, { onCloseAutoFocus: (event) => {
+  }, children: /* @__PURE__ */ jsxs3(DialogContent, { onCloseAutoFocus: (event) => {
     event.preventDefault();
     restoreFocus();
   }, className: "matrx-alchemy-workspace max-w-5xl", "aria-busy": busy !== null, children: [
-    /* @__PURE__ */ jsxs4(DialogHeader, { children: [
-      /* @__PURE__ */ jsxs4(DialogTitle, { children: [
+    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs3(DialogTitle, { children: [
         "Prepare ",
         state.snapshot.label
       ] }),
-      /* @__PURE__ */ jsxs4(DialogDescription, { children: [
+      /* @__PURE__ */ jsxs3(DialogDescription, { children: [
         "Captured ",
         state.snapshot.unsavedChanges ? "from your unsaved draft" : "as an immutable snapshot",
         ". Your source is never edited."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-workspace-grid", children: [
-      /* @__PURE__ */ jsxs4("section", { className: "matrx-alchemy-main", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-toolbar", children: [
-          scopes.length > 1 ? /* @__PURE__ */ jsxs4("label", { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-workspace-grid", children: [
+      /* @__PURE__ */ jsxs3("section", { className: "matrx-alchemy-main", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-toolbar", children: [
+          scopes.length > 1 ? /* @__PURE__ */ jsxs3("label", { children: [
             "Scope",
             /* @__PURE__ */ jsx7("select", { "aria-label": "Transfer scope", value: state.scope, disabled: busy !== null, onChange: (e) => void requestCapture(e.target.value), children: scopes.map((scope) => /* @__PURE__ */ jsx7("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
           ] }) : null,
-          /* @__PURE__ */ jsxs4("label", { children: [
+          /* @__PURE__ */ jsxs3("label", { children: [
             "Detail",
-            /* @__PURE__ */ jsxs4("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
+            /* @__PURE__ */ jsxs3("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
               /* @__PURE__ */ jsx7("option", { value: "full", children: "Full" }),
               /* @__PURE__ */ jsx7("option", { value: "compact", children: "Compact" }),
               /* @__PURE__ */ jsx7("option", { value: "brief", children: "Brief" }),
@@ -1323,24 +1282,24 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
           }, children: "Reset" }),
           /* @__PURE__ */ jsx7(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__ */ jsxs4("fieldset", { className: "matrx-alchemy-options", children: [
+        controls.preset === "custom" && (state.draft.payload.kind === "json" || state.draft.payload.kind === "registered") ? /* @__PURE__ */ jsxs3("fieldset", { className: "matrx-alchemy-options", children: [
           /* @__PURE__ */ jsx7("legend", { children: "JSON limits" }),
-          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ jsxs4("label", { children: [
+          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ jsxs3("label", { children: [
             text,
             /* @__PURE__ */ jsx7("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__ */ jsx7(RowControls, { rows, controls, change: changeControls }) : null,
-        state.snapshot.sections.length ? /* @__PURE__ */ jsxs4("fieldset", { className: "matrx-alchemy-options", children: [
+        state.snapshot.sections.length ? /* @__PURE__ */ jsxs3("fieldset", { className: "matrx-alchemy-options", children: [
           /* @__PURE__ */ jsx7("legend", { children: "Sections" }),
-          state.snapshot.sections.map((section) => /* @__PURE__ */ jsxs4("label", { children: [
+          state.snapshot.sections.map((section) => /* @__PURE__ */ jsxs3("label", { children: [
             /* @__PURE__ */ jsx7("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__ */ jsxs4("div", { className: "matrx-alchemy-coverage", children: [
-          /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-coverage", children: [
+          /* @__PURE__ */ jsxs3("span", { children: [
             state.snapshot.coverage.included.toLocaleString(),
             " included",
             state.snapshot.coverage.total == null ? "" : ` of ${state.snapshot.coverage.total.toLocaleString()}`,
@@ -1348,16 +1307,16 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
             state.snapshot.coverage.status
           ] }),
           state.snapshot.coverage.reason ? /* @__PURE__ */ jsx7("span", { children: state.snapshot.coverage.reason }) : null,
-          limitText ? /* @__PURE__ */ jsxs4("span", { children: [
+          limitText ? /* @__PURE__ */ jsxs3("span", { children: [
             "Limits: ",
             limitText
           ] }) : null,
-          displayedOmissions.length ? /* @__PURE__ */ jsxs4("details", { children: [
-            /* @__PURE__ */ jsxs4("summary", { children: [
+          displayedOmissions.length ? /* @__PURE__ */ jsxs3("details", { children: [
+            /* @__PURE__ */ jsxs3("summary", { children: [
               displayedOmissions.length,
               " omissions or adjustments"
             ] }),
-            /* @__PURE__ */ jsx7("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ jsxs4("li", { children: [
+            /* @__PURE__ */ jsx7("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ jsxs3("li", { children: [
               o.path || "/",
               ": ",
               o.reason,
@@ -1365,9 +1324,9 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
             ] }, `${o.path}-${o.reason}-${i}`)) })
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "matrx-alchemy-preview-label", children: [
+        /* @__PURE__ */ jsxs3("label", { className: "matrx-alchemy-preview-label", children: [
           "Output format",
-          /* @__PURE__ */ jsxs4("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
+          /* @__PURE__ */ jsxs3("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
             formats.map((f) => /* @__PURE__ */ jsx7("option", { value: f, children: LABEL[f] }, f)),
             state.draft.payload.kind === "rows" ? /* @__PURE__ */ jsx7("option", { value: "xlsx", children: "Excel workbook" }) : null,
             workspaceAdapters.map((adapter) => /* @__PURE__ */ jsx7("option", { value: adapter.id, children: adapter.label }, adapter.id))
@@ -1383,9 +1342,9 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
           setFormat("plain");
         }, children: "Use invalid JSON as plain text" }) : null
       ] }),
-      ai || busy === "capture" || state.error ? /* @__PURE__ */ jsxs4("aside", { children: [
-        ai ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsxs4("label", { children: [
+      ai || busy === "capture" || state.error ? /* @__PURE__ */ jsxs3("aside", { children: [
+        ai ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsxs3("label", { children: [
             "AI instruction",
             /* @__PURE__ */ jsx7("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
           ] }),
@@ -1402,20 +1361,20 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
         state.error ? /* @__PURE__ */ jsx7("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
       ] }) : null
     ] }),
-    pendingControls ? /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+    pendingControls ? /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-decision", role: "alert", children: [
       /* @__PURE__ */ jsx7("p", { children: "This control would replace your manual edit." }),
       /* @__PURE__ */ jsx7(Button, { type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
       /* @__PURE__ */ jsx7(Button, { type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
     ] }) : null,
     state.sourceStale ? /* @__PURE__ */ jsx7("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__ */ jsxs4("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+    state.pending ? /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-decision", role: "alert", children: [
       /* @__PURE__ */ jsx7("p", { children: "A fresh source snapshot is ready." }),
       /* @__PURE__ */ jsx7(Button, { type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
       /* @__PURE__ */ jsx7(Button, { type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
     ] }) : null,
     deliveryNotice ? /* @__PURE__ */ jsx7("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null,
-    /* @__PURE__ */ jsxs4(DialogFooter, { children: [
-      /* @__PURE__ */ jsxs4("span", { className: "matrx-alchemy-meta", children: [
+    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs3("span", { className: "matrx-alchemy-meta", children: [
         buffer.length.toLocaleString(),
         " characters \xB7 ~",
         estimateTokens(buffer).toLocaleString(),
@@ -1428,35 +1387,35 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
   ] }) });
 }
 function RowControls({ rows, controls, change }) {
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-toolbar", children: [
-      /* @__PURE__ */ jsxs4("label", { children: [
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-toolbar", children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         "Search",
         /* @__PURE__ */ jsx7("input", { value: controls.search, onChange: (e) => change({ ...controls, search: e.target.value }) })
       ] }),
-      /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         "Sort",
-        /* @__PURE__ */ jsxs4("select", { value: controls.sort, onChange: (e) => change({ ...controls, sort: e.target.value }), children: [
+        /* @__PURE__ */ jsxs3("select", { value: controls.sort, onChange: (e) => change({ ...controls, sort: e.target.value }), children: [
           /* @__PURE__ */ jsx7("option", { value: "", children: "None" }),
           rows.columns.map((column) => /* @__PURE__ */ jsx7("option", { value: column.id, children: column.label }, column.id))
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         "Direction",
-        /* @__PURE__ */ jsxs4("select", { value: controls.direction, disabled: !controls.sort, onChange: (e) => change({ ...controls, direction: e.target.value }), children: [
+        /* @__PURE__ */ jsxs3("select", { value: controls.direction, disabled: !controls.sort, onChange: (e) => change({ ...controls, direction: e.target.value }), children: [
           /* @__PURE__ */ jsx7("option", { value: "asc", children: "Ascending" }),
           /* @__PURE__ */ jsx7("option", { value: "desc", children: "Descending" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         "Top rows",
         /* @__PURE__ */ jsx7("input", { type: "number", min: "0", value: controls.top ?? "", onChange: (e) => change({ ...controls, top: Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("fieldset", { className: "matrx-alchemy-options", children: [
+    /* @__PURE__ */ jsxs3("fieldset", { className: "matrx-alchemy-options", children: [
       /* @__PURE__ */ jsx7("legend", { children: "Columns and filters" }),
-      rows.columns.map((column) => /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-column", children: [
-        /* @__PURE__ */ jsxs4("label", { children: [
+      rows.columns.map((column) => /* @__PURE__ */ jsxs3("div", { className: "matrx-alchemy-column", children: [
+        /* @__PURE__ */ jsxs3("label", { children: [
           /* @__PURE__ */ jsx7("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
@@ -1464,15 +1423,15 @@ function RowControls({ rows, controls, change }) {
         /* @__PURE__ */ jsx7("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__ */ jsxs4("fieldset", { className: "matrx-alchemy-options", children: [
+    /* @__PURE__ */ jsxs3("fieldset", { className: "matrx-alchemy-options", children: [
       /* @__PURE__ */ jsx7("legend", { children: "Rows" }),
-      /* @__PURE__ */ jsxs4("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
         " Only selected rows"
       ] }),
       /* @__PURE__ */ jsx7("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(readTransferCell(row, column) ?? "")).filter(Boolean).join(" \xB7 ");
-        return /* @__PURE__ */ jsxs4("label", { children: [
+        return /* @__PURE__ */ jsxs3("label", { children: [
           /* @__PURE__ */ jsx7("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,
@@ -1484,7 +1443,7 @@ function RowControls({ rows, controls, change }) {
 }
 
 // src/content-transfer/matrx-copy.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var resolve = (value) => typeof value === "function" ? value() : value;
 var asPayload = (value) => ({
   kind: "markdown",
@@ -1655,6 +1614,7 @@ function MatrxCopyMenuSession(props) {
         label: item.label,
         supports: () => true,
         ...item.build && !item.onSelect ? {
+          placement: "download",
           source: make(
             `export:${item.id}`,
             async () => {
@@ -1726,7 +1686,7 @@ 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__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsx8(
       ContentTransferMenu,
       {
@@ -1735,10 +1695,11 @@ function MatrxCopyMenuSession(props) {
         label: props.label,
         variants,
         actions,
+        sourceFormats: Boolean(source),
         hide: [
           ...!copyVisible || !source ? ["copy"] : [],
           ...!aiVisible || !source ? ["prepare"] : [],
-          ...!exportVisible || !source ? ["download"] : []
+          ...!exportVisible ? ["download"] : []
         ],
         formatSources: {
           ...human ? { plain: human, markdown: humanMarkdown, html: humanMarkdown } : {},
@@ -1847,7 +1808,7 @@ function SourceConfiguration({
       onOpenChange: (open) => {
         if (!open && !busy) onClose();
       },
-      children: /* @__PURE__ */ jsxs5(
+      children: /* @__PURE__ */ jsxs4(
         DialogContent,
         {
           onCloseAutoFocus: (event) => {
@@ -1856,12 +1817,12 @@ function SourceConfiguration({
           },
           className: "matrx-alchemy-workspace",
           children: [
-            /* @__PURE__ */ jsxs5(DialogHeader, { children: [
+            /* @__PURE__ */ jsxs4(DialogHeader, { children: [
               /* @__PURE__ */ jsx8(DialogTitle, { children: title }),
               /* @__PURE__ */ jsx8(DialogDescription, { children: custom?.dialogDescription ?? "Choose the source detail, then prepare, edit, summarize, copy or export it in Alchemy." })
             ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
-              custom?.options.map((option) => /* @__PURE__ */ jsxs5("label", { children: [
+            /* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
+              custom?.options.map((option) => /* @__PURE__ */ jsxs4("label", { children: [
                 option.label,
                 "hint" in option && option.hint ? /* @__PURE__ */ jsx8("small", { children: option.hint }) : null,
                 option.kind === "toggle" ? /* @__PURE__ */ jsx8(
@@ -1881,7 +1842,7 @@ function SourceConfiguration({
                     }),
                     children: option.options.map((choice) => /* @__PURE__ */ jsx8("option", { value: choice.value, children: choice.label }, choice.value))
                   }
-                ) : option.kind === "slider" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                ) : option.kind === "slider" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
                   /* @__PURE__ */ jsx8(
                     "input",
                     {
@@ -1897,7 +1858,7 @@ function SourceConfiguration({
                     }
                   ),
                   /* @__PURE__ */ jsx8("span", { children: option.formatValue(Number(values[option.key])) })
-                ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
                   /* @__PURE__ */ jsx8(
                     "input",
                     {
@@ -1923,7 +1884,7 @@ function SourceConfiguration({
                   ))
                 ] })
               ] }, option.key)),
-              groomer ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+              groomer ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 /* @__PURE__ */ jsx8("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ jsx8(
                   Button,
                   {
@@ -1941,9 +1902,9 @@ function SourceConfiguration({
                   },
                   level
                 )) }),
-                groomer.sections.map((section) => /* @__PURE__ */ jsxs5("label", { children: [
+                groomer.sections.map((section) => /* @__PURE__ */ jsxs4("label", { children: [
                   section.title,
-                  /* @__PURE__ */ jsxs5(
+                  /* @__PURE__ */ jsxs4(
                     "select",
                     {
                       value: sections[section.id],
@@ -1961,7 +1922,7 @@ function SourceConfiguration({
                 ] }, section.id))
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsxs5("p", { children: [
+            /* @__PURE__ */ jsxs4("p", { children: [
               text.length.toLocaleString(),
               " characters \xB7 approximately",
               " ",
@@ -1969,7 +1930,7 @@ function SourceConfiguration({
               " tokens"
             ] }),
             error || buildError ? /* @__PURE__ */ jsx8("p", { role: "alert", children: error ?? buildError }) : null,
-            /* @__PURE__ */ jsxs5(DialogFooter, { children: [
+            /* @__PURE__ */ jsxs4(DialogFooter, { children: [
               /* @__PURE__ */ jsx8(
                 Button,
                 {
@@ -2039,17 +2000,17 @@ import {
 } from "react";
 
 // src/data-table/icons.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function Icon({ children, ...props }) {
   return /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", ...props, children });
 }
 var Check = (p) => /* @__PURE__ */ jsx11(Icon, { ...p, children: /* @__PURE__ */ jsx11("path", { d: "m5 12 4 4L19 6" }) });
-var PanelRight = (p) => /* @__PURE__ */ jsxs6(Icon, { ...p, children: [
+var PanelRight = (p) => /* @__PURE__ */ jsxs5(Icon, { ...p, children: [
   /* @__PURE__ */ jsx11("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
   /* @__PURE__ */ jsx11("path", { d: "M15 4v16" })
 ] });
 var ExternalLink = (p) => /* @__PURE__ */ jsx11(Icon, { ...p, children: /* @__PURE__ */ jsx11("path", { d: "M14 4h6v6M20 4l-9 9M19 13v6H5V5h6" }) });
-var Copy = (p) => /* @__PURE__ */ jsxs6(Icon, { ...p, children: [
+var Copy = (p) => /* @__PURE__ */ jsxs5(Icon, { ...p, children: [
   /* @__PURE__ */ jsx11("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
   /* @__PURE__ */ jsx11("path", { d: "M15 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3" })
 ] });
@@ -2058,7 +2019,7 @@ var ShieldOff = (p) => /* @__PURE__ */ jsx11(Icon, { ...p, children: /* @__PURE_
 
 // src/data-table/useTableNotice.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function useTableNotice() {
   const host = useMatrxDataTableHost();
   const [message, setMessage] = useState5(null);
@@ -2072,7 +2033,7 @@ function useTableNotice() {
       else setMessage({ text, error: true });
     }
   };
-  const notice = message ? /* @__PURE__ */ jsxs7("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
+  const notice = message ? /* @__PURE__ */ jsxs6("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
     message.text,
     /* @__PURE__ */ jsx12("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
   ] }) : null;
@@ -2106,7 +2067,7 @@ var TooltipContent = React9.forwardRef(({ className, sideOffset = 4, container,
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/data-table/MatrxUuidCell.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -2199,13 +2160,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ jsxs8("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
+      return /* @__PURE__ */ jsxs7("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
         /* @__PURE__ */ jsx14("span", { className: "min-w-0 truncate", children: display }),
         /* @__PURE__ */ jsx14(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -2221,7 +2182,7 @@ function MatrxUuidCell({
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs7(
         "a",
         {
           href: resolvedHref,
@@ -2239,7 +2200,7 @@ function MatrxUuidCell({
     }
     return /* @__PURE__ */ jsx14("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
   })();
-  return /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs7(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -2249,11 +2210,11 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ jsxs8(Tooltip, { children: [
+        /* @__PURE__ */ jsxs7(Tooltip, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
           /* @__PURE__ */ jsx14(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }),
-        /* @__PURE__ */ jsxs8(Tooltip, { children: [
+        /* @__PURE__ */ jsxs7(Tooltip, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
             "button",
             {
@@ -2269,7 +2230,7 @@ function MatrxUuidCell({
           ) }),
           /* @__PURE__ */ jsx14(TooltipContent, { side: "top", children: copied ? "Copied" : `Copy ${label ?? "id"}: ${value}` })
         ] }),
-        canPeek ? /* @__PURE__ */ jsxs8(Tooltip, { children: [
+        canPeek ? /* @__PURE__ */ jsxs7(Tooltip, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
             "button",
             {
@@ -2283,12 +2244,12 @@ function MatrxUuidCell({
               children: /* @__PURE__ */ jsx14(Lightbulb, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ jsxs8(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ jsxs7(TooltipContent, { side: "top", children: [
             "Quick look at ",
             label ?? "record"
           ] })
         ] }) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ jsxs8(Tooltip, { children: [
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ jsxs7(Tooltip, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
             "a",
             {
@@ -2301,7 +2262,7 @@ function MatrxUuidCell({
               children: /* @__PURE__ */ jsx14(ExternalLink, { className: "h-3 w-3" })
             }
           ) }),
-          /* @__PURE__ */ jsxs8(TooltipContent, { side: "top", children: [
+          /* @__PURE__ */ jsxs7(TooltipContent, { side: "top", children: [
             "Open ",
             label ?? "record",
             " in a new tab"
@@ -2329,7 +2290,7 @@ function isUuidValue(value) {
 }
 
 // src/data-table/DataRowInspector.tsx
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -2373,7 +2334,7 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
@@ -2381,7 +2342,7 @@ function DataRowInspector({
         title ? /* @__PURE__ */ jsx15("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
         /* @__PURE__ */ jsx15("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ jsx15("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ jsxs9(
+            return /* @__PURE__ */ jsxs8(
               "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",
@@ -2402,7 +2363,7 @@ function DataRowInspector({
           }
           const formatted = formatValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
-          return /* @__PURE__ */ jsxs9(
+          return /* @__PURE__ */ jsxs8(
             "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",