@superlc/md-react 0.1.1 → 0.2.1

package/dist/index.js

@@ -1,425 +1,970 @@
-import { jsxs as A, jsx as s, Fragment as E } from "react/jsx-runtime";
-import Y, { useState as T, useCallback as S, useMemo as F, memo as z, useRef as f, useEffect as x, useLayoutEffect as se } from "react";
-import { parseToHast as Z, createStreamingParser as G, OutputRateController as Q } from "@superlc/md-core";
-import { toJsxRuntime as j } from "hast-util-to-jsx-runtime";
-async function ce(e) {
+import { jsxs as C, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import q, { useState as E, useCallback as g, useRef as h, useEffect as z, useMemo as _, memo as X, useLayoutEffect as ge } from "react";
+import { detectColorScheme as ve, observeColorScheme as be, downloadAsPng as ye, MermaidRenderer as ke, parseToHast as ne, createStreamingParser as re, OutputRateController as ae } from "@superlc/md-core";
+import { toJsxRuntime as K } from "hast-util-to-jsx-runtime";
+async function we(t) {
   try {
-    return await navigator.clipboard.writeText(e), !0;
+    return await navigator.clipboard.writeText(t), !0;
   } catch {
-    return ae(e);
+    return Ce(t);
   }
 }
-function ae(e) {
-  const t = document.createElement("textarea");
-  t.value = e, t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+function Ce(t) {
+  const n = document.createElement("textarea");
+  n.value = t, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
   try {
     return document.execCommand("copy"), !0;
   } catch {
     return !1;
   } finally {
-    document.body.removeChild(t);
+    document.body.removeChild(n);
   }
 }
-const oe = () => /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }) }), ie = () => /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }), J = ({
-  children: e,
-  showCopyButton: t = !0,
-  onCopy: a,
-  className: o
+const xe = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }) }), Me = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }), Q = ({
+  children: t,
+  showCopyButton: n = !0,
+  onCopy: c,
+  className: i
 }) => {
-  const [r, u] = T(!1), c = S(async () => {
-    const n = _(e);
-    await ce(n) && (u(!0), a == null || a(n), setTimeout(() => u(!1), 2e3));
-  }, [e, a]);
-  return /* @__PURE__ */ A("div", { className: `md-code-block-wrapper${o ? ` ${o}` : ""}`, children: [
-    /* @__PURE__ */ s("pre", { children: e }),
-    t && /* @__PURE__ */ s(
+  const [r, m] = E(!1), o = g(async () => {
+    const a = G(t);
+    await we(a) && (m(!0), c == null || c(a), setTimeout(() => m(!1), 2e3));
+  }, [t, c]);
+  return /* @__PURE__ */ C("div", { className: `md-code-block-wrapper${i ? ` ${i}` : ""}`, children: [
+    /* @__PURE__ */ e("pre", { children: t }),
+    n && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: `md-copy-button${r ? " md-copy-button--copied" : ""}`,
-        onClick: c,
+        onClick: o,
         title: r ? "已复制" : "复制代码",
         "aria-label": r ? "已复制" : "复制代码",
-        children: r ? /* @__PURE__ */ s(ie, {}) : /* @__PURE__ */ s(oe, {})
+        children: r ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(xe, {})
       }
     )
   ] });
 };
-function _(e) {
-  return typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(_).join("") : Y.isValidElement(e) ? _(e.props.children) : "";
+function G(t) {
+  return typeof t == "string" ? t : typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(G).join("") : q.isValidElement(t) ? G(t.props.children) : "";
 }
-J.displayName = "CodeBlock";
-const ue = ({
-  children: e,
-  components: t,
-  className: a,
-  copyButton: o = !0,
+Q.displayName = "CodeBlock";
+const Ne = {
+  min: 0.25,
+  max: 4,
+  step: 0.25,
+  default: 1
+};
+function ce(t = {}) {
+  const {
+    config: n,
+    enableDrag: c = !1,
+    enableWheelZoom: i = !1
+  } = t, r = { ...Ne, ...n }, m = h(null), o = h(!1), a = h({ x: 0, y: 0 }), l = h({ x: 0, y: 0 }), [d, p] = E({
+    scale: r.default,
+    translateX: 0,
+    translateY: 0
+  }), u = g(
+    (s) => Math.max(r.min, Math.min(r.max, s)),
+    [r.min, r.max]
+  ), y = g(() => {
+    p((s) => ({
+      ...s,
+      scale: u(s.scale + r.step)
+    }));
+  }, [u, r.step]), b = g(() => {
+    p((s) => ({
+      ...s,
+      scale: u(s.scale - r.step)
+    }));
+  }, [u, r.step]), v = g(() => {
+    p({
+      scale: r.default,
+      translateX: 0,
+      translateY: 0
+    });
+  }, [r.default]), x = g(
+    (s) => {
+      p((w) => ({
+        ...w,
+        scale: u(s)
+      }));
+    },
+    [u]
+  ), T = g(
+    (s, w) => {
+      const L = s.width / w.width, D = s.height / w.height, F = Math.min(L, D) * 0.95;
+      p({
+        scale: u(F),
+        translateX: 0,
+        translateY: 0
+      });
+    },
+    [u]
+  ), k = g(
+    (s) => {
+      c && (s.preventDefault(), o.current = !0, a.current = { x: s.clientX, y: s.clientY }, l.current = { x: d.translateX, y: d.translateY });
+    },
+    [c, d.translateX, d.translateY]
+  );
+  z(() => {
+    if (!c) return;
+    const s = (L) => {
+      if (!o.current) return;
+      const D = L.clientX - a.current.x, F = L.clientY - a.current.y;
+      p((f) => ({
+        ...f,
+        translateX: l.current.x + D,
+        translateY: l.current.y + F
+      }));
+    }, w = () => {
+      o.current = !1;
+    };
+    return document.addEventListener("mousemove", s), document.addEventListener("mouseup", w), () => {
+      document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", w);
+    };
+  }, [c]);
+  const R = g(
+    (s) => {
+      if (!i) return;
+      s.preventDefault();
+      const w = s.deltaY > 0 ? -r.step : r.step;
+      p((L) => ({
+        ...L,
+        scale: u(L.scale + w)
+      }));
+    },
+    [i, r.step, u]
+  ), N = g(() => {
+    v();
+  }, [v]), S = {
+    transform: `translate(${d.translateX}px, ${d.translateY}px) scale(${d.scale})`,
+    transformOrigin: "center center",
+    transition: o.current ? "none" : "transform 0.2s ease-out",
+    cursor: c ? o.current ? "grabbing" : "grab" : "default"
+  };
+  return {
+    state: d,
+    zoomIn: y,
+    zoomOut: b,
+    reset: v,
+    fitToContainer: T,
+    setScale: x,
+    canZoomIn: d.scale < r.max,
+    canZoomOut: d.scale > r.min,
+    containerRef: m,
+    contentStyle: S,
+    handlers: {
+      onMouseDown: k,
+      onWheel: R,
+      onDoubleClick: N
+    }
+  };
+}
+const Se = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }) }), ze = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }) }), oe = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z" }) }), se = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z" }) }), le = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" }) }), Le = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }) }), Be = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) }), ie = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" }) }), Re = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }), Ie = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }) }), Ee = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }), ue = ({
+  svg: t,
+  open: n,
+  onClose: c,
+  onDownload: i
+}) => {
+  const r = h(null), m = h(null), o = h(null), [a, l] = E(!1), {
+    state: d,
+    zoomIn: p,
+    zoomOut: u,
+    reset: y,
+    fitToContainer: b,
+    canZoomIn: v,
+    canZoomOut: x,
+    contentStyle: T,
+    handlers: k
+  } = ce({
+    enableDrag: !0,
+    enableWheelZoom: !0
+  }), R = g(async () => {
+    if (r.current)
+      try {
+        await r.current.requestFullscreen(), l(!0);
+      } catch {
+        l(!0);
+      }
+  }, []), N = g(() => {
+    document.fullscreenElement && document.exitFullscreen().catch(() => {
+    }), l(!1), c();
+  }, [c]);
+  z(() => {
+    n ? R() : a && N();
+  }, [n, R, N, a]), z(() => {
+    const s = () => {
+      !document.fullscreenElement && a && (l(!1), c());
+    };
+    return document.addEventListener("fullscreenchange", s), () => document.removeEventListener("fullscreenchange", s);
+  }, [a, c]), z(() => {
+    if (!a) return;
+    const s = (w) => {
+      switch (w.key) {
+        case "+":
+        case "=":
+          p();
+          break;
+        case "-":
+          u();
+          break;
+        case "0":
+          y();
+          break;
+      }
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [a, p, u, y]);
+  const S = g(() => {
+    if (!m.current || !o.current) return;
+    const s = m.current.getBoundingClientRect(), w = o.current.querySelector("svg");
+    if (w) {
+      const L = w.getBoundingClientRect();
+      b(s, L);
+    }
+  }, [b]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: r,
+      className: `md-mermaid-fullscreen-wrapper${a ? " md-mermaid-fullscreen-wrapper--active" : ""}`,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Mermaid 图表全屏预览",
+      "aria-hidden": !a,
+      children: a && /* @__PURE__ */ C($, { children: [
+        /* @__PURE__ */ C("div", { className: "md-mermaid-fullscreen-toolbar", children: [
+          /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: u,
+                disabled: !x,
+                title: "缩小 (-)",
+                "aria-label": "缩小",
+                children: /* @__PURE__ */ e(se, {})
+              }
+            ),
+            /* @__PURE__ */ C("span", { className: "md-mermaid-zoom-label", children: [
+              Math.round(d.scale * 100),
+              "%"
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: p,
+                disabled: !v,
+                title: "放大 (+)",
+                "aria-label": "放大",
+                children: /* @__PURE__ */ e(oe, {})
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "md-mermaid-toolbar-divider" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: y,
+                title: "重置 (0)",
+                "aria-label": "重置",
+                children: /* @__PURE__ */ e(le, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: S,
+                title: "适应窗口",
+                "aria-label": "适应窗口",
+                children: /* @__PURE__ */ e(Be, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
+            i && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: i,
+                title: "下载 PNG",
+                "aria-label": "下载",
+                children: /* @__PURE__ */ e(ie, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "md-mermaid-toolbar-btn",
+                onClick: N,
+                title: "退出全屏 (Esc)",
+                "aria-label": "退出全屏",
+                children: /* @__PURE__ */ e(Re, {})
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            ref: m,
+            className: "md-mermaid-fullscreen-content",
+            onWheel: k.onWheel,
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                ref: o,
+                className: "md-mermaid-fullscreen-svg",
+                style: T,
+                onMouseDown: k.onMouseDown,
+                onDoubleClick: k.onDoubleClick,
+                dangerouslySetInnerHTML: { __html: t }
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+ue.displayName = "MermaidFullscreenViewer";
+const Te = 150;
+let U = null;
+function Ve(t = "auto") {
+  return U ? U.setTheme(t ?? "auto") : U = new ke({ theme: t }), U;
+}
+async function De(t) {
+  try {
+    return await navigator.clipboard.writeText(t), !0;
+  } catch {
+    const n = document.createElement("textarea");
+    n.value = t, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
+    try {
+      return document.execCommand("copy"), !0;
+    } catch {
+      return !1;
+    } finally {
+      document.body.removeChild(n);
+    }
+  }
+}
+const de = ({
+  code: t,
+  theme: n = "auto",
+  showToolbar: c = !0,
+  onCopy: i,
+  className: r,
+  streamStatus: m = "done"
+}) => {
+  const [o, a] = E("preview"), [l, d] = E(null), [p, u] = E(!0), [y, b] = E(!1), [v, x] = E(!1), T = h(null), [k, R] = E(() => ve()), N = h(null), S = h(null), {
+    state: s,
+    zoomIn: w,
+    zoomOut: L,
+    reset: D,
+    canZoomIn: F,
+    canZoomOut: f,
+    contentStyle: M
+  } = ce();
+  z(() => {
+    if (n === "auto")
+      return be((V) => {
+        R(V);
+      });
+  }, [n]);
+  const I = h(t), H = h(m);
+  I.current = t, H.current = m, z(() => {
+    const V = async (Y) => {
+      console.log("[MermaidBlock] doRender start", { codeLength: Y.length });
+      const O = await Ve(n).render(Y), ee = H.current;
+      console.log("[MermaidBlock] render result", {
+        success: O.success,
+        hasSvg: !!O.svg,
+        error: O.error,
+        currentStreamStatus: ee
+      }), O.success && O.svg ? (N.current = O.svg, d(O), u(!1), a("preview"), console.log("[MermaidBlock] render success, cached SVG")) : ee === "loading" ? N.current ? (d({
+        success: !0,
+        svg: N.current
+      }), u(!1), console.log("[MermaidBlock] render failed, using cache")) : console.log("[MermaidBlock] render failed, no cache, keep loading") : (d(O), u(!1), a("code"), console.log("[MermaidBlock] render failed, showing error"));
+    };
+    console.log("[MermaidBlock] useEffect triggered", {
+      streamStatus: m,
+      codeLength: t.length,
+      hasTimer: !!S.current,
+      hasCache: !!N.current
+    }), m === "loading" ? S.current ? console.log("[MermaidBlock] timer already exists, skipping") : (N.current || u(!0), console.log("[MermaidBlock] setting timer"), S.current = setTimeout(() => {
+      console.log("[MermaidBlock] timer fired, rendering with latest code"), S.current = null, V(I.current);
+    }, Te)) : (console.log("[MermaidBlock] immediate render (not loading)"), S.current && (clearTimeout(S.current), S.current = null), u(!0), V(t));
+  }, [t, n, k, m]);
+  const Z = g(async () => {
+    await De(t) && (x(!0), i == null || i(t), setTimeout(() => x(!1), 2e3));
+  }, [t, i]), B = g(async () => {
+    var V;
+    if (l != null && l.svg)
+      try {
+        const Y = ((V = window.matchMedia) == null ? void 0 : V.call(window, "(prefers-color-scheme: dark)").matches) ?? !1;
+        await ye(l.svg, {
+          backgroundColor: Y ? "#1a1a2e" : "#ffffff",
+          padding: 20,
+          scale: 2
+        });
+      } catch (Y) {
+        console.error("Download failed:", Y);
+      }
+  }, [l]), P = g(() => {
+    b((V) => !V);
+  }, []), A = (l == null ? void 0 : l.success) && l.svg;
+  return /* @__PURE__ */ C("div", { className: `md-mermaid-block${r ? ` ${r}` : ""}`, children: [
+    c && /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar", children: [
+      /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group md-mermaid-mode-switch", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `md-mermaid-toolbar-btn${o === "preview" ? " md-mermaid-toolbar-btn--active" : ""}`,
+            onClick: () => a("preview"),
+            disabled: !A,
+            title: "图片模式",
+            "aria-label": "图片模式",
+            children: /* @__PURE__ */ e(Se, {})
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `md-mermaid-toolbar-btn${o === "code" ? " md-mermaid-toolbar-btn--active" : ""}`,
+            onClick: () => a("code"),
+            title: "代码模式",
+            "aria-label": "代码模式",
+            children: /* @__PURE__ */ e(ze, {})
+          }
+        )
+      ] }),
+      o === "preview" && A && /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "md-mermaid-toolbar-btn",
+            onClick: L,
+            disabled: !f,
+            title: "缩小",
+            "aria-label": "缩小",
+            children: /* @__PURE__ */ e(se, {})
+          }
+        ),
+        /* @__PURE__ */ C("span", { className: "md-mermaid-zoom-label", children: [
+          Math.round(s.scale * 100),
+          "%"
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "md-mermaid-toolbar-btn",
+            onClick: w,
+            disabled: !F,
+            title: "放大",
+            "aria-label": "放大",
+            children: /* @__PURE__ */ e(oe, {})
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "md-mermaid-toolbar-btn",
+            onClick: D,
+            title: "重置",
+            "aria-label": "重置缩放",
+            children: /* @__PURE__ */ e(le, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
+        o === "preview" && A && /* @__PURE__ */ C($, { children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "md-mermaid-toolbar-btn",
+              onClick: P,
+              title: "全屏",
+              "aria-label": "全屏查看",
+              children: /* @__PURE__ */ e(Le, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "md-mermaid-toolbar-btn",
+              onClick: B,
+              title: "下载 PNG",
+              "aria-label": "下载",
+              children: /* @__PURE__ */ e(ie, {})
+            }
+          )
+        ] }),
+        o === "code" && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `md-mermaid-toolbar-btn${v ? " md-mermaid-toolbar-btn--success" : ""}`,
+            onClick: Z,
+            title: v ? "已复制" : "复制代码",
+            "aria-label": v ? "已复制" : "复制代码",
+            children: v ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(Ie, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "md-mermaid-content", ref: T, children: p ? (
+      // Loading 骨架屏
+      /* @__PURE__ */ e("div", { className: "md-mermaid-skeleton", children: /* @__PURE__ */ e("div", { className: "md-mermaid-skeleton-box" }) })
+    ) : o === "preview" && A && (l != null && l.svg) ? (
+      // 图片模式
+      /* @__PURE__ */ e("div", { className: "md-mermaid-preview", style: { overflow: "hidden" }, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "md-mermaid-svg-container",
+          style: M,
+          dangerouslySetInnerHTML: { __html: l.svg }
+        }
+      ) })
+    ) : (
+      // 代码模式
+      /* @__PURE__ */ C("div", { className: "md-mermaid-code", children: [
+        /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: "language-mermaid", children: t }) }),
+        l && !l.success && m === "done" && /* @__PURE__ */ C("div", { className: "md-mermaid-error", children: [
+          /* @__PURE__ */ e("span", { children: "渲染失败: " }),
+          /* @__PURE__ */ e("span", { children: l.error })
+        ] })
+      ] })
+    ) }),
+    A && (l == null ? void 0 : l.svg) && /* @__PURE__ */ e(
+      ue,
+      {
+        svg: l.svg,
+        open: y,
+        onClose: () => b(!1),
+        onDownload: B
+      }
+    )
+  ] });
+};
+de.displayName = "MermaidBlock";
+function Fe(t) {
+  const n = t.children;
+  if (!q.isValidElement(n)) return !1;
+  const c = n.props, i = c == null ? void 0 : c.className;
+  return typeof i == "string" ? i.includes("language-mermaid") : !1;
+}
+function He(t) {
+  if (!q.isValidElement(t)) return "";
+  const n = t.props, c = n == null ? void 0 : n.children;
+  return typeof c == "string" ? c : Array.isArray(c) ? c.map((i) => typeof i == "string" ? i : "").join("") : "";
+}
+function Ae(t) {
+  return t ? t === !0 ? { enabled: !0 } : t.enabled !== !1 ? t : null : null;
+}
+const $e = ({
+  children: t,
+  components: n,
+  className: c,
+  copyButton: i = !0,
   onCodeCopy: r,
-  ...u
+  mermaid: m,
+  ...o
 }) => {
-  const c = F(() => {
-    if (!e) return null;
-    const n = Z(e, u), p = o ? (w) => /* @__PURE__ */ s(J, { showCopyButton: o, onCopy: r, ...w }) : void 0, m = {
-      ...p ? { pre: p } : {},
-      ...t
+  const a = Ae(m), l = _(() => {
+    if (!t) return null;
+    const d = ne(t, o), u = {
+      pre: (y) => {
+        if (a && Fe(y)) {
+          const b = He(y.children);
+          return /* @__PURE__ */ e(
+            de,
+            {
+              code: b,
+              theme: a.theme,
+              onCopy: r
+            }
+          );
+        }
+        return i ? /* @__PURE__ */ e(Q, { showCopyButton: i, onCopy: r, ...y }) : /* @__PURE__ */ e("pre", { ...y });
+      },
+      ...n
     };
-    return j(n, {
-      Fragment: E,
-      jsx: s,
-      jsxs: A,
-      components: m
+    return K(d, {
+      Fragment: $,
+      jsx: e,
+      jsxs: C,
+      components: u
     });
-  }, [e, t, o, r, u]);
-  return /* @__PURE__ */ s("div", { className: a, children: c });
+  }, [t, n, i, r, a, o]);
+  return /* @__PURE__ */ e("div", { className: c, children: l });
 };
-ue.displayName = "Markdown";
-function ve(e, t = {}) {
-  const { components: a = {}, ...o } = t;
-  return F(() => {
-    if (!e) return null;
-    const r = Z(e, o);
-    return j(r, {
-      Fragment: E,
-      jsx: s,
-      jsxs: A,
-      components: a
+$e.displayName = "Markdown";
+function Je(t, n = {}) {
+  const { components: c = {}, ...i } = n;
+  return _(() => {
+    if (!t) return null;
+    const r = ne(t, i);
+    return K(r, {
+      Fragment: $,
+      jsx: e,
+      jsxs: C,
+      components: c
     });
-  }, [e, a, o]);
+  }, [t, c, i]);
 }
-const ee = z(
-  ({ block: e, components: t }) => {
-    if (!e.hast) return null;
+const me = X(
+  ({ block: t, components: n }) => {
+    if (!t.hast) return null;
     try {
-      return j(e.hast, {
-        jsx: s,
-        jsxs: A,
-        Fragment: E,
-        components: t
+      return K(t.hast, {
+        jsx: e,
+        jsxs: C,
+        Fragment: $,
+        components: n
       });
     } catch {
       return null;
     }
   },
-  (e, t) => e.block.key === t.block.key && e.block.stable && t.block.stable
+  (t, n) => t.block.key === n.block.key && t.block.stable && n.block.stable
 );
-ee.displayName = "StableBlock";
-function xe(e = {}) {
+me.displayName = "StableBlock";
+function Qe(t = {}) {
   const {
-    components: t,
-    minUpdateInterval: a = 16,
-    immediate: o = !1,
+    components: n,
+    minUpdateInterval: c = 16,
+    immediate: i = !1,
     outputRate: r = "medium",
-    ...u
-  } = e, c = f(G(u)), n = f(new Q(r)), [p, m] = T(0), [w, v] = T(!1), [C, h] = T(0), [g, k] = T("idle"), N = f(0), d = f(null), L = S(() => {
-    const y = performance.now(), U = y - N.current;
-    o || U >= a ? (N.current = y, m((W) => W + 1)) : d.current === null && (d.current = window.requestAnimationFrame(() => {
-      d.current = null, N.current = performance.now(), m((W) => W + 1);
+    ...m
+  } = t, o = h(re(m)), a = h(new ae(r)), [l, d] = E(0), [p, u] = E(!1), [y, b] = E(0), [v, x] = E("idle"), T = h(0), k = h(null), R = g(() => {
+    const B = performance.now(), P = B - T.current;
+    i || P >= c ? (T.current = B, d((A) => A + 1)) : k.current === null && (k.current = window.requestAnimationFrame(() => {
+      k.current = null, T.current = performance.now(), d((A) => A + 1);
     }));
-  }, [a, o]), B = S(
-    (y) => {
-      c.current.append(y), L();
+  }, [c, i]), N = g(
+    (B) => {
+      o.current.append(B), R();
     },
-    [L]
-  ), I = S(
-    (y) => {
-      c.current.reset(), v(!1), h(0), k("running"), n.current.start(
-        y,
-        (U) => {
-          U && c.current.append(U), h(n.current.progress), L();
+    [R]
+  ), S = g(
+    (B) => {
+      o.current.reset(), u(!1), b(0), x("running"), a.current.start(
+        B,
+        (P) => {
+          P && o.current.append(P), b(a.current.progress), R();
         },
         () => {
-          c.current.finish(), v(!0), h(1), k("complete"), L();
+          o.current.finish(), u(!0), b(1), x("complete"), R();
         }
       );
     },
-    [L]
-  ), R = S(() => {
-    n.current.pause(), k(n.current.status);
-  }, []), P = S(() => {
-    n.current.resume(), k(n.current.status);
-  }, []), D = S(() => {
-    n.current.skipToEnd(), k(n.current.status), h(1);
-  }, []), H = S(() => {
-    n.current.stop(), c.current.finish(), v(!0), k("complete"), d.current !== null && (cancelAnimationFrame(d.current), d.current = null), m((y) => y + 1);
-  }, []), O = S(() => {
-    n.current.stop(), c.current.reset(), v(!1), h(0), k("idle"), d.current !== null && (cancelAnimationFrame(d.current), d.current = null), m((y) => y + 1);
+    [R]
+  ), s = g(() => {
+    a.current.pause(), x(a.current.status);
+  }, []), w = g(() => {
+    a.current.resume(), x(a.current.status);
+  }, []), L = g(() => {
+    a.current.skipToEnd(), x(a.current.status), b(1);
+  }, []), D = g(() => {
+    a.current.stop(), o.current.finish(), u(!0), x("complete"), k.current !== null && (cancelAnimationFrame(k.current), k.current = null), d((B) => B + 1);
+  }, []), F = g(() => {
+    a.current.stop(), o.current.reset(), u(!1), b(0), x("idle"), k.current !== null && (cancelAnimationFrame(k.current), k.current = null), d((B) => B + 1);
   }, []);
-  x(() => {
-    n.current.setRate(r);
-  }, [r]), x(() => () => {
-    n.current.stop(), d.current !== null && cancelAnimationFrame(d.current);
+  z(() => {
+    a.current.setRate(r);
+  }, [r]), z(() => () => {
+    a.current.stop(), k.current !== null && cancelAnimationFrame(k.current);
   }, []);
-  const i = c.current.getState(), l = c.current.getStats(), b = c.current.getContent(), M = F(() => i.blocks.map(
-    (y) => s(
-      ee,
+  const f = o.current.getState(), M = o.current.getStats(), I = o.current.getContent(), H = _(() => f.blocks.map(
+    (B) => e(
+      me,
       {
-        block: y,
-        components: t
+        block: B,
+        components: n
       },
-      y.key
+      B.key
     )
-  ), [i.blocks, t, p]);
+  ), [f.blocks, n, l]);
   return {
-    element: F(() => i.blocks.length === 0 ? null : s(E, { children: M }), [M, i.blocks.length]),
-    append: B,
-    start: I,
-    pause: R,
-    resume: P,
-    skipToEnd: D,
-    reset: O,
-    finish: H,
-    blocks: i.blocks,
-    stats: l,
-    isComplete: w,
-    content: b,
-    progress: C,
-    outputStatus: g
+    element: _(() => f.blocks.length === 0 ? null : e($, { children: H }), [H, f.blocks.length]),
+    append: N,
+    start: S,
+    pause: s,
+    resume: w,
+    skipToEnd: L,
+    reset: F,
+    finish: D,
+    blocks: f.blocks,
+    stats: M,
+    isComplete: p,
+    content: I,
+    progress: y,
+    outputStatus: v
   };
 }
-const le = 16, me = "data:image/svg+xml,", de = () => /* @__PURE__ */ A("svg", { width: "48", height: "36", viewBox: "0 0 48 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ s("rect", { x: "0", y: "0", width: "48", height: "36", rx: "3", className: "md-image-skeleton-icon" }),
-  /* @__PURE__ */ s("circle", { cx: "12", cy: "10", r: "5", className: "md-image-skeleton-icon-detail" }),
-  /* @__PURE__ */ s("path", { d: "M0 36 L0 24 L16 16 L28 26 L48 12 L48 36 Z", className: "md-image-skeleton-icon-detail" })
-] }), te = z(({
-  src: e,
-  alt: t,
-  className: a,
-  "data-width": o,
+const Oe = 16, Pe = "data:image/svg+xml,", Ye = () => /* @__PURE__ */ C("svg", { width: "48", height: "36", viewBox: "0 0 48 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "48", height: "36", rx: "3", className: "md-image-skeleton-icon" }),
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "10", r: "5", className: "md-image-skeleton-icon-detail" }),
+  /* @__PURE__ */ e("path", { d: "M0 36 L0 24 L16 16 L28 26 L48 12 L48 36 Z", className: "md-image-skeleton-icon-detail" })
+] }), fe = X(({
+  src: t,
+  alt: n,
+  className: c,
+  "data-width": i,
   "data-height": r,
-  ...u
+  ...m
 }) => {
-  const n = (e == null ? void 0 : e.startsWith(me)) ? void 0 : e, p = o ? Number(o) : 200, m = r ? Number(r) : 120, [w, v] = T(!0), C = f(null), h = f(null);
-  se(() => {
-    C.current && n && C.current.complete && C.current.naturalWidth > 0 && v(!1);
-  }, [n]);
-  const g = S(() => {
-    h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      v(!1);
-    }, le);
+  const a = (t == null ? void 0 : t.startsWith(Pe)) ? void 0 : t, l = i ? Number(i) : 200, d = r ? Number(r) : 120, [p, u] = E(!0), y = h(null), b = h(null);
+  ge(() => {
+    y.current && a && y.current.complete && y.current.naturalWidth > 0 && u(!1);
+  }, [a]);
+  const v = g(() => {
+    b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      u(!1);
+    }, Oe);
   }, []);
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ C(
     "span",
     {
-      className: `md-image-container ${a || ""}`,
-      style: { width: p, height: m },
+      className: `md-image-container ${c || ""}`,
+      style: { width: l, height: d },
       children: [
-        n && /* @__PURE__ */ s(
+        a && /* @__PURE__ */ e(
           "img",
           {
-            ref: C,
-            src: n,
-            alt: t,
-            onLoad: g,
+            ref: y,
+            src: a,
+            alt: n,
+            onLoad: v,
             className: "md-image",
-            ...u
+            ...m
           }
         ),
-        w && /* @__PURE__ */ s("span", { className: "md-image-skeleton", children: /* @__PURE__ */ s(de, {}) })
+        p && /* @__PURE__ */ e("span", { className: "md-image-skeleton", children: /* @__PURE__ */ e(Ye, {}) })
       ]
     }
   );
 });
-te.displayName = "StreamingImage";
-let q = !1, V = null;
-async function re() {
-  if (!q)
-    return V || (V = (async () => {
-      await import("katex/dist/katex.min.css"), q = !0;
-    })(), V);
+fe.displayName = "StreamingImage";
+let J = !1, W = null;
+async function he() {
+  if (!J)
+    return W || (W = (async () => {
+      await import("katex/dist/katex.min.css"), J = !0;
+    })(), W);
 }
-const fe = z(({ children: e }) => (x(() => {
-  q || re();
-}, []), /* @__PURE__ */ s(E, { children: e })));
-fe.displayName = "MathProvider";
-function pe() {
-  return re();
+const Ze = X(({ children: t }) => (z(() => {
+  J || he();
+}, []), /* @__PURE__ */ e($, { children: t })));
+Ze.displayName = "MathProvider";
+function _e() {
+  return he();
 }
-const ne = z(
-  ({ block: e, components: t }) => {
-    if (!e.hast) return null;
+const pe = X(
+  ({ block: t, components: n }) => {
+    if (!t.hast) return null;
     try {
-      return j(e.hast, {
-        jsx: s,
-        jsxs: A,
-        Fragment: E,
-        components: t
+      return K(t.hast, {
+        jsx: e,
+        jsxs: C,
+        Fragment: $,
+        components: n
       });
     } catch {
-      return /* @__PURE__ */ s("div", { className: "parse-error", children: e.source });
+      return /* @__PURE__ */ e("div", { className: "parse-error", children: t.source });
     }
   },
-  (e, t) => e.block.key === t.block.key && e.block.stable && t.block.stable
+  (t, n) => t.block.key === n.block.key && t.block.stable && n.block.stable
 );
-ne.displayName = "StableBlock";
-const he = ({
-  content: e,
-  source: t,
-  outputRate: a = "medium",
-  isComplete: o = !1,
+pe.displayName = "StableBlock";
+const Xe = ({
+  content: t,
+  source: n,
+  outputRate: c = "medium",
+  isComplete: i = !1,
   onComplete: r,
-  onBlockStable: u,
-  onProgress: c,
-  components: n,
-  className: p,
-  minUpdateInterval: m = 16,
-  autoStart: w = !0,
-  copyButton: v = !0,
-  onCodeCopy: C,
-  ...h
+  onBlockStable: m,
+  onProgress: o,
+  components: a,
+  className: l,
+  minUpdateInterval: d = 16,
+  autoStart: p = !0,
+  copyButton: u = !0,
+  onCodeCopy: y,
+  ...b
 }) => {
-  x(() => {
-    h.math && pe();
-  }, [h.math]);
-  const g = f(G(h)), k = f(new Q(a)), N = f(""), d = f(void 0), L = f([]), [, B] = Y.useReducer((i) => i + 1, 0), I = f(0), R = f(null), P = () => {
-    const i = performance.now();
-    i - I.current >= m ? (I.current = i, B()) : R.current === null && (R.current = window.requestAnimationFrame(() => {
-      R.current = null, I.current = performance.now(), B();
+  z(() => {
+    b.math && _e();
+  }, [b.math]);
+  const v = h(re(b)), x = h(new ae(c)), T = h(""), k = h(void 0), R = h([]), [, N] = q.useReducer((f) => f + 1, 0), S = h(0), s = h(null), w = () => {
+    const f = performance.now();
+    f - S.current >= d ? (S.current = f, N()) : s.current === null && (s.current = window.requestAnimationFrame(() => {
+      s.current = null, S.current = performance.now(), N();
     }));
   };
-  x(() => {
-    t !== void 0 && t !== d.current && (d.current = t, w && t && (g.current.reset(), N.current = "", k.current.start(
-      t,
-      (i) => {
-        i && (g.current.append(i), N.current += i), c == null || c(k.current.progress), P();
+  z(() => {
+    n !== void 0 && n !== k.current && (k.current = n, p && n && (v.current.reset(), T.current = "", x.current.start(
+      n,
+      (f) => {
+        f && (v.current.append(f), T.current += f), o == null || o(x.current.progress), w();
       },
       () => {
-        g.current.finish(), r == null || r(), P();
+        v.current.finish(), r == null || r(), w();
       }
     )));
-  }, [t, w, r, c]), x(() => {
-    if (t !== void 0)
+  }, [n, p, r, o]), z(() => {
+    if (n !== void 0)
       return;
-    const i = N.current, l = e || "";
-    if (l !== i) {
-      if (l.startsWith(i)) {
-        const b = l.slice(i.length);
-        b && g.current.append(b);
+    const f = T.current, M = t || "";
+    if (M !== f) {
+      if (M.startsWith(f)) {
+        const I = M.slice(f.length);
+        I && v.current.append(I);
       } else
-        g.current.reset(), l && g.current.append(l);
-      N.current = l, P();
+        v.current.reset(), M && v.current.append(M);
+      T.current = M, w();
     }
-  }, [e, t]), x(() => {
-    t === void 0 && o && (g.current.finish(), R.current !== null && (cancelAnimationFrame(R.current), R.current = null), B(), r == null || r());
-  }, [o, r, t]), x(() => {
-    k.current.setRate(a);
-  }, [a]), x(() => {
-    if (u) {
-      const i = g.current.getState().blocks, l = L.current;
-      i.forEach((b, M) => {
-        const K = l[M];
-        b.stable && (!K || !K.stable) && u(b);
-      }), L.current = i;
+  }, [t, n]), z(() => {
+    n === void 0 && i && (v.current.finish(), s.current !== null && (cancelAnimationFrame(s.current), s.current = null), N(), r == null || r());
+  }, [i, r, n]), z(() => {
+    x.current.setRate(c);
+  }, [c]), z(() => {
+    if (m) {
+      const f = v.current.getState().blocks, M = R.current;
+      f.forEach((I, H) => {
+        const Z = M[H];
+        I.stable && (!Z || !Z.stable) && m(I);
+      }), R.current = f;
     }
-  }), x(() => () => {
-    k.current.stop(), R.current !== null && cancelAnimationFrame(R.current);
+  }), z(() => () => {
+    x.current.stop(), s.current !== null && cancelAnimationFrame(s.current);
   }, []);
-  const D = g.current.getState(), H = t !== void 0 ? k.current.status === "complete" : o, O = F(() => {
-    const i = (l) => {
-      if (v)
-        return (b) => /* @__PURE__ */ s(
-          J,
+  const L = v.current.getState(), D = n !== void 0 ? x.current.status === "complete" : i, F = _(() => {
+    const f = (M) => {
+      if (u)
+        return (I) => /* @__PURE__ */ e(
+          Q,
           {
-            showCopyButton: l.stable && v,
-            onCopy: C,
-            ...b
+            showCopyButton: M.stable && u,
+            onCopy: y,
+            ...I
           }
         );
     };
-    return D.blocks.map((l) => {
-      const b = i(l), M = {
-        img: te,
-        ...b ? { pre: b } : {},
-        ...n
+    return L.blocks.map((M) => {
+      const I = f(M), H = {
+        img: fe,
+        ...I ? { pre: I } : {},
+        ...a
       };
-      return /* @__PURE__ */ s(
-        ne,
+      return /* @__PURE__ */ e(
+        pe,
         {
-          block: l,
-          components: M
+          block: M,
+          components: H
         },
-        l.key
+        M.key
       );
     });
-  }, [D.blocks, n, v, C]);
-  return /* @__PURE__ */ s("div", { className: p, "data-streaming": !H, children: O });
+  }, [L.blocks, a, u, y]);
+  return /* @__PURE__ */ e("div", { className: l, "data-streaming": !D, children: F });
 };
-he.displayName = "StreamingMarkdown";
-const ge = z((e) => {
-  const { text: t, animationConfig: a } = e, { fadeDuration: o = 200, easing: r = "ease-in-out" } = a || {}, [u, c] = T([]), n = f("");
-  x(() => {
-    if (t === n.current) return;
-    if (!(n.current && t.indexOf(n.current) === 0)) {
-      c([t]), n.current = t;
+Xe.displayName = "StreamingMarkdown";
+const Ue = X((t) => {
+  const { text: n, animationConfig: c } = t, { fadeDuration: i = 200, easing: r = "ease-in-out" } = c || {}, [m, o] = E([]), a = h("");
+  z(() => {
+    if (n === a.current) return;
+    if (!(a.current && n.indexOf(a.current) === 0)) {
+      o([n]), a.current = n;
       return;
     }
-    const m = t.slice(n.current.length);
-    m && (c((w) => [...w, m]), n.current = t);
-  }, [t]);
-  const p = `md-fade-in ${o}ms ${r} forwards`;
-  return /* @__PURE__ */ s(E, { children: u.map((m, w) => /* @__PURE__ */ s(
+    const d = n.slice(a.current.length);
+    d && (o((p) => [...p, d]), a.current = n);
+  }, [n]);
+  const l = `md-fade-in ${i}ms ${r} forwards`;
+  return /* @__PURE__ */ e($, { children: m.map((d, p) => /* @__PURE__ */ e(
     "span",
     {
       className: "md-animation-text",
-      style: { animation: p },
-      children: m
+      style: { animation: l },
+      children: d
     },
-    `animation-text-${w}`
+    `animation-text-${p}`
   )) });
 });
-ge.displayName = "AnimationText";
-let $ = null;
+Ue.displayName = "AnimationText";
+let j = null;
 try {
-  $ = require("dompurify");
+  j = require("dompurify");
 } catch {
 }
-function Re() {
-  return $ !== null;
+function et() {
+  return j !== null;
 }
-function Se(e, t) {
-  if (!$)
-    return e;
-  const a = {
+function tt(t, n) {
+  if (!j)
+    return t;
+  const c = {
     ADD_ATTR: ["target", "rel", "data-block-key", "data-pending", "data-predicted"],
-    ...t
+    ...n
   };
-  return $.default.sanitize(e, a);
+  return j.default.sanitize(t, c);
 }
-function X(e) {
-  if (e.type === "root")
+function te(t) {
+  if (t.type === "root")
     return {
-      ...e,
+      ...t,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      children: e.children.map((r) => r.type === "element" ? X(r) : r)
+      children: t.children.map((r) => r.type === "element" ? te(r) : r)
     };
-  const t = ["onclick", "onerror", "onload", "onmouseover", "onfocus", "onblur"], a = ["javascript:", "vbscript:", "data:text/html"], o = {};
-  if (e.properties)
-    for (const [r, u] of Object.entries(e.properties)) {
-      const c = r.toLowerCase();
-      if (!(t.includes(c) || c.startsWith("on"))) {
-        if ((c === "href" || c === "src") && typeof u == "string") {
-          const n = u.toLowerCase().trim();
-          if (a.some((p) => n.startsWith(p)))
+  const n = ["onclick", "onerror", "onload", "onmouseover", "onfocus", "onblur"], c = ["javascript:", "vbscript:", "data:text/html"], i = {};
+  if (t.properties)
+    for (const [r, m] of Object.entries(t.properties)) {
+      const o = r.toLowerCase();
+      if (!(n.includes(o) || o.startsWith("on"))) {
+        if ((o === "href" || o === "src") && typeof m == "string") {
+          const a = m.toLowerCase().trim();
+          if (c.some((l) => a.startsWith(l)))
             continue;
         }
-        o[r] = u;
+        i[r] = m;
       }
     }
   return {
-    ...e,
-    properties: o,
+    ...t,
+    properties: i,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    children: e.children.map((r) => r.type === "element" ? X(r) : r)
+    children: t.children.map((r) => r.type === "element" ? te(r) : r)
   };
 }
 export {
-  ge as AnimationText,
-  J as CodeBlock,
-  ue as Markdown,
-  te as StreamingImage,
-  he as StreamingMarkdown,
-  Re as isDOMPurifyAvailable,
-  X as sanitizeHast,
-  Se as sanitizeHtml,
-  ve as useMarkdown,
-  xe as useStreamingMarkdown
+  Ue as AnimationText,
+  Q as CodeBlock,
+  $e as Markdown,
+  de as MermaidBlock,
+  ue as MermaidFullscreenViewer,
+  fe as StreamingImage,
+  Xe as StreamingMarkdown,
+  et as isDOMPurifyAvailable,
+  te as sanitizeHast,
+  tt as sanitizeHtml,
+  Je as useMarkdown,
+  Qe as useStreamingMarkdown,
+  ce as useZoom
 };