markdown-flow-ui 0.1.100 → 0.1.101

package/dist/components/ContentRender/ContentRender.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js");;/* empty css                                                                                                                                 */;/* empty css                                                                                                                    */const c=require("react"),G=require("../../_virtual/index.cjs.js"),J=require("./utils/sanitize-invalid-tag-name.cjs.js"),K=require("./utils/strip-svg-text-line-breaks.cjs.js");;/* empty css                       */;/* empty css                               */const Q=require("./CodeBlock.cjs.js"),X=require("./plugins/CustomVariable.cjs.js"),I=require("./plugins/MermaidChart.cjs.js"),Y=require("./useTypewriterStateMachine.cjs.js"),F=require("./utils/custom-variable-props.cjs.js"),_=require("./utils/highlight-languages.cjs.js"),A=require("./utils/mermaid-parse.cjs.js"),U=require("./utils/normalize-inline-html.cjs.js"),Z=require("./IframeSandbox.cjs.js"),ee=require("./utils/split-content.cjs.js"),te=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.cjs.js"),ne=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.cjs.js"),se=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.cjs.js"),re=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.cjs.js"),oe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.cjs.js"),ie=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.cjs.js"),ae=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.cjs.js"),O=({svg:r})=>{const o=c.useRef(null);return c.useEffect(()=>{const i=o.current;if(!i)return;const a=i.shadowRoot??i.attachShadow({mode:"open"}),w="content-render-svg-style";let m=a.getElementById(w);m||(m=document.createElement("style"),m.id=w,m.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js");;/* empty css                                                                                                                                 */;/* empty css                                                                                                                    */const i=require("react"),se=require("../../_virtual/index.cjs.js"),ne=require("./utils/sanitize-invalid-tag-name.cjs.js"),re=require("./utils/strip-svg-text-line-breaks.cjs.js");;/* empty css                       */;/* empty css                               */const oe=require("./CodeBlock.cjs.js"),ie=require("./plugins/CustomVariable.cjs.js"),_=require("./plugins/MermaidChart.cjs.js"),ae=require("./useTypewriterStateMachine.cjs.js"),X=require("./utils/custom-variable-props.cjs.js"),J=require("./utils/highlight-languages.cjs.js"),W=require("./utils/mermaid-parse.cjs.js"),K=require("./utils/normalize-inline-html.cjs.js"),le=require("./IframeSandbox.cjs.js"),ce=require("./utils/split-content.cjs.js"),ue=require("../../lib/interaction-defaults.cjs.js"),de=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.cjs.js"),me=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.cjs.js"),xe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.cjs.js"),pe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.cjs.js"),he=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.cjs.js"),fe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.cjs.js"),je=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.cjs.js"),ge=/<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i,Q=({svg:s})=>{const o=i.useRef(null);return i.useEffect(()=>{const a=o.current;if(!a)return;const l=a.shadowRoot??a.attachShadow({mode:"open"}),R="content-render-svg-style";let c=l.getElementById(R);c||(c=document.createElement("style"),c.id=R,c.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; }
-      `,a.appendChild(m)),Array.from(a.childNodes).filter(s=>s!==m).forEach(s=>a.removeChild(s));const E=document.createElement("template"),z=K.stripSvgTextLineBreaks(r);E.innerHTML=z,a.append(E.content.cloneNode(!0));let R=!1,k=!1;a.querySelectorAll("svg").forEach(s=>{const S=s.getAttribute("viewBox");if(!S)return;const b=S.trim().split(/[\s,]+/).map(u=>Number(u));if(b.length!==4||b.some(Number.isNaN))return;const[,,h,x]=b,f=s.getAttribute("width"),j=s.getAttribute("height"),C=u=>{if(!u)return!1;const e=u.trim().toLowerCase();return e==="auto"||e.endsWith("%")},L=u=>{if(!u)return null;const e=u.trim().toLowerCase();if(e==="auto"||e.endsWith("%"))return null;const n=Number.parseFloat(e);return Number.isNaN(n)?null:n},$=C(f),y=C(j),N=!f||f==="0",g=!j||j==="0",p=L(f),T=L(j);if($||y||N&&g||p===h&&T===x){R=!0,s.classList.add("content-render-svg-el--responsive"),s.classList.remove("content-render-svg-el--fixed"),s.style.width="100%",s.style.height="auto",!s.style.aspectRatio&&x>0&&(s.style.aspectRatio=`${h} / ${x}`);return}k=!0,s.classList.add("content-render-svg-el--fixed"),s.classList.remove("content-render-svg-el--responsive"),N&&h>0&&s.setAttribute("width",`${h}`),g&&x>0&&s.setAttribute("height",`${x}`)});const q=R&&!k;i.classList.toggle("content-render-svg--responsive",q),i.classList.toggle("content-render-svg--fixed",!q)},[r]),t.jsxRuntimeExports.jsx("div",{className:"content-render-svg-scroll",children:t.jsxRuntimeExports.jsx("div",{className:"content-render-svg",ref:o})})},ce=[oe.default,ie.default,G.default,ae.default],ue=[F.preserveCustomVariableProperties,ne.default,J.sanitizeInvalidTagName,F.restoreCustomVariableProperties,[se.default,{languages:_.highlightLanguages,subset:_.subsetLanguages}],re.default],H=({content:r,components:o})=>t.jsxRuntimeExports.jsx("div",{className:"markdown-renderer",children:t.jsxRuntimeExports.jsx(te.Markdown,{remarkPlugins:ce,rehypePlugins:ue,components:o,children:r})}),le=r=>{if(r.length<=1)return r;const o=[];return r.forEach(i=>{if(i.type==="sandbox"){o.push(i);return}const a=o[o.length-1];if(a&&a.type!=="sandbox"){o[o.length-1]={type:"markdown",value:`${a.value}${i.value}`};return}o.push({type:"markdown",value:i.value})}),o},de=({content:r,customRenderBar:o,onSend:i,typingSpeed:a=30,enableTypewriter:w=!1,defaultButtonText:m,defaultInputText:P,defaultSelectedValues:E,readonly:z=!1,onTypeFinished:R,confirmButtonText:k,copyButtonText:q,copiedButtonText:s,sandboxLoadingText:S,sandboxStyleLoadingText:b,sandboxScriptLoadingText:h,sandboxFullscreenButtonText:x,sandboxMode:f="content",onClickCustomButtonAfterContent:j,beforeSend:C})=>{const L=c.useMemo(()=>U.normalizeInlineHtml(r),[r]),$={"custom-button-after-content":({children:e})=>t.jsxRuntimeExports.jsx("button",{className:"content-render-custom-button-after-content",onClick:j,children:t.jsxRuntimeExports.jsx("span",{className:"content-render-custom-button-after-content-inner",children:e})}),"custom-variable":e=>t.jsxRuntimeExports.jsx(X.default,{...e,readonly:z,defaultButtonText:m,defaultInputText:P,defaultSelectedValues:E,onSend:i,beforeSend:C,confirmButtonText:k}),code:e=>{const{className:n,children:l,...B}=e;if(/language-(\w+)/.exec(n||"")?.[1]==="mermaid"){const v=l?.toString().replace(/\n$/,"")||"",D=A.mermaidBlockIsComplete(r,v);return t.jsxRuntimeExports.jsx(I.default,{chart:v,frozen:D})}return t.jsxRuntimeExports.jsx("code",{className:n,...B,children:l})},table:({...e})=>t.jsxRuntimeExports.jsx("div",{className:"content-render-table-container",children:t.jsxRuntimeExports.jsx("table",{className:"content-render-table",...e})}),th:({...e})=>t.jsxRuntimeExports.jsx("th",{className:"content-render-th",...e}),td:({...e})=>t.jsxRuntimeExports.jsx("td",{className:"content-render-td",...e}),tr:({...e})=>t.jsxRuntimeExports.jsx("tr",{className:"content-render-tr",...e}),li:({node:e,...n})=>{const l=e?.properties?.className;return typeof l=="string"&&l.includes("task-list-item")||Array.isArray(l)&&l.includes("task-list-item")?t.jsxRuntimeExports.jsx("li",{className:"content-render-task-list-item",...n}):t.jsxRuntimeExports.jsx("li",{...n})},ol:({...e})=>t.jsxRuntimeExports.jsx("ol",{className:"content-render-ol",...e}),ul:({...e})=>t.jsxRuntimeExports.jsx("ul",{className:"content-render-ul",...e}),input:({...e})=>e.type==="checkbox"?t.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"content-render-checkbox",disabled:!0,...e}):t.jsxRuntimeExports.jsx("input",{...e}),a:({children:e,...n})=>t.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",...n,children:e}),pre:e=>t.jsxRuntimeExports.jsx(Q.default,{...e,copyButtonText:q,copiedButtonText:s})},{displayContent:y,isComplete:N}=Y.default({content:L,typingSpeed:a,disabled:!w}),g=c.useMemo(()=>ee.splitContentSegments(r,!0),[r]),p=g.some(e=>e.type==="sandbox"),T=c.useMemo(()=>le(g),[g]),V=c.useMemo(()=>A.parseMarkdownSegments(y),[y]),M=c.useRef(!1);c.useEffect(()=>{p||N&&!M.current&&(M.current=!0,R?.())},[p,N,R]),c.useEffect(()=>{p||(M.current=!1)},[p,r]);const u=(e,n)=>{const l=U.normalizeInlineHtml(e);return A.parseMarkdownSegments(l).map((d,W)=>{const v=`${n}-${d.type}-${W}`;return d.type==="text"?t.jsxRuntimeExports.jsx(H,{components:$,content:d.value},v):d.type==="mermaid"?t.jsxRuntimeExports.jsx(I.default,{chart:d.value,frozen:!d.complete},v):d.type==="svg"?t.jsxRuntimeExports.jsx(O,{svg:d.value},v):null})};return p?t.jsxRuntimeExports.jsx("div",{className:"content-render markdown-body",children:T.map((e,n)=>e.type==="sandbox"?t.jsxRuntimeExports.jsx(Z.default,{hideFullScreen:!0,content:e.value,className:"content-render-iframe",loadingText:S,styleLoadingText:b,scriptLoadingText:h,fullScreenButtonText:x,mode:f},`sandbox-${n}`):t.jsxRuntimeExports.jsx(c.Fragment,{children:u(e.value,`md-${n}`)},`md-${n}`))}):t.jsxRuntimeExports.jsxs("div",{className:"content-render markdown-body",children:[V.map((e,n)=>{if(e.type==="text")return t.jsxRuntimeExports.jsx(H,{components:$,content:e.value},n);if(e.type==="mermaid")return t.jsxRuntimeExports.jsx(I.default,{chart:e.value,frozen:!e.complete},n);if(e.type==="svg")return t.jsxRuntimeExports.jsx(O,{svg:e.value},n)}),o&&t.jsxRuntimeExports.jsx("div",{className:"content-render-custom-bar",children:c.createElement(o,{content:r,displayContent:y,onSend:i})})]})};exports.MarkdownRenderer=H;exports.default=de;
+      `,l.appendChild(c)),Array.from(l.childNodes).filter(n=>n!==c).forEach(n=>l.removeChild(n));const k=document.createElement("template"),B=re.stripSvgTextLineBreaks(s);k.innerHTML=B,l.append(k.content.cloneNode(!0));let b=!1,S=!1;l.querySelectorAll("svg").forEach(n=>{const q=n.getAttribute("viewBox");if(!q)return;const N=q.trim().split(/[\s,]+/).map(u=>Number(u));if(N.length!==4||N.some(Number.isNaN))return;const[,,h,p]=N,f=n.getAttribute("width"),j=n.getAttribute("height"),T=u=>{if(!u)return!1;const d=u.trim().toLowerCase();return d==="auto"||d.endsWith("%")},C=u=>{if(!u)return null;const d=u.trim().toLowerCase();if(d==="auto"||d.endsWith("%"))return null;const E=Number.parseFloat(d);return Number.isNaN(E)?null:E},z=T(f),$=T(j),g=!f||f==="0",L=!j||j==="0",A=C(f),I=C(j);if(z||$||g&&L||A===h&&I===p){b=!0,n.classList.add("content-render-svg-el--responsive"),n.classList.remove("content-render-svg-el--fixed"),n.style.width="100%",n.style.height="auto",!n.style.aspectRatio&&p>0&&(n.style.aspectRatio=`${h} / ${p}`);return}S=!0,n.classList.add("content-render-svg-el--fixed"),n.classList.remove("content-render-svg-el--responsive"),g&&h>0&&n.setAttribute("width",`${h}`),L&&p>0&&n.setAttribute("height",`${p}`)});const y=b&&!S;a.classList.toggle("content-render-svg--responsive",y),a.classList.toggle("content-render-svg--fixed",!y)},[s]),t.jsxRuntimeExports.jsx("div",{className:"content-render-svg-scroll",children:t.jsxRuntimeExports.jsx("div",{className:"content-render-svg",ref:o})})},ve=[he.default,fe.default,se.default,je.default],Re=[X.preserveCustomVariableProperties,me.default,ne.sanitizeInvalidTagName,X.restoreCustomVariableProperties,[xe.default,{languages:J.highlightLanguages,subset:J.subsetLanguages}],pe.default],F=({content:s,components:o})=>t.jsxRuntimeExports.jsx("div",{className:"markdown-renderer",children:t.jsxRuntimeExports.jsx(de.Markdown,{remarkPlugins:ve,rehypePlugins:Re,components:o,children:s})}),be=s=>{if(s.length<=1)return s;const o=[];return s.forEach(a=>{if(a.type==="sandbox"){o.push(a);return}const l=o[o.length-1];if(l&&l.type!=="sandbox"){o[o.length-1]={type:"markdown",value:`${l.value}${a.value}`};return}o.push({type:"markdown",value:a.value})}),o},ye=({content:s,customRenderBar:o,onSend:a,typingSpeed:l=30,enableTypewriter:R=!1,userInput:c,interactionDefaultValueOptions:M,defaultButtonText:k,defaultInputText:B,defaultSelectedValues:b,readonly:S=!1,onTypeFinished:y,confirmButtonText:n,copyButtonText:q,copiedButtonText:N,sandboxLoadingText:h,sandboxStyleLoadingText:p,sandboxScriptLoadingText:f,sandboxFullscreenButtonText:j,sandboxMode:T="content",onClickCustomButtonAfterContent:C,beforeSend:z})=>{const $=i.useMemo(()=>K.normalizeInlineHtml(s),[s]),g=i.useMemo(()=>ue.getInteractionDefaultValues(s,c,M),[s,M,c]),L=k?.trim()||g.buttonText,A=B?.trim()||g.inputText,I=i.useMemo(()=>c?c.split(",").map(e=>e.trim()).filter(Boolean):void 0,[c]),U=b?.length?b:g.selectedValues||I,P={"custom-button-after-content":({children:e})=>t.jsxRuntimeExports.jsx("button",{className:"content-render-custom-button-after-content",onClick:C,children:t.jsxRuntimeExports.jsx("span",{className:"content-render-custom-button-after-content-inner",children:e})}),"custom-variable":e=>t.jsxRuntimeExports.jsx(ie.default,{...e,readonly:S,defaultButtonText:L,defaultInputText:A,defaultSelectedValues:U,onSend:a,beforeSend:z,confirmButtonText:n}),code:e=>{const{className:r,children:m,...D}=e;if(/language-(\w+)/.exec(r||"")?.[1]==="mermaid"){const v=m?.toString().replace(/\n$/,"")||"",te=W.mermaidBlockIsComplete(s,v);return t.jsxRuntimeExports.jsx(_.default,{chart:v,frozen:te})}return t.jsxRuntimeExports.jsx("code",{className:r,...D,children:m})},table:({...e})=>t.jsxRuntimeExports.jsx("div",{className:"content-render-table-container",children:t.jsxRuntimeExports.jsx("table",{className:"content-render-table",...e})}),th:({...e})=>t.jsxRuntimeExports.jsx("th",{className:"content-render-th",...e}),td:({...e})=>t.jsxRuntimeExports.jsx("td",{className:"content-render-td",...e}),tr:({...e})=>t.jsxRuntimeExports.jsx("tr",{className:"content-render-tr",...e}),li:({node:e,...r})=>{const m=e?.properties?.className;return typeof m=="string"&&m.includes("task-list-item")||Array.isArray(m)&&m.includes("task-list-item")?t.jsxRuntimeExports.jsx("li",{className:"content-render-task-list-item",...r}):t.jsxRuntimeExports.jsx("li",{...r})},ol:({...e})=>t.jsxRuntimeExports.jsx("ol",{className:"content-render-ol",...e}),ul:({...e})=>t.jsxRuntimeExports.jsx("ul",{className:"content-render-ul",...e}),input:({...e})=>e.type==="checkbox"?t.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"content-render-checkbox",disabled:!0,...e}):t.jsxRuntimeExports.jsx("input",{...e}),a:({children:e,...r})=>t.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",...r,children:e}),pre:e=>t.jsxRuntimeExports.jsx(oe.default,{...e,copyButtonText:q,copiedButtonText:N})},{displayContent:u,isComplete:d}=ae.default({content:$,typingSpeed:l,disabled:!R}),E=R?u:$,G=i.useMemo(()=>ge.test(s),[s]),V=i.useMemo(()=>G?ce.splitContentSegments(s,!0):[],[s,G]),w=V.some(e=>e.type==="sandbox"),Y=i.useMemo(()=>be(V),[V]),Z=i.useMemo(()=>W.parseMarkdownSegments(E),[E]),H=i.useRef(!1);i.useEffect(()=>{w||d&&!H.current&&(H.current=!0,y?.())},[w,d,y]),i.useEffect(()=>{w||(H.current=!1)},[w,s]);const ee=(e,r)=>{const m=K.normalizeInlineHtml(e);return W.parseMarkdownSegments(m).map((x,O)=>{const v=`${r}-${x.type}-${O}`;return x.type==="text"?t.jsxRuntimeExports.jsx(F,{components:P,content:x.value},v):x.type==="mermaid"?t.jsxRuntimeExports.jsx(_.default,{chart:x.value,frozen:!x.complete},v):x.type==="svg"?t.jsxRuntimeExports.jsx(Q,{svg:x.value},v):null})};return w?t.jsxRuntimeExports.jsx("div",{className:"content-render markdown-body",children:Y.map((e,r)=>e.type==="sandbox"?t.jsxRuntimeExports.jsx(le.default,{hideFullScreen:!0,type:"sandbox",content:e.value,className:"content-render-iframe",loadingText:h,styleLoadingText:p,scriptLoadingText:f,fullScreenButtonText:j,mode:T},`sandbox-${r}`):t.jsxRuntimeExports.jsx(i.Fragment,{children:ee(e.value,`md-${r}`)},`md-${r}`))}):t.jsxRuntimeExports.jsxs("div",{className:"content-render markdown-body",children:[Z.map((e,r)=>{if(e.type==="text")return t.jsxRuntimeExports.jsx(F,{components:P,content:e.value},r);if(e.type==="mermaid")return t.jsxRuntimeExports.jsx(_.default,{chart:e.value,frozen:!e.complete},r);if(e.type==="svg")return t.jsxRuntimeExports.jsx(Q,{svg:e.value},r)}),o&&t.jsxRuntimeExports.jsx("div",{className:"content-render-custom-bar",children:i.createElement(o,{content:s,displayContent:u,onSend:a})})]})};exports.MarkdownRenderer=F;exports.default=ye;
 //# sourceMappingURL=ContentRender.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentRender.cjs.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef } 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 { 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 useTypewriterStateMachine from \"./useTypewriterStateMachine\";\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\";\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\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  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  onTypeFinished?: () => void;\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  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: 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\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\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\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 ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  customRenderBar,\n  onSend,\n  typingSpeed = 30,\n  enableTypewriter = false,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  onTypeFinished,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(content),\n    [content]\n  );\n\n  // Use custom Hook to handle typewriter effect\n  const components: CustomComponents = {\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={onClickCustomButtonAfterContent}\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={readonly}\n        defaultButtonText={defaultButtonText}\n        defaultInputText={defaultInputText}\n        defaultSelectedValues={defaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\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(content, chartContent);\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={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const { displayContent, isComplete } = useTypewriterStateMachine({\n    // processMarkdownText will let code block printf(\"You win!\\n\") become printf(\"You win!<br/>\");\n    // content: processMarkdownText(content),\n    content: normalizedContent,\n    typingSpeed,\n    disabled: !enableTypewriter,\n  });\n\n  const renderSegments = useMemo(\n    () => splitContentSegments(content, true),\n    [content]\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(displayContent),\n    [displayContent]\n  );\n\n  const hasCompleted = useRef(false);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    if (isComplete && !hasCompleted.current) {\n      hasCompleted.current = true; // Mark as completed\n      onTypeFinished?.(); // Call the passed callback\n    }\n  }, [hasSandbox, isComplete, onTypeFinished]);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    hasCompleted.current = false; // Reset completion status when content changes\n  }, [hasSandbox, content]);\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              content={segment.value}\n              className=\"content-render-iframe\"\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              fullScreenButtonText={sandboxFullscreenButtonText}\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,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["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","ContentRender","content","customRenderBar","onSend","typingSpeed","enableTypewriter","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","onTypeFinished","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","normalizedContent","useMemo","normalizeInlineHtml","children","props","CustomButtonInputVariable","className","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","displayContent","isComplete","useTypewriterStateMachine","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","hasCompleted","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}
