@ai-matrx/design-system 0.17.3 → 0.18.0

package/dist/data-table/data-row-window.cjs

@@ -35,7 +35,7 @@ __export(DataRowWindow_exports, {
   DataRowWindow: () => DataRowWindow
 });
 module.exports = __toCommonJS(DataRowWindow_exports);
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/dialog.tsx
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
@@ -95,6 +95,48 @@ function XIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("svg", { ...radixProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime.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 React = __toESM(require("react"), 1);
@@ -381,7 +423,6 @@ function Icon({ children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", ...props, children });
 }
 var Check = (p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...p, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 12 4 4L19 6" }) });
-var SlidersHorizontal = (p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...p, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 7h16M4 17h16M9 7v0M15 17v0" }) });
 var Pencil = (p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...p, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4 20 4-1 11-11-3-3L5 16l-1 4z" }) });
 var Eye = (p) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Icon, { ...p, children: [
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2 12s3-6 10-6 10 6 10 6-3 6-10 6S2 12 2 12z" }),
@@ -409,9 +450,13 @@ function useMatrxDataTableHost() {
   return (0, import_react.useContext)(HostContext);
 }
 
-// src/data-table/copy.tsx
-var import_react3 = require("react");
-var import_clipboard = require("@ai-matrx/kit/clipboard");
+// src/content-transfer/matrx-copy.tsx
+var React8 = __toESM(require("react"), 1);
+var import_content_transfer2 = require("@ai-matrx/kit/content-transfer");
+
+// src/content-transfer/index.tsx
+var React7 = __toESM(require("react"), 1);
+var import_content_transfer = require("@ai-matrx/kit/content-transfer");
 
 // src/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
@@ -484,230 +529,1471 @@ var Button = React5.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/popover.tsx
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+// src/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(
-  ({
-    className,
-    align = "center",
-    sideOffset = 4,
-    container,
-    animated = true,
+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_runtime9.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_runtime9.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_runtime9.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_runtime9.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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_runtime9.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn(MENU_INDICATOR_ITEM_CLASS, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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_runtime9.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_runtime9.jsx)(
+  "span",
+  {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn("ml-auto text-xs tracking-widest opacity-60", className),
     ...props
-  }, ref) => {
-    const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.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
-      }
-    ) });
   }
 );
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/data-table/useTableNotice.tsx
-var import_react2 = require("react");
+// src/content-transfer/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function useTableNotice() {
-  const host = useMatrxDataTableHost();
-  const [message, setMessage] = (0, import_react2.useState)(null);
-  const notify = {
-    success(text) {
-      if (host.notify) host.notify.success(text);
-      else setMessage({ text, error: false });
-    },
-    error(text) {
-      if (host.notify) host.notify.error(text);
-      else setMessage({ text, error: true });
+function AlchemyGlyph(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("path", { d: "M4.5 5.5h8v11h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.5 9.5h8v9h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z" })
+  ] });
+}
+var CapabilityContext = React7.createContext({});
+var useContentTransferCapabilities = () => React7.useContext(CapabilityContext);
+var SurfaceContext = React7.createContext(null);
+function MenuPresentation({ label, hint, icon: Icon2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { className: "matrx-alchemy-menu-icon" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+      label,
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
+    ] })
+  ] });
+}
+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"];
+var DOWNLOADS = [...COPIES, "xlsx"];
+var EMPTY_VARIANTS = [];
+var SCOPE_LABEL = { target: "This content", row: "This row", selected: "Selected rows", view: "Current view", loaded: "Loaded rows", "all-matching": "All matching rows" };
+var filenameFor = (label) => label.toLocaleLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "") || "export";
+var estimateTokens = (text) => Math.ceil(text.length / 4);
+var errorMessage = (error, fallback) => error instanceof Error ? error.message : fallback;
+var isAbort = (error) => error instanceof DOMException && error.name === "AbortError";
+var supportsBuiltIn = (format, payload) => !["csv", "tsv", "xlsx"].includes(format) || payload.kind === "rows";
+var outcomeMessage = (result) => {
+  if (result.status === "success") {
+    const success = result;
+    return success.delivered === "action" ? success.message ?? "Action completed" : success.delivered === "download-started" ? "Download started" : success.message ?? "Copied";
+  }
+  return result.status === "degraded" ? `Copied as plain text: ${result.reason}` : result.status === "cancelled" ? "Cancelled" : result.message;
+};
+var materialIds = /* @__PURE__ */ new WeakMap();
+var nextMaterialId = 0;
+function materialIdentity(material) {
+  if (!material) return "missing";
+  if ("instanceId" in material) return `surface:${material.instanceId}`;
+  if ("id" in material) return `source:${material.id}`;
+  let id = materialIds.get(material);
+  if (id === void 0) {
+    id = ++nextMaterialId;
+    materialIds.set(material, id);
+  }
+  return `payload:${id}`;
+}
+function useFence() {
+  const mounted = React7.useRef(true);
+  const nextId = React7.useRef(0);
+  const active = React7.useRef(/* @__PURE__ */ new Set());
+  React7.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      nextId.current += 1;
+      active.current.forEach((c) => c.abort());
+      active.current.clear();
+    };
+  }, []);
+  const begin = React7.useCallback(() => {
+    const controller = new AbortController();
+    active.current.add(controller);
+    return { controller, id: ++nextId.current };
+  }, []);
+  const finish = React7.useCallback((controller) => active.current.delete(controller), []);
+  const valid = React7.useCallback((id, controller) => mounted.current && !controller.signal.aborted && nextId.current === id, []);
+  const abortAll = React7.useCallback(() => {
+    nextId.current += 1;
+    active.current.forEach((c) => c.abort());
+    active.current.clear();
+  }, []);
+  return { begin, finish, valid, abortAll };
+}
+async function xlsxArtifact(draft, label) {
+  if (draft.payload.kind !== "rows") throw new Error("Excel workbook export requires tabular content.");
+  const XLSX = await import("xlsx");
+  const columns = draft.payload.columns.filter((c) => c.visible && c.exportable !== false && c.classification !== "secret" && c.classification !== "credential");
+  const cells = draft.payload.rows.map((row) => columns.map((column) => {
+    const value = (0, import_content_transfer.readTransferCell)(row, column);
+    return value === null || ["string", "number", "boolean"].includes(typeof value) ? value : value === void 0 ? "" : JSON.stringify(value);
+  }));
+  const sheet = XLSX.utils.aoa_to_sheet([columns.map((c) => c.label), ...cells]);
+  const book = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(book, sheet, label.replace(/[\\/?*[\]:]/g, " ").trim().slice(0, 31) || "Data");
+  const written = XLSX.write(book, { type: "array", bookType: "xlsx", compression: true });
+  return (0, import_content_transfer.sealTransferArtifact)({ snapshotId: draft.snapshotId, draftRevision: draft.revision, format: "xlsx", plainText: (0, import_content_transfer.serialize)(draft, "tsv", { spreadsheetSafe: true }).plainText, file: { filename: `${filenameFor(label)}.xlsx`, mime: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", bytes: written instanceof Uint8Array ? written : new Uint8Array(written) }, omissions: [...draft.omissions] });
+}
+async function buildArtifact(draft, format, label) {
+  if (!supportsBuiltIn(format, draft.payload)) throw new Error(`${LABEL[format]} is available for tabular content only.`);
+  if (format === "xlsx") return xlsxArtifact(draft, label);
+  if (format === "html" && draft.payload.kind === "markdown") return (0, import_content_transfer.serializeMarkdownRich)(draft, `${filenameFor(label)}.html`);
+  const extension = format === "plain" ? "txt" : format === "compact-json" ? "json" : format;
+  return (0, import_content_transfer.serialize)(draft, format, { spreadsheetSafe: format === "csv" || format === "tsv", filename: `${filenameFor(label)}.${extension}` });
+}
+function ContentTransferMenu({ source, surface, label, projection, sections, preferences, table, formatSources, variants = EMPTY_VARIANTS, actions = [], capabilities: local, disabled, enabled = true, className, stopPropagation = true, hide = [], controllerRef }) {
+  const triggerRef = React7.useRef(null);
+  const inherited = React7.useContext(CapabilityContext);
+  const nearestSurface = React7.useContext(SurfaceContext);
+  const fence = useFence();
+  const [menuCapture, setMenuCapture] = React7.useState(null);
+  const [menuStatus, setMenuStatus] = React7.useState("idle");
+  const [workspaces, setWorkspaces] = React7.useState({});
+  const [workspaceKey, setWorkspaceKey] = React7.useState(null);
+  const [workspaceOpen, setWorkspaceOpen] = React7.useState(false);
+  const workspaceCaptures = React7.useRef(/* @__PURE__ */ new Map());
+  const externalWorkspaceKeys = React7.useRef(/* @__PURE__ */ new Set());
+  const [notice, setNotice] = React7.useState(null);
+  const scopes = React7.useMemo(() => table?.availableScopes ?? ["target"], [table]);
+  const initialScope = table?.initialScope ?? "target";
+  if (!scopes.includes(initialScope)) throw new Error("Alchemy initialScope must be included in availableScopes.");
+  const primary = surface ?? source ?? nearestSurface;
+  const sourceLabel = label ?? (surface?.surfaceName ?? (source && "label" in source ? source.label : nearestSurface?.surfaceName) ?? "content");
+  const primaryWorkspaceKey = `primary:${materialIdentity(primary)}`;
+  const nearestWorkspaceKey = source && !surface && nearestSurface ? `surface:${materialIdentity(nearestSurface)}` : null;
+  const variantWorkspaceKeys = React7.useMemo(() => new Map(variants.map((variant) => [variant.id, `variant:${variant.id}:${materialIdentity(variant.source)}`])), [variants]);
+  const transport = local?.transport ?? inherited.transport ?? (0, import_content_transfer.createBrowserTransport)();
+  const ai = local?.ai ?? inherited.ai;
+  const providerPreferences = React7.useMemo(() => (0, import_content_transfer.resolveTransferPreferences)(inherited.preferences, local?.preferences), [inherited.preferences, local?.preferences]);
+  const adapters = React7.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(BUILT_INS, inherited.formats ?? [], local?.formats ?? []).filter((x) => "build" in x), [inherited.formats, local?.formats]);
+  const registeredActions = React7.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(inherited.actions ?? [], local?.actions ?? [], actions), [actions, inherited.actions, local?.actions]);
+  React7.useMemo(() => (0, import_content_transfer.resolveTransferRegistry)(variants), [variants]);
+  const report = React7.useCallback((result) => {
+    inherited.onOutcome?.(result);
+    local?.onOutcome?.(result);
+    setNotice(outcomeMessage(result));
+  }, [inherited, local]);
+  React7.useEffect(() => {
+    const valid = /* @__PURE__ */ new Set([primaryWorkspaceKey, ...nearestWorkspaceKey ? [nearestWorkspaceKey] : [], ...variantWorkspaceKeys.values(), ...externalWorkspaceKeys.current]);
+    setWorkspaces((current) => Object.fromEntries(Object.entries(current).filter(([key]) => valid.has(key))));
+    for (const key of workspaceCaptures.current.keys()) if (!valid.has(key)) workspaceCaptures.current.delete(key);
+    if (workspaceKey && !valid.has(workspaceKey)) {
+      setWorkspaceKey(null);
+      setWorkspaceOpen(false);
     }
-  };
-  const notice = message ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
-    message.text,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
-  ] }) : null;
-  return { notify, notice };
+  }, [nearestWorkspaceKey, primaryWorkspaceKey, variantWorkspaceKeys, workspaceKey]);
+  const captureOne = React7.useCallback(async (material, scope, signal, applyMenuProjection = false, collectPages = true) => {
+    if (!material) throw new Error("Alchemy needs a source or a mounted transfer surface.");
+    let sourceMaterial;
+    if ("instanceId" in material) {
+      if (!material.isMounted()) throw new Error("The requested transfer surface is no longer mounted.");
+      const captured = await material.capture(signal);
+      sourceMaterial = { id: captured.snapshot.sourceId, label: captured.snapshot.label, capture: async () => captured };
+    } else if ("kind" in material) {
+      sourceMaterial = applyMenuProjection ? { id: "direct", label: sourceLabel, capture: async () => (0, import_content_transfer.directSource)(material, { label: sourceLabel, ...projection ? { projection } : {}, ...sections ? { sections } : {} }) } : material;
+    } else if (applyMenuProjection && (projection || sections)) {
+      sourceMaterial = {
+        id: material.id,
+        label: material.label,
+        capture: async (request) => {
+          const captured = await material.capture(request);
+          return {
+            ...captured,
+            projection: { rules: [...captured.projection.rules, ...projection?.rules ?? []] },
+            snapshot: { ...captured.snapshot, ...sections ? { sections } : {} }
+          };
+        }
+      };
+    } else {
+      sourceMaterial = material;
+    }
+    const raw = "kind" in sourceMaterial ? (0, import_content_transfer.directSource)(sourceMaterial) : await sourceMaterial.capture({ scope, signal });
+    const constrained = (0, import_content_transfer.resolveTransferPreferences)(providerPreferences, preferences, raw.snapshot.limits);
+    const result = await (0, import_content_transfer.capture)({ id: raw.snapshot.sourceId, label: raw.snapshot.label, capture: async () => ({ ...raw, snapshot: { ...raw.snapshot, limits: constrained.limits } }) }, signal, scope);
+    if (scope !== "all-matching" || !collectPages) return result;
+    if (!result.allMatching) throw new Error("This source cannot provide a stable all-matching export.");
+    const collected = await (0, import_content_transfer.collectAllMatching)(result.allMatching, signal);
+    if (result.snapshot.payload.kind !== "rows") throw new Error("All-matching export requires tabular content.");
+    return { snapshot: (0, import_content_transfer.projectSnapshot)({ ...result.snapshot, payload: { kind: "rows", rows: collected.rows, columns: result.snapshot.payload.columns }, coverage: collected.coverage, omissions: [...collected.omissions] }, { rules: [] }), allMatching: result.allMatching, ...collected.error ? { collectionError: collected.error.message } : {} };
+  }, [preferences, projection, providerPreferences, sections, sourceLabel]);
+  const capturePrimary = React7.useCallback((scope, signal) => captureOne(primary, scope, signal, true), [captureOne, primary]);
+  workspaceCaptures.current.set(primaryWorkspaceKey, capturePrimary);
+  if (nearestWorkspaceKey && nearestSurface) workspaceCaptures.current.set(nearestWorkspaceKey, (scope, signal) => captureOne(nearestSurface, scope, signal, true));
+  for (const variant of variants) {
+    const key = variantWorkspaceKeys.get(variant.id);
+    workspaceCaptures.current.set(key, (scope, signal) => captureOne(variant.source, scope, signal, true));
+  }
+  const preflight = React7.useCallback(async () => {
+    const { controller, id } = fence.begin();
+    setMenuCapture(null);
+    setMenuStatus("loading");
+    try {
+      const result = await captureOne(primary, initialScope, controller.signal, true, false);
+      if (fence.valid(id, controller)) {
+        setMenuCapture(result);
+        setMenuStatus("idle");
+      }
+    } catch (error) {
+      if (fence.valid(id, controller)) {
+        setMenuCapture(null);
+        setMenuStatus(errorMessage(error, "Could not inspect content"));
+      }
+    } finally {
+      fence.finish(controller);
+    }
+  }, [captureOne, fence, initialScope, primary]);
+  const transfer = React7.useCallback(async (format, download, alternate) => {
+    const { controller, id } = fence.begin();
+    try {
+      const explicit = alternate?.source ?? (typeof format === "string" && format !== "xlsx" ? formatSources?.[format] : void 0);
+      const result = await (explicit ? captureOne(explicit, initialScope, controller.signal, true) : capturePrimary(initialScope, controller.signal));
+      if (result.collectionError) throw new Error(`The complete source could not be collected: ${result.collectionError}`);
+      if (result.snapshot.coverage.status !== "complete" || result.snapshot.omissions.length > 0) {
+        const reason = result.snapshot.coverage.reason ?? `${result.snapshot.omissions.length} omission${result.snapshot.omissions.length === 1 ? "" : "s"}`;
+        throw new Error(`Quick transfer is partial (${reason}). Open Prepare for AI to review it before delivery.`);
+      }
+      const resolved = (0, import_content_transfer.resolveTransferPreferences)(providerPreferences, preferences, result.snapshot.limits);
+      const draft = (0, import_content_transfer.applyTransferLimits)((0, import_content_transfer.createDraft)(result.snapshot), resolved.limits);
+      const revision = draft.revision;
+      if (draft.omissions.length > result.snapshot.omissions.length) throw new Error("Quick transfer requires content reductions. Open Prepare for AI to review them before delivery.");
+      const artifact = typeof format === "string" ? await buildArtifact(draft, format, result.snapshot.label) : await format.build(draft, controller.signal);
+      if (artifact.omissions.length > draft.omissions.length) throw new Error(`Quick format requires ${artifact.omissions.length - draft.omissions.length} adjustment${artifact.omissions.length - draft.omissions.length === 1 ? "" : "s"}. Open Prepare for AI to review before delivery.`);
+      if (!fence.valid(id, controller) || artifact.snapshotId !== result.snapshot.id || artifact.draftRevision !== revision) return;
+      const outcome = await transport[download ? "download" : "copy"](artifact, controller.signal);
+      if (fence.valid(id, controller)) report(outcome.status === "success" && alternate?.successMessage ? { ...outcome, message: alternate.successMessage } : outcome);
+    } catch (error) {
+      if (fence.valid(id, controller)) report({ status: "error", code: "prepare-failed", message: errorMessage(error, "Preparation failed"), retryable: true });
+    } finally {
+      fence.finish(controller);
+    }
+  }, [captureOne, capturePrimary, fence, formatSources, initialScope, preferences, providerPreferences, report, transport]);
+  const openWorkspace = React7.useCallback(async (key = primaryWorkspaceKey, variant) => {
+    const variantMaterial = variant && "kind" in variant.source ? { id: `variant:${key}`, label: variant.label, capture: async () => (0, import_content_transfer.directSource)(variant.source, { label: variant.label }) } : variant?.source;
+    const captureWorkspace = variantMaterial ? (scope, signal) => captureOne(variantMaterial, scope, signal, true) : capturePrimary;
+    workspaceCaptures.current.set(key, captureWorkspace);
+    if (workspaces[key]) {
+      setWorkspaceKey(key);
+      setWorkspaceOpen(true);
+      return;
+    }
+    const { controller, id } = fence.begin();
+    try {
+      const result = await captureWorkspace(initialScope, controller.signal);
+      if (!fence.valid(id, controller)) return;
+      const resolved = (0, import_content_transfer.resolveTransferPreferences)(providerPreferences, preferences, result.snapshot.limits);
+      const original = (0, import_content_transfer.createDraft)(result.snapshot);
+      const base = { ...result, key, original, draft: original, scope: initialScope, preferences: resolved, ...result.collectionError ? { error: result.collectionError } : {} };
+      setWorkspaces((current) => ({ ...current, [key]: { ...base, draft: rebuild(base, initialControls(base)) } }));
+      setWorkspaceKey(key);
+      setWorkspaceOpen(true);
+    } catch (error) {
+      if (fence.valid(id, controller)) setNotice(errorMessage(error, "Could not capture content"));
+    } finally {
+      fence.finish(controller);
+    }
+  }, [captureOne, capturePrimary, fence, initialScope, preferences, primaryWorkspaceKey, providerPreferences, workspaces]);
+  React7.useImperativeHandle(controllerRef, () => ({
+    focusTrigger: () => triggerRef.current?.focus(),
+    prepare: async (requestedSource, options) => {
+      const requestedLabel = options?.label ?? ("label" in requestedSource ? requestedSource.label : "content");
+      const requestedKey = `controller:${options?.id ?? "source"}:${materialIdentity(requestedSource)}`;
+      externalWorkspaceKeys.current.add(requestedKey);
+      await openWorkspace(requestedKey, { source: requestedSource, label: requestedLabel });
+    }
+  }), [openWorkspace]);
+  const runAction = React7.useCallback(async (action) => {
+    const { controller, id } = fence.begin();
+    try {
+      const actionSource = action.source;
+      const { snapshot } = actionSource ? await captureOne(actionSource, initialScope, controller.signal, true) : await capturePrimary(initialScope, controller.signal);
+      const resolved = (0, import_content_transfer.resolveTransferPreferences)(providerPreferences, preferences, snapshot.limits);
+      const draft = (0, import_content_transfer.applyTransferLimits)((0, import_content_transfer.createDraft)(snapshot), resolved.limits);
+      if (!action.supports(snapshot)) throw new Error(`${action.label} is unavailable for this content.`);
+      const result = await action.run({ snapshot, draft, signal: controller.signal });
+      if (fence.valid(id, controller) && draft.snapshotId === snapshot.id) report(result);
+    } catch (error) {
+      if (fence.valid(id, controller)) report({ status: "error", code: "action-failed", message: errorMessage(error, "Action failed"), retryable: true });
+    } finally {
+      fence.finish(controller);
+    }
+  }, [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_runtime10.jsx)(DropdownMenuItem, { "aria-label": v.ariaLabel, onSelect: () => void transfer("markdown", false, v), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPresentation, { ...v, label: v.copyLabel }) }, `copy:${v.id}`));
+  const visibleCopies = COPIES.filter((f) => Boolean(formatSources?.[f]) || !["csv", "tsv"].includes(f) || payload?.kind === "rows");
+  const visibleDownloads = DOWNLOADS.filter((f) => f !== "xlsx" && Boolean(formatSources?.[f]) || !["csv", "tsv", "xlsx"].includes(f) || payload?.kind === "rows");
+  const visibleAdapters = menuCapture ? adapters.filter((a) => a.supports(menuCapture.snapshot.payload)) : [];
+  const visibleActions = menuCapture ? registeredActions.filter((a) => a.supports(menuCapture.snapshot)) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: cn("matrx-alchemy", className), onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenu, { onOpenChange: (open) => {
+      if (open) void preflight();
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(AlchemyGlyph, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenuContent, { align: "end", className: "matrx-alchemy-menu", children: [
+        menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { disabled: true, children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { disabled: true, children: menuStatus }) : null,
+        !hide.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuLabel, { children: "Copy" }),
+          quickVariants("copy"),
+          visibleCopies.map((format) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onSelect: () => void transfer(format, false), children: format === "plain" ? "Copy" : `Copy ${LABEL[format]}` }, format)),
+          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, false), children: [
+            "Copy ",
+            adapter.label
+          ] }, adapter.id))
+        ] }) : null,
+        !hide.includes("prepare") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuSeparator, {}),
+          quickVariants("ai"),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(), children: "Prepare for AI\u2026" }),
+          nearestWorkspaceKey && nearestSurface ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(nearestWorkspaceKey, { source: nearestSurface, label: nearestSurface.surfaceName }), children: "Prepare this surface\u2026" }) : null,
+          variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { onSelect: () => void openWorkspace(variantWorkspaceKeys.get(variant.id), variant), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPresentation, { ...variant, label: `Prepare ${variant.label}\u2026` }) }, variant.id))
+        ] }) : null,
+        !hide.includes("download") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuLabel, { children: "Download" }),
+          visibleDownloads.map((format) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(format, true), children: [
+            "Download ",
+            LABEL[format]
+          ] }, format)),
+          visibleAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenuItem, { onSelect: () => void transfer(adapter, true), children: [
+            "Download ",
+            adapter.label
+          ] }, `download:${adapter.id}`))
+        ] }) : null,
+        visibleActions.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuSeparator, {}) : null,
+        visibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuItem, { "aria-label": action.ariaLabel, onSelect: () => void runAction(action), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id))
+      ] })
+    ] }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
+    Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PreparationWorkspace, { restoreFocus: () => triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key))
+  ] });
 }
