@ai-matrx/rich-content 0.2.9 → 0.2.15

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/copy/copy-commands.d.ts

@@ -0,0 +1,42 @@
+import { markdownToReadableText } from "./markdown-readable-text.js";
+interface CopyOptions {
+    isMarkdown?: boolean;
+    formatForGoogleDocs?: boolean;
+    formatForWordPress?: boolean;
+    formatJson?: boolean;
+    showHtmlPreview?: boolean;
+    includeThinking?: boolean;
+    onSuccess?: () => void;
+    onError?: (err: unknown) => void;
+    onShowHtmlPreview?: (html: string) => boolean | void | Promise<boolean | void>;
+}
+/**
+ * Copy CONTENT (markdown, text, or any JSON-able value) through Alchemy's serialization and browser transport.
+ * Not the plain-string copy — that is `copyToClipboard` in `@/lib/clipboard/copy`.
+ */
+export declare function copyContent(content: unknown, options?: CopyOptions): Promise<boolean>;
+export type CopyFlavor = "default" | "markdown" | "text";
+export { markdownToReadableText };
+/** The knob that decides what a single Copy click puts in a plain field. */
+export declare const COPY_DEFAULT_FLAVOR_KNOB: {
+    readonly feature: "copy";
+    readonly key: "default_flavor";
+};
+/** The plain-text flavor of a single Copy click for this session ("markdown" until the knob answers). */
+export declare function defaultCopyFlavor(): "markdown" | "text";
+export interface RichCopyOptions {
+    /** Keep `<thinking>` / reasoning blocks (default: removed). */
+    includeThinking?: boolean;
+    /** Toast on success: a label, or false for none. Default: the flavor's label. */
+    toast?: string | false;
+}
+/** The bytes a flavor writes — pure enough to test; the HTML is loaded at click time. */
+export declare function richCopyPlainText(markdown: string, flavor: CopyFlavor, defaultFlavor?: "markdown" | "text"): string;
+/**
+ * Write the plain flavor, or html + plain in one clipboard item (kit's `copyRich`; `html` may be a
+ * promise so the item is created inside the click). A refused rich write degrades to plain text and
+ * says so; when nothing lands the person is handed the text to copy by hand.
+ */
+export declare function writeClipboardFlavors(plain: string, html?: Promise<string> | string): Promise<boolean>;
+/** THE copy of rich content. Returns true when the clipboard holds it. */
+export declare function copyRichContent(markdown: string, flavor?: CopyFlavor, options?: RichCopyOptions): Promise<boolean>;

package/dist/copy/copy-commands.js

