@ai-matrx/design-system 0.18.14 → 0.18.16

package/dist/content-transfer.css

@@ -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%;
@@ -475,3 +480,6 @@
 .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

@@ -486,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) => ({
@@ -549,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)
     ))
@@ -1137,13 +1144,17 @@ function PaletteRows({ title, items, onRun, extra, ai = false, glyphKind, fallba
   if (!items.length && !extra) return null;
   return /* @__PURE__ */ jsxs4("section", { className: "matrx-alchemy-palette-section", children: [
     /* @__PURE__ */ jsx8("h3", { children: title }),
-    items.map((item) => /* @__PURE__ */ jsxs4("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel, onClick: () => onRun?.(item), children: [
-      item.icon ? /* @__PURE__ */ jsx8(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx8(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
-      /* @__PURE__ */ jsxs4("span", { children: [
-        item.copyLabel ?? item.label,
-        item.hint ?? fallbackHint ? /* @__PURE__ */ jsx8("small", { className: "matrx-alchemy-menu-hint", children: item.hint ?? fallbackHint }) : null
-      ] })
-    ] }, item.id)),
+    items.map((item) => {
+      const label = item.copyLabel ?? item.label;
+      const hint = item.hint ?? fallbackHint;
+      return /* @__PURE__ */ jsxs4("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel ?? `${label}${hint ? ` ${hint}` : ""}`, onClick: () => onRun?.(item), children: [
+        item.icon ? /* @__PURE__ */ jsx8(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx8(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          label,
+          hint ? /* @__PURE__ */ jsx8("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
+        ] })
+      ] }, item.id);
+    }),
     extra
   ] });
 }