markdown-flow-ui 0.2.31 → 0.2.32

package/dist/components/ContentRender/ContentRender.es.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as ze, Fragment as ut } from "react/jsx-runtime";
-import Z, { useMemo as h, useState as Fe, useRef as b, useEffect as te } from "react";
+import Z, { useMemo as f, useState as Fe, useRef as b, useEffect as te } from "react";
 import { sanitizeInvalidTagName as lt } from "./utils/sanitize-invalid-tag-name.es.js";
 import { stripSvgTextLineBreaks as dt } from "./utils/strip-svg-text-line-breaks.es.js";
 /* empty css                     */
@@ -20,7 +20,7 @@ import kt from "./IframeSandbox.es.js";
 import { getTrailingTypewriterGrapheme as we, appendContentAwareTypewriterQueue as _e, consumeContentAwareTypewriterQueue as Tt, CONTENT_AWARE_TYPEWRITER_TICK_BUDGET as bt, isContentAwareTypewriterQueueEmpty as St } from "./utils/typewriter-pacing.es.js";
 import { normalizeWrappedSandboxContent as Rt, splitContentSegments as Bt } from "./utils/split-content.es.js";
 import { getInteractionDefaultValues as Nt } from "../../lib/interaction-defaults.es.js";
-import { getMarkdownFlowDirection as Mt, getMarkdownFlowLanguage as Lt } from "../../lib/locale.es.js";
+import { getMarkdownFlowDirection as Lt, getMarkdownFlowLanguage as Mt } from "../../lib/locale.es.js";
 import { getContentRenderLocaleTexts as be } from "./contentRenderI18n.es.js";
 import { createVideoMarkdownRunPlan as At, cloneVideoMarkdownSourceTree as Vt, prepareVideoMarkdownRun as $t, projectVideoMarkdownRun as Et, getVideoMarkdownNodeState as It } from "./utils/video-markdown-run.es.js";
 import { unified as je } from "../../node_modules/unified/lib/index.es.js";
