@superlc/md-react 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,15 +1,15 @@
-import { jsxs as C, jsx as e, Fragment as H } from "react/jsx-runtime";
-import U, { useState as E, useCallback as p, useRef as k, useEffect as z, useMemo as O, memo as P, useLayoutEffect as me } from "react";
-import { detectColorScheme as fe, observeColorScheme as he, downloadAsPng as pe, MermaidRenderer as be, parseToHast as J, createStreamingParser as Q, OutputRateController as ee } from "@superlc/md-core";
-import { toJsxRuntime as W } from "hast-util-to-jsx-runtime";
-async function ve(t) {
+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(t), !0;
   } catch {
-    return ge(t);
+    return Ce(t);
   }
 }
-function ge(t) {
+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 {
@@ -20,102 +20,102 @@ function ge(t) {
     document.body.removeChild(n);
   }
 }
-const ye = () => /* @__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" }) }), we = () => /* @__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" }) }), K = ({
+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: l
+  className: i
 }) => {
-  const [a, i] = E(!1), o = p(async () => {
-    const r = j(t);
-    await ve(r) && (i(!0), c == null || c(r), setTimeout(() => i(!1), 2e3));
+  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${l ? ` ${l}` : ""}`, children: [
+  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${a ? " md-copy-button--copied" : ""}`,
+        className: `md-copy-button${r ? " md-copy-button--copied" : ""}`,
         onClick: o,
-        title: a ? "已复制" : "复制代码",
-        "aria-label": a ? "已复制" : "复制代码",
-        children: a ? /* @__PURE__ */ e(we, {}) : /* @__PURE__ */ e(ye, {})
+        title: r ? "已复制" : "复制代码",
+        "aria-label": r ? "已复制" : "复制代码",
+        children: r ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(xe, {})
       }
     )
   ] });
 };
-function j(t) {
-  return typeof t == "string" ? t : typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(j).join("") : U.isValidElement(t) ? j(t.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) : "";
 }
