@ai-matrx/design-system 0.18.9 → 0.18.12

package/dist/content-transfer.cjs

@@ -181,48 +181,6 @@ function XIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "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__ */ (0, import_jsx_runtime2.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "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__ */ (0, import_jsx_runtime2.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "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
 var React2 = __toESM(require("react"), 1);
@@ -486,135 +444,49 @@ var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/dropdown-menu.tsx
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+// src/popover.tsx
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime6 = 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 = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-  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__ */ (0, import_jsx_runtime6.jsx)(RadixChevronRightIcon, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-  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__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    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__ */ (0, import_jsx_runtime6.jsx)(
-  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__ */ (0, import_jsx_runtime6.jsxs)(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-checkbox-item",
-    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-radio-item",
-    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-  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__ */ (0, import_jsx_runtime6.jsx)(
-  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__ */ (0, import_jsx_runtime6.jsx)(
-  "span",
-  {
-    "data-slot": "dropdown-menu-shortcut",
-    className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+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__ */ (0, import_jsx_runtime6.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      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/icon.ts
-var ALCHEMY_GLYPH_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 5.5h8v11h-8z"/><path d="M8.5 9.5h8v9h-8z"/><path d="m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z"/></svg>';
+var ALCHEMY_GLYPH_PATHS = ["M9 3h6", "M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3", "M8 15h8"];
+var ALCHEMY_GLYPH_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${ALCHEMY_GLYPH_PATHS.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
 
 // src/content-transfer/matrx-copy.tsx
 var React7 = __toESM(require("react"), 1);
@@ -765,7 +637,7 @@ function MatrxCopyMenuSession(props) {
   if (aiVisible && props.aiCustom)
     actions.push({
       id: "configure-source",
-      label: props.aiCustom.label ?? "Customize source\u2026",
+      label: props.aiCustom.label ?? "Customize source",
       ...props.aiCustom.hint ? { hint: props.aiCustom.hint } : {},
       supports: () => true,
       run: async () => {
@@ -776,7 +648,7 @@ function MatrxCopyMenuSession(props) {
   if (aiVisible && props.groomer)
     actions.push({
       id: "groom-source",
-      label: "Customize sections\u2026",
+      label: "Customize sections",
       supports: () => true,
       run: async () => {
         setConfiguration({ groomer: props.groomer() });
@@ -790,6 +662,7 @@ function MatrxCopyMenuSession(props) {
         label: item.label,
         supports: () => true,
         ...item.build && !item.onSelect ? {
+          placement: "download",
           source: make(
             `export:${item.id}`,
             async () => {
@@ -870,10 +743,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 } : {},
@@ -884,7 +758,8 @@ function MatrxCopyMenuSession(props) {
         className: cn(
           props.className,
           props.size === "xs" && "matrx-alchemy-xs",
-          props.size === "sm" && "matrx-alchemy-sm"
+          props.size === "sm" && "matrx-alchemy-sm",
+          props.size === "toolbar" && "matrx-alchemy-toolbar-target"
         ),
         ...props.stopPropagation !== void 0 ? { stopPropagation: props.stopPropagation } : {}
       }
@@ -989,127 +864,132 @@ function SourceConfiguration({
             event.preventDefault();
             if (!handingOff.current) restoreFocus();
           },
-          className: "matrx-alchemy-workspace",
+          className: "matrx-alchemy-workspace matrx-alchemy-configuration",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogHeader, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogDescription, { children: custom?.dialogDescription ?? "Choose the source detail, then prepare, edit, summarize, copy or export it in Alchemy." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
-              custom?.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
-                option.label,
-                "hint" in option && option.hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: option.hint }) : null,
-                option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime7.jsx)(
-                  "select",
-                  {
-                    value: Number(values[option.key]),
-                    onChange: (event) => setValues({
-                      ...values,
-                      [option.key]: Number(event.target.value)
-                    }),
-                    children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: choice.value, children: choice.label }, choice.value))
-                  }
-                ) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "matrx-alchemy-workspace-body", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
+                custom?.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
+                  option.label,
+                  "hint" in option && option.hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: option.hint }) : null,
+                  option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "input",
                     {
-                      type: "range",
-                      min: 0,
-                      max: Math.max(0, option.stops.length - 1),
-                      step: 1,
-                      value: option.stops.indexOf(Number(values[option.key])),
-                      onChange: (event) => setValues({
-                        ...values,
-                        [option.key]: option.stops[Number(event.target.value)]
-                      })
+                      type: "checkbox",
+                      checked: Boolean(values[option.key]),
+                      onChange: (event) => setValues({ ...values, [option.key]: event.target.checked })
                     }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: option.formatValue(Number(values[option.key])) })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    "input",
+                  ) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "select",
                     {
-                      type: "number",
-                      min: option.min,
-                      step: option.step,
                       value: Number(values[option.key]),
                       onChange: (event) => setValues({
                         ...values,
                         [option.key]: Number(event.target.value)
-                      })
+                      }),
+                      children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: choice.value, children: choice.label }, choice.value))
                     }
-                  ),
-                  option.presets?.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  ) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        type: "range",
+                        min: 0,
+                        max: Math.max(0, option.stops.length - 1),
+                        step: 1,
+                        value: option.stops.indexOf(Number(values[option.key])),
+                        onChange: (event) => setValues({
+                          ...values,
+                          [option.key]: option.stops[Number(event.target.value)]
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: option.formatValue(Number(values[option.key])) })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        type: "number",
+                        min: option.min,
+                        step: option.step,
+                        value: Number(values[option.key]),
+                        onChange: (event) => setValues({
+                          ...values,
+                          [option.key]: Number(event.target.value)
+                        })
+                      }
+                    ),
+                    option.presets?.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        className: "matrx-alchemy-workspace-secondary",
+                        onClick: () => setValues({ ...values, [option.key]: preset.value }),
+                        children: preset.label
+                      },
+                      preset.value
+                    ))
+                  ] })
+                ] }, option.key)),
+                groomer ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     Button,
                     {
                       type: "button",
                       variant: "ghost",
-                      onClick: () => setValues({ ...values, [option.key]: preset.value }),
-                      children: preset.label
+                      className: "matrx-alchemy-workspace-secondary",
+                      onClick: () => setSections(
+                        Object.fromEntries(
+                          groomer.sections.map((section) => [
+                            section.id,
+                            level === "brief" && section.cuttable ? "off" : level
+                          ])
+                        )
+                      ),
+                      children: level
                     },
