@ai-matrx/design-system 0.18.10 → 0.18.13

package/dist/content-transfer.cjs

@@ -485,7 +485,8 @@ var PopoverContent = React6.forwardRef(
 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);
@@ -636,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 () => {
@@ -647,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() });
@@ -757,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 } : {}
       }
@@ -862,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
+                    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
             ] }),
-            /* @__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,
             /* @__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"
@@ -992,6 +999,7 @@ function SourceConfiguration({
                 Button,
                 {
                   type: "button",
+                  className: "matrx-alchemy-workspace-primary",
                   disabled: busy || !prepared || Boolean(buildError),
                   onClick: async () => {
                     if (!prepared) return;
@@ -1080,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 }) {
@@ -1105,7 +1109,16 @@ function MenuPresentation({ label, hint, icon: Icon }) {
     ] })
   ] });
 }
-function PaletteGlyph({ format, ai = false, file = false }) {
+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" }),
@@ -1138,15 +1151,15 @@ function PaletteGlyph({ format, ai = false, file = false }) {
   ] }) : 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 }) {
+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 }),
+      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 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: item.hint }) : null
+        item.hint ?? fallbackHint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: item.hint ?? fallbackHint }) : null
       ] })
     ] }, item.id)),
     extra
@@ -1543,45 +1556,54 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
     }, children: [
       /* @__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: [
-        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,
         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,
-        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) => {
+        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,
+        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);
-          } }) : null
+          } }),
+          /* @__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,
-        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,
-        prepareAvailable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Prepare", ai: true, items: quickVariants("ai"), onRun: (variant) => {
-          closePalette();
-          void transfer("markdown", false, variant);
-        }, extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "matrx-alchemy-palette-row", onClick: () => {
-          closePalette();
-          void openWorkspace();
-        }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { ai: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Prepare for AI\u2026" })
-        ] }) }) : null,
-        prepareAvailable && (nearestWorkspaceKey || variants.length) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteRows, { title: "Context", items: [], extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        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\u2026" }) }) : null,
+          }, 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}\u2026` }) }, variant.id))
+          }, 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();
@@ -1859,137 +1881,150 @@ 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: [
+          rows ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { className: "matrx-alchemy-options matrx-alchemy-data-controls", children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
-              displayedOmissions.length,
-              " omissions or adjustments"
+              "Data selection \xB7 ",
+              controls.visibleColumns.length,
+              " columns",
+              controls.search || controls.sort || controls.top != null || controls.selectedOnly || Object.values(controls.filters).some(Boolean) ? " \xB7 customized" : " \xB7 all rows"
             ] }),
-            /* @__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)("div", { className: "matrx-alchemy-data-controls-body", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RowControls, { rows, controls, change: changeControls }) })
+          ] }) : null,
+          state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { className: "matrx-alchemy-options", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
+              "Sections \xB7 ",
+              controls.sections.length,
+              " included"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("fieldset", { "aria-label": "Included sections", children: 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)("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) }),
+          /* @__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
+            ] }),
+            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
+          ] }),
+          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(),
@@ -1997,13 +2032,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: [
@@ -2029,32 +2067,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);
+        }) })
+      ] })
     ] })
   ] });
 }