@ai-matrx/rich-content 0.2.9 → 0.2.10

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.2.10
+
+- Markdown copy goes through the host's `app.CopyButtons` (the copy menu; matrx-frontend ALC-19).
+- Table CSV/TSV and workbook export through Alchemy (`toDelimitedText`, `buildFile`); `display/tables/table-csv`.
+
+### Consumer action
+
+- Register `app.CopyButtons` (matrx-frontend: `components/agent-copy/CopyButtons`).
+
 ## 0.2.9
 
 AP-2 (2026-10-07) — the kit and Alchemy doors are the only doors in this package (aidream guard `apps/shared/scripts/check-shared-doors.mjs`). New dependency `@ai-matrx/alchemy`; `html2canvas` dependency removed. Every table/code/SVG/JSON/mermaid/diagram download saves through `@ai-matrx/kit/download` (`downloadFile` / `downloadUrl`) — the tables' "Download Again" toast action now really downloads again (it clicked a revoked URL before). Link/URL/mermaid copies go through `@ai-matrx/kit/clipboard` `copyText` (copied state from its boolean; `copyMermaidSource`/`copyMermaidSvg` throw when refused, as before); ImageBlock's image copy uses `useClipboard().copyImage`. The diagram PNG export captures through `@ai-matrx/alchemy/operate/capture` `captureElement` with `safeColors` (the local getComputedStyle patch is gone). No consumer action.

package/dist/display/blocks/json/json-tabular-utils.d.ts

@@ -49,16 +49,18 @@ export declare function detectTabular(value: unknown): TabularShape;
  * `null` and `undefined` become empty strings (Excel-friendly).
  */
 export declare function cellToCsv(value: unknown): string;
+/**
+ * Rows -> CSV/TSV text through Alchemy's one writer (quoting, line breaks, `'` before a leading
+ * = + - @ text; real numbers stay numbers, so -5 is never altered).
+ */
 export declare function rowsToCsv(rows: Record<string, unknown>[], columns: string[], delimiter?: string): string;
 export declare function rowsToNdjson(rows: unknown[]): string;
 /** Browser file-download for a text payload. */
 export declare function downloadText(filename: string, content: string, mime?: string): void;
 /**
- * XLSX export uses the same `xlsx` package as `ImportTableModal`.
- * Dynamically imported to keep it out of the initial chat bundle.
- *
- * Cell values are pre-stringified for objects/arrays so spreadsheets
- * receive plain text instead of "[object Object]".
+ * XLSX export through Alchemy's workbook format (the one spreadsheet engine).
+ * Header row = `columns`; object/array cells are pre-stringified so
+ * spreadsheets receive plain text instead of "[object Object]".
  */
 export declare function rowsToXlsx(rows: Record<string, unknown>[], columns: string[], filename: string): Promise<void>;
 /** Default filename helper (no extension). */

package/dist/display/blocks/json/json-tabular-utils.js

@@ -1,5 +1,6 @@
+import { buildFile } from "@ai-matrx/alchemy/operate";
+import { toDelimitedText } from "@ai-matrx/alchemy/operate/read";
 import { downloadFile } from "@ai-matrx/kit/download";
