markdown-flow-ui 0.1.81-beta.16 → 0.1.81-beta.18

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/c4Diagram-YG6GDRKO.js

@@ -4,7 +4,7 @@ import { setAccDescription as Be, getAccDescription as Ie, getAccTitle as Me, se
 import { __name as g, log as fe } from "./chunk-AGHRB4JF.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
-import { d as je } from "../../../../../../../../../../../_virtual/index9.js";
+import { d as je } from "../../../../../../../../../../../_virtual/index7.js";
 import jt from "../../../../../../d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
 var Ft = (function() {
   var e = /* @__PURE__ */ g(function(_t, x, m, v) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-S3R3BYOJ.js

@@ -1,6 +1,6 @@
 import { common_default as b, assignWithDepth_default as E, directiveRegex as $, sanitizeDirective as X, detectType as Y } from "./chunk-ABZYJK2D.js";
 import { __name as s, log as g } from "./chunk-AGHRB4JF.js";
-import { d as G } from "../../../../../../../../../../../_virtual/index9.js";
+import { d as G } from "../../../../../../../../../../../_virtual/index7.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import w from "../../../../../../lodash-es@4.17.21/node_modules/lodash-es/memoize.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-TZMSLE5B.js

@@ -1,6 +1,6 @@
 import { lineBreakRegex as o } from "./chunk-ABZYJK2D.js";
 import { __name as n } from "./chunk-AGHRB4JF.js";
-import { d as l } from "../../../../../../../../../../../_virtual/index9.js";
+import { d as l } from "../../../../../../../../../../../_virtual/index7.js";
 var x = /* @__PURE__ */ n((s, t) => {
   const r = s.append("rect");
   if (r.attr("x", t.x), r.attr("y", t.y), r.attr("fill", t.fill), r.attr("stroke", t.stroke), r.attr("width", t.width), r.attr("height", t.height), t.name && r.attr("name", t.name), t.rx && r.attr("rx", t.rx), t.ry && r.attr("ry", t.ry), t.attrs !== void 0)

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/ganttDiagram-LVOFAZNH.js

@@ -1,7 +1,7 @@
 import { utils_default as ie } from "./chunk-S3R3BYOJ.js";
 import { getAccDescription as se, setAccDescription as ne, getDiagramTitle as ae, setDiagramTitle as oe, getAccTitle as ce, setAccTitle as le, getConfig2 as K, configureSvgSize as ue, common_default as de, clear as fe } from "./chunk-ABZYJK2D.js";
 import { __name as c, log as mt } from "./chunk-AGHRB4JF.js";
-import { d as he } from "../../../../../../../../../../../_virtual/index9.js";
+import { d as he } from "../../../../../../../../../../../_virtual/index7.js";
 import L from "../../../../../../../../../../../_virtual/dayjs.min.js";
 import me from "../../../../../../../../../../../_virtual/isoWeek.js";
 import ke from "../../../../../../../../../../../_virtual/customParseFormat.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/sequenceDiagram-WL72ISMW.js

@@ -6,7 +6,7 @@ import { setConfig2 as ke, getConfig2 as st, configureSvgSize as Pe, assignWithD
 import { __name as f, log as Q } from "./chunk-AGHRB4JF.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
-import { d as ne } from "../../../../../../../../../../../_virtual/index9.js";
+import { d as ne } from "../../../../../../../../../../../_virtual/index7.js";
 import Mt from "../../../../../../d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
 var Ut = (function() {
   var e = /* @__PURE__ */ f(function(pt, v, A, L) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.js

@@ -2,7 +2,7 @@ import $ from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import oe from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/extends.js";
 import r from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/defineProperty.js";
 import te from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/typeof.js";
-import d from "../../../../../../../../../_virtual/index2.js";
+import d from "../../../../../../../../../_virtual/index3.js";
 import l, { useRef as q, cloneElement as ie } from "react";
 import { hasPrefixSuffix as re, hasAddon as de } from "./utils/commonUtils.js";
 var xe = /* @__PURE__ */ l.forwardRef(function(e, z) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.js

@@ -4,7 +4,7 @@ import w from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import J from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/typeof.js";
 import s from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/slicedToArray.js";
 import K from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import Q from "../../../../../../../../../_virtual/index2.js";
+import Q from "../../../../../../../../../_virtual/index3.js";
 import ee from "../../../../rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.js";
 import M from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.js";
 import te from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useMergedState.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.js

@@ -4,7 +4,7 @@ import d from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import Ae from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js";
 import x from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/slicedToArray.js";
 import Fe from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import h from "../../../../../../../../../_virtual/index2.js";
+import h from "../../../../../../../../../_virtual/index3.js";
 import Ne from "../../../../rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.js";
 import Te from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useMergedState.js";
 import o, { useRef as Y, useImperativeHandle as $e, useEffect as Ie } from "react";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.js

@@ -1,5 +1,5 @@
 import t from "./TextArea.js";
-import "../../../../../../../../../_virtual/index2.js";
+import "../../../../../../../../../_virtual/index3.js";
 import "../../../../rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.js";
 import "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.js";
 import "react";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-flow@0.1.6/node_modules/remark-flow/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "../../../../../../../../../_virtual/index3.js";
+import { __exports as e } from "../../../../../../../../../_virtual/index2.js";
 import { __require as _ } from "./remark-custom-variable.js";
 import { __require as m } from "./remark-flow.js";
 import { __require as f } from "./remark-interaction.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../../../../../_virtual/index7.js";
+import { __exports as r } from "../../../../../../../../../_virtual/index9.js";
 import { __require as p } from "../../../../inline-style-parser@0.2.4/node_modules/inline-style-parser/index.js";
 var f;
 function q() {

package/dist/_virtual/index2.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as s } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+var r = {};
 export {
-  t as default
+  r as __exports
 };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
-var r = {};
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as s } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  r as __exports
+  t as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index7.js

@@ -1,5 +1,6 @@
-var r = {};
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js";
+var i = r();
 export {
-  r as __exports
+  i as d
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index9.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js";
-var i = r();
+var r = {};
 export {
-  i as d
+  r as __exports
 };
 //# sourceMappingURL=index9.js.map

package/dist/_virtual/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ContentRender/ContentRender.d.ts

@@ -27,6 +27,11 @@ export interface ContentRenderProps {
     copyButtonText?: string;
     copiedButtonText?: string;
     dynamicInteractionFormat?: string;
+    sandboxLoadingText?: string;
+    sandboxStyleLoadingText?: string;
+    sandboxScriptLoadingText?: string;
+    sandboxFullscreenButtonText?: string;
+    sandboxMode?: "content" | "blackboard";
     beforeSend?: (param: OnSendContentParams) => boolean;
 }
 declare const ContentRender: React.FC<ContentRenderProps>;

package/dist/components/ContentRender/ContentRender.js

@@ -1,140 +1,133 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
 /* empty css                                                                                                                            */
 /* empty css                                                                                                               */
-import T, { useMemo as C, useRef as $, useEffect as R } from "react";
-import V from "../../_virtual/index.js";
+import W, { useMemo as v, useRef as H, useEffect as C } from "react";
+import q from "../../_virtual/index.js";
 /* empty css                  */
 /* empty css                          */
-import _ from "./CodeBlock.js";
-import E from "./plugins/CustomVariable.js";
-import I from "./plugins/MermaidChart.js";
-import U from "./useTypewriterStateMachine.js";
-import { preserveCustomVariableProperties as W, restoreCustomVariableProperties as q } from "./utils/custom-variable-props.js";
-import { subsetLanguages as G, highlightLanguages as K } from "./utils/highlight-languages.js";
-import { parseMarkdownSegments as D, mermaidBlockIsComplete as F } from "./utils/mermaid-parse.js";
-import { normalizeInlineHtml as M } from "./utils/normalize-inline-html.js";
-import J from "./IframeSandbox.js";
-import { Markdown as O } from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.js";
-import Q from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js";
-import X from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.js";
-import Y from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.js";
-import Z from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js";
-import ee from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.js";
-import te from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.js";
-const H = (r) => {
-  const c = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, a = r.search(c);
-  if (a === -1)
-    return [{ type: "markdown", value: r }];
-  const i = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi;
-  let l = r.length, o;
-  for (; o = i.exec(r); )
-    if (!(o.index <= a)) {
-      l = o.index + o[0].length - 1;
-      break;
-    }
-  const d = [], u = r.slice(0, a), n = r.slice(a, l), m = r.slice(l);
-  return u.trim() && d.push({ type: "markdown", value: u }), d.push({ type: "sandbox", value: n }), m.trim() && d.push(...H(m)), d;
-}, re = ({ svg: r }) => {
-  const c = $(null);
-  return R(() => {
-    const a = c.current;
-    if (!a) return;
-    const i = a.shadowRoot ?? a.attachShadow({ mode: "open" }), l = "content-render-svg-style";
-    let o = i.getElementById(l);
-    o || (o = document.createElement("style"), o.id = l, o.textContent = `
+import E from "./CodeBlock.js";
+import G from "./plugins/CustomVariable.js";
+import L from "./plugins/MermaidChart.js";
+import K from "./useTypewriterStateMachine.js";
+import { preserveCustomVariableProperties as D, restoreCustomVariableProperties as F } from "./utils/custom-variable-props.js";
+import { subsetLanguages as J, highlightLanguages as O } from "./utils/highlight-languages.js";
+import { parseMarkdownSegments as Q, mermaidBlockIsComplete as X } from "./utils/mermaid-parse.js";
+import { normalizeInlineHtml as $ } from "./utils/normalize-inline-html.js";
+import Y from "./IframeSandbox.js";
+import { splitContentSegments as Z } from "./utils/split-content.js";
+import { Markdown as ee } from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.js";
+import te from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js";
+import re from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.js";
+import ne from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.js";
+import oe from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js";
+import se from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.js";
+import ae from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.js";
+const ie = ({ svg: o }) => {
+  const i = H(null);
+  return C(() => {
+    const m = i.current;
+    if (!m) return;
+    const s = m.shadowRoot ?? m.attachShadow({ mode: "open" }), f = "content-render-svg-style";
+    let a = s.getElementById(f);
+    a || (a = document.createElement("style"), a.id = f, a.textContent = `
         :host { display: block; width: 100%; max-width: 100%; text-align: center; }
         svg { max-width: 100%; height: auto; display: inline-block; }
-      `, i.appendChild(o)), Array.from(i.childNodes).filter(
-      (n) => n !== o
-    ).forEach((n) => i.removeChild(n));
-    const u = document.createElement("template");
-    u.innerHTML = r, i.append(u.content.cloneNode(!0)), i.querySelectorAll("svg").forEach((n) => {
-      const m = n.getAttribute("viewBox");
-      if (!m) return;
-      const f = m.trim().split(/[\s,]+/).map((v) => Number(v));
-      if (f.length !== 4 || f.some(Number.isNaN)) return;
-      const [, , x, p] = f, g = n.getAttribute("width"), j = n.getAttribute("height"), k = !!g && g !== "0", b = !!j && j !== "0";
-      if (!k && !b) {
-        n.style.width = "100%", n.style.height = "auto", !n.style.aspectRatio && p > 0 && (n.style.aspectRatio = `${x} / ${p}`);
+      `, s.appendChild(a)), Array.from(s.childNodes).filter(
+      (r) => r !== a
+    ).forEach((r) => s.removeChild(r));
+    const x = document.createElement("template");
+    x.innerHTML = o, s.append(x.content.cloneNode(!0)), s.querySelectorAll("svg").forEach((r) => {
+      const d = r.getAttribute("viewBox");
+      if (!d) return;
+      const u = d.trim().split(/[\s,]+/).map((N) => Number(N));
+      if (u.length !== 4 || u.some(Number.isNaN)) return;
+      const [, , h, l] = u, b = r.getAttribute("width"), g = r.getAttribute("height"), j = !!b && b !== "0", y = !!g && g !== "0";
+      if (!j && !y) {
+        r.style.width = "100%", r.style.height = "auto", !r.style.aspectRatio && l > 0 && (r.style.aspectRatio = `${h} / ${l}`);
         return;
       }
-      !k && x > 0 && n.setAttribute("width", `${x}`), !b && p > 0 && n.setAttribute("height", `${p}`);
+      !j && h > 0 && r.setAttribute("width", `${h}`), !y && l > 0 && r.setAttribute("height", `${l}`);
     });
-  }, [r]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: c }) });
-}, ne = [Z, ee, V, te], se = [
-  W,
-  Q,
-  q,
-  [X, { languages: K, subset: G }],
-  Y
-], z = ({ content: r, components: c }) => /* @__PURE__ */ t.jsx("div", { className: "markdown-body", children: /* @__PURE__ */ t.jsx(
-  O,
+  }, [o]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: i }) });
+}, ce = [oe, se, q, ae], me = [
+  D,
+  te,
+  F,
+  [re, { languages: O, subset: J }],
+  ne
+], z = ({ content: o, components: i }) => /* @__PURE__ */ t.jsx("div", { className: "markdown-body", children: /* @__PURE__ */ t.jsx(
+  ee,
   {
-    remarkPlugins: ne,
-    rehypePlugins: se,
-    components: c,
-    children: r
+    remarkPlugins: ce,
+    rehypePlugins: me,
+    components: i,
+    children: o
   }
-) }), Ie = ({
-  content: r,
-  customRenderBar: c,
-  onSend: a,
-  typingSpeed: i = 30,
-  enableTypewriter: l = !1,
-  defaultButtonText: o,
-  defaultInputText: d,
-  defaultSelectedValues: u,
-  readonly: n = !1,
-  onTypeFinished: m,
-  confirmButtonText: f,
-  copyButtonText: x,
-  copiedButtonText: p,
-  onClickCustomButtonAfterContent: g,
-  beforeSend: j
+) }), He = ({
+  content: o,
+  customRenderBar: i,
+  onSend: m,
+  typingSpeed: s = 30,
+  enableTypewriter: f = !1,
+  defaultButtonText: a,
+  defaultInputText: R,
+  defaultSelectedValues: x,
+  readonly: r = !1,
+  onTypeFinished: d,
+  confirmButtonText: u,
+  copyButtonText: h,
+  copiedButtonText: l,
+  sandboxLoadingText: b,
+  sandboxStyleLoadingText: g,
+  sandboxScriptLoadingText: j,
+  sandboxFullscreenButtonText: y,
+  sandboxMode: S = "content",
+  onClickCustomButtonAfterContent: N,
+  beforeSend: P
   // tooltipMinLength,
 }) => {
-  const k = C(
-    () => M(r),
-    [r]
-  ), b = {
+  const V = v(
+    () => $(o),
+    [o]
+  ), A = {
     "custom-button-after-content": ({
       children: e
     }) => /* @__PURE__ */ t.jsx(
       "button",
       {
         className: "content-render-custom-button-after-content",
-        onClick: g,
+        onClick: N,
         children: /* @__PURE__ */ t.jsx("span", { className: "content-render-custom-button-after-content-inner", children: e })
       }
     ),
     "custom-variable": (e) => /* @__PURE__ */ t.jsx(
-      E,
+      G,
       {
         ...e,
-        readonly: n,
-        defaultButtonText: o,
-        defaultInputText: d,
-        defaultSelectedValues: u,
-        onSend: a,
-        beforeSend: j,
-        confirmButtonText: f
+        readonly: r,
+        defaultButtonText: a,
+        defaultInputText: R,
+        defaultSelectedValues: x,
+        onSend: m,
+        beforeSend: P,
+        confirmButtonText: u
       }
     ),
     code: (e) => {
-      const { className: s, children: h, ...A } = e;
-      if (/language-(\w+)/.exec(s || "")?.[1] === "mermaid") {
-        const B = h?.toString().replace(/\n$/, "") || "", P = F(r, B);
-        return /* @__PURE__ */ t.jsx(I, { chart: B, frozen: P });
+      const { className: n, children: c, ...T } = e;
+      if (/language-(\w+)/.exec(n || "")?.[1] === "mermaid") {
+        const M = c?.toString().replace(/\n$/, "") || "", U = X(o, M);
+        return /* @__PURE__ */ t.jsx(L, { chart: M, frozen: U });
       }
-      return /* @__PURE__ */ t.jsx("code", { className: s, ...A, children: h });
+      return /* @__PURE__ */ t.jsx("code", { className: n, ...T, children: c });
     },
     table: ({ ...e }) => /* @__PURE__ */ t.jsx("div", { className: "content-render-table-container", children: /* @__PURE__ */ t.jsx("table", { className: "content-render-table", ...e }) }),
     th: ({ ...e }) => /* @__PURE__ */ t.jsx("th", { className: "content-render-th", ...e }),
     td: ({ ...e }) => /* @__PURE__ */ t.jsx("td", { className: "content-render-td", ...e }),
     tr: ({ ...e }) => /* @__PURE__ */ t.jsx("tr", { className: "content-render-tr", ...e }),
-    li: ({ node: e, ...s }) => {
-      const h = e?.properties?.className;
-      return typeof h == "string" && h.includes("task-list-item") || Array.isArray(h) && h.includes("task-list-item") ? /* @__PURE__ */ t.jsx("li", { className: "content-render-task-list-item", ...s }) : /* @__PURE__ */ t.jsx("li", { ...s });
+    li: ({ node: e, ...n }) => {
+      const c = e?.properties?.className;
+      return typeof c == "string" && c.includes("task-list-item") || Array.isArray(c) && c.includes("task-list-item") ? /* @__PURE__ */ t.jsx("li", { className: "content-render-task-list-item", ...n }) : /* @__PURE__ */ t.jsx("li", { ...n });
     },
     ol: ({ ...e }) => /* @__PURE__ */ t.jsx("ol", { className: "content-render-ol", ...e }),
     ul: ({ ...e }) => /* @__PURE__ */ t.jsx("ul", { className: "content-render-ul", ...e }),
@@ -147,81 +140,86 @@ const H = (r) => {
         ...e
       }
     ) : /* @__PURE__ */ t.jsx("input", { ...e }),
-    a: ({ children: e, ...s }) => /* @__PURE__ */ t.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...s, children: e }),
+    a: ({ children: e, ...n }) => /* @__PURE__ */ t.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...n, children: e }),
     pre: (e) => /* @__PURE__ */ t.jsx(
-      _,
+      E,
       {
         ...e,
-        copyButtonText: x,
-        copiedButtonText: p
+        copyButtonText: h,
+        copiedButtonText: l
       }
     )
-  }, { displayContent: N, isComplete: v } = U({
+  }, { displayContent: k, isComplete: B } = K({
     // processMarkdownText will let code block printf("You win!\n") become printf("You win!<br/>");
     // content: processMarkdownText(content),
-    content: k,
-    typingSpeed: i,
-    disabled: !l
-  }), S = C(
-    () => H(r),
-    [r]
-  ), y = S.some(
+    content: V,
+    typingSpeed: s,
+    disabled: !f
+  }), I = v(
+    () => Z(o),
+    [o]
+  ), p = I.some(
     (e) => e.type === "sandbox"
-  ), L = C(
-    () => D(N),
-    [N]
-  ), w = $(!1);
-  return R(() => {
-    y || v && !w.current && (w.current = !0, m?.());
-  }, [y, v, m]), R(() => {
-    y || (w.current = !1);
-  }, [y, r]), y ? /* @__PURE__ */ t.jsx("div", { className: "content-render", children: S.map(
-    (e, s) => e.type === "sandbox" ? /* @__PURE__ */ t.jsx(
-      J,
+  ), _ = v(
+    () => Q(k),
+    [k]
+  ), w = H(!1);
+  return C(() => {
+    p || B && !w.current && (w.current = !0, d?.());
+  }, [p, B, d]), C(() => {
+    p || (w.current = !1);
+  }, [p, o]), p ? /* @__PURE__ */ t.jsx("div", { className: "content-render", children: I.map(
+    (e, n) => e.type === "sandbox" ? /* @__PURE__ */ t.jsx(
+      Y,
       {
         content: e.value,
-        className: "content-render-iframe"
+        className: "content-render-iframe",
+        loadingText: b,
+        styleLoadingText: g,
+        scriptLoadingText: j,
+        fullScreenButtonText: y,
+        mode: S
       },
-      `sandbox-${s}`
+      `sandbox-${n}`
     ) : /* @__PURE__ */ t.jsx(
       z,
       {
-        components: b,
-        content: M(e.value)
+        components: A,
+        content: $(e.value)
       },
-      `md-${s}`
+      `md-${n}`
     )
   ) }) : /* @__PURE__ */ t.jsxs("div", { className: "content-render", children: [
-    L.map((e, s) => {
+    _.map((e, n) => {
       if (e.type === "text")
         return /* @__PURE__ */ t.jsx(
           z,
           {
-            components: b,
+            components: A,
             content: e.value
           },
-          s
+          n
         );
       if (e.type === "mermaid")
         return /* @__PURE__ */ t.jsx(
-          I,
+          L,
           {
             chart: e.value,
             frozen: !e.complete
           },
-          s
+          n
         );
       if (e.type === "svg")
-        return /* @__PURE__ */ t.jsx(re, { svg: e.value }, s);
+        return /* @__PURE__ */ t.jsx(ie, { svg: e.value }, n);
     }),
-    c && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: T.createElement(c, {
-      content: r,
-      displayContent: N,
-      onSend: a
+    i && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: W.createElement(i, {
+      content: o,
+      displayContent: k,
+      onSend: m
     }) })
   ] });
 };
 export {
-  Ie as default
+  He as default
 };
 //# sourceMappingURL=ContentRender.js.map