-                    preset.value
-                  ))
-                ] })
-              ] }, option.key)),
-              groomer ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    onClick: () => setSections(
-                      Object.fromEntries(
-                        groomer.sections.map((section) => [
-                          section.id,
-                          level === "brief" && section.cuttable ? "off" : level
-                        ])
-                      )
+                    level
+                  )) }),
+                  groomer.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
+                    section.title,
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                      "select",
+                      {
+                        value: sections[section.id],
+                        onChange: (event) => setSections({
+                          ...sections,
+                          [section.id]: event.target.value
+                        }),
+                        children: [
+                          ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: level, children: section.levelLabels?.[level] ?? level }, level)),
+                          section.cuttable ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "off", children: "Exclude" }) : null
+                        ]
+                      }
                     ),
-                    children: level
-                  },
-                  level
-                )) }),
-                groomer.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
-                  section.title,
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-                    "select",
-                    {
-                      value: sections[section.id],
-                      onChange: (event) => setSections({
-                        ...sections,
-                        [section.id]: event.target.value
-                      }),
-                      children: [
-                        ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: level, children: section.levelLabels?.[level] ?? level }, level)),
-                        section.cuttable ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "off", children: "Exclude" }) : null
-                      ]
-                    }
-                  ),
-                  section.description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: section.description }) : null
-                ] }, section.id))
-              ] }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { children: [
-              text.length.toLocaleString(),
-              " characters \xB7 approximately",
-              " ",
-              Math.ceil(text.length / 4).toLocaleString(),
-              " tokens"
+                    section.description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: section.description }) : null
+                  ] }, section.id))
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { children: [
+                text.length.toLocaleString(),
+                " characters \xB7 approximately",
+                " ",
+                Math.ceil(text.length / 4).toLocaleString(),
+                " tokens"
+              ] }),
+              error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", children: error ?? buildError }) : null
             ] }),