-
-// src/data-table/copy-payload.ts
-function tableAgentText(value) {
-  if (typeof value === "string") return value;
-  const attributes = Object.entries(value.attributes ?? {}).filter(([, entry]) => entry !== null && entry !== void 0 && entry !== "").map(([key, entry]) => ` ${key}="${String(entry)}"`).join("");
-  const context = Object.entries(value.context ?? {}).filter(([, entry]) => entry !== null && entry !== void 0 && entry !== "").map(([key, entry]) => `<${key}>${String(entry)}</${key}>`).join("\n");
-  const url = typeof window === "undefined" ? "" : window.location.href;
-  const route = typeof window === "undefined" ? "" : window.location.pathname;
-  return `<${value.kind}${attributes}>
-<context>
-<location>${value.location}</location>
-${url ? `<url>${url}</url>` : ""}
-${route ? `<route>${route}</route>` : ""}
-<copied>${value.description}</copied>
-<copied-at>${(/* @__PURE__ */ new Date()).toISOString()}</copied-at>
-${context}
-</context>
-${value.summary ? `<summary>
-${value.summary}
-</summary>
-` : ""}<data format="json">
-\`\`\`json
-${JSON.stringify(value.data, null, 2)}
-\`\`\`
-</data>
-</${value.kind}>`;
+function initialControls(state) {
+  const rows = state.original.payload.kind === "rows" ? state.original.payload : null;
+  return {
+    preset: state.preferences.initialPreset,
+    sections: state.snapshot.sections.filter((s) => s.includedByDefault).map((s) => s.id),
+    search: "",
+    filters: {},
+    sort: "",
+    direction: "asc",
+    top: state.preferences.limits.maxRows,
+    visibleColumns: rows?.columns.filter((c) => c.visible).map((c) => c.id) ?? [],
+    selectedOnly: false,
+    selectedIndices: [],
+    maxDepth: state.preferences.limits.maxDepth,
+    maxStringChars: state.preferences.limits.maxStringChars,
+    maxArrayItems: state.preferences.limits.maxArrayItems ?? null
+  };
 }
-
-// src/data-table/copy.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function resolve(value) {
-  return typeof value === "function" ? value() : value;
+function presetLimits(preset, controls, preferences) {
+  const min = (choice, cap) => choice == null ? cap : cap == null ? choice : Math.min(choice, cap);
+  if (preset === "full") return preferences.limits;
+  const request = preset === "brief" ? { maxDepth: 4, maxStringChars: 800, maxArrayItems: 25 } : preset === "compact" ? { maxDepth: 8, maxStringChars: 4e3, maxArrayItems: 100 } : { maxDepth: controls.maxDepth, maxStringChars: controls.maxStringChars, maxArrayItems: controls.maxArrayItems };
+  return { ...preferences.limits, maxDepth: min(request.maxDepth, preferences.limits.maxDepth), maxStringChars: min(request.maxStringChars, preferences.limits.maxStringChars), maxArrayItems: min(request.maxArrayItems, preferences.limits.maxArrayItems ?? null) };
 }
-function download(item) {
-  if (!item.build) throw new Error(`No export action is available for ${item.label}.`);
-  const file = item.build();
-  const url = URL.createObjectURL(new Blob([file.content], { type: file.mime }));
-  try {
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = `${item.label.replace(/[^a-z0-9]+/gi, "-")}.${file.extension}`;
-    document.body.append(link);
-    link.click();
-    link.remove();
-  } finally {
-    URL.revokeObjectURL(url);
+function rebuild(state, controls) {
+  let draft = (0, import_content_transfer.resetDraft)(state.snapshot);
+  if (state.snapshot.sections.length) draft = (0, import_content_transfer.applySectionSelection)(draft, state.snapshot, controls.sections);
+  if (draft.payload.kind === "rows") draft = (0, import_content_transfer.transformRows)(draft, {
+    search: controls.search,
+    filters: controls.filters,
+    ...controls.sort ? { sort: { column: controls.sort, direction: controls.direction } } : {},
+    ...controls.selectedOnly ? { selectedIndices: controls.selectedIndices } : {},
+    visibleColumns: controls.visibleColumns,
+    structuredProjection: "visible",
+    top: controls.top
+  });
+  const limits = presetLimits(controls.preset, controls, state.preferences);
+  if (draft.payload.kind === "json" || draft.payload.kind === "registered") {
+    draft = (0, import_content_transfer.reduceJson)(draft, { maxDepth: limits.maxDepth, maxStringChars: limits.maxStringChars, maxArrayItems: limits.maxArrayItems ?? null });
   }
+  return (0, import_content_transfer.applyTransferLimits)(draft, limits);
 }
-function CopyButtons(props) {
-  const { CopyControls } = useMatrxDataTableHost();
-  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CopyControls, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DefaultCopyButtons, { ...props });
+function isBuiltInFormat(format) {
+  return format in LABEL;
 }
-function DefaultCopyButtons({ human, agent, json, label, size = "icon", appearance = "segmented", disabled = false, stopPropagation = true, className, aiVariants = [], agentVariant, aiCustom, export: exportConfig, hide }) {
-  const { notify, notice } = useTableNotice();
-  const clipboard = (0, import_clipboard.useClipboard)({ notify: (message, kind) => notify[kind](message) });
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [modal, setModal] = (0, import_react3.useState)(null);
-  const run = async (operation) => {
-    if (busy) return;
-    setBusy(true);
+function preview(draft, format) {
+  const resolved = isBuiltInFormat(format) ? format : "plain";
+  return (0, import_content_transfer.serialize)(draft, resolved === "xlsx" ? "tsv" : resolved, { spreadsheetSafe: resolved === "csv" || resolved === "tsv" || resolved === "xlsx" }).plainText;
+}
+function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onChange, transport, ai, adapters, onOutcome, captureScope }) {
+  const fence = useFence();
+  const latest = React7.useRef(state);
+  latest.current = state;
+  const aiSession = React7.useRef(void 0);
+  if (!aiSession.current && ai) aiSession.current = ai.fork?.() ?? ai;
+  const [controls, setControls] = React7.useState(() => initialControls(state));
+  const [controlsHistory, setControlsHistory] = React7.useState([]);
+  const [pendingControls, setPendingControls] = React7.useState(null);
+  const requestedFormat = state.preferences.initialFormat;
+  const [format, setFormat] = React7.useState(() => isBuiltInFormat(requestedFormat) ? supportsBuiltIn(requestedFormat, state.draft.payload) ? requestedFormat : "plain" : adapters.some((adapter) => adapter.id === requestedFormat && adapter.supports(state.draft.payload)) ? requestedFormat : "plain");
+  const [buffer, setBuffer] = React7.useState(() => isBuiltInFormat(format) ? preview(state.draft, format) : "Preparing format preview\u2026");
+  const [bufferError, setBufferError] = React7.useState(null);
+  const [formatError, setFormatError] = React7.useState(null);
+  const [preparedArtifact, setPreparedArtifact] = React7.useState(null);
+  const [instruction, setInstruction] = React7.useState("");
+  const [busy, setBusy] = React7.useState(null);
+  const [aiFailed, setAiFailed] = React7.useState(false);
+  const activeAi = React7.useRef(null);
+  const activeCapture = React7.useRef(null);
+  React7.useEffect(() => {
+    if (bufferError) return;
+    const adapter = adapters.find((candidate) => candidate.id === format);
+    const controller = new AbortController();
+    const snapshotId = state.snapshot.id;
+    const revision = state.draft.revision;
+    setPreparedArtifact(null);
+    setFormatError(null);
+    if (adapter) setBuffer("Preparing format preview\u2026");
+    const artifactPromise = adapter ? adapter.build(state.draft, controller.signal) : buildArtifact(state.draft, isBuiltInFormat(format) ? format : "plain", state.snapshot.label);
+    void artifactPromise.then((artifact) => {
+      if (!controller.signal.aborted && artifact.snapshotId === snapshotId && artifact.draftRevision === revision) {
+        setPreparedArtifact(artifact);
+        setBuffer(artifact.plainText);
+      }
+    }).catch((error) => {
+      if (!controller.signal.aborted) setFormatError(errorMessage(error, "Format preview failed"));
+    });
+    return () => controller.abort();
+  }, [adapters, bufferError, format, state.draft, state.snapshot.id]);
+  const close = React7.useCallback(() => {
+    activeAi.current?.abort();
+    activeCapture.current?.abort();
+    activeAi.current = null;
+    activeCapture.current = null;
+    fence.abortAll();
+    setBusy(null);
+    onClose();
+  }, [fence, onClose]);
+  const changeControls = (next) => {
+    if (state.draft.manuallyEdited) {
+      setPendingControls(next);
+      return;
+    }
+    setControlsHistory((history) => [...history, controls]);
+    setControls(next);
+    onChange({ ...state, draft: rebuild(state, next), error: void 0 });
+  };
+  const applyPendingControls = () => {
+    if (!pendingControls) return;
+    setControlsHistory((history) => [...history, controls]);
+    setControls(pendingControls);
+    setBufferError(null);
+    onChange({ ...state, draft: rebuild(state, pendingControls), error: void 0 });
+    setPendingControls(null);
+  };
+  const editBuffer = (text) => {
+    setBuffer(text);
+    setPreparedArtifact(null);
+    setFormatError(null);
+    const payload = state.draft.payload;
+    if (payload.kind === "json" || payload.kind === "registered") {
+      try {
+        const value = JSON.parse(text);
+        const next = payload.kind === "json" ? { kind: "json", value } : { kind: "registered", format: payload.format, value };
+        setBufferError(null);
+        onChange({ ...state, draft: (0, import_content_transfer.editDraft)(state.draft, next), error: void 0 });
+      } catch {
+        setBufferError("JSON is incomplete or invalid. Fix it before copying or downloading.");
+      }
+      return;
+    }
+    setBufferError(null);
+    const kind = payload.kind === "markdown" || format === "markdown" ? "markdown" : "text";
+    if (payload.kind === "rows" || !isBuiltInFormat(format)) setFormat("plain");
+    onChange({ ...state, draft: (0, import_content_transfer.editDraft)(state.draft, { kind, text }), error: void 0 });
+  };
+  const requestCapture = async (scope) => {
+    activeCapture.current?.abort();
+    const { controller, id } = fence.begin();
+    activeCapture.current = controller;
+    const revision = state.draft.revision;
+    setBusy("capture");
+    try {
+      const result = await captureScope(scope, controller.signal);
+      if (fence.valid(id, controller) && latest.current.draft.revision === revision) onChange({ ...latest.current, pending: { ...result, scope }, error: result.collectionError });
+    } catch (error) {
+      if (fence.valid(id, controller)) onChange({ ...latest.current, error: errorMessage(error, "Refresh failed") });
+    } finally {
+      fence.finish(controller);
+      if (activeCapture.current === controller) activeCapture.current = null;
+      if (fence.valid(id, controller)) setBusy(null);
+    }
+  };
+  const resolveCapture = (choice) => {
+    if (!state.pending) return;
+    if (choice === "keep") {
+      const { pending: _pending, ...kept } = state;
+      onChange({ ...kept, error: void 0 });
+      return;
+    }
+    const pending = state.pending;
+    const preferences = (0, import_content_transfer.resolveTransferPreferences)({}, state.preferences, pending.snapshot.limits);
+    const base = { ...pending, key: state.key, original: (0, import_content_transfer.createDraft)(pending.snapshot), draft: (0, import_content_transfer.createDraft)(pending.snapshot), scope: pending.scope, preferences, ...pending.collectionError ? { error: pending.collectionError } : {} };
+    const nextControls = initialControls(base);
+    setControls(nextControls);
+    setControlsHistory([]);
+    setPendingControls(null);
+    setBufferError(null);
+    onChange({ ...base, draft: rebuild(base, nextControls) });
+  };
+  const runAi = async (recover = false) => {
+    const adapter = aiSession.current;
+    if (!adapter || !adapter.supports(state.snapshot) || !recover && !instruction.trim() || recover && !adapter.recover) return;
+    activeAi.current?.abort();
+    const { controller, id } = fence.begin();
+    activeAi.current = controller;
+    const snapshotId = state.snapshot.id;
+    const revision = state.draft.revision;
+    setBusy("ai");
+    setAiFailed(false);
     try {
-      await operation();
+      const next = recover ? await adapter.recover({ snapshot: state.snapshot, draft: state.draft, signal: controller.signal }) : await adapter.run({ snapshot: state.snapshot, draft: state.draft, instruction, signal: controller.signal });
+      const current = latest.current;
+      if (!fence.valid(id, controller) || current.snapshot.id !== snapshotId || current.draft.revision !== revision || next.snapshotId !== snapshotId || next.sourceId !== state.draft.sourceId || next.sourceRevision !== state.draft.sourceRevision || next.revision <= revision) return;
+      try {
+        (0, import_content_transfer.serialize)(next, "plain");
+      } catch {
+        onChange({ ...current, error: "AI returned an invalid transfer draft." });
+        setAiFailed(true);
+        return;
+      }
+      onChange({ ...current, draft: next, error: void 0 });
+      setBufferError(null);
     } catch (error) {
-      notify.error(error instanceof Error ? error.message : String(error));
+      if (!isAbort(error) && fence.valid(id, controller)) {
+        setAiFailed(true);
+        onChange({ ...latest.current, error: errorMessage(error, "AI preparation failed") });
+      }
     } finally {
-      setBusy(false);
+      fence.finish(controller);
+      if (activeAi.current === controller) activeAi.current = null;
+      if (fence.valid(id, controller)) setBusy(null);
     }
   };
-  const faithfulAgent = agent === void 0 ? [] : [{
-    id: agentVariant?.id ?? "copy-for-ai",
-    label: agentVariant?.label ?? "Copy for AI",
-    ...agentVariant?.hint === void 0 ? {} : { hint: agentVariant.hint },
-    section: "ai",
-    build: () => resolve(agent)
-  }];
-  const orderedAgent = agentVariant?.position === "last" ? [...aiVariants, ...faithfulAgent] : [...faithfulAgent, ...aiVariants];
-  const variants = [
-    ...json === void 0 ? [] : [{ id: "json", label: "Copy JSON", section: "copy", build: () => JSON.stringify(resolve(json), null, 2) }],
-    ...orderedAgent
-  ].filter((variant) => !hide?.includes(variant.section ?? "ai"));
-  const exports = hide?.includes("export") ? void 0 : exportConfig;
-  const showCustom = aiCustom && !hide?.includes("ai");
-  const buttonClass = `${size === "xs" ? "h-8 w-8 lg:h-5 lg:w-8" : ""} ${appearance === "bare" ? "border-0 bg-transparent shadow-none" : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `inline-flex flex-wrap items-center gap-0.5 ${className ?? ""}`, onClick: stopPropagation ? (event) => event.stopPropagation() : void 0, children: [
-    human !== void 0 && !hide?.includes("copy") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label}`, onClick: () => void run(() => clipboard.copyText(resolve(human), `${label} copied`)), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Copy, { className: "h-3.5 w-3.5" }) }) : null,
-    variants.length > 0 || showCustom || exports ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Popover, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "icon", className: buttonClass, disabled: disabled || busy, "aria-label": `Copy ${label} for AI or export`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SlidersHorizontal, { className: "h-3.5 w-3.5" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(PopoverContent, { align: "end", className: "w-64 p-1", children: [
-        variants.map((variant) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
-          if (variant.onSelect) variant.onSelect();
-          else if (variant.modal) setModal(variant.id);
-          else if (variant.build) await clipboard.copyText(tableAgentText(await variant.build()), variant.successMessage ?? `${label} copied`);
-          else throw new Error(`No copy action is available for ${variant.label}.`);
-        }), children: variant.label }, variant.id)),
-        showCustom ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => setModal("custom"), children: aiCustom.label ?? "Custom copy\u2026" }) : null,
-        exports?.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", disabled: busy, onClick: () => void run(async () => {
-          if (item.onSelect) await item.onSelect();
-          else download(item);
-        }), children: item.label }, item.id)),
-        exports?.sheetRows ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full justify-start", onClick: () => void run(async () => {
-          const rows = exports.sheetRows?.();
-          if (!rows) return;
-          const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))];
-          const value = (input) => String(input ?? "").replace(/[\t\r\n]+/g, " ");
-          await clipboard.copyText([keys.map(value).join("	"), ...rows.map((row) => keys.map((key) => value(row[key])).join("	"))].join("\n"), "Copied for pasting into Google Sheets");
-        }), children: "Copy for Google Sheets" }) : null
+  const cancelAi = async () => {
+    const aiController = activeAi.current;
+    const { controller, id } = fence.begin();
+    try {
+      await aiSession.current?.cancel?.();
+    } catch (error) {
+      if (fence.valid(id, controller)) onChange({ ...latest.current, error: errorMessage(error, "AI cancellation failed") });
+    } finally {
+      aiController?.abort();
+      fence.finish(controller);
+      if (activeAi.current === aiController) activeAi.current = null;
+      if (fence.valid(id, controller)) setBusy(null);
+    }
+  };
+  const [deliveryNotice, setDeliveryNotice] = React7.useState(null);
+  React7.useEffect(() => {
+    setDeliveryNotice(null);
+  }, [state.draft.revision]);
+  const reportDelivery = (outcome) => {
+    setDeliveryNotice(outcomeMessage(outcome));
+    onOutcome(outcome);
+  };
+  const deliver = async (download) => {
+    if (bufferError) return;
+    const { controller, id } = fence.begin();
+    const snapshotId = state.snapshot.id;
+    const revision = state.draft.revision;
+    setBusy(download ? "download" : "copy");
+    try {
+      if (!preparedArtifact) throw new Error("Wait for the selected format preview before delivery.");
+      const artifact = preparedArtifact;
+      const current = latest.current;
+      if (!fence.valid(id, controller) || current.snapshot.id !== snapshotId || current.draft.revision !== revision || artifact.snapshotId !== snapshotId || artifact.draftRevision !== revision) return;
+      const result = await transport[download ? "download" : "copy"](artifact, controller.signal);
+      if (fence.valid(id, controller)) reportDelivery(result);
+    } catch (error) {
+      if (fence.valid(id, controller)) reportDelivery({ status: "error", code: "prepare-failed", message: errorMessage(error, "Preparation failed"), retryable: true });
+    } finally {
+      fence.finish(controller);
+      if (fence.valid(id, controller)) setBusy(null);
+    }
+  };
+  const rows = state.original.payload.kind === "rows" ? state.original.payload : null;
+  const formats = COPIES.filter((f) => supportsBuiltIn(f, state.draft.payload));
+  const workspaceAdapters = adapters.filter((adapter) => adapter.supports(state.draft.payload));
+  const displayedOmissions = preparedArtifact?.omissions ?? state.draft.omissions;
+  const limitText = Object.entries(state.preferences.limits).filter(([, value]) => value != null).map(([key, value]) => `${key.replace(/^max/, "max ")} ${Number(value).toLocaleString()}`).join(" \xB7 ");
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open, onOpenChange: (next) => {
+    if (!next) close();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogContent, { onCloseAutoFocus: (event) => {
+    event.preventDefault();
+    restoreFocus();
+  }, className: "matrx-alchemy-workspace max-w-5xl", "aria-busy": busy !== null, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogTitle, { children: [
+        "Prepare ",
+        state.snapshot.label
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogDescription, { children: [
+        "Captured ",
+        state.snapshot.unsavedChanges ? "from your unsaved draft" : "as an immutable snapshot",
+        ". Your source is never edited."
       ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-workspace-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "matrx-alchemy-main", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
+          scopes.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "Scope",
+            /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("option", { value: scope, children: SCOPE_LABEL[scope] }, scope)) })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "Detail",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("select", { "aria-label": "Detail preset", value: controls.preset, onChange: (e) => changeControls({ ...controls, preset: e.target.value }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "full", children: "Full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "compact", children: "Compact" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "brief", children: "Brief" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "custom", children: "Custom" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.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];
+              setControls(next);
+              setControlsHistory((history) => history.slice(0, -1));
+              onChange({ ...state, draft: rebuild(state, next), error: void 0 });
+            } else onChange({ ...state, draft: (0, import_content_transfer.undoDraft)(state.draft), error: void 0 });
+          }, children: "Undo" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.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_runtime10.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("legend", { children: "JSON limits" }),
+          [["maxDepth", "Maximum depth"], ["maxStringChars", "Maximum string characters"], ["maxArrayItems", "Maximum array items"]].map(([key, text]) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            text,
+            /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(RowControls, { rows, controls, change: changeControls }) : null,
+        state.snapshot.sections.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("legend", { children: "Sections" }),
+          state.snapshot.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsxs)("div", { className: "matrx-alchemy-coverage", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("span", { children: state.snapshot.coverage.reason }) : null,
+          limitText ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+            "Limits: ",
+            limitText
+          ] }) : null,
+          displayedOmissions.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("details", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("summary", { children: [
+              displayedOmissions.length,
+              " omissions or adjustments"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { children: displayedOmissions.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("li", { children: [
+              o.path || "/",
+              ": ",
+              o.reason,
+              o.count == null ? "" : ` (${o.count})`
+            ] }, `${o.path}-${o.reason}-${i}`)) })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "matrx-alchemy-preview-label", children: [
+          "Output format",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("select", { "aria-label": "Output format", value: format, onChange: (e) => setFormat(e.target.value), children: [
+            formats.map((f) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: f, children: LABEL[f] }, f)),
+            state.draft.payload.kind === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "xlsx", children: "Excel workbook" }) : null,
+            workspaceAdapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: adapter.id, children: adapter.label }, adapter.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("p", { id: "alchemy-buffer-error", role: "alert", className: "matrx-alchemy-error", children: bufferError }) : null,
+        formatError ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: formatError }) : null,
+        bufferError ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", variant: "outline", disabled: busy !== null, onClick: () => {
+          const fallback = (0, import_content_transfer.editDraft)(state.draft, { kind: "text", text: buffer });
+          setBufferError(null);
+          onChange({ ...state, draft: fallback, error: void 0 });
+          setFormat("plain");
+        }, children: "Use invalid JSON as plain text" }) : null
+      ] }),
+      ai || busy === "capture" || state.error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("aside", { children: [
+        ai ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+            "AI instruction",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "Tell AI how to prepare this content" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.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_runtime10.jsx)(Button, { type: "button", variant: "outline", onClick: () => {
+          activeCapture.current?.abort();
+          activeCapture.current = null;
+          setBusy(null);
+        }, children: "Stop loading rows" }) : null,
+        ai && aiSession.current?.recover && busy !== "ai" ? /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.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_runtime10.jsx)("p", { role: "alert", className: "matrx-alchemy-error", children: state.error }) : null
+      ] }) : null
+    ] }),
+    pendingControls ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "This control would replace your manual edit." }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingControls(null), children: "Keep edited draft" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", onClick: applyPendingControls, children: "Rebuild from source" })
+    ] }) : null,
+    state.pending ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-decision", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "A fresh source snapshot is ready." }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", variant: "outline", onClick: () => resolveCapture("keep"), children: "Keep current snapshot and draft" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", onClick: () => resolveCapture("regenerate"), children: "Regenerate from fresh source" })
     ] }) : null,