-import { announceBareHost, hostCapability } from "../../../host/registry.js";
 function parseJsonSafe(text) {
   if (!text || !text.trim()) {
     return { ok: false, error: "Empty input" };
@@ -73,30 +74,38 @@ function cellToCsv(value) {
   }
   return String(value);
 }
-function escapeCsv(value, delimiter) {
-  const needsQuote = value.includes(delimiter) || value.includes('"') || value.includes("\n") || value.includes("\r");
-  if (!needsQuote) return value;
-  return `"${value.replace(/"/g, '""')}"`;
-}
 function rowsToCsv(rows, columns, delimiter = ",") {
-  const header = columns.map((c) => escapeCsv(c, delimiter)).join(delimiter);
-  const body = rows.map(
-    (row) => columns.map((c) => escapeCsv(cellToCsv(row[c]), delimiter)).join(delimiter)
-  ).join("\n");
-  return body ? `${header}
-${body}` : header;
+  return toDelimitedText(
+    columns,
+    rows.map((row) => columns.map((c) => cellToCsvValue(row[c]))),
+    { format: delimiter === "	" ? "tsv" : "csv", spreadsheetSafe: true }
+  );
+}
+function cellToCsvValue(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  return cellToCsv(value);
 }
 function rowsToNdjson(rows) {
   return rows.map((r) => JSON.stringify(r)).join("\n");
 }
 function downloadText(filename, content, mime = "text/plain") {
-  downloadFile(filename, content, `${mime};charset=utf-8`);
+  const blob = new Blob([content], { type: `${mime};charset=utf-8` });
+  downloadFile(filename, blob, blob.type);
 }
 async function rowsToXlsx(rows, columns, filename) {
-  const impl = hostCapability("app")?.rowsToXlsx;
-  if (impl) return impl(rows, columns, filename);
-  announceBareHost("app.rowsToXlsx", "spreadsheets download as CSV");
-  downloadText(rowsToCsv(rows, columns), filename.replace(/\.xlsx$/i, "") + ".csv", "text/csv");
+  const cell = (v) => v === null || v === void 0 ? null : typeof v === "object" ? JSON.stringify(v) : typeof v === "string" || typeof v === "number" || typeof v === "boolean" ? v : String(v);
+  const built = await buildFile(
+    {
+      kind: "registered",
+      format: "workbook",
+      value: { sheets: [{ name: "Data", rows: [columns, ...rows.map((row) => columns.map((c) => cell(row[c])))] }] }
+    },
+    "xlsx-workbook",
+    { filename }
+  );
+  const blob = built.blob();
+  downloadFile(built.filename, blob, blob.type);
 }
 function defaultJsonFilename() {
   const stamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);

package/dist/display/blocks/table/StreamingTableRenderer.js

@@ -1,6 +1,5 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { downloadFile } from "@ai-matrx/kit/download";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../../host/toast.js";
 import { rewriteTableSource } from "../../../utils/table-source.js";
@@ -77,6 +76,8 @@ import {
   parseMarkdownTable,
   cleanTableHeaderKey
 } from "./parseMarkdownTable.js";
+import { downloadFile } from "@ai-matrx/kit/download";
+import { tableToCsv } from "../../tables/table-csv.js";
 const NO_HIDDEN_COLUMNS = /* @__PURE__ */ new Set();
 const ExportDropdownMenu = ({
   tableData,
@@ -292,21 +293,13 @@ const StreamingTableRendererCore = ({
   };
   const downloadCSV = () => {
     try {
-      const csvContent = [
-        headers.map((h) => h.replace(/"/g, '""')).join(","),
-        ...rows.map(
-          (row) => row.map((cell) => {
-            const escaped = cell.replace(/"/g, '""');
-            return cell.includes(",") ? `"${escaped}"` : escaped;
-          }).join(",")
-        )
-      ].join("\n");
-      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
-      saveCsv();
+      const csvContent = tableToCsv(headers, rows);
+      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+      downloadFile("table_data.csv", blob, blob.type);
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: saveCsv,
+          onClick: () => downloadFile("table_data.csv", blob, blob.type),
           className: "font-medium"
         }
       });
@@ -320,12 +313,14 @@ const StreamingTableRendererCore = ({
     try {
       const markdownContent = content || "";
       const fileName = headers && headers[0] ? `${headers[0].replace(/[^a-z0-9]/gi, "_").toLowerCase()}.md` : "table_data.md";
-      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
-      saveMarkdown();
+      const blob = new Blob([markdownContent], {
+        type: "text/markdown;charset=utf-8"
+      });
+      downloadFile(fileName, blob, blob.type);
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: saveMarkdown,
+          onClick: () => downloadFile(fileName, blob, blob.type),
           className: "font-medium"
         }
       });

package/dist/display/chat-markdown/BasicMarkdownContent.js

@@ -7,7 +7,7 @@ import {
   reportDelimiterViolations
 } from "@ai-matrx/kit/delimiter-guard";
 import { captureError } from "../../host/diagnostics.js";
-import { InlineCopyButton } from "../../host/app-bindings.js";
+import { CopyButtons } from "../../host/app-bindings.js";
 import {
   TableRenderPathDiagnostic
 } from "../blocks/table/TableRenderPathDiagnostic.js";
@@ -102,12 +102,14 @@ const BasicMarkdownContentBody = ({
         /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_FRAME_CSS } }),
         /* @__PURE__ */ jsx(MarkdownCore, { preset: "chat", components, children: processedContent }),
         !isStreamActive && isHovering && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 p-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: showCopyButton && /* @__PURE__ */ jsx(
-          InlineCopyButton,
+          CopyButtons,
           {
-            markdownContent: content,
-            position: "top-right",
-            className: "mt-1 mr-1",
-            isMarkdown: true
+            label: "Content",
+            human: content,
+            contentFlavor: "markdown",
+            stripThinking: true,
+            size: "sm",
+            className: "absolute top-1 right-1 z-10 mt-1 mr-1"
           }
         ) })
       ]

package/dist/display/chat-markdown/ConfigurableMarkdownContent.js

@@ -12,7 +12,7 @@ import {
 } from "@ai-matrx/kit/delimiter-guard";
 import { captureError } from "../../host/diagnostics.js";
 import { LinkComponent } from "../blocks/links/LinkComponent.js";
-import { InlineCopyButton } from "../../host/app-bindings.js";
+import { CopyButtons } from "../../host/app-bindings.js";
 import {
   useMediaBlob,
   useMediaLoadRecovery
@@ -614,12 +614,14 @@ const ConfigurableMarkdownContentBody = ({
         /* @__PURE__ */ jsx(MarkdownCore, { preset: "rich", components, children: processedContent }),
         !isStreamActive && isHovering && /* @__PURE__ */ jsxs("div", { className: "absolute top-0 right-0 p-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [
           showCopyButton && /* @__PURE__ */ jsx(
-            InlineCopyButton,
+            CopyButtons,
             {
-              markdownContent: content,
-              position: "top-right",
-              className: "mt-1 mr-1",
-              isMarkdown: true
+              label: "Content",
+              human: content,
+              contentFlavor: "markdown",
+              stripThinking: true,
+              size: "sm",
+              className: "absolute top-1 right-1 z-10 mt-1 mr-1"
             }
           ),
           onEditRequest && /* @__PURE__ */ jsx(

package/dist/display/tables/MarkdownTable.js

@@ -1,6 +1,5 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { downloadFile } from "@ai-matrx/kit/download";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../host/toast.js";
 import { rewriteTableSource } from "../../utils/table-source.js";
@@ -61,6 +60,8 @@ import {
   clearColumn,
   duplicateColumn
 } from "./editing/tableMutations.js";
+import { downloadFile } from "@ai-matrx/kit/download";
+import { tableToCsv } from "./table-csv.js";
 const ExportDropdownMenu = ({
   tableData,
   content,
@@ -291,21 +292,13 @@ const MarkdownTable = ({
   };
   const downloadCSV = () => {
     try {
-      const csvContent = [
-        internalTableData.headers.map((h) => h.replace(/"/g, '""')).join(","),
-        ...internalTableData.rows.map(
-          (row) => row.map((cell) => {
-            const escaped = cell.replace(/"/g, '""');
-            return cell.includes(",") ? `"${escaped}"` : escaped;
-          }).join(",")
-        )
-      ].join("\n");
-      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
-      saveCsv();
+      const csvContent = tableToCsv(internalTableData.headers, internalTableData.rows);
+      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+      downloadFile("table_data.csv", blob, blob.type);
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: saveCsv,
+          onClick: () => downloadFile("table_data.csv", blob, blob.type),
           className: "font-medium"
         }
       });
@@ -317,12 +310,14 @@ const MarkdownTable = ({
     try {
       const markdownContent = content || "";
       const fileName = internalTableData.headers && internalTableData.headers[0] ? `${internalTableData.headers[0].replace(/[^a-z0-9]/gi, "_").toLowerCase()}.md` : "table_data.md";
-      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
-      saveMarkdown();
+      const blob = new Blob([markdownContent], {
+        type: "text/markdown;charset=utf-8"
+      });
+      downloadFile(fileName, blob, blob.type);
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: saveMarkdown,
+          onClick: () => downloadFile(fileName, blob, blob.type),
           className: "font-medium"
         }
       });

package/dist/display/tables/TableWithSeparatedControls.js

@@ -1,6 +1,5 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { downloadFile } from "@ai-matrx/kit/download";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../host/toast.js";
 import { rewriteTableSource } from "../../utils/table-source.js";
@@ -31,6 +30,8 @@ import {
 import { useToastManager } from "../../utils/lifted/useToastManager.js";
 import { THEMES } from "../themes.js";
 import { useOpenSaveToTable } from "../../host/tables.js";
+import { downloadFile } from "@ai-matrx/kit/download";
+import { tableToCsv } from "./table-csv.js";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
@@ -108,21 +109,13 @@ const TableControls = ({
   }, [content, copyTableToClipboard, toast]);
   const downloadCSV = useCallback(() => {
     try {
-      const csvContent = [
-        tableData.headers.map((h) => h.replace(/"/g, '""')).join(","),
-        ...tableData.rows.map(
-          (row) => row.map((cell) => {
-            const escaped = cell.replace(/"/g, '""');
-            return cell.includes(",") ? `"${escaped}"` : escaped;
-          }).join(",")
-        )
-      ].join("\n");
-      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
-      saveCsv();
+      const csvContent = tableToCsv(tableData.headers, tableData.rows);
+      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+      downloadFile("table_data.csv", blob, blob.type);
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: saveCsv,
+          onClick: () => downloadFile("table_data.csv", blob, blob.type),
           className: "font-medium"
         }
       });
@@ -134,12 +127,14 @@ const TableControls = ({
     try {
       const markdownContent = content || "";
       const fileName = tableData.headers && tableData.headers[0] ? `${tableData.headers[0].replace(/[^a-z0-9]/gi, "_").toLowerCase()}.md` : "table_data.md";
-      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
-      saveMarkdown();
+      const blob = new Blob([markdownContent], {
+        type: "text/markdown;charset=utf-8"
+      });
+      downloadFile(fileName, blob, blob.type);
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: saveMarkdown,
+          onClick: () => downloadFile(fileName, blob, blob.type),
           className: "font-medium"
         }
       });

package/dist/display/tables/table-csv.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The CSV text of a markdown/streaming table, written by Alchemy's one writer. Quotes, commas and
+ * line breaks are quoted; text that opens with = + - @ is prefixed `'` so a spreadsheet never runs
+ * it (alchemy `spreadsheetSafe`, on). A cell that is a plain number is written as a number, so a
+ * negative amount stays `-5`.
+ */
+export declare function tableToCsv(headers: readonly string[], rows: readonly (readonly string[])[]): string;

package/dist/display/tables/table-csv.js

@@ -0,0 +1,19 @@
+import { toDelimitedText } from "@ai-matrx/alchemy/operate/read";
+const PLAIN_NUMBER = /^-?\d+(\.\d+)?$/;
+function cellValue(cell) {
+  if (PLAIN_NUMBER.test(cell)) {
+    const n = Number(cell);
+    if (String(n) === cell) return n;
+  }
+  return cell;
+}
+function tableToCsv(headers, rows) {
+  return toDelimitedText(
+    headers,
+    rows.map((row) => row.map(cellValue)),
+    { spreadsheetSafe: true }
+  );
+}
+export {
+  tableToCsv
+};

package/dist/host/app-bindings.d.ts

@@ -47,6 +47,7 @@ export interface RichContentAppBindings {
     MarkdownStream: HostComponent;
     CitationMarkerInline: HostComponent;
     InlineCopyButton: HostComponent;
+    CopyButtons: HostComponent;
     AdvancedMenu: HostComponent;
     useAdvancedMenu: HostFn;
     EntityRef: HostComponent;
@@ -129,6 +130,7 @@ export declare const kindHasRecordChrome: HostFn;
 export declare const KindFixItBar: HostComponent;
 export declare const MarkdownStream: HostComponent;
 export declare const CitationMarkerInline: HostComponent;
+export declare const CopyButtons: HostComponent;
 export declare const InlineCopyButton: HostComponent;
 export declare const AdvancedMenu: HostComponent;
 export declare const useAdvancedMenu: HostFn;

package/dist/host/app-bindings.js

@@ -70,6 +70,7 @@ const kindHasRecordChrome = fn("kindHasRecordChrome", () => false, "kind records
 const KindFixItBar = component("KindFixItBar", null, "no fix-it bar on broken kinds");
 const MarkdownStream = component("MarkdownStream", null, "the full renderer is not registered");
 const CitationMarkerInline = component("CitationMarkerInline", TextOnly, "citation markers show as text");
+const CopyButtons = component("CopyButtons", null, "no copy menu on rendered content");
 const InlineCopyButton = component("InlineCopyButton", null, "no inline copy button");
 const AdvancedMenu = component("AdvancedMenu", null, "no block menus");
 const useAdvancedMenu = fn("useAdvancedMenu", () => ({ isOpen: false, open: noop, close: noop, toggle: noop, menuProps: {} }), "no block menus");
@@ -105,6 +106,7 @@ export {
   ArtifactRender,
   CitationMarkerInline,
   CodeBlockWithContextAttach,
+  CopyButtons,
   EntityRef,
   IconInputWithValidation,
   InlineCopyButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -115,20 +115,20 @@
     "unist-util-visit": "^5.1.0",
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
-    "@ai-matrx/agents": "latest",
     "@ai-matrx/alchemy": "latest",
-    "@ai-matrx/canvas": "latest",
-    "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
+    "@ai-matrx/agents": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
+    "@ai-matrx/canvas": "latest",
+    "@ai-matrx/kit": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/tap-target": "latest",
     "@ai-matrx/media": "latest",
-    "@ai-matrx/kit": "latest"
+    "@ai-matrx/tap-target": "latest",
+    "@ai-matrx/diff": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",