-            error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", children: error ?? buildError }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogFooter, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 Button,
                 {
                   type: "button",
                   variant: "ghost",
+                  className: "matrx-alchemy-workspace-secondary",
                   disabled: busy,
                   onClick: onClose,
                   children: "Cancel"
@@ -1119,6 +999,7 @@ function SourceConfiguration({
                 Button,
                 {
                   type: "button",
+                  className: "matrx-alchemy-workspace-primary",
                   disabled: busy || !prepared || Boolean(buildError),
                   onClick: async () => {
                     if (!prepared) return;
@@ -1207,11 +1088,7 @@ function groomerPresetVariants(getConfig) {
 // src/content-transfer/index.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function AlchemyGlyph(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("path", { d: "M4.5 5.5h8v11h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8.5 9.5h8v9h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d }, d)) });
 }
 var CapabilityContext = React8.createContext({});
 function ContentTransferCapabilitiesProvider({ value, children }) {
@@ -1232,6 +1109,62 @@ function MenuPresentation({ label, hint, icon: Icon }) {
     ] })
   ] });
 }
+function PaletteGlyph({ format, ai = false, file = false, kind }) {
+  if (kind === "ai-copy") return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "5", y: "5", width: "11", height: "14", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M9 3h6a2 2 0 0 1 2 2v10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "m18.5 3 .55 1.45L20.5 5l-1.45.55L18.5 7l-.55-1.45L16.5 5l1.45-.55z" })
+  ] });
+  if (kind === "sliders") return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 6h16M4 12h16M4 18h16" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 3v6M16 9v6M10 15v6" })
+  ] });
+  if (ai) return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 5v14M8 9h1M15 9h1M8 15h1M15 15h1" })
+  ] });
+  if (file) return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6 3h8l4 4v14H6z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 3v5h5M9 13h6M9 17h6" })
+  ] });
+  const path = format === "json" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M9 4C7 4 7 7 5 7v3c2 0 2 1 2 2s0 2-2 2v3c2 0 2 3 4 3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "m14 10 7-7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M20 10h-6V4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "m3 21 7-7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 14h6v6" })
+  ] }) : format === "csv" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 10h16M10 4v16" })
+  ] }) : format === "tsv" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 2v6h6M8 13h2M14 13h2M8 17h2M14 17h2" })
+  ] }) : format === "xlsx" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 2v6h6M8 13h8M8 17h8M12 11v8" })
+  ] }) : format === "markdown" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M14 2v6h6M10 13l-2 2 2 2M14 17l2-2-2-2" })
+  ] }) : format === "html" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M15 6h6M3 6h7M3 12h18M3 18h12" }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 7V4h16v3M9 20h6M12 4v16" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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, glyphKind, fallbackHint }) {
+  if (!items.length && !extra) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "matrx-alchemy-palette-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { children: title }),
+    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+        item.copyLabel ?? item.label,
+        item.hint ?? fallbackHint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: item.hint ?? fallbackHint }) : 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"];
@@ -1320,7 +1253,7 @@ function ContentTransferMenu(props) {
   const identityKey = props.capabilities?.identityKey ?? inherited.identityKey;
   return /* @__PURE__ */ (0, import_jsx_runtime8.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 }) {
+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 = React8.useRef(null);
   const inherited = React8.useContext(CapabilityContext);
   const nearestSurface = React8.useContext(SurfaceContext);
@@ -1333,6 +1266,8 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
   const workspaceCaptures = React8.useRef(/* @__PURE__ */ new Map());
   const externalWorkspaceKeys = React8.useRef(/* @__PURE__ */ new Set());
   const [notice, setNotice] = React8.useState(null);
+  const [paletteOpen, setPaletteOpen] = React8.useState(false);
+  const [mode, setMode] = React8.useState("copy");
   const scopes = React8.useMemo(() => table?.availableScopes ?? ["target"], [table]);
   const initialScope = table?.initialScope ?? "target";
   if (!scopes.includes(initialScope)) throw new Error("Alchemy initialScope must be included in availableScopes.");
@@ -1584,48 +1519,96 @@ 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_runtime8.jsx)(DropdownMenuItem, { "aria-label": v.ariaLabel, onSelect: () => void transfer("markdown", false, v), children: /* @__PURE__ */ (0, import_jsx_runtime8.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 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)) : [];
+  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 Icon = presentation?.icon;
+    const fallbackLabel = options.file && !/^download\b/i.test(label2) ? `Download ${label2}` : label2;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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: [
+      Icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { ...!options.custom ? { format: id } : {}, ...options.ai ? { ai: true } : {}, ...options.file ? { file: true } : {} }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+        label2,
+        presentation?.hint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: presentation.hint }) : null
+      ] })
+    ] }, id);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenu, { onOpenChange: (open) => {
-      if (open) void preflight();
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Popover, { open: paletteOpen, onOpenChange: (open) => {
+      setPaletteOpen(open);
+      if (open) {
+        setMode("copy");
+        void preflight();
+      }
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(AlchemyGlyph, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuContent, { align: "end", className: "matrx-alchemy-menu", children: [
-        menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { disabled: true, children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { disabled: true, children: menuStatus }) : null,
-        !hide.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuLabel, { children: "Copy" }),
-          quickVariants("copy"),
-          visibleCopies.map((format) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { onSelect: () => void transfer(format, false), children: format === "plain" ? "Copy" : `Copy ${LABEL[format]}` }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, false), children: [
-            "Copy ",
-            adapter.label
-          ] }, adapter.id))
-        ] }) : null,
-        !hide.includes("prepare") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSeparator, {}),
-          quickVariants("ai"),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(), children: "Prepare for AI\u2026" }),
-          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName }), children: "Prepare this surface\u2026" }) : null,
-          variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(variantWorkspaceKeys.get(variant.id), variant), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(AlchemyGlyph, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(PopoverContent, { align: "end", className: "matrx-alchemy-menu matrx-alchemy-palette", "aria-label": "Alchemy output options", onCloseAutoFocus: () => triggerRef.current?.focus(), children: [
+        menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "matrx-alchemy-palette-status", children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "matrx-alchemy-error", children: menuStatus }) : null,
+        copyAvailable || downloadAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "matrx-alchemy-output", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { children: resolvedMode === "copy" ? "Copy as" : "Download as" }),
+          copyAvailable && downloadAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-mode", "aria-label": "Output action", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": "Copy mode", "aria-pressed": resolvedMode === "copy", onClick: () => setMode("copy"), children: "Copy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": "Download mode", "aria-pressed": resolvedMode === "download", onClick: () => setMode("download"), children: "Download" })
+          ] }) : null,
+          resolvedMode === "copy" && copyAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Quick copy", items: quickVariants("copy"), onRun: (variant) => {
+              closePalette();
+              void transfer("markdown", false, variant);
+            } }) : null
+          ] }) : null,
+          resolvedMode === "download" && downloadAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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
         ] }) : null,
