markdown-flow-ui 0.2.14 → 0.2.16-dev.1

package/dist/components/ContentRender/CodeBlock.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs"),t=require("react");;/* empty css                */const g=require("../../node_modules/lucide-react/dist/esm/icons/check.cjs"),y=require("../../node_modules/lucide-react/dist/esm/icons/copy.cjs"),p=o=>{let r="";return t.Children.forEach(o,e=>{typeof e=="string"?r+=e:t.isValidElement(e)&&e?.props?.children&&(r+=p(e.props.children))}),r},m=({children:o,className:r,copyButtonText:e="Copy",copiedButtonText:x="Copied"})=>{const[i,l]=t.useState(!1),c=t.useRef(null);t.useEffect(()=>()=>{c.current&&window.clearTimeout(c.current)},[]);let u="";t.Children.forEach(o,n=>{if(t.isValidElement(n)){const a=n.props;a.className&&(u=a.className)}});const d=/language-(\w+)/.exec(u||""),f=d?d[1]:"",j=async()=>{const n=p(o);try{await navigator.clipboard.writeText(n),l(!0),c.current&&window.clearTimeout(c.current),c.current=window.setTimeout(()=>{l(!1)},2e3)}catch(a){console.error("Failed to copy text: ",a)}};return s.jsxRuntimeExports.jsxs("div",{className:"code-block-container",children:[s.jsxRuntimeExports.jsxs("div",{className:"code-block-header",children:[s.jsxRuntimeExports.jsx("span",{className:"language-name",children:f}),s.jsxRuntimeExports.jsxs("button",{onClick:j,className:"copy-button",children:[i?s.jsxRuntimeExports.jsx(g.default,{className:"copy-icon"}):s.jsxRuntimeExports.jsx(y.default,{className:"copy-icon"}),i?x:e]})]}),s.jsxRuntimeExports.jsx("pre",{className:r,children:o})]})};m.displayName="CodeBlock";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react");;/* empty css                */const h=require("../../node_modules/lucide-react/dist/esm/icons/check.cjs"),j=require("../../node_modules/lucide-react/dist/esm/icons/copy.cjs"),p=t.createContext(!1),m=s=>{let c="";return t.Children.forEach(s,o=>{typeof o=="string"?c+=o:t.isValidElement(o)&&o?.props?.children&&(c+=m(o.props.children))}),c},f=({children:s,className:c,dir:o="ltr",lang:C,copyButtonText:x="Copy",copiedButtonText:g="Copied"})=>{const[l,i]=t.useState(!1),r=t.useRef(null);t.useEffect(()=>()=>{r.current&&window.clearTimeout(r.current)},[]);let u="";t.Children.forEach(s,a=>{if(t.isValidElement(a)){const n=a.props;n.className&&(u=n.className)}});const d=/language-(\w+)/.exec(u||""),y=d?d[1]:"",N=async()=>{const a=m(s);try{await navigator.clipboard.writeText(a),i(!0),r.current&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{i(!1)},2e3)}catch(n){console.error("Failed to copy text: ",n)}};return e.jsxs("div",{className:"code-block-container",children:[e.jsxs("div",{className:"code-block-header",children:[e.jsx("span",{className:"language-name",children:y}),e.jsxs("button",{onClick:N,className:"copy-button",children:[l?e.jsx(h.default,{className:"copy-icon"}):e.jsx(j.default,{className:"copy-icon"}),l?g:x]})]}),e.jsx(p.Provider,{value:!0,children:e.jsx("pre",{className:c,dir:o,lang:C,children:s})})]})};f.displayName="CodeBlock";exports.CodeBlockContext=p;exports.default=f;
 //# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/ContentRender/CodeBlock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/ContentRender/CodeBlock.tsx"],"sourcesContent":["import React, { useState, ReactNode } from \"react\";\nimport \"./CodeBlock.css\";\nimport { Copy, Check } from \"lucide-react\";\n\n/**\n * Props for the CodeBlock component.\n */\nexport interface CodeBlockProps {\n  /** The code content and nested elements to render.*/\n  children?: React.ReactNode;\n  /** Optional CSS class name for the pre element. */\n  className?: string;\n  /** Text to display on the copy button (i18n support). */\n  copyButtonText?: string;\n  /** Text to display when code is copied (i18n support). */\n  copiedButtonText?: string;\n}\n\nconst getCodeString = (children: ReactNode): string => {\n  let text = \"\";\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\") {\n      text += child;\n    } else if (\n      React.isValidElement(child) &&\n      (child?.props as { children?: ReactNode })?.children\n    ) {\n      text += getCodeString((child.props as { children: ReactNode }).children);\n    }\n  });\n  return text;\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n  children,\n  className: preClassName,\n  copyButtonText = \"Copy\",\n  copiedButtonText = \"Copied\",\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    // Cleanup timeout on component unmount\n    return () => {\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  let codeClassName = \"\";\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as { className?: string };\n      if (childProps.className) {\n        codeClassName = childProps.className;\n      }\n    }\n  });\n\n  const match = /language-(\\w+)/.exec(codeClassName || \"\");\n  const language = match ? match[1] : \"\";\n\n  const handleCopy = async () => {\n    const codeString = getCodeString(children);\n    try {\n      await navigator.clipboard.writeText(codeString);\n      setIsCopied(true);\n\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = window.setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err);\n    }\n  };\n\n  return (\n    <div className=\"code-block-container\">\n      <div className=\"code-block-header\">\n        <span className=\"language-name\">{language}</span>\n        <button onClick={handleCopy} className=\"copy-button\">\n          {isCopied ? (\n            <Check className=\"copy-icon\" />\n          ) : (\n            <Copy className=\"copy-icon\" />\n          )}\n          {isCopied ? copiedButtonText : copyButtonText}\n        </button>\n      </div>\n      <pre className={preClassName}>{children}</pre>\n    </div>\n  );\n};\n\nCodeBlock.displayName = \"CodeBlock\";\nexport default CodeBlock;\n"],"names":["getCodeString","children","text","React","child","CodeBlock","preClassName","copyButtonText","copiedButtonText","isCopied","setIsCopied","useState","timeoutRef","codeClassName","childProps","match","language","handleCopy","codeString","err","jsxs","jsx","Check","Copy"],"mappings":"iWAkBMA,EAAiBC,GAAgC,CACrD,IAAIC,EAAO,GACX,OAAAC,EAAM,SAAS,QAAQF,EAAWG,GAAU,CACtC,OAAOA,GAAU,SACnBF,GAAQE,EAERD,EAAM,eAAeC,CAAK,GACzBA,GAAO,OAAoC,WAE5CF,GAAQF,EAAeI,EAAM,MAAkC,QAAQ,EAE3E,CAAC,EACMF,CACT,EAEMG,EAAsC,CAAC,CAC3C,SAAAJ,EACA,UAAWK,EACX,eAAAC,EAAiB,OACjB,iBAAAC,EAAmB,QACrB,IAAM,CACJ,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAaT,EAAM,OAAsB,IAAI,EAEnDA,EAAM,UAAU,IAEP,IAAM,CACPS,EAAW,SACb,OAAO,aAAaA,EAAW,OAAO,CAE1C,EACC,CAAA,CAAE,EAEL,IAAIC,EAAgB,GACpBV,EAAM,SAAS,QAAQF,EAAWG,GAAU,CAC1C,GAAID,EAAM,eAAeC,CAAK,EAAG,CAC/B,MAAMU,EAAaV,EAAM,MACrBU,EAAW,YACbD,EAAgBC,EAAW,UAE/B,CACF,CAAC,EAED,MAAMC,EAAQ,iBAAiB,KAAKF,GAAiB,EAAE,EACjDG,EAAWD,EAAQA,EAAM,CAAC,EAAI,GAE9BE,EAAa,SAAY,CAC7B,MAAMC,EAAalB,EAAcC,CAAQ,EACzC,GAAI,CACF,MAAM,UAAU,UAAU,UAAUiB,CAAU,EAC9CR,EAAY,EAAI,EAEZE,EAAW,SACb,OAAO,aAAaA,EAAW,OAAO,EAExCA,EAAW,QAAU,OAAO,WAAW,IAAM,CAC3CF,EAAY,EAAK,CACnB,EAAG,GAAI,CACT,OAASS,EAAK,CACZ,QAAQ,MAAM,wBAAyBA,CAAG,CAC5C,CACF,EAEA,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAL,EAAS,EAC1CI,EAAAA,kBAAAA,KAAC,SAAA,CAAO,QAASH,EAAY,UAAU,cACpC,SAAA,CAAAR,EACCY,EAAAA,kBAAAA,IAACC,WAAM,UAAU,WAAA,CAAY,EAE7BD,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CAAK,UAAU,WAAA,CAAY,EAE7Bd,EAAWD,EAAmBD,CAAA,CAAA,CACjC,CAAA,EACF,EACAc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWf,EAAe,SAAAL,CAAA,CAAS,CAAA,EAC1C,CAEJ,EAEAI,EAAU,YAAc"}
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/ContentRender/CodeBlock.tsx"],"sourcesContent":["import React, { useState, ReactNode } from \"react\";\nimport \"./CodeBlock.css\";\nimport { Copy, Check } from \"lucide-react\";\n\n// Nested code inherits the pre element's direction unless the author overrides it.\nexport const CodeBlockContext = React.createContext(false);\n\n/**\n * Props for the CodeBlock component.\n */\nexport interface CodeBlockProps {\n  /** The code content and nested elements to render.*/\n  children?: React.ReactNode;\n  /** Optional CSS class name for the pre element. */\n  className?: string;\n  /** Authored text direction; defaults to LTR for ordinary source code. */\n  dir?: React.HTMLAttributes<HTMLPreElement>[\"dir\"];\n  /** Preserves the language supplied on authored preformatted content. */\n  lang?: string;\n  /** Text to display on the copy button (i18n support). */\n  copyButtonText?: string;\n  /** Text to display when code is copied (i18n support). */\n  copiedButtonText?: string;\n}\n\nconst getCodeString = (children: ReactNode): string => {\n  let text = \"\";\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\") {\n      text += child;\n    } else if (\n      React.isValidElement(child) &&\n      (child?.props as { children?: ReactNode })?.children\n    ) {\n      text += getCodeString((child.props as { children: ReactNode }).children);\n    }\n  });\n  return text;\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n  children,\n  className: preClassName,\n  dir = \"ltr\",\n  lang,\n  copyButtonText = \"Copy\",\n  copiedButtonText = \"Copied\",\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    // Cleanup timeout on component unmount\n    return () => {\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  let codeClassName = \"\";\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as { className?: string };\n      if (childProps.className) {\n        codeClassName = childProps.className;\n      }\n    }\n  });\n\n  const match = /language-(\\w+)/.exec(codeClassName || \"\");\n  const language = match ? match[1] : \"\";\n\n  const handleCopy = async () => {\n    const codeString = getCodeString(children);\n    try {\n      await navigator.clipboard.writeText(codeString);\n      setIsCopied(true);\n\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = window.setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err);\n    }\n  };\n\n  return (\n    <div className=\"code-block-container\">\n      <div className=\"code-block-header\">\n        <span className=\"language-name\">{language}</span>\n        <button onClick={handleCopy} className=\"copy-button\">\n          {isCopied ? (\n            <Check className=\"copy-icon\" />\n          ) : (\n            <Copy className=\"copy-icon\" />\n          )}\n          {isCopied ? copiedButtonText : copyButtonText}\n        </button>\n      </div>\n      <CodeBlockContext.Provider value={true}>\n        <pre className={preClassName} dir={dir} lang={lang}>\n          {children}\n        </pre>\n      </CodeBlockContext.Provider>\n    </div>\n  );\n};\n\nCodeBlock.displayName = \"CodeBlock\";\nexport default CodeBlock;\n"],"names":["CodeBlockContext","React","getCodeString","children","text","child","CodeBlock","preClassName","dir","lang","copyButtonText","copiedButtonText","isCopied","setIsCopied","useState","timeoutRef","codeClassName","childProps","match","language","handleCopy","codeString","err","jsxs","jsx","Check","Copy"],"mappings":"oVAKaA,EAAmBC,EAAM,cAAc,EAAK,EAoBnDC,EAAiBC,GAAgC,CACrD,IAAIC,EAAO,GACX,OAAAH,EAAM,SAAS,QAAQE,EAAWE,GAAU,CACtC,OAAOA,GAAU,SACnBD,GAAQC,EAERJ,EAAM,eAAeI,CAAK,GACzBA,GAAO,OAAoC,WAE5CD,GAAQF,EAAeG,EAAM,MAAkC,QAAQ,EAE3E,CAAC,EACMD,CACT,EAEME,EAAsC,CAAC,CAC3C,SAAAH,EACA,UAAWI,EACX,IAAAC,EAAM,MACN,KAAAC,EACA,eAAAC,EAAiB,OACjB,iBAAAC,EAAmB,QACrB,IAAM,CACJ,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAad,EAAM,OAAsB,IAAI,EAEnDA,EAAM,UAAU,IAEP,IAAM,CACPc,EAAW,SACb,OAAO,aAAaA,EAAW,OAAO,CAE1C,EACC,CAAA,CAAE,EAEL,IAAIC,EAAgB,GACpBf,EAAM,SAAS,QAAQE,EAAWE,GAAU,CAC1C,GAAIJ,EAAM,eAAeI,CAAK,EAAG,CAC/B,MAAMY,EAAaZ,EAAM,MACrBY,EAAW,YACbD,EAAgBC,EAAW,UAE/B,CACF,CAAC,EAED,MAAMC,EAAQ,iBAAiB,KAAKF,GAAiB,EAAE,EACjDG,EAAWD,EAAQA,EAAM,CAAC,EAAI,GAE9BE,EAAa,SAAY,CAC7B,MAAMC,EAAanB,EAAcC,CAAQ,EACzC,GAAI,CACF,MAAM,UAAU,UAAU,UAAUkB,CAAU,EAC9CR,EAAY,EAAI,EAEZE,EAAW,SACb,OAAO,aAAaA,EAAW,OAAO,EAExCA,EAAW,QAAU,OAAO,WAAW,IAAM,CAC3CF,EAAY,EAAK,CACnB,EAAG,GAAI,CACT,OAASS,EAAK,CACZ,QAAQ,MAAM,wBAAyBA,CAAG,CAC5C,CACF,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAL,EAAS,EAC1CI,EAAAA,KAAC,SAAA,CAAO,QAASH,EAAY,UAAU,cACpC,SAAA,CAAAR,EACCY,EAAAA,IAACC,WAAM,UAAU,WAAA,CAAY,EAE7BD,EAAAA,IAACE,EAAAA,QAAA,CAAK,UAAU,WAAA,CAAY,EAE7Bd,EAAWD,EAAmBD,CAAA,CAAA,CACjC,CAAA,EACF,EACAc,EAAAA,IAACxB,EAAiB,SAAjB,CAA0B,MAAO,GAChC,SAAAwB,EAAAA,IAAC,MAAA,CAAI,UAAWjB,EAAc,IAAAC,EAAU,KAAAC,EACrC,SAAAN,EACH,CAAA,CACF,CAAA,EACF,CAEJ,EAEAG,EAAU,YAAc"}

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+export declare const CodeBlockContext: React.Context<boolean>;
 /**
  * Props for the CodeBlock component.
  */
