@ai-matrx/design-system 0.18.13 → 0.18.15

package/dist/content-transfer.css

@@ -86,7 +86,7 @@
 .matrx-alchemy-palette-row > span { min-width: 0; }
 .matrx-alchemy-palette-row-ai { color: hsl(var(--primary, 262 43% 51%)); }
 .matrx-alchemy-palette :is(button:hover, button:focus-visible) { background: hsl(var(--accent, 240 5% 96%)); outline: none; }
-.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
+.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: inset 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
 .matrx-alchemy-palette-status { margin: 0.25rem 0.375rem; color: hsl(var(--muted-foreground, 240 4% 46%)); font-size: 0.75rem; }
 .matrx-alchemy-notice,
 .matrx-alchemy-meta {
@@ -100,7 +100,7 @@
 }
 .matrx-alchemy-workspace-grid {
   display: grid;
-  grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr);
+  grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
   gap: 1rem;
   min-height: 0;
 }
@@ -108,7 +108,7 @@
   min-height: 0;
   overflow: auto;
   overscroll-behavior: contain;
-  padding-right: 0.125rem;
+  padding: 0.25rem;
 }
 .matrx-alchemy-main {
   display: grid;
@@ -323,11 +323,11 @@
   margin: auto;
   translate: none;
   height: fit-content;
-  width: min(56rem, calc(100vw - 2rem));
+  width: min(48rem, calc(100vw - 2rem));
   max-width: calc(100vw - 2rem);
-  padding: 1.5rem;
+  padding: 1rem;
   display: grid;
-  gap: 1rem;
+  gap: 0.75rem;
 }
 [data-slot="dialog-overlay"]:has(+ .matrx-alchemy-workspace) {
   position: fixed;
@@ -352,6 +352,7 @@
 }
 .matrx-alchemy-workspace [data-slot="dialog-footer"] {
   display: flex;
+  flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-end;
   gap: 0.5rem;
@@ -416,6 +417,10 @@
   white-space: nowrap;
 }
 @media (max-width: 767px) {
+  .matrx-alchemy-workspace [data-slot="dialog-footer"] > .matrx-alchemy-meta {
+    flex-basis: 100%;
+    text-align: right;
+  }
   .matrx-alchemy-workspace {
     inset: auto 0 0;
     width: 100%;
@@ -461,3 +466,20 @@
 .matrx-alchemy-data-controls-body { display: grid; gap: 0.75rem; margin-top: 0.75rem; }
 .matrx-alchemy-preview-label { display: flex; align-items: center; gap: 0.5rem; }
 .matrx-alchemy-preview-label select { width: auto; min-width: 10rem; max-width: 100%; }
+
+/* Subset shaping uses the same dialog chrome without recursive transfer controls. */
+.matrx-alchemy-subset { width: min(48rem, calc(100vw - 2rem)); height: min(80dvh, 42rem); }
+.matrx-alchemy-subset-body { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 0.75rem; }
+.matrx-alchemy-subset-columns { max-height: 8rem; overflow: auto; margin: 0; padding: 0.25rem; border: 0; font-size: 0.8125rem; }
+.matrx-alchemy-subset-columns legend { font-weight: 500; }
+.matrx-alchemy-subset-table { min-height: 18rem; overflow: hidden; }
+.matrx-alchemy-subset-format { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; }
+.matrx-alchemy-subset-format select { min-height: 2rem; border: 1px solid hsl(var(--border)); border-radius: 0.375rem; background: hsl(var(--background)); color: inherit; padding: 0.25rem 0.5rem; }
+@media (max-width: 767px) { .matrx-alchemy-subset { width: 100%; } }
+
+.matrx-alchemy-feedback { position: fixed; z-index: 10002; bottom: max(1rem, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0.75rem; width: max-content; max-width: calc(100vw - 2rem); padding: 0.5rem 0.75rem; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; background: hsl(var(--background)); color: hsl(var(--foreground)); box-shadow: 0 4px 16px hsl(var(--foreground) / 0.12); font-size: 0.8125rem; }
+.matrx-alchemy-feedback button { flex-shrink: 0; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 0.25rem; background: transparent; color: inherit; cursor: pointer; }
+.matrx-alchemy-feedback button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
+
+/* Dialogs show their own result; an earlier page notice must not cover their actions. */
+body:has(.matrx-alchemy-workspace[data-state="open"]) > .matrx-alchemy-feedback { display: none; }

package/dist/content-transfer.js

@@ -3,6 +3,7 @@
 
 // src/content-transfer/index.tsx
 import * as React8 from "react";
+import { createPortal } from "react-dom";
 import {
   applySectionSelection,
   applyTransferLimits,
@@ -485,15 +486,18 @@ var structuredPayload = (value) => {
   );
   return {
     kind: "json",
-    value: 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)
-    })
+    value: 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)
+      },
+      { omitUndefinedObjectProperties: true }
+    )
   };
 };
 var actionDone = (message) => ({
@@ -548,12 +552,16 @@ function MatrxCopyMenuSession(props) {
   })) : void 0;
   const json = aiVisible && props.json !== void 0 ? make("json", () => ({
     kind: "json",
-    value: normalizeTransferJson(resolve(props.json))
+    value: normalizeTransferJson(resolve(props.json), {
+      omitUndefinedObjectProperties: true
+    })
   })) : 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.primarySource === "table") && props.export?.sheetRows ? make("rows", () => {
-    const value = normalizeTransferJson(props.export.sheetRows());
+    const value = normalizeTransferJson(props.export.sheetRows(), {
+      omitUndefinedObjectProperties: true
+    });
     if (!Array.isArray(value) || value.some(
       (row) => row === null || typeof row !== "object" || Array.isArray(row)
     ))
@@ -1592,7 +1600,10 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
         }, children: /* @__PURE__ */ jsx8(MenuPresentation, { ...action, label: action.label }) }, action.id)) }) : null
       ] })
     ] }),
-    notice ? /* @__PURE__ */ jsx8("span", { className: "matrx-alchemy-notice", role: "status", children: notice }) : null,
+    notice && triggerRef.current ? createPortal(/* @__PURE__ */ jsxs4("div", { className: "matrx-alchemy-feedback", children: [
+      /* @__PURE__ */ jsx8("span", { role: "status", children: notice }),
+      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Dismiss Alchemy feedback", onClick: () => setNotice(null), children: "\xD7" })
+    ] }), triggerRef.current.ownerDocument.body) : null,
     Object.values(workspaces).map((saved) => /* @__PURE__ */ jsx8(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))
   ] });
 }