markdown-flow-ui 0.1.81-beta.14 → 0.1.81-beta.15

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/index8.js";
+import { __exports as c } from "../../../../../../../../../../_virtual/index9.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/index8.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -2,7 +2,7 @@ import { stringify as w } from "../../../../comma-separated-tokens@2.0.3/node_mo
 import { ok as u } from "../../../../devlop@1.1.0/node_modules/devlop/lib/default.js";
 import { svg as m, html as C } from "../../../../property-information@7.1.0/node_modules/property-information/index.js";
 import { stringify as N } from "../../../../space-separated-tokens@2.0.2/node_modules/space-separated-tokens/index.js";
-import S from "../../../../../../../../../_virtual/index6.js";
+import S from "../../../../../../../../../_virtual/index5.js";
 import { whitespace as j } from "../../../../hast-util-whitespace@3.0.0/node_modules/hast-util-whitespace/lib/index.js";
 import { name as x } from "../../../../estree-util-is-identifier-name@3.0.0/node_modules/estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../../../vfile-message@4.0.3/node_modules/vfile-message/lib/index.js";

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/index5.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/index5.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/index5.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/index5.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/index5.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/index3.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/index3.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/index3.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/index3.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/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../../../../../_virtual/index9.js";
+import { __exports as r } from "../../../../../../../../../_virtual/index10.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/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js

@@ -1,5 +1,5 @@
 import { bail as P } from "../../../../bail@2.0.2/node_modules/bail/index.js";
-import y from "../../../../../../../../../_virtual/index7.js";
+import y from "../../../../../../../../../_virtual/index6.js";
 import z from "../../../../is-plain-obj@4.1.0/node_modules/is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../../../trough@2.2.0/node_modules/trough/lib/index.js";

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,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=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/index5.js

@@ -1,6 +1,8 @@
-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();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  i as d
+  a as default
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

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

package/dist/_virtual/index6.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index7.js