@@ -0,0 +1,119 @@
+import {
+  createBrowserTransport,
+  createDraft,
+  capture,
+  formatAdapter,
+  normalizeTransferJson,
+  serialize
+} from "@ai-matrx/alchemy/operate";
+import { copyRich, copyText } from "@ai-matrx/kit/clipboard";
+import { showManualCopy } from "../host/manual-copy.js";
+import { toast } from "../host/toast.js";
+import { getSessionKnob } from "../host/session-knob.js";
+import { markdownToReadableText } from "./markdown-readable-text.js";
+import { formattedCopyHtml, removeThinkingContent } from "./markdown-copy-html.js";
+async function copyContent(content, options = {}) {
+  let capturedText;
+  try {
+    let payload;
+    if (typeof content === "string") {
+      const text = options.includeThinking ? content : removeThinkingContent(content);
+      payload = { kind: options.isMarkdown ? "markdown" : "text", text };
+      if (options.formatJson !== false) {
+        let parsed;
+        try {
+          parsed = JSON.parse(text);
+        } catch {
+          parsed = void 0;
+        }
+        if (parsed !== void 0)
+          payload = { kind: "json", value: normalizeTransferJson(parsed) };
+      }
+    } else {
+      payload = { kind: "json", value: normalizeTransferJson(content) };
+    }
+    const signal = new AbortController().signal;
+    const { snapshot } = await capture(payload, signal);
+    const draft = createDraft(snapshot);
+    const rich = payload.kind === "markdown" && (options.formatForGoogleDocs || options.formatForWordPress);
+    const artifact = rich ? await (await formatAdapter("rich-html").load()).build(
+      draft,
+      { profile: options.formatForGoogleDocs ? "google-docs" : "generic" },
+      signal
+    ) : serialize(
+      draft,
+      payload.kind === "json" ? options.formatJson === false ? "compact-json" : "json" : "plain"
+    );
+    capturedText = artifact.plainText;
+    if (options.showHtmlPreview) {
+      if (!options.onShowHtmlPreview || !artifact.html)
+        throw new Error(
+          "HTML preview requires a formatted Markdown source and a preview callback."
+        );
+      const previewDelivered = await options.onShowHtmlPreview(artifact.html);
+      if (previewDelivered === false) return false;
+      options.onSuccess?.();
+      return true;
+    }
+    const outcome = await createBrowserTransport().copy(artifact, signal);
+    if (outcome.status === "success") {
+      options.onSuccess?.();
+      return true;
+    }
+    if (outcome.status === "degraded") {
+      toast.info(`Copied as plain text: ${outcome.reason}`);
+      return false;
+    }
+    if (outcome.status === "cancelled") return false;
+    throw new Error(outcome.message);
+  } catch (error) {
+    if (capturedText !== void 0) {
+      showManualCopy({ text: capturedText });
+      return false;
+    }
+    options.onError?.(error);
+    if (!options.onError)
+      toast.error(
+        error instanceof Error ? error.message : "Could not copy content"
+      );
+    return false;
+  }
+}
+const COPY_DEFAULT_FLAVOR_KNOB = { feature: "copy", key: "default_flavor" };
+function defaultCopyFlavor() {
+  return getSessionKnob(COPY_DEFAULT_FLAVOR_KNOB) === "text" ? "text" : "markdown";
+}
+const FLAVOR_TOAST = {
+  default: "Copied",
+  markdown: "Markdown copied",
+  text: "Text copied"
+};
+function richCopyPlainText(markdown, flavor, defaultFlavor = "markdown") {
+  const plainFlavor = flavor === "default" ? defaultFlavor : flavor;
+  return plainFlavor === "text" ? markdownToReadableText(markdown) : markdown;
+}
+async function writeClipboardFlavors(plain, html) {
+  const landed = html === void 0 ? await copyText(plain) : await copyRich(
+    { text: plain, html },
+    { onDegraded: (reason) => toast.info(`Copied without formatting: ${reason}.`) }
+  );
+  if (!landed) showManualCopy({ text: plain });
+  return landed;
+}
+async function copyRichContent(markdown, flavor = "default", options = {}) {
+  const source = options.includeThinking ? markdown : removeThinkingContent(markdown);
+  const plain = richCopyPlainText(source, flavor, defaultCopyFlavor());
+  const ok = await writeClipboardFlavors(plain, flavor === "default" ? formattedCopyHtml(source) : void 0);
+  const label = options.toast === void 0 ? FLAVOR_TOAST[flavor] : options.toast;
+  if (ok && label) toast.success(label);
+  return ok;
+}
+export {
+  COPY_DEFAULT_FLAVOR_KNOB,
+  copyContent,
+  copyRichContent,
+  defaultCopyFlavor,
+  markdownToReadableText,
+  richCopyPlainText,
+  writeClipboardFlavors
+};

package/dist/copy/markdown-copy-html.d.ts

@@ -0,0 +1,3 @@
+export { removeThinkingContent } from "@ai-matrx/print/markdown";
+/** The formatted HTML for a copy (loaded at click time), or `undefined` when this host writes plain text only. */
+export declare function formattedCopyHtml(markdown: string): Promise<string> | undefined;

package/dist/copy/markdown-copy-html.js

@@ -0,0 +1,8 @@
+import { removeThinkingContent } from "@ai-matrx/print/markdown";
+function formattedCopyHtml(markdown) {
+  return import("@ai-matrx/print/markdown").then(({ markdownToHtml }) => markdownToHtml(markdown));
+}
+export {
+  formattedCopyHtml,
+  removeThinkingContent
+};

package/dist/copy/markdown-readable-text.d.ts

@@ -0,0 +1,4 @@
+/** Inline markup → its words. Code spans are kept as their text. */
+export declare function readableInline(line: string): string;
+/** Markdown → readable plain text (envelopes unwrapped first). */
+export declare function markdownToReadableText(markdown: string): string;

package/dist/copy/markdown-readable-text.js