@@ -7,6 +8,10 @@ export interface CodeBlockProps {
     children?: React.ReactNode;
     /** Optional CSS class name for the pre element. */
     className?: string;
+    /** Authored text direction; defaults to LTR for ordinary source code. */
+    dir?: React.HTMLAttributes<HTMLPreElement>["dir"];
+    /** Preserves the language supplied on authored preformatted content. */
+    lang?: string;
     /** Text to display on the copy button (i18n support). */
     copyButtonText?: string;
     /** Text to display when code is copied (i18n support). */

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

@@ -1,53 +1,56 @@
-import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import s, { useState as C } from "react";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import o, { useState as g } from "react";
 /* empty css                 */
-import N from "../../node_modules/lucide-react/dist/esm/icons/check.es.js";
-import g from "../../node_modules/lucide-react/dist/esm/icons/copy.es.js";
-const d = (t) => {
-  let a = "";
-  return s.Children.forEach(t, (e) => {
-    typeof e == "string" ? a += e : s.isValidElement(e) && e?.props?.children && (a += d(e.props.children));
-  }), a;
-}, y = ({
+import h from "../../node_modules/lucide-react/dist/esm/icons/check.es.js";
+import w from "../../node_modules/lucide-react/dist/esm/icons/copy.es.js";
+const x = o.createContext(!1), u = (t) => {
+  let r = "";
+  return o.Children.forEach(t, (e) => {
+    typeof e == "string" ? r += e : o.isValidElement(e) && e?.props?.children && (r += u(e.props.children));
+  }), r;
+}, k = ({
   children: t,
-  className: a,
-  copyButtonText: e = "Copy",
-  copiedButtonText: u = "Copied"
+  className: r,
+  dir: e = "ltr",
+  lang: f,
+  copyButtonText: C = "Copy",
+  copiedButtonText: y = "Copied"
 }) => {
-  const [i, l] = C(!1), r = s.useRef(null);
-  s.useEffect(() => () => {
-    r.current && window.clearTimeout(r.current);
+  const [i, d] = g(!1), a = o.useRef(null);
+  o.useEffect(() => () => {
+    a.current && window.clearTimeout(a.current);
   }, []);
   let m = "";
-  s.Children.forEach(t, (c) => {
-    if (s.isValidElement(c)) {
-      const n = c.props;
+  o.Children.forEach(t, (s) => {
+    if (o.isValidElement(s)) {
+      const n = s.props;
       n.className && (m = n.className);
     }
   });
-  const p = /language-(\w+)/.exec(m || ""), f = p ? p[1] : "", x = async () => {
-    const c = d(t);
-    try {
-      await navigator.clipboard.writeText(c), l(!0), r.current && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
-        l(!1);
-      }, 2e3);
-    } catch (n) {
-      console.error("Failed to copy text: ", n);
-    }
-  };
-  return /* @__PURE__ */ o.jsxs("div", { className: "code-block-container", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: "code-block-header", children: [
-      /* @__PURE__ */ o.jsx("span", { className: "language-name", children: f }),
-      /* @__PURE__ */ o.jsxs("button", { onClick: x, className: "copy-button", children: [
-        i ? /* @__PURE__ */ o.jsx(N, { className: "copy-icon" }) : /* @__PURE__ */ o.jsx(g, { className: "copy-icon" }),
-        i ? u : e
+  const p = /language-(\w+)/.exec(m || ""), N = p ? p[1] : "";
+  return /* @__PURE__ */ l("div", { className: "code-block-container", children: [
+    /* @__PURE__ */ l("div", { className: "code-block-header", children: [
+      /* @__PURE__ */ c("span", { className: "language-name", children: N }),
+      /* @__PURE__ */ l("button", { onClick: async () => {
+        const s = u(t);
+        try {
+          await navigator.clipboard.writeText(s), d(!0), a.current && window.clearTimeout(a.current), a.current = window.setTimeout(() => {
+            d(!1);
+          }, 2e3);
+        } catch (n) {
+          console.error("Failed to copy text: ", n);
+        }
+      }, className: "copy-button", children: [
+        i ? /* @__PURE__ */ c(h, { className: "copy-icon" }) : /* @__PURE__ */ c(w, { className: "copy-icon" }),
+        i ? y : C
       ] })
     ] }),
-    /* @__PURE__ */ o.jsx("pre", { className: a, children: t })
+    /* @__PURE__ */ c(x.Provider, { value: !0, children: /* @__PURE__ */ c("pre", { className: r, dir: e, lang: f, children: t }) })
   ] });
 };
-y.displayName = "CodeBlock";
+k.displayName = "CodeBlock";
 export {
-  y as default
+  x as CodeBlockContext,
+  k as default
 };
 //# sourceMappingURL=CodeBlock.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.es.js","sources":["../../../src/components/ContentRender/CodeBlock.tsx"],"sourcesContent":["import React, { useState, ReactNode } from \"react\";\nimport \"./CodeBlock.css\";\nimport { Copy, Check } from \"lucide-react\";\n\n/**\n * Props for the CodeBlock component.\n */\nexport interface CodeBlockProps {\n  /** The code content and nested elements to render.*/\n  children?: React.ReactNode;\n  /** Optional CSS class name for the pre element. */\n  className?: string;\n  /** Text to display on the copy button (i18n support). */\n  copyButtonText?: string;\n  /** Text to display when code is copied (i18n support). */\n  copiedButtonText?: string;\n}\n\nconst getCodeString = (children: ReactNode): string => {\n  let text = \"\";\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\") {\n      text += child;\n    } else if (\n      React.isValidElement(child) &&\n      (child?.props as { children?: ReactNode })?.children\n    ) {\n      text += getCodeString((child.props as { children: ReactNode }).children);\n    }\n  });\n  return text;\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n  children,\n  className: preClassName,\n  copyButtonText = \"Copy\",\n  copiedButtonText = \"Copied\",\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    // Cleanup timeout on component unmount\n    return () => {\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  let codeClassName = \"\";\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as { className?: string };\n      if (childProps.className) {\n        codeClassName = childProps.className;\n      }\n    }\n  });\n\n  const match = /language-(\\w+)/.exec(codeClassName || \"\");\n  const language = match ? match[1] : \"\";\n\n  const handleCopy = async () => {\n    const codeString = getCodeString(children);\n    try {\n      await navigator.clipboard.writeText(codeString);\n      setIsCopied(true);\n\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = window.setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err);\n    }\n  };\n\n  return (\n    <div className=\"code-block-container\">\n      <div className=\"code-block-header\">\n        <span className=\"language-name\">{language}</span>\n        <button onClick={handleCopy} className=\"copy-button\">\n          {isCopied ? (\n            <Check className=\"copy-icon\" />\n          ) : (\n            <Copy className=\"copy-icon\" />\n          )}\n          {isCopied ? copiedButtonText : copyButtonText}\n        </button>\n      </div>\n      <pre className={preClassName}>{children}</pre>\n    </div>\n  );\n};\n\nCodeBlock.displayName = \"CodeBlock\";\nexport default CodeBlock;\n"],"names":["getCodeString","children","text","React","child","CodeBlock","preClassName","copyButtonText","copiedButtonText","isCopied","setIsCopied","useState","timeoutRef","codeClassName","childProps","match","language","handleCopy","codeString","err","jsxs","jsx","Check","Copy"],"mappings":";;;;;AAkBA,MAAMA,IAAgB,CAACC,MAAgC;AACrD,MAAIC,IAAO;AACXC,SAAAA,EAAM,SAAS,QAAQF,GAAU,CAACG,MAAU;AAC1C,IAAI,OAAOA,KAAU,WACnBF,KAAQE,IAERD,EAAM,eAAeC,CAAK,KACzBA,GAAO,OAAoC,aAE5CF,KAAQF,EAAeI,EAAM,MAAkC,QAAQ;AAAA,EAE3E,CAAC,GACMF;AACT,GAEMG,IAAsC,CAAC;AAAA,EAC3C,UAAAJ;AAAA,EACA,WAAWK;AAAA,EACX,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAaT,EAAM,OAAsB,IAAI;AAEnDA,EAAAA,EAAM,UAAU,MAEP,MAAM;AACX,IAAIS,EAAW,WACb,OAAO,aAAaA,EAAW,OAAO;AAAA,EAE1C,GACC,CAAA,CAAE;AAEL,MAAIC,IAAgB;AACpBV,EAAAA,EAAM,SAAS,QAAQF,GAAU,CAACG,MAAU;AAC1C,QAAID,EAAM,eAAeC,CAAK,GAAG;AAC/B,YAAMU,IAAaV,EAAM;AACzB,MAAIU,EAAW,cACbD,IAAgBC,EAAW;AAAA,IAE/B;AAAA,EACF,CAAC;AAED,QAAMC,IAAQ,iBAAiB,KAAKF,KAAiB,EAAE,GACjDG,IAAWD,IAAQA,EAAM,CAAC,IAAI,IAE9BE,IAAa,YAAY;AAC7B,UAAMC,IAAalB,EAAcC,CAAQ;AACzC,QAAI;AACF,YAAM,UAAU,UAAU,UAAUiB,CAAU,GAC9CR,EAAY,EAAI,GAEZE,EAAW,WACb,OAAO,aAAaA,EAAW,OAAO,GAExCA,EAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,QAAAF,EAAY,EAAK;AAAA,MACnB,GAAG,GAAI;AAAA,IACT,SAASS,GAAK;AACZ,cAAQ,MAAM,yBAAyBA,CAAG;AAAA,IAC5C;AAAA,EACF;AAEA,SACEC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAL,GAAS;AAAA,MAC1CI,gBAAAA,EAAAA,KAAC,UAAA,EAAO,SAASH,GAAY,WAAU,eACpC,UAAA;AAAA,QAAAR,IACCY,gBAAAA,EAAAA,IAACC,KAAM,WAAU,YAAA,CAAY,IAE7BD,gBAAAA,EAAAA,IAACE,GAAA,EAAK,WAAU,YAAA,CAAY;AAAA,QAE7Bd,IAAWD,IAAmBD;AAAA,MAAA,EAAA,CACjC;AAAA,IAAA,GACF;AAAA,IACAc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWf,GAAe,UAAAL,EAAA,CAAS;AAAA,EAAA,GAC1C;AAEJ;AAEAI,EAAU,cAAc;"}
+{"version":3,"file":"CodeBlock.es.js","sources":["../../../src/components/ContentRender/CodeBlock.tsx"],"sourcesContent":["import React, { useState, ReactNode } from \"react\";\nimport \"./CodeBlock.css\";\nimport { Copy, Check } from \"lucide-react\";\n\n// Nested code inherits the pre element's direction unless the author overrides it.\nexport const CodeBlockContext = React.createContext(false);\n\n/**\n * Props for the CodeBlock component.\n */\nexport interface CodeBlockProps {\n  /** The code content and nested elements to render.*/\n  children?: React.ReactNode;\n  /** Optional CSS class name for the pre element. */\n  className?: string;\n  /** Authored text direction; defaults to LTR for ordinary source code. */\n  dir?: React.HTMLAttributes<HTMLPreElement>[\"dir\"];\n  /** Preserves the language supplied on authored preformatted content. */\n  lang?: string;\n  /** Text to display on the copy button (i18n support). */\n  copyButtonText?: string;\n  /** Text to display when code is copied (i18n support). */\n  copiedButtonText?: string;\n}\n\nconst getCodeString = (children: ReactNode): string => {\n  let text = \"\";\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\") {\n      text += child;\n    } else if (\n      React.isValidElement(child) &&\n      (child?.props as { children?: ReactNode })?.children\n    ) {\n      text += getCodeString((child.props as { children: ReactNode }).children);\n    }\n  });\n  return text;\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n  children,\n  className: preClassName,\n  dir = \"ltr\",\n  lang,\n  copyButtonText = \"Copy\",\n  copiedButtonText = \"Copied\",\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    // Cleanup timeout on component unmount\n    return () => {\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  let codeClassName = \"\";\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as { className?: string };\n      if (childProps.className) {\n        codeClassName = childProps.className;\n      }\n    }\n  });\n\n  const match = /language-(\\w+)/.exec(codeClassName || \"\");\n  const language = match ? match[1] : \"\";\n\n  const handleCopy = async () => {\n    const codeString = getCodeString(children);\n    try {\n      await navigator.clipboard.writeText(codeString);\n      setIsCopied(true);\n\n      if (timeoutRef.current) {\n        window.clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = window.setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err);\n    }\n  };\n\n  return (\n    <div className=\"code-block-container\">\n      <div className=\"code-block-header\">\n        <span className=\"language-name\">{language}</span>\n        <button onClick={handleCopy} className=\"copy-button\">\n          {isCopied ? (\n            <Check className=\"copy-icon\" />\n          ) : (\n            <Copy className=\"copy-icon\" />\n          )}\n          {isCopied ? copiedButtonText : copyButtonText}\n        </button>\n      </div>\n      <CodeBlockContext.Provider value={true}>\n        <pre className={preClassName} dir={dir} lang={lang}>\n          {children}\n        </pre>\n      </CodeBlockContext.Provider>\n    </div>\n  );\n};\n\nCodeBlock.displayName = \"CodeBlock\";\nexport default CodeBlock;\n"],"names":["CodeBlockContext","React","getCodeString","children","text","child","CodeBlock","preClassName","dir","lang","copyButtonText","copiedButtonText","isCopied","setIsCopied","useState","timeoutRef","codeClassName","childProps","match","language","jsxs","jsx","codeString","err","Check","Copy"],"mappings":";;;;;AAKO,MAAMA,IAAmBC,EAAM,cAAc,EAAK,GAoBnDC,IAAgB,CAACC,MAAgC;AACrD,MAAIC,IAAO;AACXH,SAAAA,EAAM,SAAS,QAAQE,GAAU,CAACE,MAAU;AAC1C,IAAI,OAAOA,KAAU,WACnBD,KAAQC,IAERJ,EAAM,eAAeI,CAAK,KACzBA,GAAO,OAAoC,aAE5CD,KAAQF,EAAeG,EAAM,MAAkC,QAAQ;AAAA,EAE3E,CAAC,GACMD;AACT,GAEME,IAAsC,CAAC;AAAA,EAC3C,UAAAH;AAAA,EACA,WAAWI;AAAA,EACX,KAAAC,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAad,EAAM,OAAsB,IAAI;AAEnDA,EAAAA,EAAM,UAAU,MAEP,MAAM;AACX,IAAIc,EAAW,WACb,OAAO,aAAaA,EAAW,OAAO;AAAA,EAE1C,GACC,CAAA,CAAE;AAEL,MAAIC,IAAgB;AACpBf,EAAAA,EAAM,SAAS,QAAQE,GAAU,CAACE,MAAU;AAC1C,QAAIJ,EAAM,eAAeI,CAAK,GAAG;AAC/B,YAAMY,IAAaZ,EAAM;AACzB,MAAIY,EAAW,cACbD,IAAgBC,EAAW;AAAA,IAE/B;AAAA,EACF,CAAC;AAED,QAAMC,IAAQ,iBAAiB,KAAKF,KAAiB,EAAE,GACjDG,IAAWD,IAAQA,EAAM,CAAC,IAAI;AAmBpC,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAF,GAAS;AAAA,MAC1C,gBAAAC,EAAC,UAAA,EAAO,SArBK,YAAY;AAC7B,cAAME,IAAapB,EAAcC,CAAQ;AACzC,YAAI;AACF,gBAAM,UAAU,UAAU,UAAUmB,CAAU,GAC9CT,EAAY,EAAI,GAEZE,EAAW,WACb,OAAO,aAAaA,EAAW,OAAO,GAExCA,EAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,YAAAF,EAAY,EAAK;AAAA,UACnB,GAAG,GAAI;AAAA,QACT,SAASU,GAAK;AACZ,kBAAQ,MAAM,yBAAyBA,CAAG;AAAA,QAC5C;AAAA,MACF,GAMmC,WAAU,eACpC,UAAA;AAAA,QAAAX,IACC,gBAAAS,EAACG,KAAM,WAAU,YAAA,CAAY,IAE7B,gBAAAH,EAACI,GAAA,EAAK,WAAU,YAAA,CAAY;AAAA,QAE7Bb,IAAWD,IAAmBD;AAAA,MAAA,EAAA,CACjC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACrB,EAAiB,UAAjB,EAA0B,OAAO,IAChC,UAAA,gBAAAqB,EAAC,OAAA,EAAI,WAAWd,GAAc,KAAAC,GAAU,MAAAC,GACrC,UAAAN,GACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEAG,EAAU,cAAc;"}

package/dist/components/ContentRender/ContentRender.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs"),o=require("react"),Re=require("../../_virtual/index.cjs"),be=require("./utils/sanitize-invalid-tag-name.cjs"),Te=require("./utils/strip-svg-text-line-breaks.cjs");;/* empty css                    */;/* empty css                            */const we=require("./CodeBlock.cjs"),Se=require("./plugins/CustomVariable.cjs"),J=require("./plugins/MermaidChart.cjs"),ce=require("./utils/custom-variable-props.cjs"),le=require("./utils/highlight-languages.cjs"),K=require("./utils/mermaid-parse.cjs"),de=require("./utils/normalize-inline-html.cjs"),Ee=require("./IframeSandbox.cjs"),Be=require("./utils/split-content.cjs"),Ce=require("../../lib/interaction-defaults.cjs"),Ne=require("./contentRenderI18n.cjs"),ke=require("../../node_modules/react-markdown/lib/index.cjs"),qe=require("../../node_modules/rehype-raw/lib/index.cjs"),Le=require("../../node_modules/rehype-highlight/lib/index.cjs"),Me=require("../../node_modules/rehype-katex/lib/index.cjs"),$e=require("../../node_modules/remark-gfm/lib/index.cjs"),Ae=require("../../node_modules/remark-math/lib/index.cjs"),ze=require("../../node_modules/remark-breaks/lib/index.cjs"),Ve=/<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i,me=({svg:t})=>{const r=o.useRef(null);return o.useEffect(()=>{const i=r.current;if(!i)return;const u=i.shadowRoot??i.attachShadow({mode:"open"}),b="content-render-svg-style";let h=u.getElementById(b);h||(h=document.createElement("style"),h.id=b,h.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("react"),_e=require("../../_virtual/index.cjs"),Fe=require("./utils/sanitize-invalid-tag-name.cjs"),We=require("./utils/strip-svg-text-line-breaks.cjs");;/* empty css                    */;/* empty css                            */;/* empty css                                                  */;/* empty css                                            */const Be=require("./CodeBlock.cjs"),$e=require("./plugins/CustomVariable.cjs"),re=require("./plugins/MermaidChart.cjs"),Ce=require("./utils/custom-variable-props.cjs"),be=require("./utils/highlight-languages.cjs"),se=require("./utils/mermaid-parse.cjs"),ke=require("./utils/normalize-inline-html.cjs"),He=require("./IframeSandbox.cjs"),F=require("./utils/typewriter-pacing.cjs"),Qe=require("./utils/split-content.cjs"),Oe=require("../../lib/interaction-defaults.cjs"),Re=require("../../lib/locale.cjs"),Ne=require("./contentRenderI18n.cjs"),Ue=require("../../node_modules/react-markdown/lib/index.cjs"),Ge=require("../../node_modules/rehype-raw/lib/index.cjs"),Ke=require("../../node_modules/rehype-highlight/lib/index.cjs"),Xe=require("../../node_modules/rehype-katex/lib/index.cjs"),Ye=require("../../node_modules/remark-gfm/lib/index.cjs"),Ze=require("../../node_modules/remark-math/lib/index.cjs"),Je=require("../../node_modules/remark-breaks/lib/index.cjs"),et=/<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i,tt=2,Se=({svg:t})=>{const s=r.useRef(null);return r.useEffect(()=>{const o=s.current;if(!o)return;const a=o.shadowRoot??o.attachShadow({mode:"open"}),T="content-render-svg-style";let d=a.getElementById(T);d||(d=document.createElement("style"),d.id=T,d.textContent=`
         svg { height: auto; display: inline-block; }
         svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }
         svg.content-render-svg-el--fixed { max-width: none; }
-      `,u.appendChild(h)),Array.from(u.childNodes).filter(a=>a!==h).forEach(a=>u.removeChild(a));const N=document.createElement("template"),L=Te.stripSvgTextLineBreaks(t);N.innerHTML=L,u.append(N.content.cloneNode(!0));let v=!1,k=!1;u.querySelectorAll("svg").forEach(a=>{const q=a.getAttribute("viewBox");if(!q)return;const T=q.trim().split(/[\s,]+/).map(x=>Number(x));if(T.length!==4||T.some(Number.isNaN))return;const[,,w,y]=T,S=a.getAttribute("width"),E=a.getAttribute("height"),$=x=>{if(!x)return!1;const f=x.trim().toLowerCase();return f==="auto"||f.endsWith("%")},A=x=>{if(!x)return null;const f=x.trim().toLowerCase();if(f==="auto"||f.endsWith("%"))return null;const F=Number.parseFloat(f);return Number.isNaN(F)?null:F},P=$(S),H=$(E),z=!S||S==="0",V=!E||E==="0",I=A(S),D=A(E);if(P||H||z&&V||I===w&&D===y){v=!0,a.classList.add("content-render-svg-el--responsive"),a.classList.remove("content-render-svg-el--fixed"),a.style.width="100%",a.style.height="auto",!a.style.aspectRatio&&y>0&&(a.style.aspectRatio=`${w} / ${y}`);return}k=!0,a.classList.add("content-render-svg-el--fixed"),a.classList.remove("content-render-svg-el--responsive"),z&&w>0&&a.setAttribute("width",`${w}`),V&&y>0&&a.setAttribute("height",`${y}`)});const M=v&&!k;i.classList.toggle("content-render-svg--responsive",M),i.classList.toggle("content-render-svg--fixed",!M)},[t]),n.jsxRuntimeExports.jsx("div",{className:"content-render-svg-scroll",children:n.jsxRuntimeExports.jsx("div",{className:"content-render-svg",ref:r})})},Ie=[$e.default,Ae.default,Re.default,ze.default],De=[ce.preserveCustomVariableProperties,qe.default,be.sanitizeInvalidTagName,ce.restoreCustomVariableProperties,[Le.default,{languages:le.highlightLanguages,subset:le.subsetLanguages}],Me.default],Q=({content:t,components:r})=>n.jsxRuntimeExports.jsx("div",{className:"markdown-renderer",children:n.jsxRuntimeExports.jsx(ke.Markdown,{remarkPlugins:Ie,rehypePlugins:De,components:r,children:t})}),Fe=t=>{if(t.length<=1)return t;const r=[];return t.forEach(i=>{if(i.type==="sandbox"){r.push(i);return}const u=r[r.length-1];if(u&&u.type!=="sandbox"){r[r.length-1]={type:"markdown",value:`${u.value}${i.value}`};return}r.push({type:"markdown",value:i.value})}),r},Pe=(t,r)=>{const i=Math.max(1,r),u=Array.from(t);return{chunk:u.slice(0,i).join(""),rest:u.slice(i).join("")}},He=(t,r)=>t===r?!0:!t||!r||t.length!==r.length?!1:t.every((i,u)=>i===r[u]),We=t=>{const r=o.useRef(t);return He(r.current,t)||(r.current=t),r.current},_e=({content:t,contentType:r,locale:i,customRenderBar:u,onSend:b,typingSpeed:h=40,enableTypewriter:Y=!1,onTypeFinished:N,onTypewriterStateChange:L,userInput:v,interactionDefaultValueOptions:k,defaultButtonText:M,defaultInputText:a,defaultSelectedValues:q,readonly:T=!1,confirmButtonText:w,copyButtonText:y,copiedButtonText:S,sandboxLoadingText:E,sandboxStyleLoadingText:$,sandboxScriptLoadingText:A,disableSandboxLoadingOverlay:P=!1,sandboxFullscreenButtonText:H,sandboxExitFullscreenButtonText:z,sandboxMode:V="content",onClickCustomButtonAfterContent:I,beforeSend:D})=>{const B=Ne.getContentRenderLocaleTexts(i),W=w||B.confirmButtonText,x=y||B.copyButtonText,f=S||B.copiedButtonText,F=H||B.sandboxFullscreenButtonText,xe=z||B.sandboxExitFullscreenButtonText,l=!!Y&&(!r||r==="text"),Z=2,ee=Math.max(0,h),[g,_]=o.useState(()=>l?"":t),R=o.useRef(""),te=o.useRef(l),O=o.useRef(!1);o.useEffect(()=>{const e=te.current;if(te.current=l,O.current=!1,!l){R.current="",_(t);return}_(s=>{const c=!e,j=t.startsWith(s);if(!c&&!j)return R.current="",t;const m=c||!j?"":s;return R.current=t.slice(m.length),m})},[t,l]),o.useEffect(()=>{l&&(O.current||R.current||g!==t||(O.current=!0,N?.()))},[t,g,l,N]),o.useEffect(()=>{if(!l||!R.current)return;const e=window.setTimeout(()=>{_(s=>{const{chunk:c,rest:j}=Pe(R.current,Z);return c?(R.current=j,`${s}${c}`):s})},ee);return()=>window.clearTimeout(e)},[t,g,l,Z,ee]);const ne=o.useMemo(()=>({isTypewriterEnabled:l,isTyping:l&&g!==t,isComplete:g===t,renderedLength:g.length,totalLength:t.length}),[t,g,l]);o.useEffect(()=>{L?.(ne)},[L,ne]);const p=l?g:t,U=o.useMemo(()=>de.normalizeInlineHtml(p),[p]),G=o.useMemo(()=>Ce.getInteractionDefaultValues(p,v,k),[k,p,v]),re=M?.trim()||G.buttonText,se=a?.trim()||G.inputText,pe=o.useMemo(()=>v?v.split(",").map(e=>e.trim()).filter(Boolean):void 0,[v]),fe=q?.length?q:G.selectedValues||pe,oe=We(fe),d=o.useRef({beforeSend:D,locale:i,onClickCustomButtonAfterContent:I,onSend:b,readonly:T,renderContent:p,resolvedConfirmButtonText:W,resolvedCopiedButtonText:f,resolvedCopyButtonText:x,resolvedDefaultButtonText:re,resolvedDefaultInputText:se,resolvedDefaultSelectedValues:oe});d.current={beforeSend:D,locale:i,onClickCustomButtonAfterContent:I,onSend:b,readonly:T,renderContent:p,resolvedConfirmButtonText:W,resolvedCopiedButtonText:f,resolvedCopyButtonText:x,resolvedDefaultButtonText:re,resolvedDefaultInputText:se,resolvedDefaultSelectedValues:oe};const ie=o.useMemo(()=>({"custom-button-after-content":({children:e})=>n.jsxRuntimeExports.jsx("button",{className:"content-render-custom-button-after-content",onClick:d.current.onClickCustomButtonAfterContent,children:n.jsxRuntimeExports.jsx("span",{className:"content-render-custom-button-after-content-inner",children:e})}),"custom-variable":e=>n.jsxRuntimeExports.jsx(Se.default,{...e,readonly:d.current.readonly,defaultButtonText:d.current.resolvedDefaultButtonText,defaultInputText:d.current.resolvedDefaultInputText,defaultSelectedValues:d.current.resolvedDefaultSelectedValues,onSend:d.current.onSend,beforeSend:d.current.beforeSend,locale:d.current.locale,confirmButtonText:d.current.resolvedConfirmButtonText}),code:e=>{const{className:s,children:c,...j}=e;if(/language-(\w+)/.exec(s||"")?.[1]==="mermaid"){const C=c?.toString().replace(/\n$/,"")||"",ye=K.mermaidBlockIsComplete(d.current.renderContent,C);return n.jsxRuntimeExports.jsx(J.default,{chart:C,frozen:ye})}return n.jsxRuntimeExports.jsx("code",{className:s,...j,children:c})},table:({...e})=>n.jsxRuntimeExports.jsx("div",{className:"content-render-table-container",children:n.jsxRuntimeExports.jsx("table",{className:"content-render-table",...e})}),th:({...e})=>n.jsxRuntimeExports.jsx("th",{className:"content-render-th",...e}),td:({...e})=>n.jsxRuntimeExports.jsx("td",{className:"content-render-td",...e}),tr:({...e})=>n.jsxRuntimeExports.jsx("tr",{className:"content-render-tr",...e}),li:({node:e,...s})=>{const c=e?.properties?.className;return typeof c=="string"&&c.includes("task-list-item")||Array.isArray(c)&&c.includes("task-list-item")?n.jsxRuntimeExports.jsx("li",{className:"content-render-task-list-item",...s}):n.jsxRuntimeExports.jsx("li",{...s})},ol:({...e})=>n.jsxRuntimeExports.jsx("ol",{className:"content-render-ol",...e}),ul:({...e})=>n.jsxRuntimeExports.jsx("ul",{className:"content-render-ul",...e}),input:({...e})=>e.type==="checkbox"?n.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"content-render-checkbox",disabled:!0,...e}):n.jsxRuntimeExports.jsx("input",{...e}),a:({children:e,...s})=>n.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",...s,children:e}),pre:e=>n.jsxRuntimeExports.jsx(we.default,{...e,copyButtonText:d.current.resolvedCopyButtonText,copiedButtonText:d.current.resolvedCopiedButtonText})}),[]),ae=o.useMemo(()=>Ve.test(p),[p]),X=o.useMemo(()=>ae?Be.splitContentSegments(p,!0):[],[p,ae]),he=X.some(e=>e.type==="sandbox"),ve=o.useMemo(()=>Fe(X),[X]),ge=o.useMemo(()=>K.parseMarkdownSegments(U),[U]),je=(e,s)=>{const c=de.normalizeInlineHtml(e);return K.parseMarkdownSegments(c).map((m,ue)=>{const C=`${s}-${m.type}-${ue}`;return m.type==="text"?n.jsxRuntimeExports.jsx(Q,{components:ie,content:m.value},C):m.type==="mermaid"?n.jsxRuntimeExports.jsx(J.default,{chart:m.value,frozen:!m.complete},C):m.type==="svg"?n.jsxRuntimeExports.jsx(me,{svg:m.value},C):null})};return he?n.jsxRuntimeExports.jsx("div",{className:"content-render markdown-body",children:ve.map((e,s)=>e.type==="sandbox"?n.jsxRuntimeExports.jsx(Ee.default,{hideFullScreen:!0,type:"sandbox",content:e.value,className:"content-render-iframe",locale:i,loadingText:E,styleLoadingText:$,scriptLoadingText:A,disableLoadingOverlay:P,fullScreenButtonText:F,exitFullScreenButtonText:xe,mode:V},`sandbox-${s}`):n.jsxRuntimeExports.jsx(o.Fragment,{children:je(e.value,`md-${s}`)},`md-${s}`))}):n.jsxRuntimeExports.jsxs("div",{className:"content-render markdown-body",children:[ge.map((e,s)=>{if(e.type==="text")return n.jsxRuntimeExports.jsx(Q,{components:ie,content:e.value},s);if(e.type==="mermaid")return n.jsxRuntimeExports.jsx(J.default,{chart:e.value,frozen:!e.complete},s);if(e.type==="svg")return n.jsxRuntimeExports.jsx(me,{svg:e.value},s)}),u&&n.jsxRuntimeExports.jsx("div",{className:"content-render-custom-bar",children:o.createElement(u,{content:t,displayContent:U,onSend:b})})]})};exports.MarkdownRenderer=Q;exports.default=_e;
+      `,a.appendChild(d)),Array.from(a.childNodes).filter(c=>c!==d).forEach(c=>a.removeChild(c));const A=document.createElement("template"),j=We.stripSvgTextLineBreaks(t);A.innerHTML=j,a.append(A.content.cloneNode(!0));let h=!1,E=!1;a.querySelectorAll("svg").forEach(c=>{const D=c.getAttribute("viewBox");if(!D)return;const V=D.trim().split(/[\s,]+/).map(g=>Number(g));if(V.length!==4||V.some(Number.isNaN))return;const[,,q,C]=V,R=c.getAttribute("width"),M=c.getAttribute("height"),W=g=>{if(!g)return!1;const u=g.trim().toLowerCase();return u==="auto"||u.endsWith("%")},$=g=>{if(!g)return null;const u=g.trim().toLowerCase();if(u==="auto"||u.endsWith("%"))return null;const S=Number.parseFloat(u);return Number.isNaN(S)?null:S},U=W(R),G=W(M),H=!R||R==="0",Q=!M||M==="0",K=$(R),X=$(M);if(U||G||H&&Q||K===q&&X===C){h=!0,c.classList.add("content-render-svg-el--responsive"),c.classList.remove("content-render-svg-el--fixed"),c.style.width="100%",c.style.height="auto",!c.style.aspectRatio&&C>0&&(c.style.aspectRatio=`${q} / ${C}`);return}E=!0,c.classList.add("content-render-svg-el--fixed"),c.classList.remove("content-render-svg-el--responsive"),H&&q>0&&c.setAttribute("width",`${q}`),Q&&C>0&&c.setAttribute("height",`${C}`)});const I=h&&!E;o.classList.toggle("content-render-svg--responsive",I),o.classList.toggle("content-render-svg--fixed",!I)},[t]),n.jsx("div",{className:"content-render-svg-scroll",children:n.jsx("div",{className:"content-render-svg",ref:s})})},oe=r.createContext(null),nt=t=>{const s=r.useContext(oe),o=r.useContext(Be.CodeBlockContext);if(!s)throw new Error("Markdown code renderer requires ContentRender context.");const{className:a,children:T,...d}=t;if(/language-(\w+)/.exec(a||"")?.[1]==="mermaid"){const j=T?.toString().replace(/\n$/,"")||"",h=se.mermaidBlockIsComplete(s.current.renderContent,j);return n.jsx(re.default,{chart:j,frozen:h,messages:s.current.mermaidMessages})}return n.jsx("code",{className:a,...d,dir:d.dir??(o?void 0:"ltr"),children:T})},rt=[Ye.default,Ze.default,_e.default,Je.default],st=[Ce.preserveCustomVariableProperties,Ge.default,Fe.sanitizeInvalidTagName,Ce.restoreCustomVariableProperties,[Ke.default,{languages:be.highlightLanguages,subset:be.subsetLanguages}],Xe.default],ae=({content:t,components:s,locale:o})=>{const a=Ne.getContentRenderLocaleTexts(o);return n.jsx("div",{className:"markdown-renderer",children:n.jsx(Ue.Markdown,{remarkPlugins:rt,rehypePlugins:st,remarkRehypeOptions:{footnoteLabel:a.footnoteLabel,footnoteBackLabel:(T,d)=>{const k=String(T+1)+(d>1?`-${d}`:"");return a.footnoteBackLabel.replace("{reference}",k)}},components:s,children:t})})},ot=t=>{if(t.length<=1)return t;const s=[];return t.forEach(o=>{if(o.type==="sandbox"){s.push(o);return}const a=s[s.length-1];if(a&&a.type!=="sandbox"){s[s.length-1]={type:"markdown",value:`${a.value}${o.value}`};return}s.push({type:"markdown",value:o.value})}),s},at=(t,s)=>{const o=Math.max(1,s),a=Array.from(t);return{chunk:a.slice(0,o).join(""),rest:a.slice(o).join("")}},ct=(t,s)=>t===s?!0:!t||!s||t.length!==s.length?!1:t.every((o,a)=>o===s[a]),it=t=>{const s=r.useRef(t);return ct(s.current,t)||(s.current=t),s.current},ut=({content:t,contentType:s,locale:o,lang:a,dir:T,customRenderBar:d,onSend:k,typingSpeed:A=40,enableTypewriter:j=!1,typewriterPacing:h="fixed",onTypeFinished:E,onTypewriterStateChange:I,userInput:c,interactionDefaultValueOptions:D,defaultButtonText:V,defaultInputText:q,defaultSelectedValues:C,readonly:R=!1,confirmButtonText:M,copyButtonText:W,copiedButtonText:$,sandboxLoadingText:U,sandboxStyleLoadingText:G,sandboxScriptLoadingText:H,disableSandboxLoadingOverlay:Q=!1,sandboxFullscreenButtonText:K,sandboxExitFullscreenButtonText:X,sandboxMode:ce="content",onClickCustomButtonAfterContent:Y,beforeSend:g})=>{const u=Ne.getContentRenderLocaleTexts(o),S=r.useMemo(()=>({loading:u.mermaidLoadingText,emptyChart:u.mermaidEmptyChartText,error:u.mermaidErrorText}),[u]),z=T??Re.getMarkdownFlowDirection(o),P=a??Re.getMarkdownFlowLanguage(o),ie=M||u.confirmButtonText,ue=W||u.copyButtonText,le=$||u.copiedButtonText,je=K||u.sandboxFullscreenButtonText,qe=X||u.sandboxExitFullscreenButtonText,m=!!j&&(!s||s==="text"),de=Math.max(0,A),Me=h==="fixed"?t:void 0,[y,me]=r.useState(()=>m?"":t),O=r.useRef(y),p=r.useRef(""),b=r.useRef({tokens:[],head:0}),B=r.useRef(0),fe=r.useRef(m),xe=r.useRef(h),he=r.useRef(t),Z=r.useRef(!1),[Le,Ae]=r.useState(0);r.useEffect(()=>{const e=fe.current,i=xe.current,f=he.current,w=!!p.current;fe.current=m,xe.current=h,he.current=t,(t!==f||m!==e)&&(Z.current=!1);const x=()=>{p.current="",b.current={tokens:[],head:0},B.current=0},_=L=>{O.current=L,me(L)};if(!m){x(),_(t);return}e||(x(),_(""));const N=e?O.current:"";if(!t.startsWith(N)){x(),_(t);return}const ne=t.slice(N.length);if(!ne){x();return}if(h==="content-aware"){const L=f.slice(N.length);e&&i==="content-aware"&&t.startsWith(f)&&p.current===L?b.current=F.appendContentAwareTypewriterQueue(b.current,t.slice(f.length)):(b.current=F.createContentAwareTypewriterQueue(ne),B.current=0)}else b.current={tokens:[],head:0},B.current=0;p.current=ne,w||Ae(L=>L+1)},[t,m,h]),r.useEffect(()=>{m&&(Z.current||p.current||y!==t||(Z.current=!0,E?.()))},[t,y,m,E]),r.useEffect(()=>{if(!m||!p.current)return;const e=window.setTimeout(()=>{if(!p.current)return;let i="";if(h==="content-aware"){const w=F.consumeContentAwareTypewriterQueue(b.current,B.current+F.CONTENT_AWARE_TYPEWRITER_TICK_BUDGET);i=w.chunk,b.current=w.queue,F.isContentAwareTypewriterQueueEmpty(w.queue)?B.current=0:B.current=w.remainingBudget}else i=at(p.current,tt).chunk;if(!i)return;p.current=p.current.slice(i.length),p.current||(b.current={tokens:[],head:0},B.current=0);const f=`${O.current}${i}`;O.current=f,me(f)},de);return()=>window.clearTimeout(e)},[y,Me,m,h,de,Le]);const pe=r.useMemo(()=>({isTypewriterEnabled:m,isTyping:m&&y!==t,isComplete:y===t,renderedLength:y.length,totalLength:t.length}),[t,y,m]);r.useEffect(()=>{I?.(pe)},[I,pe]);const v=m?y:t,J=r.useMemo(()=>ke.normalizeInlineHtml(v),[v]),ee=r.useMemo(()=>Oe.getInteractionDefaultValues(v,c,D),[D,v,c]),ge=V?.trim()||ee.buttonText,ve=q?.trim()||ee.inputText,Ee=r.useMemo(()=>c?c.split(",").map(e=>e.trim()).filter(Boolean):void 0,[c]),Ie=C?.length?C:ee.selectedValues||Ee,Te=it(Ie),l=r.useRef({direction:z,language:P,mermaidMessages:S,beforeSend:g,locale:o,onClickCustomButtonAfterContent:Y,onSend:k,readonly:R,renderContent:v,resolvedConfirmButtonText:ie,resolvedCopiedButtonText:le,resolvedCopyButtonText:ue,resolvedDefaultButtonText:ge,resolvedDefaultInputText:ve,resolvedDefaultSelectedValues:Te});l.current={direction:z,language:P,mermaidMessages:S,beforeSend:g,locale:o,onClickCustomButtonAfterContent:Y,onSend:k,readonly:R,renderContent:v,resolvedConfirmButtonText:ie,resolvedCopiedButtonText:le,resolvedCopyButtonText:ue,resolvedDefaultButtonText:ge,resolvedDefaultInputText:ve,resolvedDefaultSelectedValues:Te};const ye=r.useMemo(()=>({"custom-button-after-content":({children:e})=>n.jsx("button",{className:"content-render-custom-button-after-content",onClick:l.current.onClickCustomButtonAfterContent,children:n.jsx("span",{className:"content-render-custom-button-after-content-inner",children:e})}),"custom-variable":e=>n.jsx($e.default,{...e,readonly:l.current.readonly,defaultButtonText:l.current.resolvedDefaultButtonText,defaultInputText:l.current.resolvedDefaultInputText,defaultSelectedValues:l.current.resolvedDefaultSelectedValues,onSend:l.current.onSend,beforeSend:l.current.beforeSend,locale:l.current.locale,dir:l.current.direction,lang:l.current.language,confirmButtonText:l.current.resolvedConfirmButtonText}),code:nt,table:({...e})=>n.jsx("div",{className:"content-render-table-container",children:n.jsx("table",{className:"content-render-table",...e})}),th:({...e})=>n.jsx("th",{className:"content-render-th",...e}),td:({...e})=>n.jsx("td",{className:"content-render-td",...e}),tr:({...e})=>n.jsx("tr",{className:"content-render-tr",...e}),li:({node:e,...i})=>{const f=e?.properties?.className;return typeof f=="string"&&f.includes("task-list-item")||Array.isArray(f)&&f.includes("task-list-item")?n.jsx("li",{className:"content-render-task-list-item",...i}):n.jsx("li",{...i})},ol:({...e})=>n.jsx("ol",{className:"content-render-ol",...e}),ul:({...e})=>n.jsx("ul",{className:"content-render-ul",...e}),input:({...e})=>e.type==="checkbox"?n.jsx("input",{type:"checkbox",className:"content-render-checkbox",disabled:!0,...e}):n.jsx("input",{...e}),a:({children:e,...i})=>n.jsx("a",{target:"_blank",rel:"noopener noreferrer",...i,children:e}),pre:e=>n.jsx(Be.default,{...e,copyButtonText:l.current.resolvedCopyButtonText,copiedButtonText:l.current.resolvedCopiedButtonText})}),[]),we=r.useMemo(()=>et.test(v),[v]),te=r.useMemo(()=>we?Qe.splitContentSegments(v,!0):[],[v,we]),De=te.some(e=>e.type==="sandbox"),Ve=r.useMemo(()=>ot(te),[te]),ze=r.useMemo(()=>se.parseMarkdownSegments(J),[J]),Pe=(e,i)=>{const f=ke.normalizeInlineHtml(e);return se.parseMarkdownSegments(f).map((x,_)=>{const N=`${i}-${x.type}-${_}`;return x.type==="text"?n.jsx(oe.Provider,{value:l,children:n.jsx(ae,{locale:o,components:ye,content:x.value})},N):x.type==="mermaid"?n.jsx(re.default,{chart:x.value,frozen:!x.complete,messages:S},N):x.type==="svg"?n.jsx(Se,{svg:x.value},N):null})};return De?n.jsx("div",{className:"content-render markdown-body",dir:z,lang:P,children:Ve.map((e,i)=>e.type==="sandbox"?n.jsx(He.default,{hideFullScreen:!0,type:"sandbox",content:e.value,className:"content-render-iframe",locale:o,dir:z,lang:P,loadingText:U,styleLoadingText:G,scriptLoadingText:H,disableLoadingOverlay:Q,fullScreenButtonText:je,exitFullScreenButtonText:qe,mode:ce},`sandbox-${i}`):n.jsx(r.Fragment,{children:Pe(e.value,`md-${i}`)},`md-${i}`))}):n.jsxs("div",{className:"content-render markdown-body",dir:z,lang:P,children:[ze.map((e,i)=>{if(e.type==="text")return n.jsx(oe.Provider,{value:l,children:n.jsx(ae,{locale:o,components:ye,content:e.value})},i);if(e.type==="mermaid")return n.jsx(re.default,{chart:e.value,frozen:!e.complete,messages:S},i);if(e.type==="svg")return n.jsx(Se,{svg:e.value},i)}),d&&n.jsx("div",{className:"content-render-custom-bar",children:r.createElement(d,{content:t,displayContent:J,onSend:k})})]})};exports.MarkdownRenderer=ae;exports.default=ut;
 //# sourceMappingURL=ContentRender.cjs.map

package/dist/components/ContentRender/ContentRender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentRender.cjs","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport type { PluggableList } from \"unified\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport CodeBlock from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart from \"./plugins/MermaidChart\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport type { MarkdownFlowLocale } from \"../../lib/locale\";\nimport { getContentRenderLocaleTexts } from \"./contentRenderI18n\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\n\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  contentType?: string;\n  /** Locale used for built-in UI text when a more specific text prop is not provided. */\n  locale?: MarkdownFlowLocale;\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  onTypeFinished?: () => void;\n  onTypewriterStateChange?: (state: ContentRenderTypewriterState) => void;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Disable sandbox loading overlays when upper layers have already entered an error state\n  disableSandboxLoadingOverlay?: boolean;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Exit fullscreen button text for iframe sandbox\n  sandboxExitFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\nexport interface ContentRenderTypewriterState {\n  isTypewriterEnabled: boolean;\n  isTyping: boolean;\n  isComplete: boolean;\n  renderedLength: number;\n  totalLength: number;\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\ntype MarkdownComponentRuntimeValues = {\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  locale?: MarkdownFlowLocale;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly: boolean;\n  renderContent: string;\n  resolvedConfirmButtonText: string;\n  resolvedCopiedButtonText: string;\n  resolvedCopyButtonText: string;\n  resolvedDefaultButtonText?: string;\n  resolvedDefaultInputText?: string;\n  resolvedDefaultSelectedValues?: string[];\n};\n\nconst remarkPlugins: PluggableList = [\n  remarkGfm,\n  remarkMath,\n  remarkFlow,\n  remarkBreaks,\n];\n\nconst rehypePlugins: PluggableList = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n}> = ({ content: markdownContent, components }) => (\n  <div className=\"markdown-renderer\">\n    <ReactMarkdown\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {markdownContent}\n    </ReactMarkdown>\n  </div>\n);\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst splitTextByCharacterChunk = (value: string, chunkSize: number) => {\n  const safeChunkSize = Math.max(1, chunkSize);\n  const characters = Array.from(value);\n\n  return {\n    chunk: characters.slice(0, safeChunkSize).join(\"\"),\n    rest: characters.slice(safeChunkSize).join(\"\"),\n  };\n};\n\nconst areStringArraysEqual = (left?: string[], right?: string[]) => {\n  if (left === right) {\n    return true;\n  }\n  if (!left || !right || left.length !== right.length) {\n    return false;\n  }\n  return left.every((value, index) => value === right[index]);\n};\n\nconst useStableStringArray = (values?: string[]) => {\n  const valuesRef = useRef<string[] | undefined>(values);\n\n  if (!areStringArraysEqual(valuesRef.current, values)) {\n    valuesRef.current = values;\n  }\n\n  return valuesRef.current;\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  contentType,\n  locale,\n  customRenderBar,\n  onSend,\n  typingSpeed = 40,\n  enableTypewriter = false,\n  onTypeFinished,\n  onTypewriterStateChange,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  disableSandboxLoadingOverlay = false,\n  sandboxFullscreenButtonText,\n  sandboxExitFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedConfirmButtonText =\n    confirmButtonText || localeTexts.confirmButtonText;\n  const resolvedCopyButtonText = copyButtonText || localeTexts.copyButtonText;\n  const resolvedCopiedButtonText =\n    copiedButtonText || localeTexts.copiedButtonText;\n  const resolvedSandboxFullscreenButtonText =\n    sandboxFullscreenButtonText || localeTexts.sandboxFullscreenButtonText;\n  const resolvedSandboxExitFullscreenButtonText =\n    sandboxExitFullscreenButtonText ||\n    localeTexts.sandboxExitFullscreenButtonText;\n  const shouldApplyTypewriterByContentType =\n    !contentType || contentType === \"text\";\n  const isTypewriterEnabled =\n    Boolean(enableTypewriter) && shouldApplyTypewriterByContentType;\n  const typewriterChunkSize = 2;\n  const typewriterTickMs = Math.max(0, typingSpeed);\n  const [displayContent, setDisplayContent] = useState(() =>\n    isTypewriterEnabled ? \"\" : content\n  );\n  const pendingContentRef = useRef(\"\");\n  const previousTypewriterEnabledRef = useRef(isTypewriterEnabled);\n  const hasReportedTypeFinishedRef = useRef(false);\n\n  useEffect(() => {\n    const wasTypewriterEnabled = previousTypewriterEnabledRef.current;\n    previousTypewriterEnabledRef.current = isTypewriterEnabled;\n    hasReportedTypeFinishedRef.current = false;\n\n    if (!isTypewriterEnabled) {\n      pendingContentRef.current = \"\";\n      setDisplayContent(content);\n      return;\n    }\n\n    setDisplayContent((current) => {\n      const shouldRestartTyping = !wasTypewriterEnabled;\n      const canContinueTyping = content.startsWith(current);\n\n      if (!shouldRestartTyping && !canContinueTyping) {\n        pendingContentRef.current = \"\";\n        return content;\n      }\n\n      const nextVisibleContent =\n        shouldRestartTyping || !canContinueTyping ? \"\" : current;\n\n      pendingContentRef.current = content.slice(nextVisibleContent.length);\n      return nextVisibleContent;\n    });\n  }, [content, isTypewriterEnabled]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled) {\n      return;\n    }\n\n    if (\n      hasReportedTypeFinishedRef.current ||\n      pendingContentRef.current ||\n      displayContent !== content\n    ) {\n      return;\n    }\n\n    hasReportedTypeFinishedRef.current = true;\n    onTypeFinished?.();\n  }, [content, displayContent, isTypewriterEnabled, onTypeFinished]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled || !pendingContentRef.current) {\n      return undefined;\n    }\n\n    const typewriterTimer = window.setTimeout(() => {\n      setDisplayContent((current) => {\n        const { chunk, rest } = splitTextByCharacterChunk(\n          pendingContentRef.current,\n          typewriterChunkSize\n        );\n\n        if (!chunk) {\n          return current;\n        }\n\n        pendingContentRef.current = rest;\n        return `${current}${chunk}`;\n      });\n    }, typewriterTickMs);\n\n    return () => window.clearTimeout(typewriterTimer);\n  }, [\n    content,\n    displayContent,\n    isTypewriterEnabled,\n    typewriterChunkSize,\n    typewriterTickMs,\n  ]);\n\n  const typewriterState = useMemo<ContentRenderTypewriterState>(\n    () => ({\n      isTypewriterEnabled,\n      isTyping: isTypewriterEnabled && displayContent !== content,\n      isComplete: displayContent === content,\n      renderedLength: displayContent.length,\n      totalLength: content.length,\n    }),\n    [content, displayContent, isTypewriterEnabled]\n  );\n\n  useEffect(() => {\n    onTypewriterStateChange?.(typewriterState);\n  }, [onTypewriterStateChange, typewriterState]);\n\n  const renderContent = isTypewriterEnabled ? displayContent : content;\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(renderContent),\n    [renderContent]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        renderContent,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [interactionDefaultValueOptions, renderContent, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n  const stableDefaultSelectedValues = useStableStringArray(\n    resolvedDefaultSelectedValues\n  );\n  const componentRuntimeValuesRef = useRef<MarkdownComponentRuntimeValues>({\n    beforeSend,\n    locale,\n    onClickCustomButtonAfterContent,\n    onSend,\n    readonly,\n    renderContent,\n    resolvedConfirmButtonText,\n    resolvedCopiedButtonText,\n    resolvedCopyButtonText,\n    resolvedDefaultButtonText,\n    resolvedDefaultInputText,\n    resolvedDefaultSelectedValues: stableDefaultSelectedValues,\n  });\n\n  componentRuntimeValuesRef.current = {\n    beforeSend,\n    locale,\n    onClickCustomButtonAfterContent,\n    onSend,\n    readonly,\n    renderContent,\n    resolvedConfirmButtonText,\n    resolvedCopiedButtonText,\n    resolvedCopyButtonText,\n    resolvedDefaultButtonText,\n    resolvedDefaultInputText,\n    resolvedDefaultSelectedValues: stableDefaultSelectedValues,\n  };\n\n  const components = useMemo<CustomComponents>(\n    () => ({\n      \"custom-button-after-content\": ({\n        children,\n      }: {\n        children: React.ReactNode;\n      }) => {\n        return (\n          <button\n            className=\"content-render-custom-button-after-content\"\n            onClick={\n              componentRuntimeValuesRef.current.onClickCustomButtonAfterContent\n            }\n          >\n            <span className=\"content-render-custom-button-after-content-inner\">\n              {children}\n            </span>\n          </button>\n        );\n      },\n      \"custom-variable\": (props) => (\n        <CustomButtonInputVariable\n          {...props}\n          readonly={componentRuntimeValuesRef.current.readonly}\n          defaultButtonText={\n            componentRuntimeValuesRef.current.resolvedDefaultButtonText\n          }\n          defaultInputText={\n            componentRuntimeValuesRef.current.resolvedDefaultInputText\n          }\n          defaultSelectedValues={\n            componentRuntimeValuesRef.current.resolvedDefaultSelectedValues\n          }\n          onSend={componentRuntimeValuesRef.current.onSend}\n          beforeSend={componentRuntimeValuesRef.current.beforeSend}\n          locale={componentRuntimeValuesRef.current.locale}\n          confirmButtonText={\n            componentRuntimeValuesRef.current.resolvedConfirmButtonText\n          }\n          // tooltipMinLength={tooltipMinLength}\n        />\n      ),\n      code: (props) => {\n        const { className, children, ...rest } = props as {\n          className?: string;\n          children?: React.ReactNode;\n        };\n        const match = /language-(\\w+)/.exec(className || \"\");\n        const language = match?.[1];\n        if (language === \"mermaid\") {\n          const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n          const frozen = mermaidBlockIsComplete(\n            componentRuntimeValuesRef.current.renderContent,\n            chartContent\n          );\n          return <MermaidChart chart={chartContent} frozen={frozen} />;\n        }\n\n        return (\n          <code className={className} {...rest}>\n            {children}\n          </code>\n        );\n      },\n      table: ({ ...props }) => (\n        <div className=\"content-render-table-container\">\n          <table className=\"content-render-table\" {...props} />\n        </div>\n      ),\n      th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n      td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n      tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n      li: ({ node, ...props }) => {\n        const className = node?.properties?.className;\n        const hasTaskListItem =\n          (typeof className === \"string\" &&\n            className.includes(\"task-list-item\")) ||\n          (Array.isArray(className) && className.includes(\"task-list-item\"));\n        if (hasTaskListItem) {\n          return <li className=\"content-render-task-list-item\" {...props} />;\n        }\n        return <li {...props} />;\n      },\n      ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n      ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n      input: ({ ...props }) => {\n        if (props.type === \"checkbox\") {\n          return (\n            <input\n              type=\"checkbox\"\n              className=\"content-render-checkbox\"\n              disabled\n              {...props}\n            />\n          );\n        }\n        return <input {...props} />;\n      },\n      a: ({ children, ...props }) => (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n          {children}\n        </a>\n      ),\n      pre: (props) => (\n        <CodeBlock\n          {...props}\n          copyButtonText={\n            componentRuntimeValuesRef.current.resolvedCopyButtonText\n          }\n          copiedButtonText={\n            componentRuntimeValuesRef.current.resolvedCopiedButtonText\n          }\n        />\n      ),\n    }),\n    []\n  );\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(renderContent),\n    [renderContent]\n  );\n\n  const renderSegments = useMemo(\n    () =>\n      hasPotentialSandboxTags ? splitContentSegments(renderContent, true) : [],\n    [renderContent, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(normalizedContent),\n    [normalizedContent]\n  );\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownRenderer\n            key={key}\n            components={components}\n            content={seg.value}\n          />\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart key={key} chart={seg.value} frozen={!seg.complete} />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div className=\"content-render markdown-body\">\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              locale={locale}\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              disableLoadingOverlay={disableSandboxLoadingOverlay}\n              fullScreenButtonText={resolvedSandboxFullscreenButtonText}\n              exitFullScreenButtonText={resolvedSandboxExitFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"content-render markdown-body\">\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownRenderer\n              key={index}\n              components={components}\n              content={seg.value}\n            />\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent: normalizedContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","ReactMarkdown","mergeNonSandboxSegments","segments","merged","segment","last","splitTextByCharacterChunk","chunkSize","safeChunkSize","characters","areStringArraysEqual","left","right","index","useStableStringArray","values","valuesRef","ContentRender","content","contentType","locale","customRenderBar","onSend","typingSpeed","enableTypewriter","onTypeFinished","onTypewriterStateChange","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","disableSandboxLoadingOverlay","sandboxFullscreenButtonText","sandboxExitFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","localeTexts","getContentRenderLocaleTexts","resolvedConfirmButtonText","resolvedCopyButtonText","resolvedCopiedButtonText","resolvedSandboxFullscreenButtonText","resolvedSandboxExitFullscreenButtonText","isTypewriterEnabled","typewriterChunkSize","typewriterTickMs","displayContent","setDisplayContent","useState","pendingContentRef","previousTypewriterEnabledRef","hasReportedTypeFinishedRef","wasTypewriterEnabled","current","shouldRestartTyping","canContinueTyping","nextVisibleContent","typewriterTimer","chunk","rest","typewriterState","useMemo","renderContent","normalizedContent","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","stableDefaultSelectedValues","componentRuntimeValuesRef","children","props","CustomButtonInputVariable","className","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","renderMarkdownSegments","raw","keyPrefix","seg","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}
+{"version":3,"file":"ContentRender.cjs","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport type { PluggableList } from \"unified\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport CodeBlock, { CodeBlockContext } from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart, { type MermaidChartProps } from \"./plugins/MermaidChart\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  appendContentAwareTypewriterQueue,\n  CONTENT_AWARE_TYPEWRITER_TICK_BUDGET,\n  consumeContentAwareTypewriterQueue,\n  createContentAwareTypewriterQueue,\n  isContentAwareTypewriterQueueEmpty,\n  type ContentAwareTypewriterQueue,\n} from \"./utils/typewriter-pacing\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport { getContentRenderLocaleTexts } from \"./contentRenderI18n\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\nconst FIXED_TYPEWRITER_CHUNK_SIZE = 2;\n\nexport type ContentRenderTypewriterPacing = \"fixed\" | \"content-aware\";\n\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  contentType?: string;\n  /** Locale used for built-in UI text when a more specific text prop is not provided. */\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language; omitted values inherit from the host. */\n  lang?: string;\n  /** Overrides locale-derived direction; omitted values inherit when no locale is set. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  /** Controls how much text is revealed per tick. Defaults to the legacy fixed pacing. */\n  typewriterPacing?: ContentRenderTypewriterPacing;\n  onTypeFinished?: () => void;\n  onTypewriterStateChange?: (state: ContentRenderTypewriterState) => void;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Disable sandbox loading overlays when upper layers have already entered an error state\n  disableSandboxLoadingOverlay?: boolean;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Exit fullscreen button text for iframe sandbox\n  sandboxExitFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\nexport interface ContentRenderTypewriterState {\n  isTypewriterEnabled: boolean;\n  isTyping: boolean;\n  isComplete: boolean;\n  renderedLength: number;\n  totalLength: number;\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\ntype MarkdownComponentRuntimeValues = {\n  direction?: ContentRenderProps[\"dir\"];\n  language?: string;\n  mermaidMessages: MermaidChartProps[\"messages\"];\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  locale?: MarkdownFlowLocale;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly: boolean;\n  renderContent: string;\n  resolvedConfirmButtonText: string;\n  resolvedCopiedButtonText: string;\n  resolvedCopyButtonText: string;\n  resolvedDefaultButtonText?: string;\n  resolvedDefaultInputText?: string;\n  resolvedDefaultSelectedValues?: string[];\n};\n\nconst MarkdownComponentRuntimeContext =\n  React.createContext<React.RefObject<MarkdownComponentRuntimeValues> | null>(\n    null\n  );\n\nconst MarkdownCode = (props: React.ComponentProps<\"code\">) => {\n  const runtimeValuesRef = React.useContext(MarkdownComponentRuntimeContext);\n  const isInCodeBlock = React.useContext(CodeBlockContext);\n  if (!runtimeValuesRef) {\n    throw new Error(\"Markdown code renderer requires ContentRender context.\");\n  }\n  const { className, children, ...rest } = props as {\n    className?: string;\n    children?: React.ReactNode;\n    dir?: string;\n  };\n  const match = /language-(\\w+)/.exec(className || \"\");\n  const language = match?.[1];\n  if (language === \"mermaid\") {\n    const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n    const frozen = mermaidBlockIsComplete(\n      runtimeValuesRef.current.renderContent,\n      chartContent\n    );\n    return (\n      <MermaidChart\n        chart={chartContent}\n        frozen={frozen}\n        messages={runtimeValuesRef.current.mermaidMessages}\n      />\n    );\n  }\n\n  return (\n    <code\n      className={className}\n      {...rest}\n      dir={rest.dir ?? (isInCodeBlock ? undefined : \"ltr\")}\n    >\n      {children}\n    </code>\n  );\n};\n\nconst remarkPlugins: PluggableList = [\n  remarkGfm,\n  remarkMath,\n  remarkFlow,\n  remarkBreaks,\n];\n\nconst rehypePlugins: PluggableList = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n  locale?: MarkdownFlowLocale;\n}> = ({ content: markdownContent, components, locale }) => {\n  const texts = getContentRenderLocaleTexts(locale);\n  return (\n    <div className=\"markdown-renderer\">\n      <ReactMarkdown\n        remarkPlugins={remarkPlugins}\n        rehypePlugins={rehypePlugins}\n        remarkRehypeOptions={{\n          footnoteLabel: texts.footnoteLabel,\n          footnoteBackLabel: (referenceIndex, rereferenceIndex) => {\n            const reference =\n              String(referenceIndex + 1) +\n              (rereferenceIndex > 1 ? `-${rereferenceIndex}` : \"\");\n            return texts.footnoteBackLabel.replace(\"{reference}\", reference);\n          },\n        }}\n        components={components}\n      >\n        {markdownContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst splitTextByCharacterChunk = (value: string, chunkSize: number) => {\n  const safeChunkSize = Math.max(1, chunkSize);\n  const characters = Array.from(value);\n\n  return {\n    chunk: characters.slice(0, safeChunkSize).join(\"\"),\n    rest: characters.slice(safeChunkSize).join(\"\"),\n  };\n};\n\nconst areStringArraysEqual = (left?: string[], right?: string[]) => {\n  if (left === right) {\n    return true;\n  }\n  if (!left || !right || left.length !== right.length) {\n    return false;\n  }\n  return left.every((value, index) => value === right[index]);\n};\n\nconst useStableStringArray = (values?: string[]) => {\n  const valuesRef = useRef<string[] | undefined>(values);\n\n  if (!areStringArraysEqual(valuesRef.current, values)) {\n    valuesRef.current = values;\n  }\n\n  return valuesRef.current;\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  contentType,\n  locale,\n  lang,\n  dir,\n  customRenderBar,\n  onSend,\n  typingSpeed = 40,\n  enableTypewriter = false,\n  typewriterPacing = \"fixed\",\n  onTypeFinished,\n  onTypewriterStateChange,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  disableSandboxLoadingOverlay = false,\n  sandboxFullscreenButtonText,\n  sandboxExitFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const mermaidMessages = useMemo(\n    () => ({\n      loading: localeTexts.mermaidLoadingText,\n      emptyChart: localeTexts.mermaidEmptyChartText,\n      error: localeTexts.mermaidErrorText,\n    }),\n    [localeTexts]\n  );\n  const direction = dir ?? getMarkdownFlowDirection(locale);\n  const language = lang ?? getMarkdownFlowLanguage(locale);\n  const resolvedConfirmButtonText =\n    confirmButtonText || localeTexts.confirmButtonText;\n  const resolvedCopyButtonText = copyButtonText || localeTexts.copyButtonText;\n  const resolvedCopiedButtonText =\n    copiedButtonText || localeTexts.copiedButtonText;\n  const resolvedSandboxFullscreenButtonText =\n    sandboxFullscreenButtonText || localeTexts.sandboxFullscreenButtonText;\n  const resolvedSandboxExitFullscreenButtonText =\n    sandboxExitFullscreenButtonText ||\n    localeTexts.sandboxExitFullscreenButtonText;\n  const shouldApplyTypewriterByContentType =\n    !contentType || contentType === \"text\";\n  const isTypewriterEnabled =\n    Boolean(enableTypewriter) && shouldApplyTypewriterByContentType;\n  const typewriterTickMs = Math.max(0, typingSpeed);\n  const fixedTypewriterContentVersion =\n    typewriterPacing === \"fixed\" ? content : undefined;\n  const [displayContent, setDisplayContent] = useState(() =>\n    isTypewriterEnabled ? \"\" : content\n  );\n  const displayContentRef = useRef(displayContent);\n  const pendingContentRef = useRef(\"\");\n  const contentAwareQueueRef = useRef<ContentAwareTypewriterQueue>({\n    tokens: [],\n    head: 0,\n  });\n  const contentAwareBudgetRef = useRef(0);\n  const previousTypewriterEnabledRef = useRef(isTypewriterEnabled);\n  const previousTypewriterPacingRef = useRef(typewriterPacing);\n  const previousSourceContentRef = useRef(content);\n  const hasReportedTypeFinishedRef = useRef(false);\n  const [typewriterWakeVersion, setTypewriterWakeVersion] = useState(0);\n\n  useEffect(() => {\n    const wasTypewriterEnabled = previousTypewriterEnabledRef.current;\n    const previousTypewriterPacing = previousTypewriterPacingRef.current;\n    const previousSourceContent = previousSourceContentRef.current;\n    const wasPending = Boolean(pendingContentRef.current);\n\n    previousTypewriterEnabledRef.current = isTypewriterEnabled;\n    previousTypewriterPacingRef.current = typewriterPacing;\n    previousSourceContentRef.current = content;\n\n    if (\n      content !== previousSourceContent ||\n      isTypewriterEnabled !== wasTypewriterEnabled\n    ) {\n      hasReportedTypeFinishedRef.current = false;\n    }\n\n    const clearPendingContent = () => {\n      pendingContentRef.current = \"\";\n      contentAwareQueueRef.current = { tokens: [], head: 0 };\n      contentAwareBudgetRef.current = 0;\n    };\n\n    const updateDisplayContent = (nextContent: string) => {\n      displayContentRef.current = nextContent;\n      setDisplayContent(nextContent);\n    };\n\n    if (!isTypewriterEnabled) {\n      clearPendingContent();\n      updateDisplayContent(content);\n      return;\n    }\n\n    if (!wasTypewriterEnabled) {\n      clearPendingContent();\n      updateDisplayContent(\"\");\n    }\n\n    const visibleContent = !wasTypewriterEnabled\n      ? \"\"\n      : displayContentRef.current;\n\n    if (!content.startsWith(visibleContent)) {\n      clearPendingContent();\n      updateDisplayContent(content);\n      return;\n    }\n\n    const nextPendingContent = content.slice(visibleContent.length);\n    if (!nextPendingContent) {\n      clearPendingContent();\n      return;\n    }\n\n    if (typewriterPacing === \"content-aware\") {\n      const previousPendingContent = previousSourceContent.slice(\n        visibleContent.length\n      );\n      const canAppendToCachedQueue =\n        wasTypewriterEnabled &&\n        previousTypewriterPacing === \"content-aware\" &&\n        content.startsWith(previousSourceContent) &&\n        pendingContentRef.current === previousPendingContent;\n\n      if (canAppendToCachedQueue) {\n        contentAwareQueueRef.current = appendContentAwareTypewriterQueue(\n          contentAwareQueueRef.current,\n          content.slice(previousSourceContent.length)\n        );\n      } else {\n        contentAwareQueueRef.current =\n          createContentAwareTypewriterQueue(nextPendingContent);\n        contentAwareBudgetRef.current = 0;\n      }\n    } else {\n      contentAwareQueueRef.current = { tokens: [], head: 0 };\n      contentAwareBudgetRef.current = 0;\n    }\n\n    pendingContentRef.current = nextPendingContent;\n\n    if (!wasPending) {\n      setTypewriterWakeVersion((version) => version + 1);\n    }\n  }, [content, isTypewriterEnabled, typewriterPacing]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled) {\n      return;\n    }\n\n    if (\n      hasReportedTypeFinishedRef.current ||\n      pendingContentRef.current ||\n      displayContent !== content\n    ) {\n      return;\n    }\n\n    hasReportedTypeFinishedRef.current = true;\n    onTypeFinished?.();\n  }, [content, displayContent, isTypewriterEnabled, onTypeFinished]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled || !pendingContentRef.current) {\n      return undefined;\n    }\n\n    const typewriterTimer = window.setTimeout(() => {\n      if (!pendingContentRef.current) {\n        return;\n      }\n\n      let chunk = \"\";\n\n      if (typewriterPacing === \"content-aware\") {\n        const result = consumeContentAwareTypewriterQueue(\n          contentAwareQueueRef.current,\n          contentAwareBudgetRef.current + CONTENT_AWARE_TYPEWRITER_TICK_BUDGET\n        );\n\n        chunk = result.chunk;\n        contentAwareQueueRef.current = result.queue;\n\n        if (isContentAwareTypewriterQueueEmpty(result.queue)) {\n          contentAwareBudgetRef.current = 0;\n        } else {\n          contentAwareBudgetRef.current = result.remainingBudget;\n        }\n      } else {\n        const fixedChunk = splitTextByCharacterChunk(\n          pendingContentRef.current,\n          FIXED_TYPEWRITER_CHUNK_SIZE\n        );\n        chunk = fixedChunk.chunk;\n      }\n\n      if (!chunk) {\n        return;\n      }\n\n      pendingContentRef.current = pendingContentRef.current.slice(chunk.length);\n      if (!pendingContentRef.current) {\n        contentAwareQueueRef.current = { tokens: [], head: 0 };\n        contentAwareBudgetRef.current = 0;\n      }\n\n      const nextDisplayContent = `${displayContentRef.current}${chunk}`;\n      displayContentRef.current = nextDisplayContent;\n      setDisplayContent(nextDisplayContent);\n    }, typewriterTickMs);\n\n    return () => window.clearTimeout(typewriterTimer);\n  }, [\n    displayContent,\n    fixedTypewriterContentVersion,\n    isTypewriterEnabled,\n    typewriterPacing,\n    typewriterTickMs,\n    typewriterWakeVersion,\n  ]);\n\n  const typewriterState = useMemo<ContentRenderTypewriterState>(\n    () => ({\n      isTypewriterEnabled,\n      isTyping: isTypewriterEnabled && displayContent !== content,\n      isComplete: displayContent === content,\n      renderedLength: displayContent.length,\n      totalLength: content.length,\n    }),\n    [content, displayContent, isTypewriterEnabled]\n  );\n\n  useEffect(() => {\n    onTypewriterStateChange?.(typewriterState);\n  }, [onTypewriterStateChange, typewriterState]);\n\n  const renderContent = isTypewriterEnabled ? displayContent : content;\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(renderContent),\n    [renderContent]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        renderContent,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [interactionDefaultValueOptions, renderContent, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n  const stableDefaultSelectedValues = useStableStringArray(\n    resolvedDefaultSelectedValues\n  );\n  const componentRuntimeValuesRef = useRef<MarkdownComponentRuntimeValues>({\n    direction,\n    language,\n    mermaidMessages,\n    beforeSend,\n    locale,\n    onClickCustomButtonAfterContent,\n    onSend,\n    readonly,\n    renderContent,\n    resolvedConfirmButtonText,\n    resolvedCopiedButtonText,\n    resolvedCopyButtonText,\n    resolvedDefaultButtonText,\n    resolvedDefaultInputText,\n    resolvedDefaultSelectedValues: stableDefaultSelectedValues,\n  });\n\n  componentRuntimeValuesRef.current = {\n    direction,\n    language,\n    mermaidMessages,\n    beforeSend,\n    locale,\n    onClickCustomButtonAfterContent,\n    onSend,\n    readonly,\n    renderContent,\n    resolvedConfirmButtonText,\n    resolvedCopiedButtonText,\n    resolvedCopyButtonText,\n    resolvedDefaultButtonText,\n    resolvedDefaultInputText,\n    resolvedDefaultSelectedValues: stableDefaultSelectedValues,\n  };\n\n  const components = useMemo<CustomComponents>(\n    () => ({\n      \"custom-button-after-content\": ({\n        children,\n      }: {\n        children: React.ReactNode;\n      }) => {\n        return (\n          <button\n            className=\"content-render-custom-button-after-content\"\n            onClick={\n              componentRuntimeValuesRef.current.onClickCustomButtonAfterContent\n            }\n          >\n            <span className=\"content-render-custom-button-after-content-inner\">\n              {children}\n            </span>\n          </button>\n        );\n      },\n      \"custom-variable\": (props) => (\n        <CustomButtonInputVariable\n          {...props}\n          readonly={componentRuntimeValuesRef.current.readonly}\n          defaultButtonText={\n            componentRuntimeValuesRef.current.resolvedDefaultButtonText\n          }\n          defaultInputText={\n            componentRuntimeValuesRef.current.resolvedDefaultInputText\n          }\n          defaultSelectedValues={\n            componentRuntimeValuesRef.current.resolvedDefaultSelectedValues\n          }\n          onSend={componentRuntimeValuesRef.current.onSend}\n          beforeSend={componentRuntimeValuesRef.current.beforeSend}\n          locale={componentRuntimeValuesRef.current.locale}\n          dir={componentRuntimeValuesRef.current.direction}\n          lang={componentRuntimeValuesRef.current.language}\n          confirmButtonText={\n            componentRuntimeValuesRef.current.resolvedConfirmButtonText\n          }\n          // tooltipMinLength={tooltipMinLength}\n        />\n      ),\n      code: MarkdownCode,\n      table: ({ ...props }) => (\n        <div className=\"content-render-table-container\">\n          <table className=\"content-render-table\" {...props} />\n        </div>\n      ),\n      th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n      td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n      tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n      li: ({ node, ...props }) => {\n        const className = node?.properties?.className;\n        const hasTaskListItem =\n          (typeof className === \"string\" &&\n            className.includes(\"task-list-item\")) ||\n          (Array.isArray(className) && className.includes(\"task-list-item\"));\n        if (hasTaskListItem) {\n          return <li className=\"content-render-task-list-item\" {...props} />;\n        }\n        return <li {...props} />;\n      },\n      ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n      ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n      input: ({ ...props }) => {\n        if (props.type === \"checkbox\") {\n          return (\n            <input\n              type=\"checkbox\"\n              className=\"content-render-checkbox\"\n              disabled\n              {...props}\n            />\n          );\n        }\n        return <input {...props} />;\n      },\n      a: ({ children, ...props }) => (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n          {children}\n        </a>\n      ),\n      pre: (props) => (\n        <CodeBlock\n          {...props}\n          copyButtonText={\n            componentRuntimeValuesRef.current.resolvedCopyButtonText\n          }\n          copiedButtonText={\n            componentRuntimeValuesRef.current.resolvedCopiedButtonText\n          }\n        />\n      ),\n    }),\n    []\n  );\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(renderContent),\n    [renderContent]\n  );\n\n  const renderSegments = useMemo(\n    () =>\n      hasPotentialSandboxTags ? splitContentSegments(renderContent, true) : [],\n    [renderContent, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(normalizedContent),\n    [normalizedContent]\n  );\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownComponentRuntimeContext.Provider\n            key={key}\n            value={componentRuntimeValuesRef}\n          >\n            <MarkdownRenderer\n              locale={locale}\n              components={components}\n              content={seg.value}\n            />\n          </MarkdownComponentRuntimeContext.Provider>\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart\n            key={key}\n            chart={seg.value}\n            frozen={!seg.complete}\n            messages={mermaidMessages}\n          />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div\n        className=\"content-render markdown-body\"\n        dir={direction}\n        lang={language}\n      >\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              locale={locale}\n              dir={direction}\n              lang={language}\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              disableLoadingOverlay={disableSandboxLoadingOverlay}\n              fullScreenButtonText={resolvedSandboxFullscreenButtonText}\n              exitFullScreenButtonText={resolvedSandboxExitFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"content-render markdown-body\"\n      dir={direction}\n      lang={language}\n    >\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownComponentRuntimeContext.Provider\n              key={index}\n              value={componentRuntimeValuesRef}\n            >\n              <MarkdownRenderer\n                locale={locale}\n                components={components}\n                content={seg.value}\n              />\n            </MarkdownComponentRuntimeContext.Provider>\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n              messages={mermaidMessages}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent: normalizedContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","FIXED_TYPEWRITER_CHUNK_SIZE","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","MarkdownComponentRuntimeContext","React","MarkdownCode","props","runtimeValuesRef","isInCodeBlock","CodeBlockContext","className","children","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","locale","texts","getContentRenderLocaleTexts","ReactMarkdown","referenceIndex","rereferenceIndex","reference","mergeNonSandboxSegments","segments","merged","segment","last","splitTextByCharacterChunk","chunkSize","safeChunkSize","characters","areStringArraysEqual","left","right","index","useStableStringArray","values","valuesRef","ContentRender","content","contentType","lang","dir","customRenderBar","onSend","typingSpeed","enableTypewriter","typewriterPacing","onTypeFinished","onTypewriterStateChange","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","disableSandboxLoadingOverlay","sandboxFullscreenButtonText","sandboxExitFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","localeTexts","mermaidMessages","useMemo","direction","getMarkdownFlowDirection","language","getMarkdownFlowLanguage","resolvedConfirmButtonText","resolvedCopyButtonText","resolvedCopiedButtonText","resolvedSandboxFullscreenButtonText","resolvedSandboxExitFullscreenButtonText","isTypewriterEnabled","typewriterTickMs","fixedTypewriterContentVersion","displayContent","setDisplayContent","useState","displayContentRef","pendingContentRef","contentAwareQueueRef","contentAwareBudgetRef","previousTypewriterEnabledRef","previousTypewriterPacingRef","previousSourceContentRef","hasReportedTypeFinishedRef","typewriterWakeVersion","setTypewriterWakeVersion","wasTypewriterEnabled","previousTypewriterPacing","previousSourceContent","wasPending","clearPendingContent","updateDisplayContent","nextContent","visibleContent","nextPendingContent","previousPendingContent","appendContentAwareTypewriterQueue","createContentAwareTypewriterQueue","version","typewriterTimer","chunk","result","consumeContentAwareTypewriterQueue","CONTENT_AWARE_TYPEWRITER_TICK_BUDGET","isContentAwareTypewriterQueueEmpty","nextDisplayContent","typewriterState","renderContent","normalizedContent","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","stableDefaultSelectedValues","componentRuntimeValuesRef","CustomButtonInputVariable","CodeBlock","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","renderMarkdownSegments","raw","keyPrefix","seg","key","idx","IframeSandbox","jsxs"],"mappings":"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"}

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

@@ -1,13 +1,18 @@
 import { default as React } from 'react';
-import { CustomRenderBarProps, OnSendContentParams } from '../types';
-import { ComponentsWithCustomVariable } from './plugins/CustomVariable';
-import { InteractionDefaultValueOptions } from '../../lib/interaction-defaults';
-import { MarkdownFlowLocale } from '../../lib/locale';
+import { CustomRenderBarProps, OnSendContentParams } from '../types.js';
+import { ComponentsWithCustomVariable } from './plugins/CustomVariable.js';
+import { InteractionDefaultValueOptions } from '../../lib/interaction-defaults.js';
+import { MarkdownFlowLocale } from '../../lib/locale.js';
+export type ContentRenderTypewriterPacing = "fixed" | "content-aware";
 export interface ContentRenderProps {
     content: string;
     contentType?: string;
     /** Locale used for built-in UI text when a more specific text prop is not provided. */
     locale?: MarkdownFlowLocale;
+    /** Overrides the locale-derived language; omitted values inherit from the host. */
+    lang?: string;
+    /** Overrides locale-derived direction; omitted values inherit when no locale is set. */
+    dir?: React.HTMLAttributes<HTMLDivElement>["dir"];
     /**
      * Callback invoked when the custom button after content is clicked.
      * This button is rendered via the `<custom-button-after-content>` tag in markdown content.
@@ -24,6 +29,8 @@ export interface ContentRenderProps {
     onSend?: (content: OnSendContentParams) => void;
     typingSpeed?: number;
     enableTypewriter?: boolean;
+    /** Controls how much text is revealed per tick. Defaults to the legacy fixed pacing. */
+    typewriterPacing?: ContentRenderTypewriterPacing;
     onTypeFinished?: () => void;
     onTypewriterStateChange?: (state: ContentRenderTypewriterState) => void;
     userInput?: string;
@@ -60,6 +67,7 @@ type CustomComponents = ComponentsWithCustomVariable & {
 export declare const MarkdownRenderer: React.FC<{
     content: string;
     components: CustomComponents;
+    locale?: MarkdownFlowLocale;
 }>;
 declare const ContentRender: React.FC<ContentRenderProps>;
 export default ContentRender;