@ai-matrx/rich-content 0.2.8 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 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
 

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";
@@ -184,15 +185,9 @@ const CodeBlockBody = ({
   };
   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/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/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/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/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/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";
@@ -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";
@@ -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/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";
@@ -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";
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.8",
+  "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/data": "latest",
-    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/data": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/agents": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/kit": "latest",
-    "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/tap-target": "latest"
+    "@ai-matrx/tap-target": "latest",
+    "@ai-matrx/media": "latest",
+    "@ai-matrx/kit": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",