-    variants.map((variant) => variant.modal && modal === variant.id ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: variant.modal({ open: true, onOpenChange: (open) => setModal(open ? variant.id : null) }) }, variant.id) : null),
-    modal === "custom" && aiCustom ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CustomCopy, { source: aiCustom, onClose: () => setModal(null) }) : null,
-    notice
+    deliveryNotice ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { role: "status", className: "matrx-alchemy-meta", children: deliveryNotice }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "matrx-alchemy-meta", children: [
+        buffer.length.toLocaleString(),
+        " characters \xB7 ~",
+        estimateTokens(buffer).toLocaleString(),
+        " tokens"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", variant: "outline", onClick: close, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(Button, { type: "button", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliver(false), children: "Copy prepared output" })
+    ] })
+  ] }) });
+}
+function RowControls({ rows, controls, change }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+        "Search",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { value: controls.search, onChange: (e) => change({ ...controls, search: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+        "Sort",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("select", { value: controls.sort, onChange: (e) => change({ ...controls, sort: e.target.value }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "", children: "None" }),
+          rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: column.id, children: column.label }, column.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+        "Direction",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("select", { value: controls.direction, disabled: !controls.sort, onChange: (e) => change({ ...controls, direction: e.target.value }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "asc", children: "Ascending" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "desc", children: "Descending" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+        "Top rows",
+        /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("legend", { children: "Columns and filters" }),
+      rows.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "matrx-alchemy-column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("input", { "aria-label": `Filter ${column.label}`, placeholder: "Filter", value: controls.filters[column.id] ?? "", onChange: (e) => change({ ...controls, filters: { ...controls.filters, [column.id]: e.target.value } }) })
+      ] }, column.id))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("fieldset", { className: "matrx-alchemy-options", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("legend", { children: "Rows" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { type: "checkbox", checked: controls.selectedOnly, onChange: (e) => change({ ...controls, selectedOnly: e.target.checked }) }),
+        " Only selected rows"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "matrx-alchemy-row-list", children: rows.rows.map((row, index) => {
+        const summary = rows.columns.filter((column) => column.visible).slice(0, 2).map((column) => String((0, import_content_transfer.readTransferCell)(row, column) ?? "")).filter(Boolean).join(" \xB7 ");
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.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);
+      }) })
+    ] })
   ] });
 }