@@ -48,31 +48,31 @@ const Ft = 2, Te = ({
     ).forEach((u) => l.removeChild(u));
     const y = document.createElement("template"), S = dt(t);
     y.innerHTML = S, l.append(y.content.cloneNode(!0));
-    let R = !1, k = !1;
+    let R = !1, T = !1;
     l.querySelectorAll("svg").forEach((u) => {
       const P = u.getAttribute("viewBox");
       if (!P) return;
-      const D = P.trim().split(/[\s,]+/).map((M) => Number(M));
+      const D = P.trim().split(/[\s,]+/).map((L) => Number(L));
       if (D.length !== 4 || D.some(Number.isNaN)) return;
-      const [, , W, w] = D, O = u.getAttribute("width"), z = u.getAttribute("height"), U = (M) => {
-        if (!M) return !1;
-        const L = M.trim().toLowerCase();
-        return L === "auto" || L.endsWith("%");
-      }, ne = (M) => {
-        if (!M) return null;
-        const L = M.trim().toLowerCase();
-        if (L === "auto" || L.endsWith("%"))
+      const [, , W, C] = D, U = u.getAttribute("width"), z = u.getAttribute("height"), K = (L) => {
+        if (!L) return !1;
+        const M = L.trim().toLowerCase();
+        return M === "auto" || M.endsWith("%");
+      }, ne = (L) => {
+        if (!L) return null;
+        const M = L.trim().toLowerCase();
+        if (M === "auto" || M.endsWith("%"))
           return null;
-        const H = Number.parseFloat(L);
-        return Number.isNaN(H) ? null : H;
-      }, ue = U(O), le = U(z), re = !O || O === "0", oe = !z || z === "0", de = ne(O), se = ne(z);
-      if (ue || le || re && oe || de === W && se === w) {
-        R = !0, u.classList.add("content-render-svg-el--responsive"), u.classList.remove("content-render-svg-el--fixed"), u.style.width = "100%", u.style.height = "auto", !u.style.aspectRatio && w > 0 && (u.style.aspectRatio = `${W} / ${w}`);
+        const q = Number.parseFloat(M);
+        return Number.isNaN(q) ? null : q;
+      }, ue = K(U), le = K(z), re = !U || U === "0", oe = !z || z === "0", de = ne(U), se = ne(z);
+      if (ue || le || re && oe || de === W && se === C) {
+        R = !0, u.classList.add("content-render-svg-el--responsive"), u.classList.remove("content-render-svg-el--fixed"), u.style.width = "100%", u.style.height = "auto", !u.style.aspectRatio && C > 0 && (u.style.aspectRatio = `${W} / ${C}`);
         return;
       }
-      k = !0, u.classList.add("content-render-svg-el--fixed"), u.classList.remove("content-render-svg-el--responsive"), re && W > 0 && u.setAttribute("width", `${W}`), oe && w > 0 && u.setAttribute("height", `${w}`);
+      T = !0, u.classList.add("content-render-svg-el--fixed"), u.classList.remove("content-render-svg-el--responsive"), re && W > 0 && u.setAttribute("width", `${W}`), oe && C > 0 && u.setAttribute("height", `${C}`);
     });
-    const p = R && !k;
+    const p = R && !T;
     i.classList.toggle("content-render-svg--responsive", p), i.classList.toggle("content-render-svg--fixed", !p);
   }, [t]), /* @__PURE__ */ r(a, { className: "content-render-svg-scroll", children: /* @__PURE__ */ r(
     a,
@@ -145,7 +145,7 @@ const Ft = 2, Te = ({
 }, _t = function() {
   this.parser = () => ({ type: "root", children: [] });
 }, jt = ({ plan: t, renderedSegments: o, components: s, locale: a }) => {
-  const i = h(() => {
+  const i = f(() => {
     const S = be(a), R = je().use(Qe).use(Pt, {
       allowDangerousHtml: !0,
       footnoteLabel: S.footnoteLabel,
@@ -153,28 +153,28 @@ const Ft = 2, Te = ({
         "{reference}",
         String(u + 1) + (P > 1 ? `-${P}` : "")
       )
-    }).use(Ke), k = je().use(Ye), p = R.runSync(
+    }).use(Ke), T = je().use(Ye), p = R.runSync(
       Vt(t),
       t.markdownSource
     );
     return $t(
       t,
       p,
-      (u) => k.runSync(u, t.fullSource)
+      (u) => T.runSync(u, t.fullSource)
     );
-  }, [t, a]), l = h(
+  }, [t, a]), l = f(
     () => Et(i, o),
     [i, o]
   ), x = b(s);
   x.current = s;
   const g = b(
     /* @__PURE__ */ new Map()
-  ), ee = h(() => {
+  ), ee = f(() => {
     const S = /* @__PURE__ */ new Set(), R = (p) => {
       p.type === "element" && S.add(p.tagName), "children" in p && p.children.forEach(R);
     };
     R(i.tree);
-    const k = {};
+    const T = {};
     for (const p of S) {
       if (!g.current.has(p)) {
         const u = ({
@@ -182,29 +182,29 @@ const Ft = 2, Te = ({
           children: D,
           ...W
         }) => {
-          const w = It(P);
-          if (w?.svg)
-            return w.svgSource ? /* @__PURE__ */ r(Te, { svg: w.svgSource, inline: !0 }) : null;
-          if (w?.atomic)
-            return w.active ? /* @__PURE__ */ r(ut, { children: D }) : null;
-          if (w?.active === !1 && p !== "a") return null;
-          const z = x.current[p], U = w?.active === !1 ? { ...W, href: void 0, tabIndex: -1 } : W;
+          const C = It(P);
+          if (C?.svg)
+            return C.svgSource ? /* @__PURE__ */ r(Te, { svg: C.svgSource, inline: !0 }) : null;
+          if (C?.atomic)
+            return C.active ? /* @__PURE__ */ r(ut, { children: D }) : null;
+          if (C?.active === !1 && p !== "a") return null;
+          const z = x.current[p], K = C?.active === !1 ? { ...W, href: void 0, tabIndex: -1 } : W;
           return z ? Z.createElement(
             z,
             {
-              ...U,
+              ...K,
               node: P,
               ...z === Ue ? { receivedTree: !0 } : {}
             },
             D
-          ) : Z.createElement(p, U, D);
+          ) : Z.createElement(p, K, D);
         };
         u.displayName = `StableMarkdown(${p})`, g.current.set(p, u);
       }
-      k[p] = g.current.get(p);
+      T[p] = g.current.get(p);
     }
-    return k;
-  }, [i]), y = h(
+    return T;
+  }, [i]), y = f(
     () => [() => () => l],
     [l]
   );
@@ -217,16 +217,16 @@ const Ft = 2, Te = ({
       children: ""
     }
   ) });
-}, j = (t) => t.type === "markdown" && t.immediate === !0, Ht = (t) => {
+}, H = (t) => t.type === "markdown" && t.immediate === !0, Ht = (t) => {
   if (t.length <= 1) return t;
   const o = [];
   return t.forEach((s) => {
-    if (s.type === "sandbox" || j(s)) {
+    if (s.type === "sandbox" || H(s)) {
       o.push(s);
       return;
     }
     const a = o[o.length - 1];
-    if (a && a.type !== "sandbox" && !j(a)) {
+    if (a && a.type !== "sandbox" && !H(a)) {
       o[o.length - 1] = {
         type: "markdown",
         value: `${a.value}${s.value}`
@@ -258,7 +258,7 @@ const Ft = 2, Te = ({
 }, Ot = (t, o) => t === o ? !0 : !t || !o || t.length !== o.length ? !1 : t.every((s, a) => s === o[a]), Ut = (t) => {
   const o = b(t);
   return Ot(o.current, t) || (o.current = t), o.current;
-}, Mn = ({
+}, Ln = ({
   content: t,
   contentType: o,
   locale: s,
@@ -271,16 +271,16 @@ const Ft = 2, Te = ({
   typewriterPacing: y = "fixed",
   onTypeFinished: S,
   onTypewriterStateChange: R,
-  userInput: k,
+  userInput: T,
   interactionDefaultValueOptions: p,
   defaultButtonText: u,
   defaultInputText: P,
   defaultSelectedValues: D,
   readonly: W = !1,
-  confirmButtonText: w,
-  copyButtonText: O,
+  confirmButtonText: C,
+  copyButtonText: U,
   copiedButtonText: z,
-  sandboxLoadingText: U,
+  sandboxLoadingText: K,
   sandboxStyleLoadingText: ne,
   sandboxScriptLoadingText: ue,
   disableSandboxLoadingOverlay: le = !1,
@@ -291,70 +291,70 @@ const Ft = 2, Te = ({
   beforeSend: me
   // tooltipMinLength,
 }) => {
-  const F = be(s), M = h(
+  const F = be(s), L = f(
     () => ({
       loading: F.mermaidLoadingText,
       emptyChart: F.mermaidEmptyChartText,
       error: F.mermaidErrorText
     }),
     [F]
-  ), L = i ?? Mt(s), H = a ?? Lt(s), Se = w || F.confirmButtonText, Re = O || F.copyButtonText, Be = z || F.copiedButtonText, Xe = re || F.sandboxFullscreenButtonText, Ze = oe || F.sandboxExitFullscreenButtonText, m = !!ee && (!o || o === "text"), B = h(
+  ), M = i ?? Lt(s), q = a ?? Mt(s), Se = C || F.confirmButtonText, Re = U || F.copyButtonText, Be = z || F.copiedButtonText, Xe = re || F.sandboxFullscreenButtonText, Ze = oe || F.sandboxExitFullscreenButtonText, m = !!ee && (!o || o === "text"), B = f(
     () => Rt(t),
     [t]
-  ), A = h(
+  ), A = f(
     () => wt(B),
     [B]
-  ), T = h(() => {
+  ), w = f(() => {
     const e = Ht(
       Bt(B, !0, !0, A)
     );
-    return B !== t && e.length && (e[0].type === "sandbox" || j(e[0])) ? [{ type: "text", value: "" }, ...e] : e;
-  }, [t, B, A]), K = T.some(
-    (e) => e.type === "sandbox" || j(e)
-  ), f = K ? T.filter(
-    (e) => e.type !== "sandbox" && !j(e)
-  ).map((e) => e.value).join("") : B, Ne = Math.max(0, g), Je = y === "fixed" ? f : void 0, [E, Me] = Fe(
-    () => m ? "" : f
+    return B !== t && e.length && (e[0].type === "sandbox" || H(e[0])) ? [{ type: "text", value: "" }, ...e] : e;
+  }, [t, B, A]), Y = w.some(
+    (e) => e.type === "sandbox" || H(e)
+  ), h = Y ? w.filter(
+    (e) => e.type !== "sandbox" && !H(e)
+  ).map((e) => e.value).join("") : B, Ne = Math.max(0, g), Je = y === "fixed" ? h : void 0, [E, Le] = Fe(
+    () => m ? "" : h
   ), ae = b(E), V = b(""), I = b({
     tokens: [],
     head: 0,
     trailingGrapheme: ""
-  }), q = b(0), Le = b(m), Ae = b(y), Ve = b(f), pe = b(t), fe = b(!1), [et, tt] = Fe(0);
+  }), Q = b(0), Me = b(m), Ae = b(y), Ve = b(h), pe = b(t), fe = b(!1), [et, tt] = Fe(0);
   te(() => {
-    const e = Le.current, n = Ae.current, c = Ve.current, d = !!V.current, C = pe.current !== t, xe = C && t.startsWith(pe.current);
-    pe.current = t, Le.current = m, Ae.current = y, Ve.current = f, (C || m !== e) && (fe.current = !1);
+    const e = Me.current, n = Ae.current, c = Ve.current, d = !!V.current, k = pe.current !== t, xe = k && t.startsWith(pe.current);
+    pe.current = t, Me.current = m, Ae.current = y, Ve.current = h, (k || m !== e) && (fe.current = !1);
     const X = () => {
       V.current = "", I.current = {
         tokens: [],
         head: 0,
         trailingGrapheme: ""
-      }, q.current = 0;
+      }, Q.current = 0;
     }, J = (N) => {
-      ae.current = N, Me(N);
+      ae.current = N, Le(N);
     };
     if (!m) {
-      X(), J(f);
+      X(), J(h);
       return;
     }
     e || (X(), J(""));
     let $ = e ? ae.current : "";
-    if (!f.startsWith($)) {
+    if (!h.startsWith($)) {
       if (X(), !xe) {
-        J(f), y === "content-aware" && (I.current = {
+        J(h), y === "content-aware" && (I.current = {
           tokens: [],
           head: 0,
-          trailingGrapheme: we(f)
+          trailingGrapheme: we(h)
         });
         return;
       }
       let N = 0;
-      for (; N < $.length && N < f.length && $[N] === f[N]; )
+      for (; N < $.length && N < h.length && $[N] === h[N]; )
         N += 1;
       $ = $.slice(0, N), J($);
     }
-    let Q = f.slice($.length);
-    if (!Q) {
-      V.current = "", q.current = 0, I.current = y === "content-aware" ? {
+    let O = h.slice($.length);
+    if (!O) {
+      V.current = "", Q.current = 0, I.current = y === "content-aware" ? {
         tokens: [],
         head: 0,
         trailingGrapheme: we($)
@@ -365,39 +365,39 @@ const Ft = 2, Te = ({
       const N = c.slice(
         $.length
       );
-      if (e && n === "content-aware" && f.startsWith(c) && V.current === N) {
-        const _ = _e(
+      if (e && n === "content-aware" && h.startsWith(c) && V.current === N) {
+        const j = _e(
           I.current,
-          f.slice(c.length)
+          h.slice(c.length)
         );
-        I.current = _.queue, _.immediateChunk && (Q = Q.slice(
-          _.immediateChunk.length
-        ), J(`${$}${_.immediateChunk}`));
+        I.current = j.queue, j.immediateChunk && (O = O.slice(
+          j.immediateChunk.length
+        ), J(`${$}${j.immediateChunk}`));
       } else {
-        const _ = _e(
+        const j = _e(
           {
             tokens: [],
             head: 0,
             trailingGrapheme: we($)
           },
-          Q
+          O
         );
-        I.current = _.queue, _.immediateChunk && (Q = Q.slice(
-          _.immediateChunk.length
-        ), J(`${$}${_.immediateChunk}`)), q.current = 0;
+        I.current = j.queue, j.immediateChunk && (O = O.slice(
+          j.immediateChunk.length
+        ), J(`${$}${j.immediateChunk}`)), Q.current = 0;
       }
     } else
       I.current = {
         tokens: [],
         head: 0,
         trailingGrapheme: ""
-      }, q.current = 0;
-    V.current = Q, !d && Q && tt((N) => N + 1);
-  }, [t, f, m, y]), te(() => {
-    m && (fe.current || V.current || E !== f || (fe.current = !0, S?.()));
+      }, Q.current = 0;
+    V.current = O, !d && O && tt((N) => N + 1);
+  }, [t, h, m, y]), te(() => {
+    m && (fe.current || V.current || E !== h || (fe.current = !0, S?.()));
   }, [
     t,
-    f,
+    h,
     E,
     m,
     S
@@ -411,9 +411,9 @@ const Ft = 2, Te = ({
       if (y === "content-aware") {
         const d = Tt(
           I.current,
-          q.current + bt
+          Q.current + bt
         );
-        n = d.chunk, I.current = d.queue, St(d.queue) ? q.current = 0 : q.current = d.remainingBudget;
+        n = d.chunk, I.current = d.queue, St(d.queue) ? Q.current = 0 : Q.current = d.remainingBudget;
       } else
         n = Qt(
           V.current,
@@ -425,9 +425,9 @@ const Ft = 2, Te = ({
         tokens: [],
         head: 0,
         trailingGrapheme: I.current.trailingGrapheme
-      } : { tokens: [], head: 0, trailingGrapheme: "" }, q.current = 0);
+      } : { tokens: [], head: 0, trailingGrapheme: "" }, Q.current = 0);
       const c = `${ae.current}${n}`;
-      ae.current = c, Me(c);
+      ae.current = c, Le(c);
     }, Ne);
     return () => window.clearTimeout(e);
   }, [
@@ -438,46 +438,57 @@ const Ft = 2, Te = ({
     Ne,
     et
   ]);
-  const $e = h(
+  const G = f(() => {
+    let e = 0;
+    return w.map((n) => {
+      if (!m) return n;
+      if (n.type === "sandbox" || H(n))
+        return E.length >= e ? n : { ...n, value: "" };
+      const c = E.slice(
+        e,
+        e + n.value.length
+      );
+      return e += n.value.length, { ...n, value: c };
+    });
+  }, [w, E, m]), $e = f(
     () => ({
       isTypewriterEnabled: m,
-      isTyping: m && E !== f,
-      isComplete: E === f,
-      renderedLength: t.length - Math.max(0, f.length - E.length),
+      isTyping: m && E !== h,
+      isComplete: E === h,
+      renderedLength: t.length - w.reduce(
+        (e, n, c) => e + n.value.length - G[c].value.length,
+        0
+      ),
       totalLength: t.length
     }),
-    [t, f, E, m]
+    [
+      t,
+      h,
+      E,
+      m,
+      w,
+      G
+    ]
   );
   te(() => {
     R?.($e);
   }, [R, $e]);
-  const Y = h(() => {
+  const he = f(() => {
     let e = 0;
-    return T.map((n) => {
-      if (n.type === "sandbox" || j(n) || !m)
-        return n;
-      const c = E.slice(
-        e,
-        e + n.value.length
-      );
-      return e += n.value.length, { ...n, value: c };
-    });
-  }, [T, E, m]), he = h(() => {
-    let e = 0;
-    return T.map((n) => {
+    return w.map((n) => {
       const c = e;
       return e += n.value.length, c;
     });
-  }, [T]), ce = h(
-    () => m ? T.map(
-      (e) => e.type === "sandbox" || j(e) ? [] : e.value === B ? A.inline : Ct(e.value)
+  }, [w]), ce = f(
+    () => m ? w.map(
+      (e) => e.type === "sandbox" || H(e) ? [] : e.value === B ? A.inline : Ct(e.value)
     ) : [],
-    [m, T, B, A]
-  ), nt = h(
-    () => K ? Y.map(
-      (e, n) => e.type === "sandbox" || j(e) ? e.value : m ? qe(
+    [m, w, B, A]
+  ), nt = f(
+    () => Y ? G.map(
+      (e, n) => e.type === "sandbox" || H(e) ? e.value : m ? qe(
         e.value,
-        T[n].value,
+        w[n].value,
         ce[n] ?? [],
         A.metadata,
         he[n]
@@ -488,74 +499,74 @@ const Ft = 2, Te = ({
       )
     ) : [],
     [
-      K,
-      m,
       Y,
+      m,
+      G,
       ce,
-      T,
+      w,
       A.metadata,
       he
     ]
-  ), rt = h(() => {
+  ), rt = f(() => {
     const e = [];
-    T.forEach((n, c) => {
+    w.forEach((n, c) => {
       const d = e.at(-1);
       n.type !== "sandbox" && d && !d.sandbox ? d.indices.push(c) : e.push({ indices: [c], sandbox: n.type === "sandbox" });
     });
     for (const n of e)
-      if (!n.sandbox && n.indices.some((c) => j(T[c]))) {
-        const c = n.indices.map((C) => T[C]), d = c.map((C) => C.value).join("");
+      if (!n.sandbox && n.indices.some((c) => H(w[c]))) {
+        const c = n.indices.map((k) => w[k]), d = c.map((k) => k.value).join("");
         n.plan = At(
           c,
           d === B ? A : void 0
         );
       }
     return e;
-  }, [T, B, A]), G = K ? Y.map((e) => e.value).join("") : m ? E : B, ot = h(
-    () => l ? ye(G) : "",
-    [l, G]
-  ), Ee = h(
-    () => K ? "" : ye(
+  }, [w, B, A]), _ = Y ? G.map((e) => e.value).join("") : m ? E : B, ot = f(
+    () => l ? ye(_) : "",
+    [l, _]
+  ), Ee = f(
+    () => Y ? "" : ye(
       m ? qe(
-        G,
+        _,
         B,
         ce[0] ?? [],
         A.metadata
       ) : ke(
-        G,
+        _,
         A.metadata
       )
     ),
     [
       B,
-      K,
+      Y,
       m,
-      G,
+      _,
       ce,
       A.metadata
     ]
-  ), ge = h(
+  ), ge = f(
     () => Nt(
-      G,
-      k,
+      _,
+      T,
       p
     ),
-    [p, G, k]
-  ), Ie = u?.trim() || ge.buttonText, Pe = P?.trim() || ge.inputText, st = h(
-    () => k ? k.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
-    [k]
+    [p, _, T]
+  ), Ie = u?.trim() || ge.buttonText, Pe = P?.trim() || ge.inputText, st = f(
+    () => T ? T.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
+    [T]
   ), at = D?.length ? D : ge.selectedValues || st, De = Ut(
     at
   ), v = b({
-    direction: L,
-    language: H,
-    mermaidMessages: M,
+    direction: M,
+    language: q,
+    mermaidMessages: L,
     beforeSend: me,
     locale: s,
     onClickCustomButtonAfterContent: se,
     onSend: x,
     readonly: W,
-    renderContent: G,
+    renderContent: _,
     resolvedConfirmButtonText: Se,
     resolvedCopiedButtonText: Be,
     resolvedCopyButtonText: Re,
@@ -564,15 +575,15 @@ const Ft = 2, Te = ({
     resolvedDefaultSelectedValues: De
   });
   v.current = {
-    direction: L,
-    language: H,
-    mermaidMessages: M,
+    direction: M,
+    language: q,
+    mermaidMessages: L,
     beforeSend: me,
     locale: s,
     onClickCustomButtonAfterContent: se,
     onSend: x,
     readonly: W,
-    renderContent: G,
+    renderContent: _,
     resolvedConfirmButtonText: Se,
     resolvedCopiedButtonText: Be,
     resolvedCopyButtonText: Re,
@@ -580,7 +591,7 @@ const Ft = 2, Te = ({
     resolvedDefaultInputText: Pe,
     resolvedDefaultSelectedValues: De
   };
-  const ve = h(
+  const ve = f(
     () => ({
       "custom-button-after-content": ({
         children: e
@@ -639,14 +650,14 @@ const Ft = 2, Te = ({
       )
     }),
     []
-  ), ct = h(
+  ), ct = f(
     () => Ge(Ee),
     [Ee]
   ), it = (e, n) => {
     const c = ye(e);
-    return Ge(c).map((C, xe) => {
-      const X = `${n}-${C.type}-${xe}`;
-      return C.type === "text" ? /* @__PURE__ */ r(
+    return Ge(c).map((k, xe) => {
+      const X = `${n}-${k.type}-${xe}`;
+      return k.type === "text" ? /* @__PURE__ */ r(
         ie.Provider,
         {
           value: v,
@@ -655,36 +666,36 @@ const Ft = 2, Te = ({
             {
               locale: s,
               components: ve,
-              content: C.value
+              content: k.value
             }
           )
         },
         X
-      ) : C.type === "mermaid" ? /* @__PURE__ */ r(
+      ) : k.type === "mermaid" ? /* @__PURE__ */ r(
         Ce,
         {
-          chart: C.value,
-          frozen: !C.complete,
-          messages: M
+          chart: k.value,
+          frozen: !k.complete,
+          messages: L
         },
         X
-      ) : C.type === "svg" ? /* @__PURE__ */ r(Te, { svg: C.value }, X) : null;
+      ) : k.type === "svg" ? /* @__PURE__ */ r(Te, { svg: k.value }, X) : null;
     });
   }, We = l ? /* @__PURE__ */ r("div", { className: "content-render-custom-bar", children: Z.createElement(l, {
     content: t,
     displayContent: ot,
     onSend: x
   }) }) : null;
-  return K ? /* @__PURE__ */ ze(
+  return Y ? /* @__PURE__ */ ze(
     "div",
     {
       className: "content-render markdown-body",
-      dir: L,
-      lang: H,
+      dir: M,
+      lang: q,
       children: [
         rt.map((e) => {
-          const n = e.indices[0], c = Y[n];
-          return e.sandbox ? /* @__PURE__ */ r(
+          const n = e.indices[0], c = G[n];
+          return e.sandbox ? c.value ? /* @__PURE__ */ r(
             kt,
             {
               hideFullScreen: !0,
@@ -692,9 +703,9 @@ const Ft = 2, Te = ({
               content: c.value,
               className: "content-render-iframe",
               locale: s,
-              dir: L,
-              lang: H,
-              loadingText: U,
+              dir: M,
+              lang: q,
+              loadingText: K,
               styleLoadingText: ne,
               scriptLoadingText: ue,
               disableLoadingOverlay: le,
@@ -703,7 +714,7 @@ const Ft = 2, Te = ({
               mode: de
             },
             `sandbox-${n}`
-          ) : e.plan ? /* @__PURE__ */ r(
+          ) : null : e.plan ? /* @__PURE__ */ r(
             ie.Provider,
             {
               value: v,
@@ -714,13 +725,13 @@ const Ft = 2, Te = ({
                   components: ve,
                   plan: e.plan,
                   renderedSegments: e.indices.map(
-                    (d) => Y[d]
+                    (d) => G[d]
                   )
                 }
               )
             },
             `md-${n}`
-          ) : e.indices.map((d) => /* @__PURE__ */ r(Z.Fragment, { children: Y[d].type === "markdown" && Y[d].pending ? null : it(
+          ) : e.indices.map((d) => /* @__PURE__ */ r(Z.Fragment, { children: G[d].type === "markdown" && G[d].pending ? null : it(
             nt[d],
             `md-${d}`
           ) }, `md-${d}`));
@@ -732,8 +743,8 @@ const Ft = 2, Te = ({
     "div",
     {
       className: "content-render markdown-body",
-      dir: L,
-      lang: H,
+      dir: M,
+      lang: q,
       children: [
         ct.map((e, n) => {
           if (e.type === "text")
@@ -758,7 +769,7 @@ const Ft = 2, Te = ({
               {
                 chart: e.value,
                 frozen: !e.complete,
-                messages: M
+                messages: L
               },
               n
             );
@@ -772,6 +783,6 @@ const Ft = 2, Te = ({
 };
 export {
   He as MarkdownRenderer,
-  Mn as default
+  Ln as default
 };
 //# sourceMappingURL=ContentRender.es.js.map