@ai-matrx/rich-content 0.2.7 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 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.
+
+## 0.2.8
+### Unreleased
+
+### Shared fence parsing
+
+- The plain-text fallback and Mermaid print reader use Content IR's canonical
+  fence rules instead of private regex copies.
+- Mermaid print preserves unfinished bodies and dedenting, ignores malformed
+  fence info, and does not render diagrams nested inside another code block.
+
+### Consumer action
+
+- None required. Public imports and host setup are unchanged.
+
 ## 0.2.7
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/code-block/CodeBlock.js

@@ -1,5 +1,6 @@
 "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 { useRef, useState, useEffect } from "react";
 import { KindDataGate } from "../host/app-bindings.js";
@@ -178,21 +179,15 @@ const CodeBlockBody = ({
       });
       textToCopy = paddedLines.join("\n");
     }
-    await copyText(textToCopy);
+    if (!await copyText(textToCopy)) return;
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
   const handleDownload = (e) => {
     e.stopPropagation();
-    const blob = new Blob([code], { type: "text/plain" });
-    const url = window.URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
     const titleFile = fence.title && /^[\w./-]+\.\w+$/.test(fence.title) ? fence.title.split("/").pop() : void 0;
     const ext = codeLanguageToExtension(rawLanguage || "txt");
-    a.download = titleFile ?? `code${ext}`;
-    a.click();
-    window.URL.revokeObjectURL(url);
+    downloadFile(titleFile ?? `code${ext}`, code, "text/plain");
   };
   const toggleLineNumbers = (e) => {
     e.stopPropagation();

package/dist/display/blocks/chart/ChartBlock.js

@@ -38,7 +38,7 @@ const ChartBlock = ({ content = "", isStreamActive = false, className }) => {
   const paneLayout = chartPaneLayout(presentation, spec?.type ?? "");
   const handleCopy = async () => {
     try {
-      await copyText(source);
+      if (!await copyText(source)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/common/BlockHeaderWrapper.js

@@ -1,5 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { downloadFile } from "@ai-matrx/kit/download";
 import { useState, useRef, useEffect } from "react";
 import {
   Maximize2,
@@ -93,15 +94,7 @@ const BlockHeaderWrapper = ({
   };
   const handleExport = () => {
     if (exportData === void 0) return;
-    const blob = new Blob([JSON.stringify(exportData, null, 2)], {
-      type: "application/json"
-    });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `${exportFilename}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
+    downloadFile(`${exportFilename}.json`, JSON.stringify(exportData, null, 2), "application/json");
   };
   const handleImportClick = () => fileInputRef.current?.click();
   const handleFileChange = (e) => {

package/dist/display/blocks/csv/CsvBlock.js

@@ -86,7 +86,7 @@ const CsvBlock = ({
   const headers = data[0] || [];
   const bodyRows = data.slice(1);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/diagram/InteractiveDiagramBlock.js

@@ -1,5 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { captureElement } from "@ai-matrx/alchemy/operate/capture";
+import { downloadFile, downloadUrl } from "@ai-matrx/kit/download";
 import { Button, Chip } from "@ai-matrx/design-system/controls";
 import {
   useState,
@@ -121,7 +123,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from "@ai-matrx/design-system";
-const UNSAFE_COLOR_RE = /\b(oklch|oklab|lab|lch|color)\s*\(/i;
 function backgroundVariantFromDiagram(diagram) {
   if (diagram.renderHints?.background === "lines")
     return BackgroundVariant.Lines;
@@ -129,42 +130,6 @@ function backgroundVariantFromDiagram(diagram) {
     return BackgroundVariant.Cross;
   return BackgroundVariant.Dots;
 }
-function safenColor(value, prop, isDark) {
-  if (!UNSAFE_COLOR_RE.test(value)) return value;
-  const lp = prop.toLowerCase();
-  if (lp.includes("background")) return isDark ? "#1f2937" : "#ffffff";
-  if (lp === "color") return isDark ? "#f3f4f6" : "#111827";
-  if (lp.includes("border") || lp.includes("outline"))
-    return isDark ? "#4b5563" : "#d1d5db";
-  if (lp === "fill" || lp === "stroke") return isDark ? "#9ca3af" : "#374151";
-  return isDark ? "#6b7280" : "#6b7280";
-}
-function patchComputedStyleForCapture(isDark) {
-  const original = window.getComputedStyle.bind(window);
-  window.getComputedStyle = function(elt, pseudo) {
-    const computed = original(elt, pseudo);
-    return new Proxy(computed, {
-      get(target, prop) {
-        const value = target[prop];
-        if (typeof prop === "string" && typeof value === "string" && value && UNSAFE_COLOR_RE.test(value)) {
-          return safenColor(value, prop, isDark);
-        }
-        if (prop === "getPropertyValue") {
-          return (p) => {
-            const raw = target.getPropertyValue(p);
-            return raw && UNSAFE_COLOR_RE.test(raw) ? safenColor(raw, p, isDark) : raw;
-          };
-        }
-        if (typeof value === "function")
-          return value.bind(target);
-        return value;
-      }
-    });
-  };
-  return () => {
-    window.getComputedStyle = original;
-  };
-}
 const PedigreeNode = ({
   data,
   selected
@@ -1081,22 +1046,20 @@ const DiagramFlow = ({
     }
     exportContainer.appendChild(cloned);
     document.body.appendChild(exportContainer);
-    import("html2canvas").then((mod) => {
-      const restore = patchComputedStyleForCapture(isDark);
-      return mod.default(exportContainer, {
-        backgroundColor: bgColor,
-        scale: 2,
-        useCORS: true,
-        allowTaint: true,
-        width: imageWidth,
-        height: imageHeight,
-        ignoreElements: (el) => el.classList.contains("react-flow__controls") || el.classList.contains("react-flow__minimap") || el.classList.contains("react-flow__panel")
-      }).finally(restore);
+    captureElement(exportContainer, {
+      backgroundColor: bgColor,
+      scale: 2,
+      useCORS: true,
+      allowTaint: true,
+      width: imageWidth,
+      height: imageHeight,
+      safeColors: { dark: isDark },
+      ignoreElements: (el) => el.classList.contains("react-flow__controls") || el.classList.contains("react-flow__minimap") || el.classList.contains("react-flow__panel")
     }).then((canvas) => {
-      const a = document.createElement("a");
-      a.download = `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_diagram${isDark ? "_dark" : "_light"}.png`;
-      a.href = canvas.toDataURL("image/png");
-      a.click();
+      downloadUrl(
+        canvas.toDataURL("image/png"),
+        `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_diagram${isDark ? "_dark" : "_light"}.png`
+      );
     }).catch((err) => console.warn("Diagram export failed:", err)).finally(() => document.body.removeChild(exportContainer));
   }, [getNodes, diagram.title, onExportImage]);
   const measuredWidth = useStore((s) => s.width);
@@ -2133,15 +2096,11 @@ const InteractiveDiagramBlock = ({
     triggerPrint
   } = usePrintOptions(diagramPrinter, diagram);
   const exportDiagramJSON = useCallback(() => {
-    const blob = new Blob([JSON.stringify({ diagram }, null, 2)], {
-      type: "application/json"
-    });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
+    downloadFile(
+      `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}.json`,
+      JSON.stringify({ diagram }, null, 2),
+      "application/json"
+    );
   }, [diagram]);
   const toggleEditing = () => {
     const next = !editing;
@@ -2154,18 +2113,16 @@ const InteractiveDiagramBlock = ({
     );
     if (!viewport) return;
     const isDark = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
-    import("html2canvas").then((mod) => {
-      const restore = patchComputedStyleForCapture(isDark);
-      return mod.default(viewport, {
-        backgroundColor: isDark ? "#111827" : "#ffffff",
-        scale: 2,
-        useCORS: true
-      }).finally(restore);
+    captureElement(viewport, {
+      backgroundColor: isDark ? "#111827" : "#ffffff",
+      scale: 2,
+      useCORS: true,
+      safeColors: { dark: isDark }
     }).then((canvas) => {
-      const a = document.createElement("a");
-      a.download = `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_diagram.png`;
-      a.href = canvas.toDataURL("image/png");
-      a.click();
+      downloadUrl(
+        canvas.toDataURL("image/png"),
+        `${diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_diagram.png`
+      );
     }).catch((err) => console.warn("Image export failed:", err));
   }, [diagram.title]);
   const renderLegend = () => {

package/dist/display/blocks/diff/DiffBlock.js

@@ -85,7 +85,7 @@ const DiffSpecBlock = ({ content = "", isStreamActive = false, className }) => {
   });
   const handleCopy = async () => {
     try {
-      await copyText(content.trim());
+      if (!await copyText(content.trim())) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/generic/StructuredValueTabs.js

@@ -47,7 +47,7 @@ function StructuredValueTabs({
   const json = value !== void 0 && value !== null ? JSON.stringify(value, null, 2) : raw ?? "";
   const copy = async () => {
     try {
-      await copyText(json);
+      if (!await copyText(json)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/images/ImageBlock.js

@@ -1,5 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { copyText, useClipboard } from "@ai-matrx/kit/clipboard";
+import { downloadFile } from "@ai-matrx/kit/download";
 import { useState, useRef, useEffect } from "react";
 import {
   DownloadIcon,
@@ -46,6 +48,7 @@ const ImageBlockImpl = ({ src: srcProp, alt = "Image" }) => {
   const editableFileId = ourFile?.fileId ?? null;
   const [feedback, setFeedback] = useState("none");
   const [showCopySuccess, setShowCopySuccess] = useState(false);
+  const { copyImage } = useClipboard();
   const [showShareModal, setShowShareModal] = useState(false);
   const [showExpandedView, setShowExpandedView] = useState(false);
   const [zoomLevel, setZoomLevel] = useState(1);
@@ -55,45 +58,24 @@ const ImageBlockImpl = ({ src: srcProp, alt = "Image" }) => {
     try {
       const response = await fetch(src);
       const blob = await response.blob();
-      const url = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = src.split("/").pop() || "image";
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(url);
+      downloadFile(src.split("/").pop() || "image", blob, blob.type);
     } catch (err) {
       console.error("Failed to download image:", err);
     }
   };
   const handleCopyUrl = (e) => {
     e?.preventDefault();
-    navigator.clipboard.writeText(src).then(() => {
+    void copyText(src).then((landed) => {
+      if (!landed) return;
       setShowCopySuccess(true);
       setTimeout(() => setShowCopySuccess(false), 2e3);
-    }).catch((err) => {
-      console.error("Failed to copy URL:", err);
     });
   };
   const handleCopyImage = async (e) => {
     e?.preventDefault();
-    try {
-      const response = await fetch(src);
-      const blob = await response.blob();
-      if (navigator.clipboard && navigator.clipboard.write) {
-        await navigator.clipboard.write([
-          new ClipboardItem({
-            [blob.type]: blob
-          })
-        ]);
-        setShowCopySuccess(true);
-        setTimeout(() => setShowCopySuccess(false), 2e3);
-      } else {
-        console.error("Clipboard API not supported");
-      }
-    } catch (err) {
-      console.error("Failed to copy image to clipboard:", err);
+    if (await copyImage(src)) {
+      setShowCopySuccess(true);
+      setTimeout(() => setShowCopySuccess(false), 2e3);
     }
   };
   const handleShare = async (e) => {

package/dist/display/blocks/json/JsonBlock.js

@@ -489,7 +489,7 @@ const JsonViewHeader = ({
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
     try {
-      await copyText(content);
+      if (!await copyText(content)) return;
       setCopied(true);
       toast.success("Copied JSON to clipboard");
       setTimeout(() => setCopied(false), 1500);

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

@@ -1,3 +1,4 @@
+import { downloadFile } from "@ai-matrx/kit/download";
 import { announceBareHost, hostCapability } from "../../../host/registry.js";
 function parseJsonSafe(text) {
   if (!text || !text.trim()) {
@@ -89,15 +90,7 @@ function rowsToNdjson(rows) {
   return rows.map((r) => JSON.stringify(r)).join("\n");
 }
 function downloadText(filename, content, mime = "text/plain") {
-  const blob = new Blob([content], { type: `${mime};charset=utf-8` });
-  const url = window.URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = filename;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-  window.URL.revokeObjectURL(url);
+  downloadFile(filename, content, `${mime};charset=utf-8`);
 }
 async function rowsToXlsx(rows, columns, filename) {
   const impl = hostCapability("app")?.rowsToXlsx;

package/dist/display/blocks/links/LinkComponent.js

@@ -1,5 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { copyText } from "@ai-matrx/kit/clipboard";
 import React, { useState, useRef, useEffect, useCallback, useId, memo } from "react";
 import { createPortal } from "react-dom";
 import { cn } from "@ai-matrx/design-system";
@@ -164,15 +165,10 @@ const ValidLinkComponentCore = ({
     clearOpenTimer();
   }, [clearOpenTimer]);
   const handleCopyLink = useCallback(() => {
-    if (!navigator.clipboard) {
-      console.error("Clipboard API not available");
-      return;
-    }
-    navigator.clipboard.writeText(finalHref).then(() => {
+    void copyText(finalHref).then((landed) => {
+      if (!landed) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    }).catch((err) => {
-      console.error("Failed to copy link:", err);
     });
   }, [finalHref]);
   const handleOpenInNewTab = useCallback(

package/dist/display/blocks/markdown-preview/MarkdownPreviewBlock.js

@@ -24,7 +24,7 @@ const MarkdownPreviewBlock = ({
   const [mode, setMode] = useState("preview");
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/svg/SvgBlock.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { downloadFile } from "@ai-matrx/kit/download";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { useEffect, useMemo, useState } from "react";
 import { createPortal } from "react-dom";
@@ -40,7 +41,7 @@ const SvgBlock = ({ content = "", isStreamActive = false, className }) => {
   const [fullscreen, setFullscreen] = useState(false);
   const handleCopy = async () => {
     try {
-      await copyText(svg);
+      if (!await copyText(svg)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {
@@ -49,13 +50,7 @@ const SvgBlock = ({ content = "", isStreamActive = false, className }) => {
   };
   const handleDownload = () => {
     try {
-      const blob = new Blob([svg], { type: "image/svg+xml" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = `${(title ?? "illustration").replace(/[^\w-]+/g, "-").toLowerCase()}.svg`;
-      a.click();
-      URL.revokeObjectURL(url);
+      downloadFile(`${(title ?? "illustration").replace(/[^\w-]+/g, "-").toLowerCase()}.svg`, svg, "image/svg+xml");
     } catch {
       toast.error("Couldn't download the SVG");
     }

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

@@ -1,5 +1,6 @@
 "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";
@@ -268,9 +269,9 @@ const StreamingTableRendererCore = ({
   };
   const copyJsonToClipboard = async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(tableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
@@ -300,17 +301,12 @@ const StreamingTableRendererCore = ({
           }).join(",")
         )
       ].join("\n");
-      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = "table_data.csv";
-      link.click();
-      URL.revokeObjectURL(url);
+      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
+      saveCsv();
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: () => link.click(),
+          onClick: saveCsv,
           className: "font-medium"
         }
       });
@@ -324,28 +320,12 @@ const StreamingTableRendererCore = ({
     try {
       const markdownContent = content || "";
       const fileName = headers && headers[0] ? `${headers[0].replace(/[^a-z0-9]/gi, "_").toLowerCase()}.md` : "table_data.md";
-      const blob = new Blob([markdownContent], {
-        type: "text/markdown;charset=utf-8"
-      });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = fileName;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
+      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
+      saveMarkdown();
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: () => {
-            const newLink = document.createElement("a");
-            newLink.href = url;
-            newLink.download = fileName;
-            document.body.appendChild(newLink);
-            newLink.click();
-            document.body.removeChild(newLink);
-          },
+          onClick: saveMarkdown,
           className: "font-medium"
         }
       });

package/dist/display/blocks/toml/TomlBlock.js

@@ -75,7 +75,7 @@ const TomlBlock = ({ content, className }) => {
   );
   const lines = parseTomlLines(content);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/tree/TreeBlock.js

@@ -94,7 +94,7 @@ const TreeBlock = ({ content, className }) => {
   const lines = parseTreeLines(content);
   const wrap = treeWrapsLines(useCanvasPresentation());
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/xml/XmlBlock.js

@@ -38,7 +38,7 @@ const XmlBlock = ({
   const tokens = tokenizeXml(content);
   const isStreaming = useMarkdownStreaming();
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/yaml/YamlBlock.js

@@ -81,7 +81,7 @@ const YamlBlock = ({ content, className }) => {
   const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
   const lines = parseYamlLines(content);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

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

@@ -91,7 +91,7 @@ const InlineCodeSnippet = ({
   const langColor = language ? LANGUAGE_COLORS[language] : void 0;
   const handleCopy = async () => {
     try {
-      await copyText(code);
+      if (!await copyText(code)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     } catch {

package/dist/display/chat-markdown/internal-handlers/PlainTextFallback.js

@@ -3,6 +3,7 @@ import { Suspense, lazy } from "react";
 import { cn } from "@ai-matrx/design-system";
 import { MarkdownErrorBoundary } from "./MarkdownErrorBoundary.js";
 import { findEmbeddedKindJsonRegions } from "@ai-matrx/content-ir/surfaces";
+import { fenceOpenerOf } from "@ai-matrx/content-ir/source";
 import {
   firstKindSlug,
   hasKindKey,
@@ -15,12 +16,11 @@ import { humanizeKind } from "@ai-matrx/content-ir/surfaces";
 const KindInstanceRender = lazy(
   () => import("../../../host/app-bindings.js").then((m) => ({ default: m.KindInstanceRender }))
 );
-const FENCE_LINE = /^[ \t]*(`{3,}|~{3,})[^\n`]*$/gm;
 function isKindObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.__kind === "string";
 }
 function textPieces(text) {
-  const cleaned = text.replace(FENCE_LINE, "");
+  const cleaned = text.split("\n").map((line) => fenceOpenerOf(line) ? "" : line).join("\n");
   if (!hasKindKey(cleaned)) return cleaned.trim() ? [{ type: "text", text: cleaned }] : [];
   const keyAt = cleaned.search(/"__kind"\s*:/);
   const objectAt = cleaned.lastIndexOf("{", keyAt);

package/dist/display/tables/MarkdownTable.js

@@ -1,5 +1,6 @@
 "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";
@@ -269,9 +270,9 @@ const MarkdownTable = ({
   };
   const copyJsonToClipboard = async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(internalTableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
@@ -299,17 +300,12 @@ const MarkdownTable = ({
           }).join(",")
         )
       ].join("\n");
-      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = "table_data.csv";
-      link.click();
-      URL.revokeObjectURL(url);
+      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
+      saveCsv();
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: () => link.click(),
+          onClick: saveCsv,
           className: "font-medium"
         }
       });
@@ -321,28 +317,12 @@ 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 blob = new Blob([markdownContent], {
-        type: "text/markdown;charset=utf-8"
-      });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = fileName;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
+      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
+      saveMarkdown();
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: () => {
-            const newLink = document.createElement("a");
-            newLink.href = url;
-            newLink.download = fileName;
-            document.body.appendChild(newLink);
-            newLink.click();
-            document.body.removeChild(newLink);
-          },
+          onClick: saveMarkdown,
           className: "font-medium"
         }
       });

package/dist/display/tables/TableWithSeparatedControls.js

@@ -1,5 +1,6 @@
 "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";
@@ -86,9 +87,9 @@ const TableControls = ({
   }, [generateMarkdownTable, toast]);
   const copyJsonToClipboard = useCallback(async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(debouncedTableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
@@ -116,17 +117,12 @@ const TableControls = ({
           }).join(",")
         )
       ].join("\n");
-      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = "table_data.csv";
-      link.click();
-      URL.revokeObjectURL(url);
+      const saveCsv = () => downloadFile("table_data.csv", csvContent, "text/csv;charset=utf-8");
+      saveCsv();
       toast.success("Table exported to CSV", {
         action: {
           label: "Download Again",
-          onClick: () => link.click(),
+          onClick: saveCsv,
           className: "font-medium"
         }
       });
@@ -138,28 +134,12 @@ 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 blob = new Blob([markdownContent], {
-        type: "text/markdown;charset=utf-8"
-      });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = fileName;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
+      const saveMarkdown = () => downloadFile(fileName, markdownContent, "text/markdown;charset=utf-8");
+      saveMarkdown();
       toast.success("Markdown file downloaded", {
         action: {
           label: "Download Again",
-          onClick: () => {
-            const newLink = document.createElement("a");
-            newLink.href = url;
-            newLink.download = fileName;
-            document.body.appendChild(newLink);
-            newLink.click();
-            document.body.removeChild(newLink);
-          },
+          onClick: saveMarkdown,
           className: "font-medium"
         }
       });

package/dist/mermaid/export.d.ts

@@ -1,4 +1,5 @@
 import type { NormalizedFile } from "@ai-matrx/media/files/engine/handler/types";
+/** Throws when the browser refused the copy — callers say so. */
 export declare function copyMermaidSource(source: string): Promise<void>;
 /** Copies the SVG markup as text — the universally pasteable form. */
 export declare function copyMermaidSvg(svg: string): Promise<void>;

package/dist/mermaid/export.js

@@ -1,25 +1,22 @@
 "use client";
+import { copyText } from "@ai-matrx/kit/clipboard";
+import { downloadFile } from "@ai-matrx/kit/download";
 import { fileHandler } from "@ai-matrx/media/files/engine/handler/handler";
 function svgBlob(svg) {
   return new Blob([svg], { type: "image/svg+xml;charset=utf-8" });
 }
 function triggerDownload(blob, fileName) {
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = fileName;
-  a.click();
-  URL.revokeObjectURL(url);
+  downloadFile(fileName, blob, blob.type);
 }
 function safeFileName(title, extension) {
   const base = (title || "diagram").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60);
   return `${base || "diagram"}.${extension}`;
 }
 async function copyMermaidSource(source) {
-  await navigator.clipboard.writeText(source);
+  if (!await copyText(source)) throw new Error("The browser refused the clipboard.");
 }
 async function copyMermaidSvg(svg) {
-  await navigator.clipboard.writeText(svg);
+  if (!await copyText(svg)) throw new Error("The browser refused the clipboard.");
 }
 function downloadMermaidSvg(svg, title) {
   triggerDownload(svgBlob(svg), safeFileName(title, "svg"));

package/dist/mermaid/print-render.js

@@ -1,22 +1,22 @@
 import { renderMermaid } from "./runtime.js";
+import { closeFence, fenceOpenerOf } from "@ai-matrx/content-ir/source";
 const PRINT_OPTIONS = { theme: "default", look: "classic", layout: "dagre" };
 function mermaidFenceSources(markdown) {
   const out = [];
   const lines = markdown.split("\n");
+  const fenceLines = { count: lines.length, line: (index) => lines[index] ?? null };
   for (let i = 0; i < lines.length; i++) {
-    const open = /^(\s*)(`{3,}|~{3,})\s*mermaid\b[^`]*$/.exec(lines[i]);
-    if (!open) continue;
-    const marker = open[2];
-    const indent = open[1].length;
-    const body = [];
-    let j = i + 1;
-    for (; j < lines.length; j++) {
-      const close = /^\s*(`{3,}|~{3,})\s*$/.exec(lines[j]);
-      if (close && close[1][0] === marker[0] && close[1].length >= marker.length) break;
-      body.push(lines[j]);
+    const opener = fenceOpenerOf(lines[i]);
+    if (!opener) continue;
+    const end = closeFence(fenceLines, i, opener);
+    if (opener.lang !== "mermaid") {
+      i = end.line;
+      continue;
     }
+    const indent = lines[i].length - lines[i].trimStart().length;
+    const body = lines.slice(i + 1, end.closed ? end.line : end.line + 1);
     out.push(body.map((l) => l.slice(Math.min(indent, l.length - l.trimStart().length))).join("\n"));
-    i = j;
+    i = end.line;
   }
   return out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "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",
@@ -85,7 +85,6 @@
     "hast-util-sanitize": "^5.0.2",
     "hast-util-to-string": "^3.0.1",
     "hast-util-to-text": "^4.0.2",
-    "html2canvas": "^1.4.1",
     "katex": "^0.18.9",
     "lucide-react": "^1.48.0",
     "marked": "^18.0.14",
@@ -116,19 +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/data": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/content-ir": "latest",
-    "@ai-matrx/agents": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/kit": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/media": "latest"
+    "@ai-matrx/media": "latest",
+    "@ai-matrx/kit": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",