markdown-flow-ui 0.1.83-beta.2 → 0.1.83-beta.3

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as c } from "../../../../../../../../../../_virtual/index9.js";
+import { __exports as c } from "../../../../../../../../../../_virtual/index10.js";
 import { __require as v } from "./constants.js";
 var m;
 function g() {

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

@@ -1,4 +1,4 @@
-import { __module as s } from "../../../../../../../../_virtual/index10.js";
+import { __module as s } from "../../../../../../../../_virtual/index9.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

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/index7.js";
+import { d as je } from "../../../../../../../../../../../_virtual/index8.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/index7.js";
+import { d as G } from "../../../../../../../../../../../_virtual/index8.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/index7.js";
+import { d as l } from "../../../../../../../../../../../_virtual/index8.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/index7.js";
+import { d as he } from "../../../../../../../../../../../_virtual/index8.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/index7.js";
+import { d as ne } from "../../../../../../../../../../../_virtual/index8.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/index4.js";
+import d from "../../../../../../../../../_virtual/index2.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/index4.js";
+import Q from "../../../../../../../../../_virtual/index2.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/index4.js";
+import h from "../../../../../../../../../_virtual/index2.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/index4.js";
+import "../../../../../../../../../_virtual/index2.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/index2.js";
+import { __exports as e } from "../../../../../../../../../_virtual/index3.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/remark-flow@0.1.6/node_modules/remark-flow/dist/remark-custom-variable.js

@@ -1,5 +1,5 @@
 import { __exports as a } from "../../../../../../../../../_virtual/remark-custom-variable.js";
-import g from "../../../../../../../../../_virtual/index3.js";
+import g from "../../../../../../../../../_virtual/index4.js";
 import { __require as h } from "./interaction-parser.js";
 var m;
 function C() {

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

@@ -1,5 +1,5 @@
 import { __exports as n } from "../../../../../../../../../_virtual/remark-interaction.js";
-import I from "../../../../../../../../../_virtual/index3.js";
+import I from "../../../../../../../../../_virtual/index4.js";
 import { __require as g } from "./interaction-parser.js";
 var m;
 function k() {

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/index8.js";
+import { __exports as r } from "../../../../../../../../../_virtual/index7.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/index10.js

@@ -1,5 +1,5 @@
-var s = { exports: {} };
+var r = {};
 export {
-  s as __module
+  r as __exports
 };
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index2.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=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,7 +1,5 @@
-import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
-import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
-const m = /* @__PURE__ */ e(r);
+var r = {};
 export {
-  m as default
+  r as __exports
 };
 //# 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/index4.js

@@ -1,8 +1,7 @@
-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);
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
+import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  t as default
+  m as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/_virtual/index7.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=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/index8.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=index8.js.map

package/dist/_virtual/index8.js.map

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

package/dist/_virtual/index9.js

@@ -1,5 +1,5 @@
-var r = {};
+var s = { exports: {} };
 export {
-  r as __exports
+  s as __module
 };
 //# sourceMappingURL=index9.js.map

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

@@ -6,6 +6,7 @@ export interface IframeSandboxProps {
     styleLoadingText?: string;
     scriptLoadingText?: string;
     fullScreenButtonText?: string;
+    hideFullScreen?: boolean;
     mode?: "content" | "blackboard";
     type: "sandbox" | "markdown";
 }

package/dist/components/ContentRender/IframeSandbox.js

@@ -1,32 +1,33 @@
 import { j as l } from "../../_virtual/jsx-runtime.js";
-import _, { useRef as s, useState as g, useEffect as a } from "react";
-import { createRoot as L } from "react-dom/client";
-import P from "./SandboxApp.js";
-import { splitContentSegments as W } from "./utils/split-content.js";
-import Y from "./ContentRender.js";
-const T = ({
+import L, { useRef as s, useState as p, useEffect as a } from "react";
+import { createRoot as P } from "react-dom/client";
+import W from "./SandboxApp.js";
+import { splitContentSegments as Y } from "./utils/split-content.js";
+import $ from "./ContentRender.js";
+const V = ({
   content: i,
-  type: E,
-  className: F,
-  loadingText: p,
+  type: H,
+  className: j,
+  loadingText: v,
   styleLoadingText: x,
-  scriptLoadingText: v,
-  fullScreenButtonText: R,
+  scriptLoadingText: R,
+  fullScreenButtonText: d,
+  hideFullScreen: y = !1,
   mode: c = "content"
 }) => {
-  const y = s(null), u = s(null), d = s(null), C = s(null), m = s(() => {
-  }), [H, j] = g(480), [w, k] = g(0), [S, M] = g(!1), f = s(""), r = _.useMemo(() => {
-    const t = W(i).filter((o) => o.type === "sandbox");
+  const C = s(null), u = s(null), m = s(null), w = s(null), f = s(() => {
+  }), [k, F] = p(480), [E, M] = p(0), [I, S] = p(!1), h = s(""), r = L.useMemo(() => {
+    const t = Y(i).filter((o) => o.type === "sandbox");
     return (c === "blackboard" ? t[t.length - 1]?.value || "" : t.map((o) => o.value).join(`
 `)) || "";
   }, [i, c]);
   a(() => {
     if (c !== "blackboard") {
-      f.current = r;
+      h.current = r;
       return;
     }
-    const e = f.current;
-    !(e && r.startsWith(e)) && e && k((n) => n + 1), f.current = r;
+    const e = h.current;
+    !(e && r.startsWith(e)) && e && M((n) => n + 1), h.current = r;
   }, [r, c]), a(() => {
     const e = u.current;
     if (!e) return;
@@ -43,30 +44,30 @@ const T = ({
   <body>
     <div id="root"></div>
   </body>
-</html>`), t.close(), C.current = t;
+</html>`), t.close(), w.current = t;
     const n = t.getElementById("root");
     if (!n) return;
-    const o = L(n);
-    d.current = o;
-    const h = () => {
+    const o = P(n);
+    m.current = o;
+    const b = () => {
       if (!u.current || !t.body) return;
-      const q = t.body.getBoundingClientRect(), z = t.documentElement?.getBoundingClientRect(), B = q.height, O = z?.height || 0, A = Math.max(B, O), D = Math.max(200, Math.ceil(A));
-      j(D);
+      const z = t.body.getBoundingClientRect(), O = t.documentElement?.getBoundingClientRect(), A = z.height, B = O?.height || 0, D = Math.max(A, B), _ = Math.max(200, Math.ceil(D));
+      F(_);
     };
-    m.current = h, h();
-    const b = new ResizeObserver(() => h());
-    return b.observe(t.body), n && b.observe(n), () => {
-      b.disconnect(), o.unmount(), d.current = null, C.current = null, m.current = () => {
+    f.current = b, b();
+    const g = new ResizeObserver(() => b());
+    return g.observe(t.body), n && g.observe(n), () => {
+      g.disconnect(), o.unmount(), m.current = null, w.current = null, f.current = () => {
       };
     };
   }, []), a(() => {
     const e = () => {
-      M(!!document.fullscreenElement);
+      S(!!document.fullscreenElement);
     };
     return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
   }, []);
-  const I = () => {
-    const e = y.current || u.current;
+  const q = () => {
+    const e = C.current || u.current;
     if (e) {
       if (document.fullscreenElement) {
         document.exitFullscreen().catch(() => {
@@ -78,31 +79,33 @@ const T = ({
     }
   };
   return a(() => {
-    const e = d.current;
+    const e = m.current;
     e && (e.render(
       /* @__PURE__ */ l.jsx(
-        P,
+        W,
         {
           html: r,
-          loadingText: p,
+          loadingText: v,
           styleLoadingText: x,
-          scriptLoadingText: v,
-          resetToken: w
+          scriptLoadingText: R,
+          fullScreenButtonText: d,
+          hideFullScreen: y,
+          resetToken: E
         }
       )
-    ), requestAnimationFrame(() => m.current?.()));
+    ), requestAnimationFrame(() => f.current?.()));
   }, [
     i,
     r,
-    p,
-    x,
     v,
+    x,
     R,
-    w
+    d,
+    E
   ]), /* @__PURE__ */ l.jsxs(
     "div",
     {
-      ref: y,
+      ref: C,
       style: {
         width: "100%",
         height: "100%",
@@ -110,11 +113,11 @@ const T = ({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ l.jsx(
+        !y && /* @__PURE__ */ l.jsx(
           "button",
           {
             type: "button",
-            onClick: I,
+            onClick: q,
             style: {
               position: "absolute",
               top: 8,
@@ -127,20 +130,20 @@ const T = ({
               borderRadius: 6,
               cursor: "pointer"
             },
-            children: S ? "退出全屏" : R || "全屏浏览"
+            children: I ? "退出全屏" : d || "全屏浏览"
           }
         ),
-        c === "blackboard" && E === "markdown" ? /* @__PURE__ */ l.jsx(Y, { content: i }) : /* @__PURE__ */ l.jsx(
+        c === "blackboard" && H === "markdown" ? /* @__PURE__ */ l.jsx($, { content: i }) : /* @__PURE__ */ l.jsx(
           "iframe",
           {
             ref: u,
             sandbox: "allow-scripts allow-same-origin",
             allow: "fullscreen",
             allowFullScreen: !0,
-            className: F,
+            className: j,
             style: {
               width: "100%",
-              height: `${H}px`
+              height: `${k}px`
               // margin: "16px 0",
             },
             title: "HTML Sandbox"
@@ -151,6 +154,6 @@ const T = ({
   );
 };
 export {
-  T as default
+  V as default
 };
 //# sourceMappingURL=IframeSandbox.js.map

package/dist/components/ContentRender/IframeSandbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  mode = \"content\",\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = htmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && htmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = htmlContent;\n  }, [htmlContent, mode]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <style>\n      html, body { margin: 0; padding: 0; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n    docRef.current = doc;\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const nextHeight = Math.max(200, Math.ceil(contentHeight));\n      setHeight(nextHeight);\n    };\n    updateHeightRef.current = updateHeight;\n\n    updateHeight();\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      root.unmount();\n      rootRef.current = null;\n      docRef.current = null;\n      updateHeightRef.current = () => {};\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={htmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        resetToken={resetToken}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    content,\n    htmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        overflow: \"auto\",\n        position: \"relative\",\n      }}\n    >\n      <button\n        type=\"button\"\n        onClick={toggleFullscreen}\n        style={{\n          position: \"absolute\",\n          top: 8,\n          right: 8,\n          zIndex: 5,\n          padding: \"6px 10px\",\n          background: \"rgba(0, 0, 0, 0.75)\",\n          color: \"#fff\",\n          border: \"none\",\n          borderRadius: 6,\n          cursor: \"pointer\",\n        }}\n      >\n        {isFullscreen ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n      </button>\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <ContentRender content={content} />\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={className}\n          style={{\n            width: \"100%\",\n            height: `${height}px`,\n            // margin: \"16px 0\",\n          }}\n          title=\"HTML Sandbox\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","type","className","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","useEffect","prev","token","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","onFullscreenChange","toggleFullscreen","target","jsx","SandboxApp","jsxs","ContentRender"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = htmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && htmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = htmlContent;\n  }, [htmlContent, mode]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <style>\n      html, body { margin: 0; padding: 0; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n    docRef.current = doc;\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const nextHeight = Math.max(200, Math.ceil(contentHeight));\n      setHeight(nextHeight);\n    };\n    updateHeightRef.current = updateHeight;\n\n    updateHeight();\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      root.unmount();\n      rootRef.current = null;\n      docRef.current = null;\n      updateHeightRef.current = () => {};\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={htmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    content,\n    htmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        overflow: \"auto\",\n        position: \"relative\",\n      }}\n    >\n      {!hideFullScreen && (\n        <button\n          type=\"button\"\n          onClick={toggleFullscreen}\n          style={{\n            position: \"absolute\",\n            top: 8,\n            right: 8,\n            zIndex: 5,\n            padding: \"6px 10px\",\n            background: \"rgba(0, 0, 0, 0.75)\",\n            color: \"#fff\",\n            border: \"none\",\n            borderRadius: 6,\n            cursor: \"pointer\",\n          }}\n        >\n          {isFullscreen ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <ContentRender content={content} />\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={className}\n          style={{\n            width: \"100%\",\n            height: `${height}px`,\n            // margin: \"16px 0\",\n          }}\n          title=\"HTML Sandbox\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","type","className","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","useEffect","prev","token","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","onFullscreenChange","toggleFullscreen","target","jsx","SandboxApp","jsxs","ContentRender"],"mappings":"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"}

package/dist/components/ContentRender/utils/split-content.d.ts

@@ -4,5 +4,8 @@ export type RenderSegment = {
 } | {
     type: "sandbox";
     value: string;
+} | {
+    type: "text";
+    value: string;
 };
-export declare const splitContentSegments: (raw: string) => RenderSegment[];
+export declare const splitContentSegments: (raw: string, keepText?: boolean) => RenderSegment[];

package/dist/components/ContentRender/utils/split-content.js

@@ -1,35 +1,35 @@
-const r = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, m = [
+const h = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, u = [
   /<svg[\s\S]*?<\/svg>/i,
   /<img\b[^>]*?>/i,
   /```mermaid[\s\S]*?```/i,
   /```[a-zA-Z0-9]+[\s\S]*?```/i
-], a = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi, h = (e, n) => {
-  let s = e.length, t;
-  for (a.lastIndex = 0; t = a.exec(e); )
-    if (!(t.index <= n)) {
+], d = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi, f = (n, e) => {
+  let s = n.length, t;
+  for (d.lastIndex = 0; t = d.exec(n); )
+    if (!(t.index <= e)) {
       s = t.index + t[0].length;
       break;
     }
   return s;
-}, x = (e) => {
-  let n = null;
-  return m.forEach((s) => {
-    const t = s.exec(e);
+}, x = (n) => {
+  let e = null;
+  return u.forEach((s) => {
+    const t = s.exec(n);
     if (!t || typeof t.index != "number") return;
     const i = t.index, c = t.index + t[0].length;
-    (!n || i < n.start) && (n = { start: i, end: c });
-  }), n;
-}, u = (e) => {
-  const n = e.search(r), s = x(e);
-  if (n === -1 && !s)
-    return [];
-  const t = !!s && (n === -1 || s.start < n), i = t ? s.start : n, c = t ? s.end : h(e, i), o = [], d = e.slice(i, c), l = e.slice(c);
-  return o.push({
-    type: t ? "markdown" : "sandbox",
-    value: d
-  }), l.trim() && o.push(...u(l)), o;
+    (!e || i < e.start) && (e = { start: i, end: c });
+  }), e;
+}, b = (n, e = !1) => {
+  const s = n.search(h), t = x(n);
+  if (s === -1 && !t)
+    return e && n.trim() ? [{ type: "text", value: n }] : [];
+  const i = !!t && (s === -1 || t.start < s), c = i ? t.start : s, l = i ? t.end : f(n, c), o = [], a = n.slice(0, c), m = n.slice(c, l), r = n.slice(l);
+  return e && a.trim() && o.push({ type: "text", value: a }), o.push({
+    type: i ? "markdown" : "sandbox",
+    value: m
+  }), r.trim() && o.push(...b(r, e)), o;
 };
 export {
-  u as splitContentSegments
+  b as splitContentSegments
 };
 //# sourceMappingURL=split-content.js.map

package/dist/components/ContentRender/utils/split-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-content.js","sources":["../../../../src/components/ContentRender/utils/split-content.ts"],"sourcesContent":["export type RenderSegment =\n  | { type: \"markdown\"; value: string }\n  | { type: \"sandbox\"; value: string };\n\nconst SANDBOX_START_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\\s>]/i;\n\nconst INLINE_SANDBOX_PATTERNS: RegExp[] = [\n  /<svg[\\s\\S]*?<\\/svg>/i,\n  /<img\\b[^>]*?>/i,\n  /```mermaid[\\s\\S]*?```/i,\n  /```[a-zA-Z0-9]+[\\s\\S]*?```/i,\n];\n\nconst closingBoundary = /<\\/[a-z][^>]*>\\s*\\n(?=[^\\s<])/gi;\n\ntype MatchResult = { start: number; end: number };\n\nconst findHtmlBlockEnd = (raw: string, startIndex: number) => {\n  let blockEnd = raw.length;\n  let match: RegExpExecArray | null;\n  closingBoundary.lastIndex = 0;\n\n  while ((match = closingBoundary.exec(raw))) {\n    if (match.index <= startIndex) continue;\n    blockEnd = match.index + match[0].length;\n    break;\n  }\n\n  return blockEnd;\n};\n\nconst findInlineSandboxMatch = (raw: string): MatchResult | null => {\n  let earliest: MatchResult | null = null;\n\n  INLINE_SANDBOX_PATTERNS.forEach((pattern) => {\n    const match = pattern.exec(raw);\n    if (!match || typeof match.index !== \"number\") return;\n    const start = match.index;\n    const end = match.index + match[0].length;\n\n    if (!earliest || start < earliest.start) {\n      earliest = { start, end };\n    }\n  });\n\n  return earliest;\n};\n\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (raw: string): RenderSegment[] => {\n  const sandboxStartIndex = raw.search(SANDBOX_START_PATTERN);\n  const inlineMatch = findInlineSandboxMatch(raw);\n\n  if (sandboxStartIndex === -1 && !inlineMatch) {\n    return [];\n  }\n\n  const shouldUseInline =\n    !!inlineMatch &&\n    (sandboxStartIndex === -1 || inlineMatch.start < sandboxStartIndex);\n\n  const startIndex = shouldUseInline ? inlineMatch!.start : sandboxStartIndex;\n  const blockEnd = shouldUseInline\n    ? inlineMatch!.end\n    : findHtmlBlockEnd(raw, startIndex);\n\n  const segments: RenderSegment[] = [];\n  const matchedBlock = raw.slice(startIndex, blockEnd);\n  const after = raw.slice(blockEnd);\n\n  segments.push({\n    type: shouldUseInline ? \"markdown\" : \"sandbox\",\n    value: matchedBlock,\n  });\n\n  if (after.trim()) {\n    segments.push(...splitContentSegments(after));\n  }\n\n  return segments;\n};\n"],"names":["SANDBOX_START_PATTERN","INLINE_SANDBOX_PATTERNS","closingBoundary","findHtmlBlockEnd","raw","startIndex","blockEnd","match","findInlineSandboxMatch","earliest","pattern","start","end","splitContentSegments","sandboxStartIndex","inlineMatch","shouldUseInline","segments","matchedBlock","after"],"mappings":"AAIA,MAAMA,IACJ,sGAEIC,IAAoC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAkB,mCAIlBC,IAAmB,CAACC,GAAaC,MAAuB;AAC5D,MAAIC,IAAWF,EAAI,QACfG;AAGJ,OAFAL,EAAgB,YAAY,GAEpBK,IAAQL,EAAgB,KAAKE,CAAG;AACtC,QAAI,EAAAG,EAAM,SAASF,IACnB;AAAA,MAAAC,IAAWC,EAAM,QAAQA,EAAM,CAAC,EAAE;AAClC;AAAA;AAGF,SAAOD;AACT,GAEME,IAAyB,CAACJ,MAAoC;AAClE,MAAIK,IAA+B;AAEnC,SAAAR,EAAwB,QAAQ,CAACS,MAAY;AAC3C,UAAMH,IAAQG,EAAQ,KAAKN,CAAG;AAC9B,QAAI,CAACG,KAAS,OAAOA,EAAM,SAAU,SAAU;AAC/C,UAAMI,IAAQJ,EAAM,OACdK,IAAML,EAAM,QAAQA,EAAM,CAAC,EAAE;AAEnC,KAAI,CAACE,KAAYE,IAAQF,EAAS,WAChCA,IAAW,EAAE,OAAAE,GAAO,KAAAC,EAAA;AAAA,EAExB,CAAC,GAEMH;AACT,GAGaI,IAAuB,CAACT,MAAiC;AACpE,QAAMU,IAAoBV,EAAI,OAAOJ,CAAqB,GACpDe,IAAcP,EAAuBJ,CAAG;AAE9C,MAAIU,MAAsB,MAAM,CAACC;AAC/B,WAAO,CAAA;AAGT,QAAMC,IACJ,CAAC,CAACD,MACDD,MAAsB,MAAMC,EAAY,QAAQD,IAE7CT,IAAaW,IAAkBD,EAAa,QAAQD,GACpDR,IAAWU,IACbD,EAAa,MACbZ,EAAiBC,GAAKC,CAAU,GAE9BY,IAA4B,CAAA,GAC5BC,IAAed,EAAI,MAAMC,GAAYC,CAAQ,GAC7Ca,IAAQf,EAAI,MAAME,CAAQ;AAEhC,SAAAW,EAAS,KAAK;AAAA,IACZ,MAAMD,IAAkB,aAAa;AAAA,IACrC,OAAOE;AAAA,EAAA,CACR,GAEGC,EAAM,UACRF,EAAS,KAAK,GAAGJ,EAAqBM,CAAK,CAAC,GAGvCF;AACT;"}
+{"version":3,"file":"split-content.js","sources":["../../../../src/components/ContentRender/utils/split-content.ts"],"sourcesContent":["export type RenderSegment =\n  | { type: \"markdown\"; value: string }\n  | { type: \"sandbox\"; value: string }\n  | { type: \"text\"; value: string };\n\nconst SANDBOX_START_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\\s>]/i;\n\nconst INLINE_SANDBOX_PATTERNS: RegExp[] = [\n  /<svg[\\s\\S]*?<\\/svg>/i,\n  /<img\\b[^>]*?>/i,\n  /```mermaid[\\s\\S]*?```/i,\n  /```[a-zA-Z0-9]+[\\s\\S]*?```/i,\n];\n\nconst closingBoundary = /<\\/[a-z][^>]*>\\s*\\n(?=[^\\s<])/gi;\n\ntype MatchResult = { start: number; end: number };\n\nconst findHtmlBlockEnd = (raw: string, startIndex: number) => {\n  let blockEnd = raw.length;\n  let match: RegExpExecArray | null;\n  closingBoundary.lastIndex = 0;\n\n  while ((match = closingBoundary.exec(raw))) {\n    if (match.index <= startIndex) continue;\n    blockEnd = match.index + match[0].length;\n    break;\n  }\n\n  return blockEnd;\n};\n\nconst findInlineSandboxMatch = (raw: string): MatchResult | null => {\n  let earliest: MatchResult | null = null;\n\n  INLINE_SANDBOX_PATTERNS.forEach((pattern) => {\n    const match = pattern.exec(raw);\n    if (!match || typeof match.index !== \"number\") return;\n    const start = match.index;\n    const end = match.index + match[0].length;\n\n    if (!earliest || start < earliest.start) {\n      earliest = { start, end };\n    }\n  });\n\n  return earliest;\n};\n\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (\n  raw: string,\n  keepText = false\n): RenderSegment[] => {\n  const sandboxStartIndex = raw.search(SANDBOX_START_PATTERN);\n  const inlineMatch = findInlineSandboxMatch(raw);\n\n  if (sandboxStartIndex === -1 && !inlineMatch) {\n    if (keepText && raw.trim()) {\n      return [{ type: \"text\", value: raw }];\n    }\n    return [];\n  }\n\n  const shouldUseInline =\n    !!inlineMatch &&\n    (sandboxStartIndex === -1 || inlineMatch.start < sandboxStartIndex);\n\n  const startIndex = shouldUseInline ? inlineMatch!.start : sandboxStartIndex;\n  const blockEnd = shouldUseInline\n    ? inlineMatch!.end\n    : findHtmlBlockEnd(raw, startIndex);\n\n  const segments: RenderSegment[] = [];\n  const before = raw.slice(0, startIndex);\n  const matchedBlock = raw.slice(startIndex, blockEnd);\n  const after = raw.slice(blockEnd);\n\n  if (keepText && before.trim()) {\n    segments.push({ type: \"text\", value: before });\n  }\n\n  segments.push({\n    type: shouldUseInline ? \"markdown\" : \"sandbox\",\n    value: matchedBlock,\n  });\n\n  if (after.trim()) {\n    segments.push(...splitContentSegments(after, keepText));\n  }\n\n  return segments;\n};\n"],"names":["SANDBOX_START_PATTERN","INLINE_SANDBOX_PATTERNS","closingBoundary","findHtmlBlockEnd","raw","startIndex","blockEnd","match","findInlineSandboxMatch","earliest","pattern","start","end","splitContentSegments","keepText","sandboxStartIndex","inlineMatch","shouldUseInline","segments","before","matchedBlock","after"],"mappings":"AAKA,MAAMA,IACJ,sGAEIC,IAAoC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAkB,mCAIlBC,IAAmB,CAACC,GAAaC,MAAuB;AAC5D,MAAIC,IAAWF,EAAI,QACfG;AAGJ,OAFAL,EAAgB,YAAY,GAEpBK,IAAQL,EAAgB,KAAKE,CAAG;AACtC,QAAI,EAAAG,EAAM,SAASF,IACnB;AAAA,MAAAC,IAAWC,EAAM,QAAQA,EAAM,CAAC,EAAE;AAClC;AAAA;AAGF,SAAOD;AACT,GAEME,IAAyB,CAACJ,MAAoC;AAClE,MAAIK,IAA+B;AAEnC,SAAAR,EAAwB,QAAQ,CAACS,MAAY;AAC3C,UAAMH,IAAQG,EAAQ,KAAKN,CAAG;AAC9B,QAAI,CAACG,KAAS,OAAOA,EAAM,SAAU,SAAU;AAC/C,UAAMI,IAAQJ,EAAM,OACdK,IAAML,EAAM,QAAQA,EAAM,CAAC,EAAE;AAEnC,KAAI,CAACE,KAAYE,IAAQF,EAAS,WAChCA,IAAW,EAAE,OAAAE,GAAO,KAAAC,EAAA;AAAA,EAExB,CAAC,GAEMH;AACT,GAGaI,IAAuB,CAClCT,GACAU,IAAW,OACS;AACpB,QAAMC,IAAoBX,EAAI,OAAOJ,CAAqB,GACpDgB,IAAcR,EAAuBJ,CAAG;AAE9C,MAAIW,MAAsB,MAAM,CAACC;AAC/B,WAAIF,KAAYV,EAAI,SACX,CAAC,EAAE,MAAM,QAAQ,OAAOA,GAAK,IAE/B,CAAA;AAGT,QAAMa,IACJ,CAAC,CAACD,MACDD,MAAsB,MAAMC,EAAY,QAAQD,IAE7CV,IAAaY,IAAkBD,EAAa,QAAQD,GACpDT,IAAWW,IACbD,EAAa,MACbb,EAAiBC,GAAKC,CAAU,GAE9Ba,IAA4B,CAAA,GAC5BC,IAASf,EAAI,MAAM,GAAGC,CAAU,GAChCe,IAAehB,EAAI,MAAMC,GAAYC,CAAQ,GAC7Ce,IAAQjB,EAAI,MAAME,CAAQ;AAEhC,SAAIQ,KAAYK,EAAO,UACrBD,EAAS,KAAK,EAAE,MAAM,QAAQ,OAAOC,GAAQ,GAG/CD,EAAS,KAAK;AAAA,IACZ,MAAMD,IAAkB,aAAa;AAAA,IACrC,OAAOG;AAAA,EAAA,CACR,GAEGC,EAAM,UACRH,EAAS,KAAK,GAAGL,EAAqBQ,GAAOP,CAAQ,CAAC,GAGjDI;AACT;"}

package/dist/components/ui/inputGroup/textarea.js

@@ -1,7 +1,7 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 import * as d from "react";
 import n from "../../../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";
-import "../../../_virtual/index4.js";
+import "../../../_virtual/index2.js";
 import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/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 "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/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 "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/raf.js";

package/package.json

@@ -149,7 +149,7 @@
     "storybook": "storybook dev -p 6006",
     "test": "echo \"No tests specified\" && exit 0"
   },
-  "version": "0.1.83-beta.2",
+  "version": "0.1.83-beta.3",
   "type": "module",
   "exports": {
     ".": {