-        !hide.includes("download") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuLabel, { children: "Download" }),
-          visibleDownloads.map((format) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(format, true), children: [
-            "Download ",
-            LABEL[format]
-          ] }, format)),
-          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, true), children: [
-            "Download ",
-            adapter.label
-          ] }, `download:${adapter.id}`))
+        prepareAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Copy for AI", ai: true, glyphKind: "ai-copy", fallbackHint: "Copies immediately", items: quickVariants("ai"), onRun: (variant) => {
+            closePalette();
+            void transfer("markdown", false, variant);
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Edit and prepare", items: [], extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "matrx-alchemy-palette-row", "aria-label": "Prepare for AI", onClick: () => {
+            closePalette();
+            void openWorkspace();
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { kind: "sliders" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+              "Prepare for AI",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: "Review and edit before copying" })
+            ] })
+          ] }) })
         ] }) : null,
-        visibleActions.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSeparator, {}) : null,
-        visibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuItem, { "aria-label": action.ariaLabel, onSelect: () => void runAction(action), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id))
+        prepareAvailable && (nearestWorkspaceKey || variants.length) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Other sources", items: [], extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "matrx-alchemy-palette-row", onClick: () => {
+            closePalette();
+            void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName });
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Prepare this surface" }) }) : null,
+          variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "matrx-alchemy-palette-row", "aria-label": variant.ariaLabel, onClick: () => {
+            closePalette();
+            void openWorkspace(variantWorkspaceKeys.get(variant.id), variant);
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuPresentation, { ...variant, label: `Prepare ${variant.label}` }) }, variant.id))
+        ] }) }) : null,
+        ordinaryActions.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Actions", items: [], extra: ordinaryActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "matrx-alchemy-palette-row", "aria-label": action.ariaLabel, onClick: () => {
+          closePalette();
+          void runAction(action);
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id)) }) : null
       ] })
     ] }),
     notice ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