-function CustomCopy({ source, onClose }) {
-  const [values, setValues] = (0, import_react3.useState)(() => Object.fromEntries(source.options.map((option) => [option.key, option.default])));
-  const { notify, notice } = useTableNotice();
-  const clipboard = (0, import_clipboard.useClipboard)({ notify: (message, kind) => notify[kind](message) });
+
+// src/content-transfer/matrx-copy.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var resolve = (value) => typeof value === "function" ? value() : value;
+var asPayload = (value) => ({
+  kind: "markdown",
+  text: typeof value === "string" ? value : (0, import_content_transfer2.buildAgentPayload)(value)
+});
+var structuredPayload = (value) => {
+  if (typeof value === "string") return { kind: "markdown", text: value };
+  const clean = (record) => Object.fromEntries(
+    Object.entries(record ?? {}).filter(([, entry]) => entry !== void 0)
+  );
+  return {
+    kind: "json",
+    value: (0, import_content_transfer2.normalizeTransferJson)({
+      kind: value.kind,
+      location: value.location,
+      description: value.description,
+      data: value.data,
+      ...value.summary !== void 0 ? { summary: value.summary } : {},
+      attributes: clean(value.attributes),
+      context: clean(value.context)
+    })
+  };
+};
+var actionDone = (message) => ({
+  status: "success",
+  delivered: "action",
+  mimeTypes: [],
+  message
+});
+var sourceFor = (id, label, build) => ({
+  id,
+  label,
+  capture: async ({ signal }) => {
+    signal.throwIfAborted();
+    const payload = await build();
+    signal.throwIfAborted();
+    return (0, import_content_transfer2.directSource)(payload, { sourceId: id, label });
+  }
+});
+function MatrxCopyMenu(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MatrxCopyMenuSession, { ...props }, props.sourceId ?? props.label);
+}
+function MatrxCopyMenuSession(props) {
+  const instance = React8.useId();
+  const controller = React8.useRef(null);
+  const capabilities = useContentTransferCapabilities();
+  const transport = capabilities.transport ?? (0, import_content_transfer2.createBrowserTransport)();
+  const [modal, setModal] = React8.useState(null);
+  const [configuration, setConfiguration] = React8.useState(null);
+  const copyVisible = !props.hide?.includes("copy");
+  const aiVisible = !props.hide?.includes("ai");
+  const exportVisible = !props.hide?.includes("export");
+  const make = (suffix, build, label = props.label) => sourceFor(
+    `${props.sourceId ?? `${instance}:${props.label}`}:${suffix}`,
+    label,
+    build
+  );
+  const human = copyVisible && props.human !== void 0 ? make("human", () => ({ kind: "text", text: resolve(props.human) })) : void 0;
+  const humanMarkdown = copyVisible && props.human !== void 0 ? make("human-markdown", () => ({
+    kind: "markdown",
+    text: resolve(props.human)
+  })) : void 0;
+  const json = aiVisible && props.json !== void 0 ? make("json", () => ({
+    kind: "json",
+    value: (0, import_content_transfer2.normalizeTransferJson)(resolve(props.json))
+  })) : void 0;
+  const agent = aiVisible && props.agent !== void 0 ? make("agent", () => asPayload(resolve(props.agent))) : void 0;
+  const structuredAgent = aiVisible && props.agent !== void 0 ? make("structured-agent", () => structuredPayload(resolve(props.agent))) : void 0;
+  const table = exportVisible && props.export?.sheetRows ? make("rows", () => {
+    const value = (0, import_content_transfer2.normalizeTransferJson)(props.export.sheetRows());
+    if (!Array.isArray(value) || value.some(
+      (row) => row === null || typeof row !== "object" || Array.isArray(row)
+    ))
+      throw new Error("Sheet rows must be JSON objects.");
+    const rows = value;
+    const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))];
+    return {
+      kind: "rows",
+      rows,
+      columns: keys.map((key) => ({
+        id: key,
+        label: key,
+        path: `/${key.replace(/~/g, "~0").replace(/\//g, "~1")}`,
+        visible: true
+      }))
+    };
+  }) : void 0;
+  const builderVariants = aiVisible ? (props.aiVariants ?? []).filter(
+    (variant) => variant.build && !variant.onSelect && !variant.modal
+  ).map((variant) => ({
+    ...variant,
+    copyLabel: variant.label,
+    source: make(
+      `variant:${variant.id}`,
+      async () => asPayload(await variant.build()),
+      variant.label
+    )
+  })) : [];
+  const faithful = agent ? [
+    {
+      id: props.agentVariant?.id ?? "faithful",
+      label: props.agentVariant?.label ?? "Full AI context",
+      source: agent,
+      copyLabel: props.agentVariant?.label ?? "Copy for AI",
+      ...props.agentVariant?.hint ? { hint: props.agentVariant.hint } : {}
+    }
+  ] : [];
+  const variants = props.agentVariant?.position === "last" ? [...builderVariants, ...faithful] : [...faithful, ...builderVariants];
+  const actions = [];
+  if (aiVisible)
+    for (const variant of props.aiVariants ?? []) {
+      if (!variant.onSelect && !variant.modal) continue;
+      actions.push({
+        ...variant,
+        id: `variant-action:${variant.id}`,
+        label: variant.label,
+        supports: () => true,
+        run: async () => {
+          if (variant.onSelect) await variant.onSelect();
+          else setModal(variant);
+          return actionDone(`Opened ${variant.label}`);
+        }
+      });
+    }
+  if (aiVisible && props.aiCustom)
+    actions.push({
+      id: "configure-source",
+      label: props.aiCustom.label ?? "Customize source\u2026",
+      ...props.aiCustom.hint ? { hint: props.aiCustom.hint } : {},
+      supports: () => true,
+      run: async () => {
+        setConfiguration({ custom: props.aiCustom });
+        return actionDone("Source options opened");
+      }
+    });
+  if (aiVisible && props.groomer)
+    actions.push({
+      id: "groom-source",
+      label: "Customize sections\u2026",
+      supports: () => true,
+      run: async () => {
+        setConfiguration({ groomer: props.groomer() });
+        return actionDone("Section options opened");
+      }
+    });
+  if (exportVisible)
+    for (const item of props.export?.items ?? [])
+      actions.push({
+        id: `export:${item.id}`,
+        label: item.label,
+        supports: () => true,
+        ...item.build && !item.onSelect ? {
+          source: make(
+            `export:${item.id}`,
+            async () => {
+              const file = item.build();
+              const bytes = new Uint8Array(
+                await new Blob([file.content], {
+                  type: file.mime
+                }).arrayBuffer()
+              );
+              return {
+                kind: "registered",
+                format: "matrx-file",
+                value: {
+                  bytes: Array.from(bytes),
+                  mime: file.mime,
+                  extension: file.extension
+                }
+              };
+            },
+            item.label
+          )
+        } : {},
+        run: async ({ snapshot, draft, signal }) => {
+          if (item.onSelect) {
+            await item.onSelect();
+            return actionDone(`Opened ${item.label}`);
+          }
+          const value = draft.payload.kind === "registered" ? draft.payload.value : null;
+          if (!value || Array.isArray(value) || typeof value !== "object" || !Array.isArray(value.bytes) || typeof value.mime !== "string" || typeof value.extension !== "string" || value.bytes.some(
+            (byte) => typeof byte !== "number" || !Number.isInteger(byte) || byte < 0 || byte > 255
+          ))
+            throw new Error(`${item.label} did not capture a valid file.`);
+          if (draft.omissions.some((omission) => omission.reason !== "duplicate"))
+            throw new Error(
+              "This custom file exceeds the configured export limits or contains excluded content. Use a standard format or revise the source options."
+            );
+          const bytes = new Uint8Array(value.bytes);
+          const filename = `${props.label.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "export"}.${value.extension.replace(/[^a-zA-Z0-9.-]/g, "") || "bin"}`;
+          return transport.download(
+            (0, import_content_transfer2.sealTransferArtifact)({
+              snapshotId: snapshot.id,
+              draftRevision: draft.revision,
+              format: `export:${item.id}`,
+              plainText: "",
+              file: { filename, mime: value.mime, bytes },
+              omissions: [...draft.omissions]
+            }),
+            signal
+          );
+        }
+      });
+  if (exportVisible && table && props.sendToSheet)
+    actions.push({
+      id: "send-google-sheet",
+      label: "Send to Google Sheet",
+      source: table,
+      supports: () => true,
+      run: async ({ draft }) => {
+        if (draft.payload.kind !== "rows")
+          throw new Error("Google Sheets requires captured rows.");
+        return props.sendToSheet(draft.payload.rows, props.label);
+      }
+    });
+  const source = json ?? table ?? structuredAgent ?? human ?? builderVariants[0]?.source;
+  if (!source && !actions.length) return null;
+  const target = source ?? make("actions", () => ({ kind: "text", text: props.label }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      ContentTransferMenu,
+      {
+        source: target,
+        controllerRef: controller,
+        label: props.label,
+        variants,
+        actions,
+        hide: [
+          ...!copyVisible || !source ? ["copy"] : [],
+          ...!aiVisible || !source ? ["prepare"] : [],
+          ...!exportVisible || !source ? ["download"] : []
+        ],
+        formatSources: {
+          ...human ? { plain: human, markdown: humanMarkdown, html: humanMarkdown } : {},
+          ...json ? { json, "compact-json": json } : {},
+          ...table ? { csv: table, tsv: table } : {}
+        },
+        ...props.disabled !== void 0 ? { disabled: props.disabled } : {},
+        className: cn(
+          props.className,
+          props.size === "xs" && "matrx-alchemy-xs",
+          props.size === "sm" && "matrx-alchemy-sm"
+        ),
+        ...props.stopPropagation !== void 0 ? { stopPropagation: props.stopPropagation } : {}
+      }
+    ),
+    modal?.modal?.({
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) setModal(null);
+      }
+    }),
+    configuration ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      SourceConfiguration,
+      {
+        restoreFocus: () => controller.current?.focusTrigger(),
+        configuration,
+        onClose: () => setConfiguration(null),
+        onPrepare: async (payload, label) => {
+          if (!controller.current)
+            throw new Error("Alchemy is no longer mounted.");
+          await controller.current.prepare(payload, {
+            label,
+            id: `${instance}:configured:${crypto.randomUUID()}`
+          });
+          setConfiguration(null);
+        }
+      },
+      `${instance}:configuration`
+    ) : null
+  ] });
+}
+function SourceConfiguration({
+  restoreFocus,
+  configuration,
+  onClose,
+  onPrepare
+}) {
+  const custom = configuration.custom;
+  const handingOff = React8.useRef(false);
+  const groomer = configuration.groomer;
+  const [values, setValues] = React8.useState(
+    () => Object.fromEntries(
+      custom?.options.map((option) => [option.key, option.default]) ?? []
+    )
+  );
+  const [sections, setSections] = React8.useState(
+    () => Object.fromEntries(
+      groomer?.sections.map((section) => [
+        section.id,
+        section.defaultSelection ?? "full"
+      ]) ?? []
+    )
+  );
+  const [error, setError] = React8.useState(null);
+  const [busy, setBusy] = React8.useState(false);
+  const title = custom?.dialogTitle ?? groomer?.label ?? "Customize source";
+  let prepared = null;
+  let buildError = null;
   let text = "";
-  let error = null;
   try {
-    const built = source.build(values);
-    text = tableAgentText(source.wrap(built.text, values, built.meta));
-  } catch (raw) {
-    error = raw instanceof Error ? raw.message : String(raw);
+    if (custom) {
+      const result = custom.build(values);
+      prepared = custom.wrap(result.text, values, result.meta);
+    } else if (groomer) {
+      const data = {};
+      const omitted = [];
+      for (const section of groomer.sections) {
+        const level = sections[section.id] ?? "full";
+        if (level === "off") omitted.push(section.id);
+        else {
+          const value = section.build(level);
+          if (value !== void 0 && value !== null) data[section.id] = value;
+        }
+      }
+      prepared = {
+        kind: groomer.kind,
+        location: groomer.location,
+        description: groomer.description,
+        data,
+        ...groomer.summary ? { summary: groomer.summary } : {},
+        attributes: {
+          ...groomer.attributes,
+          dropped_sections: omitted.join(",")
+        },
+        ...groomer.context ? { context: groomer.context } : {}
+      };
+    }
+    text = prepared ? (0, import_content_transfer2.buildAgentPayload)(prepared) : "";
+  } catch (cause) {
+    buildError = cause instanceof Error ? cause.message : "Could not prepare this source.";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { open: true, onOpenChange: (open) => {
-    if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogTitle, { children: source.dialogTitle ?? "Custom copy" }) }),
-    source.dialogDescription ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm", children: source.dialogDescription }) : null,
-    source.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "flex items-center justify-between gap-3 text-sm", children: [
-      option.label,
-      option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { type: "checkbox", checked: values[option.key] === true, onChange: (e) => setValues({ ...values, [option.key]: e.target.checked }) }) : option.kind === "preset" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("select", { "aria-label": option.label, value: Number(values[option.key]), onChange: (e) => setValues({ ...values, [option.key]: Number(e.target.value) }), children: option.options.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: choice.value, children: choice.label }, choice.value)) }) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { "aria-label": option.label, type: "range", min: 0, max: option.stops.length - 1, step: 1, value: Math.max(0, option.stops.indexOf(Number(values[option.key]))), onChange: (e) => setValues({ ...values, [option.key]: option.stops[Number(e.target.value)] ?? option.default }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex gap-1", children: [
-        option.presets?.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setValues({ ...values, [option.key]: choice.value }), children: choice.label }, choice.value)),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { "aria-label": option.label, type: "number", value: Number(values[option.key]), min: option.min, step: option.step, onChange: (e) => {
-          if (Number.isFinite(e.target.valueAsNumber)) setValues({ ...values, [option.key]: e.target.valueAsNumber });
-        } })
-      ] })
-    ] }, option.key)),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { role: "alert", className: "text-destructive", children: error }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap text-xs", children: text }),
-    notice,
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", disabled: error !== null, onClick: () => void clipboard.copyText(text, "Custom copy copied"), children: "Copy" })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open && !busy) onClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        DialogContent,
+        {
+          onCloseAutoFocus: (event) => {
+            event.preventDefault();
+            if (!handingOff.current) restoreFocus();
+          },
+          className: "matrx-alchemy-workspace",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogTitle, { children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogDescription, { children: custom?.dialogDescription ?? "Choose the source detail, then prepare, edit, summarize, copy or export it in Alchemy." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "matrx-alchemy-main matrx-alchemy-toolbar", children: [
+              custom?.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { children: [
+                option.label,
+                "hint" in option && option.hint ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("small", { children: option.hint }) : null,
+                option.kind === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.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_runtime11.jsx)("option", { value: choice.value, children: choice.label }, choice.value))
+                  }
+                ) : option.kind === "slider" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("span", { children: option.formatValue(Number(values[option.key])) })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      onClick: () => setValues({ ...values, [option.key]: preset.value }),
+                      children: preset.label
+                    },
+                    preset.value
+                  ))
+                ] })
+              ] }, option.key)),
+              groomer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: ["full", "compact", "brief"].map((level) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: () => setSections(
+                      Object.fromEntries(
+                        groomer.sections.map((section) => [
+                          section.id,
+                          level === "brief" && section.cuttable ? "off" : level
+                        ])
+                      )
+                    ),
+                    children: level
+                  },
+                  level
+                )) }),
+                groomer.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { children: [
+                  section.title,
+                  /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("option", { value: level, children: section.levelLabels?.[level] ?? level }, level)),
+                        section.cuttable ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "off", children: "Exclude" }) : null
+                      ]
+                    }
+                  ),
+                  section.description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: section.description }) : null
+                ] }, section.id))
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { children: [
+              text.length.toLocaleString(),
+              " characters \xB7 approximately",
+              " ",
+              Math.ceil(text.length / 4).toLocaleString(),
+              " tokens"
+            ] }),
+            error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { role: "alert", children: error ?? buildError }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogFooter, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  disabled: busy,
+                  onClick: onClose,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                Button,
+                {
+                  type: "button",
+                  disabled: busy || !prepared || Boolean(buildError),
+                  onClick: async () => {
+                    if (!prepared) return;
+                    setBusy(true);
+                    setError(null);
+                    try {
+                      handingOff.current = true;
+                      await onPrepare(structuredPayload(prepared), title);
+                    } catch (cause) {
+                      handingOff.current = false;
+                      setError(
+                        cause instanceof Error ? cause.message : "Could not open Alchemy."
+                      );
+                    } finally {
+                      setBusy(false);
+                    }
+                  },
+                  children: busy ? "Preparing\u2026" : "Prepare in Alchemy"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/data-table/copy.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function CopyButtons(props) {
+  const { CopyControls } = useMatrxDataTableHost();
+  if (CopyControls) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopyControls, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MatrxCopyMenu, { ...props });
 }
 
 // src/data-table/MatrxUuidCell.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