@@ -0,0 +1,62 @@
+import { unwrapKindEnvelopes } from "@ai-matrx/content-ir/source";
+import {
+  findTableEnd,
+  rowCells,
+  tableStartsAt,
+  unescapeCellPipes
+} from "../display/markdown-classification/processors/utils/gfm-table-lines.js";
+const FENCE = /^( {0,3})(`{3,}|~{3,})/;
+function readableInline(line) {
+  const codes = [];
+  let out = line.replace(/(`+)([\s\S]*?[^`])\1(?!`)/g, (_m, _ticks, body) => {
+    codes.push(body.replace(/^ (.*) $/, "$1"));
+    return `\uE000${codes.length - 1}\uE000`;
+  });
+  out = out.replace(/!\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, (_m, alt, url) => alt ? `${alt} (${url})` : url).replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, (_m, text, url) => {
+    const bare = url.replace(/^mailto:/, "");
+    return text === url || text === bare ? bare : `${text} (${bare})`;
+  }).replace(/<((?:https?:\/\/|mailto:)[^>\s]+)>/g, (_m, url) => url.replace(/^mailto:/, "")).replace(/(\*\*\*|___)(?=\S)([\s\S]*?\S)\1/g, "$2").replace(/(\*\*|__)(?=\S)([\s\S]*?\S)\1/g, "$2").replace(/~~(?=\S)([\s\S]*?\S)~~/g, "$1").replace(/(^|[^\w*])\*(?=\S)([^*]*?\S)\*(?!\w)/g, "$1$2").replace(/(^|[^\w])_(?=\S)([^_]*?\S)_(?!\w)/g, "$1$2").replace(/ {2,}$|\\$/g, "").replace(/\\([!-/:-@[-`{-~])/g, "$1");
+  return out.replace(/\uE000(\d+)\uE000/g, (_m, i) => codes[Number(i)] ?? "");
+}
+function markdownToReadableText(markdown) {
+  const lines = unwrapKindEnvelopes(markdown).replace(/\r\n?/g, "\n").split("\n");
+  const out = [];
+  for (let i = 0; i < lines.length; i += 1) {
+    const line = lines[i];
+    const fence = FENCE.exec(line);
+    if (fence) {
+      const marker = fence[2];
+      let j = i + 1;
+      while (j < lines.length && !new RegExp(`^ {0,3}${marker[0] === "`" ? "`" : "~"}{${marker.length},}\\s*$`).test(lines[j])) {
+        out.push(lines[j]);
+        j += 1;
+      }
+      i = j;
+      continue;
+    }
+    if (tableStartsAt(lines, i)) {
+      const end = findTableEnd(lines, i);
+      for (let j = i; j < end; j += 1) {
+        if (j === i + 1) continue;
+        out.push(rowCells(lines[j]).map((c) => readableInline(unescapeCellPipes(c).trim())).join("	"));
+      }
+      i = end - 1;
+      continue;
+    }
+    if (/^ {0,3}([-*_])( *\1){2,} *$/.test(line)) {
+      out.push("");
+      continue;
+    }
+    if (/^ {0,3}(=+|-+) *$/.test(line) && out.length && out[out.length - 1].trim()) continue;
+    let rest = line;
+    rest = rest.replace(/^ {0,3}(?:> ?)+/, "");
+    rest = rest.replace(/^ {0,3}#{1,6}[ \t]+/, "").replace(/[ \t]+#+[ \t]*$/, "");
+    rest = rest.replace(/^(\s*)[-*+][ \t]+\[[ ]\][ \t]+/, "$1\u2610 ").replace(/^(\s*)[-*+][ \t]+\[[xX]\][ \t]+/, "$1\u2611 ").replace(/^(\s*)[-*+][ \t]+/, "$1\u2022 ").replace(/^(\s*)(\d{1,9})[.)][ \t]+/, "$1$2. ");
+    out.push(readableInline(rest));
+  }
+  return out.join("\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+export {
+  markdownToReadableText,
+  readableInline
+};

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/chat-markdown/block-registry/BlockComponentRegistry.js

@@ -69,8 +69,10 @@ const BUILTIN_BLOCK_COMPONENTS = {
 const BUILTIN_LOADING_COMPONENTS = {
   DiagramLoading: () => /* @__PURE__ */ jsx(LazyBlockWrapper, { children: /* @__PURE__ */ jsx(DiagramLoadingVisualization, {}) })
 };
+import { ensureHostBlockRegistrations } from "../../../host/registry.js";
 const REGISTRY_KEY = /* @__PURE__ */ Symbol.for("ai-matrx.rich-content.block-components");
 function registry() {
+  ensureHostBlockRegistrations();
   const g = globalThis;
   return g[REGISTRY_KEY] ??= { blocks: {}, loading: {} };
 }

package/dist/display/chat-markdown/block-registry/block-dispatch.js

@@ -472,6 +472,7 @@ const BLOCK_DISPATCH_CLASSIFICATION = {
 const DISPATCH_MAP = new Map(
   Object.entries(BLOCK_DISPATCH)
 );
+import { ensureHostBlockRegistrations } from "../../../host/registry.js";
 const REGISTERED_KEY = /* @__PURE__ */ Symbol.for("ai-matrx.rich-content.block-dispatch");
 function registered() {
   const g = globalThis;
@@ -481,6 +482,7 @@ function registerBlockDispatch(entries) {
   for (const [type, fn] of Object.entries(entries)) if (fn) registered().set(type, fn);
 }
 function resolveBlockDispatch(type) {
+  ensureHostBlockRegistrations();
   return registered().get(type) ?? DISPATCH_MAP.get(type) ?? null;
 }
 export {

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
+};