@@ -1898,137 +1881,138 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
         state.snapshot.label
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogDescription, { children: [
-        "Captured ",
-        state.snapshot.unsavedChanges ? "from your unsaved draft" : "as an immutable snapshot",
-        ". Your source is never edited."
+        state.snapshot.unsavedChanges ? "Includes your unsaved changes. " : "",
+        "Review and edit this copy. Your original stays unchanged."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-workspace-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "matrx-alchemy-main", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
-          scopes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-            "Scope",
-            /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
-          ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-            "Detail",
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "full", children: "Full" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "compact", children: "Compact" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "brief", children: "Brief" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "custom", children: "Custom" })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.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];
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-workspace-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-workspace-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "matrx-alchemy-main", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
+            scopes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+              "Scope",
+              /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
+            ] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+              "Detail",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "full", children: "Full" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "compact", children: "Compact" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "brief", children: "Brief" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "custom", children: "Custom" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", size: "sm", variant: "outline", className: "matrx-alchemy-workspace-secondary", disabled: !state.draft.history?.length && !controlsHistory.length || busy !== null, onClick: () => {
+              setBufferError(null);
+              if (controlsHistory.length) {
+                const next = controlsHistory[controlsHistory.length - 1];
+                setControls(next);
+                setControlsHistory((history) => history.slice(0, -1));
+                onChange({ ...state, draft: rebuild(state, next), error: void 0 });
+              } else onChange({ ...state, draft: (0, import_content_transfer2.undoDraft)(state.draft), error: void 0 });
+            }, children: "Undo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", size: "sm", variant: "outline", className: "matrx-alchemy-workspace-secondary", disabled: busy !== null, onClick: () => {
+              const next = initialControls(state);
               setControls(next);
-              setControlsHistory((history) => history.slice(0, -1));
+              setControlsHistory([]);
+              setPendingControls(null);
+              setBufferError(null);
               onChange({ ...state, draft: rebuild(state, next), error: void 0 });
-            } else onChange({ ...state, draft: (0, import_content_transfer2.undoDraft)(state.draft), error: void 0 });
-          }, children: "Undo" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => {
-            const next = initialControls(state);
-            setControls(next);
-            setControlsHistory([]);
-            setPendingControls(null);
-            setBufferError(null);
-            onChange({ ...state, draft: rebuild(state, next), error: void 0 });
-          }, children: "Reset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "JSON limits" }),
-          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-            text,
-            /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(RowControls, { rows, controls, change: changeControls }) : null,
-        state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "Sections" }),
-          state.snapshot.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("div", { className: "matrx-alchemy-coverage", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.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
+            }, children: "Reset" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", size: "sm", variant: "outline", className: "matrx-alchemy-workspace-secondary", disabled: busy !== null, onClick: () => void requestCapture(state.scope), children: "Refresh source" })
           ] }),
-          state.snapshot.coverage.reason ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: state.snapshot.coverage.reason }) : null,
-          limitText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
-            "Limits: ",
-            limitText
+          controls.preset === "custom" && (state.draft.payload.kind === "json" || state.draft.payload.kind === "registered") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "JSON limits" }),
+            [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+              text,
+              /* @__PURE__ */ (0, import_jsx_runtime8.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,
-          displayedOmissions.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
-              displayedOmissions.length,
-              " omissions or adjustments"
+          rows ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RowControls, { rows, controls, change: changeControls }) : null,
+          state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "Sections" }),
+            state.snapshot.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("div", { className: "matrx-alchemy-coverage", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.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
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { children: [
-              o.path || "/",
-              ": ",
-              o.reason,
-              o.count == null ? "" : ` (${o.count})`
-            ] }, `${o.path}-${o.reason}-${i}`)) })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "matrx-alchemy-preview-label", children: [
-          "Output format",
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
-            formats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: f, children: LABEL[f] }, f)),
-            state.draft.payload.kind === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "xlsx", children: "Excel workbook" }) : null,
-            workspaceAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: adapter.id, children: adapter.label }, adapter.id))
-          ] })
+            state.snapshot.coverage.reason ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: state.snapshot.coverage.reason }) : null,
+            limitText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+              "Limits: ",
+              limitText
+            ] }) : null,
+            displayedOmissions.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
+                displayedOmissions.length,
+                " omissions or adjustments"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { children: [
+                o.path || "/",
+                ": ",
+                o.reason,
+                o.count == null ? "" : ` (${o.count})`
+              ] }, `${o.path}-${o.reason}-${i}`)) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "matrx-alchemy-preview-label", children: [
+            "Output format",
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
+              formats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: f, children: LABEL[f] }, f)),
+              state.draft.payload.kind === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "xlsx", children: "Excel workbook" }) : null,
+              workspaceAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: adapter.id, children: adapter.label }, adapter.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("p", { id: "alchemy-buffer-error", role: "alert", className: "matrx-alchemy-error", children: bufferError }) : null,
+          formatError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: formatError }) : null,
+          bufferError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", type: "button", variant: "outline", disabled: busy !== null, onClick: () => {
+            const fallback = (0, import_content_transfer2.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
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("p", { id: "alchemy-buffer-error", role: "alert", className: "matrx-alchemy-error", children: bufferError }) : null,
-        formatError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: formatError }) : null,
-        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null, onClick: () => {
-          const fallback = (0, import_content_transfer2.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_runtime8.jsxs)("aside", { children: [
+          ai ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+              "AI instruction",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", 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_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", type: "button", variant: "outline", onClick: () => void cancelAi(), children: aiSession.current?.cancel ? "Cancel AI" : "Stop waiting" }) : null
+          ] }) : null,
+          busy === "capture" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", 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_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", type: "button", variant: "outline", onClick: () => void runAi(true), children: aiFailed ? "Retry or rejoin AI run" : "Rejoin AI run" }) : null,
+          ai ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "matrx-alchemy-meta", children: "AI updates the preview; copy it when you are ready. Closing this window lets the AI run continue." }) : null,
+          state.error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
+        ] }) : null
       ] }),
