@ai-matrx/design-system 0.18.13 → 0.18.14

package/dist/data-table/index.cjs

@@ -1929,6 +1929,7 @@ var import_content_transfer2 = require("@ai-matrx/kit/content-transfer");
 
 // src/content-transfer/index.tsx
 var React13 = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
 var import_content_transfer = require("@ai-matrx/kit/content-transfer");
 
 // src/popover.tsx
@@ -2494,7 +2495,10 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
         }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuPresentation, { ...action, label: action.label }) }, action.id)) }) : null
       ] })
     ] }),
-    notice ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
+    notice && triggerRef.current ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "matrx-alchemy-feedback", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { role: "status", children: notice }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", "aria-label": "Dismiss Alchemy feedback", onClick: () => setNotice(null), children: "\xD7" })
+    ] }), triggerRef.current.ownerDocument.body) : null,
     Object.values(workspaces).map((saved) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreparationWorkspace, { restoreFocus: () => triggerRef.current?.focus(), open: workspaceOpen && workspaceKey === saved.key, state: saved, scopes, onClose: () => setWorkspaceOpen(false), onChange: (next) => setWorkspaces((current) => ({ ...current, [saved.key]: next })), transport, adapters, captureScope: workspaceCaptures.current.get(saved.key) ?? capturePrimary, ...ai ? { ai } : {}, onOutcome: report }, saved.key))
   ] });
 }
@@ -4070,24 +4074,26 @@ function CopySubsetDialog({ source, onClose }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog, { open: true, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogContent, { className: "flex h-[80dvh] max-w-5xl flex-col overflow-hidden", children: [
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogContent, { className: "matrx-alchemy-workspace matrx-alchemy-subset", children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogTitle, { children: "Filter & sort before copying" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("fieldset", { className: "max-h-24 shrink-0 overflow-auto text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("legend", { children: "Visible columns" }),
-      source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { type: "checkbox", checked: !hidden.has(column.id), onChange: () => setHidden((current) => {
-          const next = new Set(current);
-          next.has(column.id) ? next.delete(column.id) : next.add(column.id);
-          return next;
-        }) }),
-        column.header
-      ] }, column.id))
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "matrx-alchemy-workspace-body matrx-alchemy-subset-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("fieldset", { className: "matrx-alchemy-subset-columns", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("legend", { children: "Visible columns" }),
+        source.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "mr-3 inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { type: "checkbox", checked: !hidden.has(column.id), onChange: () => setHidden((current) => {
+            const next = new Set(current);
+            next.has(column.id) ? next.delete(column.id) : next.add(column.id);
+            return next;
+          }) }),
+          column.header
+        ] }, column.id))
+      ] }),
+      columns.length ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "matrx-alchemy-subset-table", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MatrxDataTable, { copy: false, data: rows, columns, getRowId: source.getRowId, query: { mode: "controlled-local", state: query, onStateChange: setQuery }, selection: { selectedIds, onSelectedIdsChange: setSelectedIds }, detail: { enabled: false }, window: { enabled: false }, toolbar: { searchMatch: {} } }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: "Show at least one column to copy." }),
+      buildError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
+      notice
     ] }),
-    columns.length ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MatrxDataTable, { data: rows, columns, getRowId: source.getRowId, query: { mode: "controlled-local", state: query, onStateChange: setQuery }, selection: { selectedIds, onSelectedIdsChange: setSelectedIds }, detail: { enabled: false }, window: { enabled: false }, toolbar: { searchMatch: {} } }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: "Show at least one column to copy." }),
-    buildError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "alert", className: "text-destructive", children: buildError }) : null,
-    notice,
     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "matrx-alchemy-subset-format", children: [
         "Format",
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("select", { "aria-label": "Copy format", value: format, onChange: (event) => setFormat(event.target.value), children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "ai", children: "For AI" }),
@@ -4106,8 +4112,8 @@ function CopySubsetDialog({ source, onClose }) {
         text.length.toLocaleString(),
         " characters"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "button", disabled: buildError !== null || !columns.length || !shaped.length, onClick: () => void clipboard.copyText(text, `${source.label} copied`), children: "Copy subset" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "button", variant: "outline", className: "matrx-alchemy-workspace-secondary", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { type: "button", className: "matrx-alchemy-workspace-primary", disabled: buildError !== null || !columns.length || !shaped.length, onClick: () => void clipboard.copyText(text, `${source.label} copied`), children: "Copy subset" })
     ] })
   ] }) });
 }