+
+// src/data-table/useTableNotice.tsx
+var import_react2 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function useTableNotice() {
+  const host = useMatrxDataTableHost();
+  const [message, setMessage] = (0, import_react2.useState)(null);
+  const notify = {
+    success(text) {
+      if (host.notify) host.notify.success(text);
+      else setMessage({ text, error: false });
+    },
+    error(text) {
+      if (host.notify) host.notify.error(text);
+      else setMessage({ text, error: true });
+    }
+  };
+  const notice = message ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { role: message.error ? "alert" : "status", className: message.error ? "text-xs text-destructive" : "text-xs text-muted-foreground", children: [
+    message.text,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", "aria-label": "Dismiss notification", className: "ml-2 underline", onClick: () => setMessage(null), children: "Dismiss" })
+  ] }) : null;
+  return { notify, notice };
+}
 
 // src/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+var TooltipContent = React9.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
   const resolved = usePortalContainer(container);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     TooltipPrimitive.Content,
     {
       ref,
@@ -725,7 +2011,7 @@ var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, container,
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/data-table/MatrxUuidCell.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var SHORT_LEN = 8;
 function shortUuid(id, len = SHORT_LEN) {
   return id.slice(0, len);
@@ -764,18 +2050,18 @@ function MatrxUuidCell({
 }) {
   const { resolveEntityDoors, ResourcePeek } = useMatrxDataTableHost();
   const { notify, notice } = useTableNotice();
-  const [copied, setCopied] = (0, import_react4.useState)(false);
-  const [opening, setOpening] = (0, import_react4.useState)(false);
-  const [peekOpen, setPeekOpen] = (0, import_react4.useState)(false);
-  const timer = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(
+  const [copied, setCopied] = (0, import_react3.useState)(false);
+  const [opening, setOpening] = (0, import_react3.useState)(false);
+  const [peekOpen, setPeekOpen] = (0, import_react3.useState)(false);
+  const timer = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(
     () => () => {
       if (timer.current) clearTimeout(timer.current);
     },
     []
   );
   if (!value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground/40", children: "\u2014" });
   }
   const doors = token ? resolveEntityDoors?.(token, value, href) ?? null : null;
   const resolvedHref = doors?.href ?? href ?? null;
@@ -818,13 +2104,13 @@ function MatrxUuidCell({
   };
   const idNode = (() => {
     if (forbidden) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "min-w-0 truncate", children: display }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-muted-foreground/70 tabular-nums", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 truncate", children: display }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ShieldOff, { className: "h-3 w-3 shrink-0 opacity-60", "aria-hidden": true })
       ] });
     }
     if (onOpen) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           type: "button",