+{"version":3,"file":"ContentRender.cjs.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef } 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 { 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 useTypewriterStateMachine from \"./useTypewriterStateMachine\";\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\";\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// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\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  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  onTypeFinished?: () => void;\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  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: 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\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\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\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 ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  customRenderBar,\n  onSend,\n  typingSpeed = 30,\n  enableTypewriter = false,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  onTypeFinished,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(content),\n    [content]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        content,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [content, interactionDefaultValueOptions, 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\n  // Use custom Hook to handle typewriter effect\n  const components: CustomComponents = {\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={onClickCustomButtonAfterContent}\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={readonly}\n        defaultButtonText={resolvedDefaultButtonText}\n        defaultInputText={resolvedDefaultInputText}\n        defaultSelectedValues={resolvedDefaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\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(content, chartContent);\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={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const { displayContent, isComplete } = useTypewriterStateMachine({\n    // processMarkdownText will let code block printf(\"You win!\\n\") become printf(\"You win!<br/>\");\n    // content: processMarkdownText(content),\n    content: normalizedContent,\n    typingSpeed,\n    disabled: !enableTypewriter,\n  });\n  // Render the full content synchronously when typewriter is disabled\n  // to avoid a first-paint flash where content appears after helper actions.\n  const resolvedDisplayContent = enableTypewriter\n    ? displayContent\n    : normalizedContent;\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(content),\n    [content]\n  );\n\n  const renderSegments = useMemo(\n    () => (hasPotentialSandboxTags ? splitContentSegments(content, true) : []),\n    [content, 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(resolvedDisplayContent),\n    [resolvedDisplayContent]\n  );\n\n  const hasCompleted = useRef(false);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    if (isComplete && !hasCompleted.current) {\n      hasCompleted.current = true; // Mark as completed\n      onTypeFinished?.(); // Call the passed callback\n    }\n  }, [hasSandbox, isComplete, onTypeFinished]);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    hasCompleted.current = false; // Reset completion status when content changes\n  }, [hasSandbox, content]);\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              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              fullScreenButtonText={sandboxFullscreenButtonText}\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,\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","ContentRender","content","customRenderBar","onSend","typingSpeed","enableTypewriter","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","onTypeFinished","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","normalizedContent","useMemo","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","children","props","CustomButtonInputVariable","className","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","displayContent","isComplete","useTypewriterStateMachine","resolvedDisplayContent","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","hasCompleted","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"kpEA8CMA,GACJ,kGAkDIC,EAA8C,CAAC,CAAE,IAAAC,KAAU,CAC/D,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EAE3CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAOH,EAAQ,QACrB,GAAI,CAACG,EAAM,OACX,MAAMC,EAAaD,EAAK,YAAcA,EAAK,aAAa,CAAE,KAAM,OAAQ,EAClEE,EAAU,2BAChB,IAAIC,EAAUF,EAAW,eAAeC,CAAO,EAE1CC,IACHA,EAAU,SAAS,cAAc,OAAO,EACxCA,EAAQ,GAAKD,EAEbC,EAAQ,YAAc;AAAA;AAAA;AAAA;AAAA,QAKtBF,EAAW,YAAYE,CAAO,GAGV,MAAM,KAAKF,EAAW,UAAU,EAAE,OACrDG,GAASA,IAASD,CAAA,EAEP,QAASC,GAASH,EAAW,YAAYG,CAAI,CAAC,EAE5D,MAAMC,EAAW,SAAS,cAAc,UAAU,EAC5CC,EAAaC,GAAAA,uBAAuBX,CAAG,EAC7CS,EAAS,UAAYC,EACrBL,EAAW,OAAOI,EAAS,QAAQ,UAAU,EAAI,CAAC,EAElD,IAAIG,EAAmB,GACnBC,EAAc,GAElBR,EAAW,iBAAiB,KAAK,EAAE,QAASS,GAAU,CAEpD,MAAMC,EAAUD,EAAM,aAAa,SAAS,EAC5C,GAAI,CAACC,EAAS,OAEd,MAAMC,EAAaD,EAChB,KAAA,EACA,MAAM,QAAQ,EACd,IAAKE,GAAU,OAAOA,CAAK,CAAC,EAE/B,GAAID,EAAW,SAAW,GAAKA,EAAW,KAAK,OAAO,KAAK,EAAG,OAE9D,KAAM,CAAA,CAAA,CAAKE,EAAcC,CAAa,EAAIH,EACpCI,EAAYN,EAAM,aAAa,OAAO,EACtCO,EAAaP,EAAM,aAAa,QAAQ,EACxCQ,EAAoBL,GAA0B,CAClD,GAAI,CAACA,EAAO,MAAO,GACnB,MAAMM,EAAaN,EAAM,KAAA,EAAO,YAAA,EAChC,OAAOM,IAAe,QAAUA,EAAW,SAAS,GAAG,CACzD,EACMC,EAAmBP,GAA0B,CACjD,GAAI,CAACA,EAAO,OAAO,KACnB,MAAMM,EAAaN,EAAM,KAAA,EAAO,YAAA,EAChC,GAAIM,IAAe,QAAUA,EAAW,SAAS,GAAG,EAClD,OAAO,KAET,MAAME,EAAS,OAAO,WAAWF,CAAU,EAC3C,OAAO,OAAO,MAAME,CAAM,EAAI,KAAOA,CACvC,EAEMC,EAAkBJ,EAAiBF,CAAS,EAC5CO,EAAmBL,EAAiBD,CAAU,EAC9CO,EAAe,CAACR,GAAaA,IAAc,IAC3CS,EAAgB,CAACR,GAAcA,IAAe,IAC9CS,EAAeN,EAAgBJ,CAAS,EACxCW,EAAgBP,EAAgBH,CAAU,EAWhD,GALEK,GACAC,GACCC,GAAgBC,GANjBC,IAAiBZ,GAAgBa,IAAkBZ,EASxB,CAC3BP,EAAmB,GACnBE,EAAM,UAAU,IAAI,mCAAmC,EACvDA,EAAM,UAAU,OAAO,8BAA8B,EACrDA,EAAM,MAAM,MAAQ,OACpBA,EAAM,MAAM,OAAS,OACjB,CAACA,EAAM,MAAM,aAAeK,EAAgB,IAC9CL,EAAM,MAAM,YAAc,GAAGI,CAAY,MAAMC,CAAa,IAE9D,MACF,CAEAN,EAAc,GACdC,EAAM,UAAU,IAAI,8BAA8B,EAClDA,EAAM,UAAU,OAAO,mCAAmC,EACtDc,GAAgBV,EAAe,GACjCJ,EAAM,aAAa,QAAS,GAAGI,CAAY,EAAE,EAE3CW,GAAiBV,EAAgB,GACnCL,EAAM,aAAa,SAAU,GAAGK,CAAa,EAAE,CAEnD,CAAC,EAED,MAAMa,EAAiBpB,GAAoB,CAACC,EAC5CT,EAAK,UAAU,OAAO,iCAAkC4B,CAAc,EACtE5B,EAAK,UAAU,OAAO,4BAA6B,CAAC4B,CAAc,CACpE,EAAG,CAAChC,CAAG,CAAC,EAGNiC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BACb,SAAAA,EAAAA,kBAAAA,IAAC,OAAI,UAAU,qBAAqB,IAAKhC,CAAA,CAAS,CAAA,CACpD,CAEJ,EASMiC,GAAgB,CAACC,GAAAA,QAAWC,WAAYC,GAAAA,QAAYC,GAAAA,OAAY,EAEhEC,GAAgB,CACpBC,EAAAA,iCACAC,GAAAA,QACAC,GAAAA,uBACAC,EAAAA,gCACA,CAACC,GAAAA,QAAiB,CAAE,UAAWC,EAAAA,mBAAoB,OAAQC,EAAAA,gBAAiB,EAC5EC,GAAAA,OACF,EAEaC,EAGR,CAAC,CAAE,QAASC,EAAiB,WAAAC,KAChCjB,wBAAC,MAAA,CAAI,UAAU,oBACb,SAAAA,EAAAA,kBAAAA,IAACkB,GAAAA,SAAA,CACC,cAAAjB,GACA,cAAAK,GACA,WAAAW,EAEC,SAAAD,CAAA,CACH,CAAA,CACF,EAGIG,GAA2BC,GAA8B,CAC7D,GAAIA,EAAS,QAAU,EAAG,OAAOA,EACjC,MAAMC,EAA0B,CAAA,EAEhC,OAAAD,EAAS,QAASE,GAAY,CAC5B,GAAIA,EAAQ,OAAS,UAAW,CAC9BD,EAAO,KAAKC,CAAO,EACnB,MACF,CAEA,MAAMC,EAAOF,EAAOA,EAAO,OAAS,CAAC,EACrC,GAAIE,GAAQA,EAAK,OAAS,UAAW,CACnCF,EAAOA,EAAO,OAAS,CAAC,EAAI,CAC1B,KAAM,WACN,MAAO,GAAGE,EAAK,KAAK,GAAGD,EAAQ,KAAK,EAAA,EAEtC,MACF,CAEAD,EAAO,KAAK,CAAE,KAAM,WAAY,MAAOC,EAAQ,MAAO,CACxD,CAAC,EAEMD,CACT,EAEMG,GAA8C,CAAC,CACnD,QAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,GACd,iBAAAC,EAAmB,GACnB,UAAAC,EACA,+BAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,sBAAAC,EACA,SAAAC,EAAW,GACX,eAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,wBAAAC,EACA,yBAAAC,EACA,4BAAAC,EACA,YAAAC,EAAc,UACd,gCAAAC,EACA,WAAAC,CAEF,IAAM,CACJ,MAAMC,EAAoBC,EAAAA,QACxB,IAAMC,EAAAA,oBAAoBxB,CAAO,EACjC,CAACA,CAAO,CAAA,EAGJyB,EAAsBF,EAAAA,QAC1B,IACEG,GAAAA,4BACE1B,EACAK,EACAC,CAAA,EAEJ,CAACN,EAASM,EAAgCD,CAAS,CAAA,EAG/CsB,EACJpB,GAAmB,KAAA,GAAUkB,EAAoB,WAC7CG,EACJpB,GAAkB,KAAA,GAAUiB,EAAoB,UAC5CI,EAAyBN,EAAAA,QAC7B,IACElB,EACIA,EACG,MAAM,GAAG,EACT,IAAK9C,GAAUA,EAAM,KAAA,CAAM,EAC3B,OAAO,OAAO,EACjB,OACN,CAAC8C,CAAS,CAAA,EAENyB,EAAgCrB,GAAuB,OACzDA,EACAgB,EAAoB,gBAAkBI,EAGpCrC,EAA+B,CACnC,8BAA+B,CAAC,CAC9B,SAAAuC,CAAA,IAKExD,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAU,6CACV,QAAS6C,EAET,SAAA7C,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,mDACb,SAAAwD,CAAA,CACH,CAAA,CAAA,EAIN,kBAAoBC,GAClBzD,EAAAA,kBAAAA,IAAC0D,GAAAA,QAAA,CACE,GAAGD,EACJ,SAAAtB,EACA,kBAAmBiB,EACnB,iBAAkBC,EAClB,sBAAuBE,EACvB,OAAA5B,EACA,WAAAmB,EACA,kBAAAT,CAAA,CAAA,EAIJ,KAAOoB,GAAU,CACf,KAAM,CAAE,UAAAE,EAAW,SAAAH,EAAU,GAAGI,GAASH,EAMzC,GAFc,iBAAiB,KAAKE,GAAa,EAAE,IAC1B,CAAC,IACT,UAAW,CAC1B,MAAME,EAAeL,GAAU,SAAA,EAAW,QAAQ,MAAO,EAAE,GAAK,GAC1DM,GAASC,EAAAA,uBAAuBtC,EAASoC,CAAY,EAC3D,OAAO7D,EAAAA,kBAAAA,IAACgE,EAAAA,QAAA,CAAa,MAAOH,EAAc,OAAAC,EAAA,CAAgB,CAC5D,CAEA,OACE9D,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAA2D,EAAuB,GAAGC,EAC7B,SAAAJ,EACH,CAEJ,EACA,MAAO,CAAC,CAAE,GAAGC,CAAA,IACXzD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iCACb,iCAAC,QAAA,CAAM,UAAU,uBAAwB,GAAGyD,EAAO,EACrD,EAEF,GAAI,CAAC,CAAE,GAAGA,CAAA,IAAYzD,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,oBAAqB,GAAGyD,EAAO,EACnE,GAAI,CAAC,CAAE,GAAGA,CAAA,IAAYzD,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,oBAAqB,GAAGyD,EAAO,EACnE,GAAI,CAAC,CAAE,GAAGA,CAAA,IAAYzD,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,oBAAqB,GAAGyD,EAAO,EACnE,GAAI,CAAC,CAAE,KAAAlF,EAAM,GAAGkF,KAAY,CAC1B,MAAME,EAAYpF,GAAM,YAAY,UAKpC,OAHG,OAAOoF,GAAc,UACpBA,EAAU,SAAS,gBAAgB,GACpC,MAAM,QAAQA,CAAS,GAAKA,EAAU,SAAS,gBAAgB,EAEzD3D,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,gCAAiC,GAAGyD,EAAO,EAE3DzD,wBAAC,KAAA,CAAI,GAAGyD,CAAA,CAAO,CACxB,EACA,GAAI,CAAC,CAAE,GAAGA,CAAA,IAAYzD,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,oBAAqB,GAAGyD,EAAO,EACnE,GAAI,CAAC,CAAE,GAAGA,CAAA,IAAYzD,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,oBAAqB,GAAGyD,EAAO,EACnE,MAAO,CAAC,CAAE,GAAGA,KACPA,EAAM,OAAS,WAEfzD,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAK,WACL,UAAU,0BACV,SAAQ,GACP,GAAGyD,CAAA,CAAA,EAIHzD,wBAAC,QAAA,CAAO,GAAGyD,CAAA,CAAO,EAE3B,EAAG,CAAC,CAAE,SAAAD,EAAU,GAAGC,CAAA,IACjBzD,EAAAA,kBAAAA,IAAC,IAAA,CAAE,OAAO,SAAS,IAAI,sBAAuB,GAAGyD,EAC9C,SAAAD,CAAA,CACH,EAEF,IAAMC,GACJzD,EAAAA,kBAAAA,IAACiE,GAAAA,QAAA,CACE,GAAGR,EACJ,eAAAnB,EACA,iBAAAC,CAAA,CAAA,CACF,EAIE,CAAE,eAAA2B,EAAgB,WAAAC,CAAA,EAAeC,WAA0B,CAG/D,QAASrB,EACT,YAAAnB,EACA,SAAU,CAACC,CAAA,CACZ,EAGKwC,EAAyBxC,EAC3BqC,EACAnB,EAEEuB,EAA0BtB,EAAAA,QAC9B,IAAMnF,GAAyB,KAAK4D,CAAO,EAC3C,CAACA,CAAO,CAAA,EAGJ8C,EAAiBvB,EAAAA,QACrB,IAAOsB,EAA0BE,GAAAA,qBAAqB/C,EAAS,EAAI,EAAI,CAAA,EACvE,CAACA,EAAS6C,CAAuB,CAAA,EAG7BG,EAAaF,EAAe,KAC/BjD,GAAYA,EAAQ,OAAS,SAAA,EAE1BoD,EAAuB1B,EAAAA,QAC3B,IAAM7B,GAAwBoD,CAAc,EAC5C,CAACA,CAAc,CAAA,EAGXnD,EAAW4B,EAAAA,QACf,IAAM2B,EAAAA,sBAAsBN,CAAsB,EAClD,CAACA,CAAsB,CAAA,EAGnBO,EAAe3G,EAAAA,OAAO,EAAK,EAEjCC,EAAAA,UAAU,IAAM,CACVuG,GACAN,GAAc,CAACS,EAAa,UAC9BA,EAAa,QAAU,GACvBxC,IAAA,EAEJ,EAAG,CAACqC,EAAYN,EAAY/B,CAAc,CAAC,EAE3ClE,EAAAA,UAAU,IAAM,CACVuG,IACJG,EAAa,QAAU,GACzB,EAAG,CAACH,EAAYhD,CAAO,CAAC,EAExB,MAAMoD,GAAyB,CAACC,EAAaC,IAAsB,CACjE,MAAMzF,EAAa2D,EAAAA,oBAAoB6B,CAAG,EAG1C,OAFeH,EAAAA,sBAAsBrF,CAAU,EAEjC,IAAI,CAAC0F,EAAKC,IAAU,CAChC,MAAMC,EAAM,GAAGH,CAAS,IAAIC,EAAI,IAAI,IAAIC,CAAK,GAE7C,OAAID,EAAI,OAAS,OAEbhF,EAAAA,kBAAAA,IAACe,EAAA,CAEC,WAAAE,EACA,QAAS+D,EAAI,KAAA,EAFRE,CAAA,EAOPF,EAAI,OAAS,UAEbhF,wBAACgE,EAAAA,SAAuB,MAAOgB,EAAI,MAAO,OAAQ,CAACA,EAAI,QAAA,EAApCE,CAA8C,EAIjEF,EAAI,OAAS,MACRhF,EAAAA,kBAAAA,IAAClC,EAAA,CAA2B,IAAKkH,EAAI,OAAdE,CAAqB,EAG9C,IACT,CAAC,CACH,EAEA,OAAIT,EAEAzE,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,+BACZ,SAAA0E,EAAqB,IAAI,CAACpD,EAAS6D,IAClC7D,EAAQ,OAAS,UACftB,EAAAA,kBAAAA,IAACoF,GAAAA,QAAA,CAEC,eAAc,GACd,KAAK,UACL,QAAS9D,EAAQ,MACjB,UAAU,wBACV,YAAakB,EACb,iBAAkBC,EAClB,kBAAmBC,EACnB,qBAAsBC,EACtB,KAAMC,CAAA,EATD,WAAWuC,CAAG,EAAA,EAYrBnF,EAAAA,kBAAAA,IAACqF,EAAM,SAAN,CACE,SAAAR,GAAuBvD,EAAQ,MAAO,MAAM6D,CAAG,EAAE,CAAA,EAD/B,MAAMA,CAAG,EAE9B,CAAA,EAGN,EAKFG,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,+BACZ,SAAA,CAAAlE,EAAS,IAAI,CAAC4D,EAAKC,IAAU,CAC5B,GAAID,EAAI,OAAS,OACf,OACEhF,EAAAA,kBAAAA,IAACe,EAAA,CAEC,WAAAE,EACA,QAAS+D,EAAI,KAAA,EAFRC,CAAA,EAOX,GAAID,EAAI,OAAS,UACf,OACEhF,EAAAA,kBAAAA,IAACgE,EAAAA,QAAA,CAEC,MAAOgB,EAAI,MACX,OAAQ,CAACA,EAAI,QAAA,EAFRC,CAAA,EAOX,GAAID,EAAI,OAAS,MACf,OAAOhF,EAAAA,kBAAAA,IAAClC,EAAA,CAA6B,IAAKkH,EAAI,OAAhBC,CAAuB,CAEzD,CAAC,EAEAvD,GACC1B,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,SAAAqF,EAAM,cAAc3D,EAAiB,CACpC,QAAAD,EACA,eAAAyC,EACA,OAAAvC,CAAA,CACD,CAAA,CACH,CAAA,EAEJ,CAEJ"}

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

@@ -1,24 +1,27 @@
 import { default as React } from 'react';
 import { CustomRenderBarProps, OnSendContentParams } from '../types';
 import { ComponentsWithCustomVariable } from './plugins/CustomVariable';
+import { InteractionDefaultValueOptions } from '../../lib/interaction-defaults';
 export interface ContentRenderProps {
     content: string;
     /**
-  +   * Callback invoked when the custom button after content is clicked.
-  +   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.
-  +   * @example
-  +   * ```tsx
-  +   * <ContentRender
-  +   *   content="Hello <custom-button-after-content>Ask</custom-button-after-content>"
-  +   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}
-  +   * />
-  +   * ```
-  +   */
+     * Callback invoked when the custom button after content is clicked.
+     * This button is rendered via the `<custom-button-after-content>` tag in markdown content.
+     * @example
+     * ```tsx
+     * <ContentRender
+     *   content="Hello <custom-button-after-content>Ask</custom-button-after-content>"
+     *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}
+     * />
+     * ```
+     */
     customRenderBar?: CustomRenderBarProps;
     onClickCustomButtonAfterContent?: () => void;
     onSend?: (content: OnSendContentParams) => void;
     typingSpeed?: number;
     enableTypewriter?: boolean;
+    userInput?: string;
+    interactionDefaultValueOptions?: InteractionDefaultValueOptions;
     defaultButtonText?: string;
     defaultInputText?: string;
     defaultSelectedValues?: string[];