-K.displayName = "CodeBlock";
-const ke = {
+Q.displayName = "CodeBlock";
+const Ne = {
   min: 0.25,
   max: 4,
   step: 0.25,
   default: 1
 };
-function te(t = {}) {
+function ce(t = {}) {
   const {
     config: n,
     enableDrag: c = !1,
-    enableWheelZoom: l = !1
-  } = t, a = { ...ke, ...n }, i = k(null), o = k(!1), r = k({ x: 0, y: 0 }), b = k({ x: 0, y: 0 }), [u, f] = E({
-    scale: a.default,
+    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
-  }), d = p(
-    (s) => Math.max(a.min, Math.min(a.max, s)),
-    [a.min, a.max]
-  ), v = p(() => {
-    f((s) => ({
+  }), u = g(
+    (s) => Math.max(r.min, Math.min(r.max, s)),
+    [r.min, r.max]
+  ), y = g(() => {
+    p((s) => ({
       ...s,
-      scale: d(s.scale + a.step)
+      scale: u(s.scale + r.step)
     }));
-  }, [d, a.step]), h = p(() => {
-    f((s) => ({
+  }, [u, r.step]), b = g(() => {
+    p((s) => ({
       ...s,
-      scale: d(s.scale - a.step)
+      scale: u(s.scale - r.step)
     }));
-  }, [d, a.step]), g = p(() => {
-    f({
-      scale: a.default,
+  }, [u, r.step]), v = g(() => {
+    p({
+      scale: r.default,
       translateX: 0,
       translateY: 0
     });
-  }, [a.default]), x = p(
+  }, [r.default]), x = g(
     (s) => {
-      f((w) => ({
+      p((w) => ({
         ...w,
-        scale: d(s)
+        scale: u(s)
       }));
     },
-    [d]
-  ), V = p(
+    [u]
+  ), T = g(
     (s, w) => {
       const L = s.width / w.width, D = s.height / w.height, F = Math.min(L, D) * 0.95;
-      f({
-        scale: d(F),
+      p({
+        scale: u(F),
         translateX: 0,
         translateY: 0
       });
     },
-    [d]
-  ), y = p(
+    [u]
+  ), k = g(
     (s) => {
-      c && (s.preventDefault(), o.current = !0, r.current = { x: s.clientX, y: s.clientY }, b.current = { x: u.translateX, y: u.translateY });
+      c && (s.preventDefault(), o.current = !0, a.current = { x: s.clientX, y: s.clientY }, l.current = { x: d.translateX, y: d.translateY });
     },
-    [c, u.translateX, u.translateY]
+    [c, d.translateX, d.translateY]
   );
   z(() => {
     if (!c) return;
     const s = (L) => {
       if (!o.current) return;
-      const D = L.clientX - r.current.x, F = L.clientY - r.current.y;
-      f((m) => ({
-        ...m,
-        translateX: b.current.x + D,
-        translateY: b.current.y + F
+      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;
@@ -124,116 +124,116 @@ function te(t = {}) {
       document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", w);
     };
   }, [c]);
-  const I = p(
+  const R = g(
     (s) => {
-      if (!l) return;
+      if (!i) return;
       s.preventDefault();
-      const w = s.deltaY > 0 ? -a.step : a.step;
-      f((L) => ({
+      const w = s.deltaY > 0 ? -r.step : r.step;
+      p((L) => ({
         ...L,
-        scale: d(L.scale + w)
+        scale: u(L.scale + w)
       }));
     },
-    [l, a.step, d]
-  ), B = p(() => {
-    g();
-  }, [g]), T = {
-    transform: `translate(${u.translateX}px, ${u.translateY}px) scale(${u.scale})`,
+    [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: u,
-    zoomIn: v,
-    zoomOut: h,
-    reset: g,
-    fitToContainer: V,
+    state: d,
+    zoomIn: y,
+    zoomOut: b,
+    reset: v,
+    fitToContainer: T,
     setScale: x,
-    canZoomIn: u.scale < a.max,
-    canZoomOut: u.scale > a.min,
-    containerRef: i,
-    contentStyle: T,
+    canZoomIn: d.scale < r.max,
+    canZoomOut: d.scale > r.min,
+    containerRef: m,
+    contentStyle: S,
     handlers: {
-      onMouseDown: y,
-      onWheel: I,
-      onDoubleClick: B
+      onMouseDown: k,
+      onWheel: R,
+      onDoubleClick: N
     }
   };
 }
-const Ce = () => /* @__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" }) }), xe = () => /* @__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" }) }), ne = () => /* @__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" }) }), re = () => /* @__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" }) }), ae = () => /* @__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" }) }), Ne = () => /* @__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" }) }), Me = () => /* @__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" }) }), ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" }) }), Se = () => /* @__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" }) }), ze = () => /* @__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" }) }), Le = () => /* @__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" }) }), se = ({
+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: l
+  onDownload: i
 }) => {
-  const a = k(null), i = k(null), o = k(null), [r, b] = E(!1), {
-    state: u,
-    zoomIn: f,
-    zoomOut: d,
-    reset: v,
-    fitToContainer: h,
-    canZoomIn: g,
+  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: V,
-    handlers: y
-  } = te({
+    contentStyle: T,
+    handlers: k
+  } = ce({
     enableDrag: !0,
     enableWheelZoom: !0
-  }), I = p(async () => {
-    if (a.current)
+  }), R = g(async () => {
+    if (r.current)
       try {
-        await a.current.requestFullscreen(), b(!0);
+        await r.current.requestFullscreen(), l(!0);
       } catch {
-        b(!0);
+        l(!0);
       }
-  }, []), B = p(() => {
+  }, []), N = g(() => {
     document.fullscreenElement && document.exitFullscreen().catch(() => {
-    }), b(!1), c();
+    }), l(!1), c();
   }, [c]);
   z(() => {
-    n ? I() : r && B();
-  }, [n, I, B, r]), z(() => {
+    n ? R() : a && N();
+  }, [n, R, N, a]), z(() => {
     const s = () => {
-      !document.fullscreenElement && r && (b(!1), c());
+      !document.fullscreenElement && a && (l(!1), c());
     };
     return document.addEventListener("fullscreenchange", s), () => document.removeEventListener("fullscreenchange", s);
-  }, [r, c]), z(() => {
-    if (!r) return;
+  }, [a, c]), z(() => {
+    if (!a) return;
     const s = (w) => {
       switch (w.key) {
         case "+":
         case "=":
-          f();
+          p();
           break;
         case "-":
-          d();
+          u();
           break;
         case "0":
-          v();
+          y();
           break;
       }
     };
     return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [r, f, d, v]);
-  const T = p(() => {
-    if (!i.current || !o.current) return;
-    const s = i.current.getBoundingClientRect(), w = o.current.querySelector("svg");
+  }, [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();
-      h(s, L);
+      b(s, L);
     }
-  }, [h]);
+  }, [b]);
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
-      className: `md-mermaid-fullscreen-wrapper${r ? " md-mermaid-fullscreen-wrapper--active" : ""}`,
+      ref: r,
+      className: `md-mermaid-fullscreen-wrapper${a ? " md-mermaid-fullscreen-wrapper--active" : ""}`,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Mermaid 图表全屏预览",
-      "aria-hidden": !r,
-      children: r && /* @__PURE__ */ C(H, { children: [
+      "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(
@@ -241,15 +241,15 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: d,
+                onClick: u,
                 disabled: !x,
                 title: "缩小 (-)",
                 "aria-label": "缩小",
-                children: /* @__PURE__ */ e(re, {})
+                children: /* @__PURE__ */ e(se, {})
               }
             ),
             /* @__PURE__ */ C("span", { className: "md-mermaid-zoom-label", children: [
-              Math.round(u.scale * 100),
+              Math.round(d.scale * 100),
               "%"
             ] }),
             /* @__PURE__ */ e(
@@ -257,11 +257,11 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: f,
-                disabled: !g,
+                onClick: p,
+                disabled: !v,
                 title: "放大 (+)",
                 "aria-label": "放大",
-                children: /* @__PURE__ */ e(ne, {})
+                children: /* @__PURE__ */ e(oe, {})
               }
             ),
             /* @__PURE__ */ e("span", { className: "md-mermaid-toolbar-divider" }),
@@ -270,10 +270,10 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: v,
+                onClick: y,
                 title: "重置 (0)",
                 "aria-label": "重置",
-                children: /* @__PURE__ */ e(ae, {})
+                children: /* @__PURE__ */ e(le, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -281,23 +281,23 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: T,
+                onClick: S,
                 title: "适应窗口",
                 "aria-label": "适应窗口",
-                children: /* @__PURE__ */ e(Me, {})
+                children: /* @__PURE__ */ e(Be, {})
               }
             )
           ] }),
           /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
-            l && /* @__PURE__ */ e(
+            i && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: l,
+                onClick: i,
                 title: "下载 PNG",
                 "aria-label": "下载",
-                children: /* @__PURE__ */ e(ce, {})
+                children: /* @__PURE__ */ e(ie, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -305,10 +305,10 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
               {
                 type: "button",
                 className: "md-mermaid-toolbar-btn",
-                onClick: B,
+                onClick: N,
                 title: "退出全屏 (Esc)",
                 "aria-label": "退出全屏",
-                children: /* @__PURE__ */ e(Se, {})
+                children: /* @__PURE__ */ e(Re, {})
               }
             )
           ] })
@@ -316,17 +316,17 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
         /* @__PURE__ */ e(
           "div",
           {
-            ref: i,
+            ref: m,
             className: "md-mermaid-fullscreen-content",
-            onWheel: y.onWheel,
+            onWheel: k.onWheel,
             children: /* @__PURE__ */ e(
               "div",
               {
                 ref: o,
                 className: "md-mermaid-fullscreen-svg",
-                style: V,
-                onMouseDown: y.onMouseDown,
-                onDoubleClick: y.onDoubleClick,
+                style: T,
+                onMouseDown: k.onMouseDown,
+                onDoubleClick: k.onDoubleClick,
                 dangerouslySetInnerHTML: { __html: t }
               }
             )
@@ -336,12 +336,13 @@ const Ce = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "current
     }
   );
 };
-se.displayName = "MermaidFullscreenViewer";
-let Z = null;
-function Ie(t = "auto") {
-  return Z ? Z.setTheme(t ?? "auto") : Z = new be({ theme: t }), Z;
+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 Ee(t) {
+async function De(t) {
   try {
     return await navigator.clipboard.writeText(t), !0;
   } catch {
@@ -356,97 +357,113 @@ async function Ee(t) {
     }
   }
 }
-const oe = ({
+const de = ({
   code: t,
   theme: n = "auto",
   showToolbar: c = !0,
-  onCopy: l,
-  className: a
+  onCopy: i,
+  className: r,
+  streamStatus: m = "done"
 }) => {
-  const [i, o] = E("preview"), [r, b] = E(null), [u, f] = E(!0), [d, v] = E(!1), [h, g] = E(!1), x = k(null), [V, y] = E(() => fe()), {
-    state: I,
-    zoomIn: B,
-    zoomOut: T,
-    reset: s,
-    canZoomIn: w,
-    canZoomOut: L,
-    contentStyle: D
-  } = te();
+  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 he((S) => {
-        y(S);
+      return be((V) => {
+        R(V);
       });
-  }, [n]), z(() => {
-    let S = !1;
-    return (async () => {
-      f(!0);
-      const $ = await Ie(n).render(t);
-      S || (b($), f(!1), $.success || o("code"));
-    })(), () => {
-      S = !0;
+  }, [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"));
     };
-  }, [t, n, V]);
-  const F = p(async () => {
-    await Ee(t) && (g(!0), l == null || l(t), setTimeout(() => g(!1), 2e3));
-  }, [t, l]), m = p(async () => {
-    var S;
-    if (r != null && r.svg)
+    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 A = ((S = window.matchMedia) == null ? void 0 : S.call(window, "(prefers-color-scheme: dark)").matches) ?? !1;
-        await pe(r.svg, {
-          backgroundColor: A ? "#1a1a2e" : "#ffffff",
+        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 (A) {
-        console.error("Download failed:", A);
+      } catch (Y) {
+        console.error("Download failed:", Y);
       }
-  }, [r]), N = p(() => {
-    v((S) => !S);
-  }, []), M = (r == null ? void 0 : r.success) && r.svg;
-  return /* @__PURE__ */ C("div", { className: `md-mermaid-block${a ? ` ${a}` : ""}`, children: [
+  }, [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${i === "preview" ? " md-mermaid-toolbar-btn--active" : ""}`,
-            onClick: () => o("preview"),
-            disabled: !M,
+            className: `md-mermaid-toolbar-btn${o === "preview" ? " md-mermaid-toolbar-btn--active" : ""}`,
+            onClick: () => a("preview"),
+            disabled: !A,
             title: "图片模式",
             "aria-label": "图片模式",
-            children: /* @__PURE__ */ e(Ce, {})
+            children: /* @__PURE__ */ e(Se, {})
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: `md-mermaid-toolbar-btn${i === "code" ? " md-mermaid-toolbar-btn--active" : ""}`,
-            onClick: () => o("code"),
+            className: `md-mermaid-toolbar-btn${o === "code" ? " md-mermaid-toolbar-btn--active" : ""}`,
+            onClick: () => a("code"),
             title: "代码模式",
             "aria-label": "代码模式",
-            children: /* @__PURE__ */ e(xe, {})
+            children: /* @__PURE__ */ e(ze, {})
           }
         )
       ] }),
-      i === "preview" && M && /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
+      o === "preview" && A && /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "md-mermaid-toolbar-btn",
-            onClick: T,
-            disabled: !L,
+            onClick: L,
+            disabled: !f,
             title: "缩小",
             "aria-label": "缩小",
-            children: /* @__PURE__ */ e(re, {})
+            children: /* @__PURE__ */ e(se, {})
           }
         ),
         /* @__PURE__ */ C("span", { className: "md-mermaid-zoom-label", children: [
-          Math.round(I.scale * 100),
+          Math.round(s.scale * 100),
           "%"
         ] }),
         /* @__PURE__ */ e(
@@ -454,11 +471,11 @@ const oe = ({
           {
             type: "button",
             className: "md-mermaid-toolbar-btn",
-            onClick: B,
-            disabled: !w,
+            onClick: w,
+            disabled: !F,
             title: "放大",
             "aria-label": "放大",
-            children: /* @__PURE__ */ e(ne, {})
+            children: /* @__PURE__ */ e(oe, {})
           }
         ),
         /* @__PURE__ */ e(
@@ -466,24 +483,24 @@ const oe = ({
           {
             type: "button",
             className: "md-mermaid-toolbar-btn",
-            onClick: s,
+            onClick: D,
             title: "重置",
             "aria-label": "重置缩放",
-            children: /* @__PURE__ */ e(ae, {})
+            children: /* @__PURE__ */ e(le, {})
           }
         )
       ] }),
       /* @__PURE__ */ C("div", { className: "md-mermaid-toolbar-group", children: [
-        i === "preview" && M && /* @__PURE__ */ C(H, { children: [
+        o === "preview" && A && /* @__PURE__ */ C($, { children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "md-mermaid-toolbar-btn",
-              onClick: N,
+              onClick: P,
               title: "全屏",
               "aria-label": "全屏查看",
-              children: /* @__PURE__ */ e(Ne, {})
+              children: /* @__PURE__ */ e(Le, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -491,134 +508,134 @@ const oe = ({
             {
               type: "button",
               className: "md-mermaid-toolbar-btn",
-              onClick: m,
+              onClick: B,
               title: "下载 PNG",
               "aria-label": "下载",
-              children: /* @__PURE__ */ e(ce, {})
+              children: /* @__PURE__ */ e(ie, {})
             }
           )
         ] }),
-        i === "code" && /* @__PURE__ */ e(
+        o === "code" && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: `md-mermaid-toolbar-btn${h ? " md-mermaid-toolbar-btn--success" : ""}`,
-            onClick: F,
-            title: h ? "已复制" : "复制代码",
-            "aria-label": h ? "已复制" : "复制代码",
-            children: h ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(ze, {})
+            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: x, children: u ? (
+    /* @__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" }) })
-    ) : i === "preview" && M && (r != null && r.svg) ? (
+    ) : 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: D,
-          dangerouslySetInnerHTML: { __html: r.svg }
+          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 }) }),
-        r && !r.success && /* @__PURE__ */ C("div", { className: "md-mermaid-error", children: [
+        l && !l.success && m === "done" && /* @__PURE__ */ C("div", { className: "md-mermaid-error", children: [
           /* @__PURE__ */ e("span", { children: "渲染失败: " }),
-          /* @__PURE__ */ e("span", { children: r.error })
+          /* @__PURE__ */ e("span", { children: l.error })
         ] })
       ] })
     ) }),
-    M && (r == null ? void 0 : r.svg) && /* @__PURE__ */ e(
-      se,
+    A && (l == null ? void 0 : l.svg) && /* @__PURE__ */ e(
+      ue,
       {
-        svg: r.svg,
-        open: d,
-        onClose: () => v(!1),
-        onDownload: m
+        svg: l.svg,
+        open: y,
+        onClose: () => b(!1),
+        onDownload: B
       }
     )
   ] });
 };
-oe.displayName = "MermaidBlock";
-function Ve(t) {
+de.displayName = "MermaidBlock";
+function Fe(t) {
   const n = t.children;
-  if (!U.isValidElement(n)) return !1;
-  const c = n.props, l = c == null ? void 0 : c.className;
-  return typeof l == "string" ? l.includes("language-mermaid") : !1;
+  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 Re(t) {
-  if (!U.isValidElement(t)) return "";
+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((l) => typeof l == "string" ? l : "").join("") : "";
+  return typeof c == "string" ? c : Array.isArray(c) ? c.map((i) => typeof i == "string" ? i : "").join("") : "";
 }
-function Be(t) {
+function Ae(t) {
   return t ? t === !0 ? { enabled: !0 } : t.enabled !== !1 ? t : null : null;
 }
-const Te = ({
+const $e = ({
   children: t,
   components: n,
   className: c,
-  copyButton: l = !0,
-  onCodeCopy: a,
-  mermaid: i,
+  copyButton: i = !0,
+  onCodeCopy: r,
+  mermaid: m,
   ...o
 }) => {
-  const r = Be(i), b = O(() => {
+  const a = Ae(m), l = _(() => {
     if (!t) return null;
-    const u = J(t, o), d = {
-      pre: (v) => {
-        if (r && Ve(v)) {
-          const h = Re(v.children);
+    const d = ne(t, o), u = {
+      pre: (y) => {
+        if (a && Fe(y)) {
+          const b = He(y.children);
           return /* @__PURE__ */ e(
-            oe,
+            de,
             {
-              code: h,
-              theme: r.theme,
-              onCopy: a
+              code: b,
+              theme: a.theme,
+              onCopy: r
             }
           );
         }
-        return l ? /* @__PURE__ */ e(K, { showCopyButton: l, onCopy: a, ...v }) : /* @__PURE__ */ e("pre", { ...v });
+        return i ? /* @__PURE__ */ e(Q, { showCopyButton: i, onCopy: r, ...y }) : /* @__PURE__ */ e("pre", { ...y });
       },
       ...n
     };
-    return W(u, {
-      Fragment: H,
+    return K(d, {
+      Fragment: $,
       jsx: e,
       jsxs: C,
-      components: d
+      components: u
     });
-  }, [t, n, l, a, r, o]);
-  return /* @__PURE__ */ e("div", { className: c, children: b });
+  }, [t, n, i, r, a, o]);
+  return /* @__PURE__ */ e("div", { className: c, children: l });
 };
-Te.displayName = "Markdown";
-function We(t, n = {}) {
-  const { components: c = {}, ...l } = n;
-  return O(() => {
+$e.displayName = "Markdown";
+function Je(t, n = {}) {
+  const { components: c = {}, ...i } = n;
+  return _(() => {
     if (!t) return null;
-    const a = J(t, l);
-    return W(a, {
-      Fragment: H,
+    const r = ne(t, i);
+    return K(r, {
+      Fragment: $,
       jsx: e,
       jsxs: C,
       components: c
     });
-  }, [t, c, l]);
+  }, [t, c, i]);
 }
-const le = P(
+const me = X(
   ({ block: t, components: n }) => {
     if (!t.hast) return null;
     try {
-      return W(t.hast, {
+      return K(t.hast, {
         jsx: e,
         jsxs: C,
-        Fragment: H,
+        Fragment: $,
         components: n
       });
     } catch {
@@ -627,146 +644,146 @@ const le = P(
   },
   (t, n) => t.block.key === n.block.key && t.block.stable && n.block.stable
 );
-le.displayName = "StableBlock";
-function _e(t = {}) {
+me.displayName = "StableBlock";
+function Qe(t = {}) {
   const {
     components: n,
     minUpdateInterval: c = 16,
-    immediate: l = !1,
-    outputRate: a = "medium",
-    ...i
-  } = t, o = k(Q(i)), r = k(new ee(a)), [b, u] = E(0), [f, d] = E(!1), [v, h] = E(0), [g, x] = E("idle"), V = k(0), y = k(null), I = p(() => {
-    const R = performance.now(), $ = R - V.current;
-    l || $ >= c ? (V.current = R, u((_) => _ + 1)) : y.current === null && (y.current = window.requestAnimationFrame(() => {
-      y.current = null, V.current = performance.now(), u((_) => _ + 1);
+    immediate: i = !1,
+    outputRate: r = "medium",
+    ...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);
     }));
-  }, [c, l]), B = p(
-    (R) => {
-      o.current.append(R), I();
+  }, [c, i]), N = g(
+    (B) => {
+      o.current.append(B), R();
     },
-    [I]
-  ), T = p(
-    (R) => {
-      o.current.reset(), d(!1), h(0), x("running"), r.current.start(
-        R,
-        ($) => {
-          $ && o.current.append($), h(r.current.progress), I();
+    [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();
         },
         () => {
-          o.current.finish(), d(!0), h(1), x("complete"), I();
+          o.current.finish(), u(!0), b(1), x("complete"), R();
         }
       );
     },
-    [I]
-  ), s = p(() => {
-    r.current.pause(), x(r.current.status);
-  }, []), w = p(() => {
-    r.current.resume(), x(r.current.status);
-  }, []), L = p(() => {
-    r.current.skipToEnd(), x(r.current.status), h(1);
-  }, []), D = p(() => {
-    r.current.stop(), o.current.finish(), d(!0), x("complete"), y.current !== null && (cancelAnimationFrame(y.current), y.current = null), u((R) => R + 1);
-  }, []), F = p(() => {
-    r.current.stop(), o.current.reset(), d(!1), h(0), x("idle"), y.current !== null && (cancelAnimationFrame(y.current), y.current = null), u((R) => R + 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);
   }, []);
   z(() => {
-    r.current.setRate(a);
-  }, [a]), z(() => () => {
-    r.current.stop(), y.current !== null && cancelAnimationFrame(y.current);
+    a.current.setRate(r);
+  }, [r]), z(() => () => {
+    a.current.stop(), k.current !== null && cancelAnimationFrame(k.current);
   }, []);
-  const m = o.current.getState(), N = o.current.getStats(), M = o.current.getContent(), S = O(() => m.blocks.map(
-    (R) => e(
-      le,
+  const f = o.current.getState(), M = o.current.getStats(), I = o.current.getContent(), H = _(() => f.blocks.map(
+    (B) => e(
+      me,
       {
-        block: R,
+        block: B,
         components: n
       },
-      R.key
+      B.key
     )
-  ), [m.blocks, n, b]);
+  ), [f.blocks, n, l]);
   return {
-    element: O(() => m.blocks.length === 0 ? null : e(H, { children: S }), [S, m.blocks.length]),
-    append: B,
-    start: T,
+    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: m.blocks,
-    stats: N,
-    isComplete: f,
-    content: M,
-    progress: v,
-    outputStatus: g
+    blocks: f.blocks,
+    stats: M,
+    isComplete: p,
+    content: I,
+    progress: y,
+    outputStatus: v
   };
 }
-const De = 16, Fe = "data:image/svg+xml,", He = () => /* @__PURE__ */ C("svg", { width: "48", height: "36", viewBox: "0 0 48 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+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" })
-] }), ie = P(({
+] }), fe = X(({
   src: t,
   alt: n,
   className: c,
-  "data-width": l,
-  "data-height": a,
-  ...i
+  "data-width": i,
+  "data-height": r,
+  ...m
 }) => {
-  const r = (t == null ? void 0 : t.startsWith(Fe)) ? void 0 : t, b = l ? Number(l) : 200, u = a ? Number(a) : 120, [f, d] = E(!0), v = k(null), h = k(null);
-  me(() => {
-    v.current && r && v.current.complete && v.current.naturalWidth > 0 && d(!1);
-  }, [r]);
-  const g = p(() => {
-    h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      d(!1);
-    }, De);
+  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__ */ C(
     "span",
     {
       className: `md-image-container ${c || ""}`,
-      style: { width: b, height: u },
+      style: { width: l, height: d },
       children: [
-        r && /* @__PURE__ */ e(
+        a && /* @__PURE__ */ e(
           "img",
           {
-            ref: v,
-            src: r,
+            ref: y,
+            src: a,
             alt: n,
-            onLoad: g,
+            onLoad: v,
             className: "md-image",
-            ...i
+            ...m
           }
         ),
-        f && /* @__PURE__ */ e("span", { className: "md-image-skeleton", children: /* @__PURE__ */ e(He, {}) })
+        p && /* @__PURE__ */ e("span", { className: "md-image-skeleton", children: /* @__PURE__ */ e(Ye, {}) })
       ]
     }
   );
 });
-ie.displayName = "StreamingImage";
-let q = !1, Y = null;
-async function ue() {
-  if (!q)
-    return Y || (Y = (async () => {
-      await import("katex/dist/katex.min.css"), q = !0;
-    })(), Y);
+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 Ae = P(({ children: t }) => (z(() => {
-  q || ue();
-}, []), /* @__PURE__ */ e(H, { children: t })));
-Ae.displayName = "MathProvider";
-function $e() {
-  return ue();
+const Ze = X(({ children: t }) => (z(() => {
+  J || he();
+}, []), /* @__PURE__ */ e($, { children: t })));
+Ze.displayName = "MathProvider";
+function _e() {
+  return he();
 }
-const de = P(
+const pe = X(
   ({ block: t, components: n }) => {
     if (!t.hast) return null;
     try {
-      return W(t.hast, {
+      return K(t.hast, {
         jsx: e,
         jsxs: C,
-        Fragment: H,
+        Fragment: $,
         components: n
       });
     } catch {
@@ -775,179 +792,179 @@ const de = P(
   },
   (t, n) => t.block.key === n.block.key && t.block.stable && n.block.stable
 );
-de.displayName = "StableBlock";
-const Oe = ({
+pe.displayName = "StableBlock";
+const Xe = ({
   content: t,
   source: n,
   outputRate: c = "medium",
-  isComplete: l = !1,
-  onComplete: a,
-  onBlockStable: i,
+  isComplete: i = !1,
+  onComplete: r,
+  onBlockStable: m,
   onProgress: o,
-  components: r,
-  className: b,
-  minUpdateInterval: u = 16,
-  autoStart: f = !0,
-  copyButton: d = !0,
-  onCodeCopy: v,
-  ...h
+  components: a,
+  className: l,
+  minUpdateInterval: d = 16,
+  autoStart: p = !0,
+  copyButton: u = !0,
+  onCodeCopy: y,
+  ...b
 }) => {
   z(() => {
-    h.math && $e();
-  }, [h.math]);
-  const g = k(Q(h)), x = k(new ee(c)), V = k(""), y = k(void 0), I = k([]), [, B] = U.useReducer((m) => m + 1, 0), T = k(0), s = k(null), w = () => {
-    const m = performance.now();
-    m - T.current >= u ? (T.current = m, B()) : s.current === null && (s.current = window.requestAnimationFrame(() => {
-      s.current = null, T.current = performance.now(), B();
+    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();
     }));
   };
   z(() => {
-    n !== void 0 && n !== y.current && (y.current = n, f && n && (g.current.reset(), V.current = "", x.current.start(
+    n !== void 0 && n !== k.current && (k.current = n, p && n && (v.current.reset(), T.current = "", x.current.start(
       n,
-      (m) => {
-        m && (g.current.append(m), V.current += m), o == null || o(x.current.progress), w();
+      (f) => {
+        f && (v.current.append(f), T.current += f), o == null || o(x.current.progress), w();
       },
       () => {
-        g.current.finish(), a == null || a(), w();
+        v.current.finish(), r == null || r(), w();
       }
     )));
-  }, [n, f, a, o]), z(() => {
+  }, [n, p, r, o]), z(() => {
     if (n !== void 0)
       return;
-    const m = V.current, N = t || "";
-    if (N !== m) {
-      if (N.startsWith(m)) {
-        const M = N.slice(m.length);
-        M && g.current.append(M);
+    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(), N && g.current.append(N);
-      V.current = N, w();
+        v.current.reset(), M && v.current.append(M);
+      T.current = M, w();
     }
   }, [t, n]), z(() => {
-    n === void 0 && l && (g.current.finish(), s.current !== null && (cancelAnimationFrame(s.current), s.current = null), B(), a == null || a());
-  }, [l, a, 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 (i) {
-      const m = g.current.getState().blocks, N = I.current;
-      m.forEach((M, S) => {
-        const A = N[S];
-        M.stable && (!A || !A.stable) && i(M);
-      }), I.current = m;
+    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;
     }
   }), z(() => () => {
     x.current.stop(), s.current !== null && cancelAnimationFrame(s.current);
   }, []);
-  const L = g.current.getState(), D = n !== void 0 ? x.current.status === "complete" : l, F = O(() => {
-    const m = (N) => {
-      if (d)
-        return (M) => /* @__PURE__ */ e(
-          K,
+  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: N.stable && d,
-            onCopy: v,
-            ...M
+            showCopyButton: M.stable && u,
+            onCopy: y,
+            ...I
           }
         );
     };
-    return L.blocks.map((N) => {
-      const M = m(N), S = {
-        img: ie,
-        ...M ? { pre: M } : {},
-        ...r
+    return L.blocks.map((M) => {
+      const I = f(M), H = {
+        img: fe,
+        ...I ? { pre: I } : {},
+        ...a
       };
       return /* @__PURE__ */ e(
-        de,
+        pe,
         {
-          block: N,
-          components: S
+          block: M,
+          components: H
         },
-        N.key
+        M.key
       );
     });
-  }, [L.blocks, r, d, v]);
-  return /* @__PURE__ */ e("div", { className: b, "data-streaming": !D, children: F });
+  }, [L.blocks, a, u, y]);
+  return /* @__PURE__ */ e("div", { className: l, "data-streaming": !D, children: F });
 };
-Oe.displayName = "StreamingMarkdown";
-const Pe = P((t) => {
-  const { text: n, animationConfig: c } = t, { fadeDuration: l = 200, easing: a = "ease-in-out" } = c || {}, [i, o] = E([]), r = k("");
+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 === r.current) return;
-    if (!(r.current && n.indexOf(r.current) === 0)) {
-      o([n]), r.current = n;
+    if (n === a.current) return;
+    if (!(a.current && n.indexOf(a.current) === 0)) {
+      o([n]), a.current = n;
       return;
     }
-    const u = n.slice(r.current.length);
-    u && (o((f) => [...f, u]), r.current = n);
+    const d = n.slice(a.current.length);
+    d && (o((p) => [...p, d]), a.current = n);
   }, [n]);
-  const b = `md-fade-in ${l}ms ${a} forwards`;
-  return /* @__PURE__ */ e(H, { children: i.map((u, f) => /* @__PURE__ */ e(
+  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: b },
-      children: u
+      style: { animation: l },
+      children: d
     },
-    `animation-text-${f}`
+    `animation-text-${p}`
   )) });
 });
-Pe.displayName = "AnimationText";
-let X = null;
+Ue.displayName = "AnimationText";
+let j = null;
 try {
-  X = require("dompurify");
+  j = require("dompurify");
 } catch {
 }
-function je() {
-  return X !== null;
+function et() {
+  return j !== null;
 }
-function qe(t, n) {
-  if (!X)
+function tt(t, n) {
+  if (!j)
     return t;
   const c = {
     ADD_ATTR: ["target", "rel", "data-block-key", "data-pending", "data-predicted"],
     ...n
   };
-  return X.default.sanitize(t, c);
+  return j.default.sanitize(t, c);
 }
-function G(t) {
+function te(t) {
   if (t.type === "root")
     return {
       ...t,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      children: t.children.map((a) => a.type === "element" ? G(a) : a)
+      children: t.children.map((r) => r.type === "element" ? te(r) : r)
     };
-  const n = ["onclick", "onerror", "onload", "onmouseover", "onfocus", "onblur"], c = ["javascript:", "vbscript:", "data:text/html"], l = {};
+  const n = ["onclick", "onerror", "onload", "onmouseover", "onfocus", "onblur"], c = ["javascript:", "vbscript:", "data:text/html"], i = {};
   if (t.properties)
-    for (const [a, i] of Object.entries(t.properties)) {
-      const o = a.toLowerCase();
+    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 i == "string") {
-          const r = i.toLowerCase().trim();
-          if (c.some((b) => r.startsWith(b)))
+        if ((o === "href" || o === "src") && typeof m == "string") {
+          const a = m.toLowerCase().trim();
+          if (c.some((l) => a.startsWith(l)))
             continue;
         }
-        l[a] = i;
+        i[r] = m;
       }
     }
   return {
     ...t,
-    properties: l,
+    properties: i,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    children: t.children.map((a) => a.type === "element" ? G(a) : a)
+    children: t.children.map((r) => r.type === "element" ? te(r) : r)
   };
 }
 export {
-  Pe as AnimationText,
-  K as CodeBlock,
-  Te as Markdown,
-  oe as MermaidBlock,
-  se as MermaidFullscreenViewer,
-  ie as StreamingImage,
-  Oe as StreamingMarkdown,
-  je as isDOMPurifyAvailable,
-  G as sanitizeHast,
-  qe as sanitizeHtml,
-  We as useMarkdown,
-  _e as useStreamingMarkdown,
-  te as useZoom
+  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
 };