@@ -833,14 +2119,14 @@ function MatrxUuidCell({
           disabled: opening,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400 disabled:opacity-60",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PanelRight, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
     if (resolvedHref) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "a",
         {
           href: resolvedHref,
@@ -850,15 +2136,15 @@ function MatrxUuidCell({
           onClick: stop,
           className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs text-sky-600 hover:underline dark:text-sky-400",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 truncate tabular-nums", children: display }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground tabular-nums select-all", children: display });
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "span",
     {
       "data-matrx-cell-control": true,
@@ -868,11 +2154,11 @@ function MatrxUuidCell({
       ),
       onClick: stop,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "inline-flex min-w-0 max-w-full items-center", children: idNode }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipContent, { side: "top", className: "max-w-sm break-all font-mono", children: forbidden ? `No access \xB7 ${tip}` : tip })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             type: "button",
@@ -883,10 +2169,10 @@ function MatrxUuidCell({
               "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
               copied && "text-primary"
             ),
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Copy, { className: "h-3 w-3" })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Copy, { className: "h-3 w-3" })
           }
         ),
-        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        canPeek ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             type: "button",
@@ -897,10 +2183,10 @@ function MatrxUuidCell({
             "aria-label": `Quick look at ${label ?? "record"}`,
             title: `Quick look at ${label ?? "record"}`,
             className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Lightbulb, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Lightbulb, { className: "h-3 w-3" })
           }
         ) : null,