@@ -1,8 +1,6 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+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 {
-  a as default
+  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/index8.js

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

package/dist/components/ContentRender/IframeSandbox.js

@@ -1,16 +1,17 @@
-import { j as m } from "../../_virtual/jsx-runtime.js";
-import { useRef as u, useState as R, useEffect as v } from "react";
-import { createRoot as H } from "react-dom/client";
-import E from "./SandboxApp.js";
-const B = ({
-  content: s,
-  className: a
+import { j as a } from "../../_virtual/jsx-runtime.js";
+import { useRef as r, useState as E, useEffect as h } from "react";
+import { createRoot as w } from "react-dom/client";
+import j from "./SandboxApp.js";
+const O = ({
+  content: d,
+  className: f
 }) => {
-  const n = u(null), e = u(null), [l, h] = R(480);
-  return v(() => {
-    const c = n.current;
-    if (!c) return;
-    const t = c.contentDocument;
+  const n = r(null), i = r(null), l = r(null), c = r(() => {
+  }), [g, b] = E(480);
+  return h(() => {
+    const e = n.current;
+    if (!e) return;
+    const t = e.contentDocument;
     if (!t) return;
     t.open(), t.write(`<!DOCTYPE html>
 <html>
@@ -23,31 +24,34 @@ const B = ({
   <body>
     <div id="root"></div>
   </body>
-</html>`), t.close();
+</html>`), t.close(), l.current = t;
     const o = t.getElementById("root");
     if (!o) return;
-    e.current && e.current.unmount();
-    const r = H(o);
-    e.current = r, r.render(/* @__PURE__ */ m.jsx(E, { html: s }));
-    const d = () => {
+    const m = w(o);
+    i.current = m;
+    const s = () => {
       if (!n.current || !t.body) return;
-      const f = t.body.getBoundingClientRect(), g = t.documentElement?.getBoundingClientRect(), b = f.height, p = g?.height || 0, x = Math.max(b, p), y = Math.max(200, Math.ceil(x));
-      h(y);
+      const p = t.body.getBoundingClientRect(), x = t.documentElement?.getBoundingClientRect(), y = p.height, R = x?.height || 0, v = Math.max(y, R), H = Math.max(200, Math.ceil(v));
+      b(H);
     };
-    d();
-    const i = new ResizeObserver(() => d());
-    return i.observe(t.body), o && i.observe(o), () => {
-      i.disconnect(), r.unmount(), e.current = null;
+    c.current = s, s();
+    const u = new ResizeObserver(() => s());
+    return u.observe(t.body), o && u.observe(o), () => {
+      u.disconnect(), m.unmount(), i.current = null, l.current = null, c.current = () => {
+      };
     };
-  }, [s]), /* @__PURE__ */ m.jsx(
+  }, []), h(() => {
+    const e = i.current;
+    e && (e.render(/* @__PURE__ */ a.jsx(j, { html: d })), requestAnimationFrame(() => c.current?.()));
+  }, [d]), /* @__PURE__ */ a.jsx(
     "iframe",
     {
       ref: n,
       sandbox: "allow-scripts allow-same-origin",
-      className: a,
+      className: f,
       style: {
         width: "100%",
-        height: `${l}px`,
+        height: `${g}px`,
         margin: "16px 0"
       },
       title: "HTML Sandbox"
@@ -55,6 +59,6 @@ const B = ({
   );
 };
 export {
-  B as default
+  O 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\";\n\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  className,\n}) => {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const [height, setHeight] = useState(480);\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\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    if (rootRef.current) {\n      rootRef.current.unmount();\n    }\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n    root.render(<SandboxApp html={content} />);\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\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    };\n  }, [content]);\n\n  return (\n    <iframe\n      ref={iframeRef}\n      sandbox=\"allow-scripts allow-same-origin\"\n      className={className}\n      style={{\n        width: \"100%\",\n        height: `${height}px`,\n        margin: \"16px 0\",\n      }}\n      title=\"HTML Sandbox\"\n    />\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","className","iframeRef","useRef","rootRef","height","setHeight","useState","useEffect","iframe","doc","rootEl","root","createRoot","jsx","SandboxApp","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver"],"mappings":";;;;AASA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI,GAC1CC,IAAUD,EAAoB,IAAI,GAClC,CAACE,GAAQC,CAAS,IAAIC,EAAS,GAAG;AAExC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAASP,EAAU;AACzB,QAAI,CAACO,EAAQ;AAEb,UAAMC,IAAMD,EAAO;AACnB,QAAI,CAACC,EAAK;AAEV,IAAAA,EAAI,KAAA,GACJA,EAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWN,GACJA,EAAI,MAAA;AAEJ,UAAMC,IAASD,EAAI,eAAe,MAAM;AACxC,QAAI,CAACC,EAAQ;AAEb,IAAIP,EAAQ,WACVA,EAAQ,QAAQ,QAAA;AAGlB,UAAMQ,IAAOC,EAAWF,CAAM;AAC9B,IAAAP,EAAQ,UAAUQ,GAClBA,EAAK,OAAOE,gBAAAA,MAACC,GAAA,EAAW,MAAMf,GAAS,CAAE;AAEzC,UAAMgB,IAAe,MAAM;AACzB,UAAI,CAACd,EAAU,WAAW,CAACQ,EAAI,KAAM;AACrC,YAAMO,IAAWP,EAAI,KAAK,sBAAA,GACpBQ,IAAWR,EAAI,iBAAiB,sBAAA,GAChCS,IAAaF,EAAS,QACtBG,IAAaF,GAAU,UAAU,GACjCG,IAAgB,KAAK,IAAIF,GAAYC,CAAU,GAC/CE,IAAa,KAAK,IAAI,KAAK,KAAK,KAAKD,CAAa,CAAC;AACzD,MAAAf,EAAUgB,CAAU;AAAA,IACtB;AAEA,IAAAN,EAAA;AAEA,UAAMO,IAAiB,IAAI,eAAe,MAAMP,GAAc;AAC9D,WAAAO,EAAe,QAAQb,EAAI,IAAI,GAC3BC,KACFY,EAAe,QAAQZ,CAAM,GAGxB,MAAM;AACX,MAAAY,EAAe,WAAA,GACfX,EAAK,QAAA,GACLR,EAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAGVc,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,SAAQ;AAAA,MACR,WAAAD;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ,GAAGI,CAAM;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,MAEV,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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\";\n\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  className,\n}) => {\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\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 root = rootRef.current;\n    if (!root) return;\n\n    root.render(<SandboxApp html={content} />);\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [content]);\n\n  return (\n    <iframe\n      ref={iframeRef}\n      sandbox=\"allow-scripts allow-same-origin\"\n      className={className}\n      style={{\n        width: \"100%\",\n        height: `${height}px`,\n        margin: \"16px 0\",\n      }}\n      title=\"HTML Sandbox\"\n    />\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","className","iframeRef","useRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","useEffect","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","jsx","SandboxApp"],"mappings":";;;;AASA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI,GAC1CC,IAAUD,EAAoB,IAAI,GAClCE,IAASF,EAAwB,IAAI,GACrCG,IAAkBH,EAAmB,MAAM;AAAA,EAAC,CAAC,GAC7C,CAACI,GAAQC,CAAS,IAAIC,EAAS,GAAG;AAExC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAST,EAAU;AACzB,QAAI,CAACS,EAAQ;AAEb,UAAMC,IAAMD,EAAO;AACnB,QAAI,CAACC,EAAK;AAEV,IAAAA,EAAI,KAAA,GACJA,EAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWN,GACJA,EAAI,MAAA,GACJP,EAAO,UAAUO;AAEjB,UAAMC,IAASD,EAAI,eAAe,MAAM;AACxC,QAAI,CAACC,EAAQ;AAEb,UAAMC,IAAOC,EAAWF,CAAM;AAC9B,IAAAT,EAAQ,UAAUU;AAElB,UAAME,IAAe,MAAM;AACzB,UAAI,CAACd,EAAU,WAAW,CAACU,EAAI,KAAM;AACrC,YAAMK,IAAWL,EAAI,KAAK,sBAAA,GACpBM,IAAWN,EAAI,iBAAiB,sBAAA,GAChCO,IAAaF,EAAS,QACtBG,IAAaF,GAAU,UAAU,GACjCG,IAAgB,KAAK,IAAIF,GAAYC,CAAU,GAC/CE,IAAa,KAAK,IAAI,KAAK,KAAK,KAAKD,CAAa,CAAC;AACzD,MAAAb,EAAUc,CAAU;AAAA,IACtB;AACA,IAAAhB,EAAgB,UAAUU,GAE1BA,EAAA;AAEA,UAAMO,IAAiB,IAAI,eAAe,MAAMP,GAAc;AAC9D,WAAAO,EAAe,QAAQX,EAAI,IAAI,GAC3BC,KACFU,EAAe,QAAQV,CAAM,GAGxB,MAAM;AACX,MAAAU,EAAe,WAAA,GACfT,EAAK,QAAA,GACLV,EAAQ,UAAU,MAClBC,EAAO,UAAU,MACjBC,EAAgB,UAAU,MAAM;AAAA,MAAC;AAAA,IACnC;AAAA,EACF,GAAG,CAAA,CAAE,GAELI,EAAU,MAAM;AACd,UAAMI,IAAOV,EAAQ;AACrB,IAAKU,MAELA,EAAK,OAAOU,gBAAAA,MAACC,GAAA,EAAW,MAAMzB,GAAS,CAAE,GACzC,sBAAsB,MAAMM,EAAgB,WAAW;AAAA,EACzD,GAAG,CAACN,CAAO,CAAC,GAGVwB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKtB;AAAA,MACL,SAAQ;AAAA,MACR,WAAAD;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ,GAAGM,CAAM;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,MAEV,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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/index3.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.81-beta.14",
+  "version": "0.1.81-beta.15",
   "type": "module",
   "exports": {
     ".": {