-      ai || busy === "capture" || state.error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("aside", { children: [
-        ai ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-            "AI instruction",
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.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_runtime8.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_runtime8.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_runtime8.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_runtime8.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
-      ] }) : null
+      pendingControls ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "This control would replace your manual edit." }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-primary", type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
+      ] }) : null,
+      state.sourceStale ? /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "A fresh source snapshot is ready." }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-secondary", type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "matrx-alchemy-workspace-primary", type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
+      ] }) : null,
+      deliveryNotice ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null
     ] }),
-    pendingControls ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "This control would replace your manual edit." }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
-    ] }) : null,
-    state.sourceStale ? /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "A fresh source snapshot is ready." }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
-    ] }) : null,
-    deliveryNotice ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "matrx-alchemy-meta", children: [
         buffer.length.toLocaleString(),
@@ -2036,13 +2020,16 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
         estimateTokens(buffer).toLocaleString(),
         " tokens"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(Button, { type: "button", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(false), children: "Copy prepared output" })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", className: "matrx-alchemy-workspace-secondary", onClick: close, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", variant: "outline", className: "matrx-alchemy-workspace-secondary", "aria-label": "Download prepared output", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(true), children: "Download" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { type: "button", className: "matrx-alchemy-workspace-primary", "aria-label": "Copy prepared output", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(false), children: "Copy" })
     ] })
   ] }) });
 }
 function RowControls({ rows, controls, change }) {
+  const filterCount = Object.values(controls.filters).filter(Boolean).length;
+  const selectionSummary = controls.selectedOnly ? `${controls.selectedIndices.length} selected row${controls.selectedIndices.length === 1 ? "" : "s"}` : "All rows";
+  const dataSummary = [controls.search ? "search active" : "", controls.sort ? `sorted by ${rows.columns.find((column) => column.id === controls.sort)?.label ?? controls.sort}` : "", filterCount ? `${filterCount} filter${filterCount === 1 ? "" : "s"}` : ""].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
@@ -2068,32 +2055,40 @@ function RowControls({ rows, controls, change }) {
         /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "Columns and filters" }),
-      rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
+        "Columns and filters",
+        dataSummary ? ` \u2014 ${dataSummary}` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("fieldset", { "aria-label": "Columns and filters", children: rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrx-alchemy-column", children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.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))
+      ] }, column.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: "Rows" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
-        " Only selected rows"
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
+        "Rows \u2014 ",
+        selectionSummary
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.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_transfer2.readTransferCell)(row, column) ?? "")).filter(Boolean).join(" \xB7 ");
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.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}` : ""
-        ] }, index);
-      }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("fieldset", { "aria-label": "Row selection", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
+          " Only selected rows"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.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_transfer2.readTransferCell)(row, column) ?? "")).filter(Boolean).join(" \xB7 ");
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.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}` : ""
+          ] }, index);
+        }) })
+      ] })
     ] })
   ] });
 }