-        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        onOpen && resolvedHref && !forbidden ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "a",
           {
             href: resolvedHref,
@@ -910,12 +2196,12 @@ function MatrxUuidCell({
             "aria-label": `Open ${label ?? "record"} in a new tab`,
             title: `Open ${label ?? "record"} in a new tab`,
             className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExternalLink, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ExternalLink, { className: "h-3 w-3" })
           }
         ) : null,
         trailing,
         notice,
-        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        canPeek && peekOpen && ResourcePeek ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           ResourcePeek,
           {
             kind: doors?.peekKind ?? token ?? "record",
@@ -935,7 +2221,7 @@ function isUuidValue(value) {
 }
 
 // src/data-table/DataRowInspector.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var noFieldToken = () => null;
 function formatValue(value) {
   if (value == null) return "\u2014";
@@ -964,7 +2250,7 @@ function DataRowInspector({
   tokenForField = noFieldToken
 }) {
   const entries = isPlainObject(row) ? Object.entries(row) : [["value", row]];
-  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  const fieldButtons = (key, value) => fieldCopy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute right-1 top-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover/field:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     CopyButtons,
     {
       size: "xs",
@@ -979,21 +2265,21 @@ function DataRowInspector({
       })
     }
   ) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col overflow-hidden", className),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
+        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-sm font-medium", children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dl", { className: "space-y-2", children: entries.map(([key, value]) => {
           if (isUuidValue(value)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               "div",
               {
                 className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 px-2.5 py-2",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     MatrxUuidCell,
                     {
                       value,
@@ -1008,13 +2294,13 @@ function DataRowInspector({
           }
           const formatted = formatValue(value);
           const multiline = formatted.includes("\n") || formatted.length > 80;
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "div",
             {
               className: "group/field relative grid grid-cols-[minmax(7rem,9rem)_1fr] gap-2 rounded-md border border-border/60 bg-muted/20 py-2 pl-2.5 pr-12",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "dd",
                   {
                     className: cn(
@@ -1036,7 +2322,7 @@ function DataRowInspector({
 }
 
 // src/data-table/DataRowWindow.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function DataRowWindow({
   isOpen,
   onClose,
@@ -1056,15 +2342,15 @@ function DataRowWindow({
   const hasEdit = editContent != null;
   const hasTabs = hasEdit && children == null;
   const initialTab = defaultTab ?? (hasEdit ? "edit" : "view");
-  const [tab, setTab] = (0, import_react5.useState)(initialTab);
-  (0, import_react5.useEffect)(() => {
+  const [tab, setTab] = (0, import_react4.useState)(initialTab);
+  (0, import_react4.useEffect)(() => {
     if (!isOpen) return;
     setTab(defaultTab ?? (hasEdit ? "edit" : "view"));
   }, [isOpen, windowId, hasEdit, defaultTab]);
   if (!isOpen) return null;
-  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataRowInspector, { row });
-  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const viewBody = viewContent ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DataRowInspector, { row });
+  const body = children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex h-full min-h-0 flex-1 flex-col overflow-hidden", children: hasTabs ? tab === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: editContent }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: viewBody }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     WindowPanel,
     {
       id: windowId,
@@ -1078,26 +2364,26 @@ function DataRowWindow({
       bodyClassName: "flex min-h-0 flex-1 flex-col overflow-hidden p-0",
       sidebarDefaultSize: 140,
       sidebarMinSize: 110,
-      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      sidebar: hasTabs ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "nav",
         {
           "aria-label": "Row window tabs",
           className: "flex h-full flex-col gap-0.5 overflow-y-auto p-1.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               TabButton,
               {
                 active: tab === "view",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Eye, { className: "h-4 w-4 shrink-0" }),
                 label: "View",
                 onClick: () => setTab("view")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               TabButton,
               {
                 active: tab === "edit",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Pencil, { className: "h-4 w-4 shrink-0" }),
                 label: "Edit",
                 onClick: () => setTab("edit")
               }
@@ -1115,7 +2401,7 @@ function TabButton({
   label,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "button",
     {
       type: "button",
@@ -1128,7 +2414,7 @@ function TabButton({
       ),
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }
   );