markdown-flow-ui 0.2.13 → 0.2.15

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

@@ -1 +1 @@
-{"version":3,"file":"ContentRender.es.js","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.es.js","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  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;\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  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  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 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    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","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","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","typewriterChunkSize","typewriterTickMs","displayContent","setDisplayContent","useState","pendingContentRef","previousTypewriterEnabledRef","hasReportedTypeFinishedRef","wasTypewriterEnabled","current","shouldRestartTyping","canContinueTyping","nextVisibleContent","typewriterTimer","chunk","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/IframeSandbox.cjs

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),et=require("react-dom/client"),tt=require("./SandboxApp.cjs"),nt=require("./ContentRender.cjs"),T=require("./utils/iframe-viewport-height.cjs"),Ne=require("../../lib/sandboxInteraction.cjs"),rt=require("./utils/iframe-scaling.cjs"),ot=require("./contentRenderI18n.cjs"),it=require("./cjkFontFamily.cjs");let xe=null;const Ve=()=>(xe||(xe=Promise.resolve().then(()=>require("./blackboard-vendor.cjs"))),xe),st=/<img\b[^>]*>/i,ct=180,lt=240,ut=i=>i.split(/\s+/).filter(Boolean).map(o=>{const c=o.split(":");return c[c.length-1]!=="h-screen"&&c[c.length-1]!=="min-h-screen"?o:(c[c.length-1]="h-full",c.join(":"))}).join(" "),at=(i,o)=>!o||!i.trim()?i:i.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(c,b,_="")=>{const m=_.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!m)return c;const k=ut(m[2]);return k===m[2]?c:`${b}${_.replace(m[0],`class=${m[1]}${k}${m[1]}`)}>`}),ht=({content:i,type:o,className:c,locale:b,loadingText:_,styleLoadingText:m,scriptLoadingText:k,fullScreenButtonText:We,exitFullScreenButtonText:Be,hideFullScreen:qe=!1,mode:h="content",replaceRootScreenHeightWithFull:Pe=!1,enableScaling:$e=!1,disableLoadingOverlay:Q=!1})=>{const we=ot.getContentRenderLocaleTexts(b),ze=We||we.sandboxFullscreenButtonText,De=Be||we.sandboxExitFullscreenButtonText,I=t.useRef(null),x=t.useRef(null),P=t.useRef(null),O=t.useRef(()=>{}),[Le,Ge]=t.useState(480),[He,Ye]=t.useState(0),[Z,ee]=t.useState(0),te=t.useRef(!1),ne=t.useRef(!1),pe=t.useRef(0),[Re,Ue]=t.useState(0),[re,Xe]=t.useState(!1),oe=o==="sandbox",w=h==="blackboard",H=$e&&w&&o==="sandbox",j=w&&o==="sandbox",A=j&&Pe,ie=t.useRef(""),$=t.useMemo(()=>o==="sandbox"?i:"",[i,o]),s=t.useMemo(()=>at($,A),[$,A]),Se=t.useMemo(()=>A?T.inspectViewportHeightFromHtmlRootString($):T.EMPTY_ROOT_HEIGHT_META,[$,A]),se=t.useMemo(()=>A&&Se.hasFullViewportHeight,[Se.hasFullViewportHeight,A]),[z,Ee]=t.useState(s),ve=t.useRef(s),ce=t.useRef(s),N=t.useRef(null),p=t.useRef(null),ye=t.useRef(null),Ce=t.useCallback(n=>{if(typeof window>"u")return;const e=Date.now();e-pe.current<lt||(pe.current=e,window.postMessage({source:Ne.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:Ne.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:n},window.location.origin))},[]),le=()=>{N.current!==null&&(window.clearTimeout(N.current),N.current=null)},Ke=()=>{p.current!==null&&(window.cancelAnimationFrame(p.current),p.current=null)};t.useEffect(()=>()=>{le(),Ke()},[]),t.useEffect(()=>{const n=ve.current;ve.current=s;const e=!!n&&s.length>n.length&&s.startsWith(n),d=st.test(s);if(!(e&&d)){le(),ce.current=s,Ee(s);return}ce.current=s,le(),N.current=window.setTimeout(()=>{Ee(ce.current),N.current=null},ct)},[s]);const D=t.useMemo(()=>j?T.inspectViewportHeightFromHtmlRootString(z).viewportHeightCss:null,[z,j]);t.useEffect(()=>{ye.current=D},[D]);const ue=!!D,V=w&&o==="sandbox"?H||se?"100%":D??`${Le}px`:void 0;t.useEffect(()=>{if(h!=="blackboard"){ie.current=s;return}const n=ie.current;!(n&&s.startsWith(n))&&n&&Ue(d=>d+1),ie.current=s},[h,s]),t.useEffect(()=>{const n=x.current;if(!n)return;const e=n.contentDocument;if(!e)return;e.open(),e.write(`<!DOCTYPE html>
-<html${h==="blackboard"?' style="height: 100%;"':""}>
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react/jsx-runtime"),t=require("react"),Ht=require("react-dom/client"),xt=require("./SandboxApp.cjs"),Rt=require("./ContentRender.cjs"),A=require("./utils/iframe-viewport-height.cjs"),Ye=require("../../lib/sandboxInteraction.cjs"),pt=require("./utils/iframe-scaling.cjs"),Ue=require("../../lib/locale.cjs"),St=require("../../lib/useDetachedLanguage.cjs"),Xe=require("../../lib/useResolvedDirection.cjs"),vt=require("./contentRenderI18n.cjs"),Et=require("./cjkFontFamily.cjs");let Se=null;const Ke=()=>(Se||(Se=Promise.resolve().then(()=>require("./blackboard-vendor.cjs"))),Se),Ct=/<img\b[^>]*>/i,yt=180,Mt=240,Tt=i=>i.split(/\s+/).filter(Boolean).map(o=>{const l=o.split(":");return l[l.length-1]!=="h-screen"&&l[l.length-1]!=="min-h-screen"?o:(l[l.length-1]="h-full",l.join(":"))}).join(" "),kt=(i,o)=>!o||!i.trim()?i:i.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(l,h,P="")=>{const w=P.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!w)return l;const I=Tt(w[2]);return I===w[2]?l:`${h}${P.replace(w[0],`class=${w[1]}${I}${w[1]}`)}>`}),Ft=({content:i,type:o,className:l,locale:h,lang:P,dir:w,loadingText:I,styleLoadingText:ve,scriptLoadingText:Ee,fullScreenButtonText:Je,exitFullScreenButtonText:Qe,hideFullScreen:Ze=!1,mode:u="content",replaceRootScreenHeightWithFull:et=!1,enableScaling:tt=!1,disableLoadingOverlay:ee=!1})=>{const Ce=vt.getContentRenderLocaleTexts(h),H=w??Ue.getMarkdownFlowDirection(h),te=P??Ue.getMarkdownFlowLanguage(h),nt=Je||Ce.sandboxFullscreenButtonText,rt=Qe||Ce.sandboxExitFullscreenButtonText,C=t.useRef(null),ye=St.useDetachedLanguage(C,te),{resolvedDirection:ne}=Xe.useResolvedDirection(C,H),Me=t.useRef(null),Te=t.useRef(null),ot=t.useCallback(n=>{Me.current=n,Te.current=n?.querySelector(".content-render")??null},[]),{resolvedDirection:it}=Xe.useResolvedDirection(Te,H),ke=H??ne,Fe=t.useRef(H);Fe.current=H;const[st,ct]=t.useState();let z;H==="auto"&&(z=ne,o==="sandbox"?z=st??ne:u==="blackboard"&&(z=it));const x=t.useRef(null),L=t.useRef(null),q=t.useRef(()=>{}),[lt,ut]=t.useState(480),[Ae,at]=t.useState(0),[re,oe]=t.useState(0),ie=t.useRef(!1),se=t.useRef(!1),_e=t.useRef(0),[De,dt]=t.useState(0),[ce,ht]=t.useState(!1),le=o==="sandbox",R=u==="blackboard",p=tt&&R&&o==="sandbox",O=R&&o==="sandbox",D=O&&et,ue=t.useRef(""),$=t.useMemo(()=>o==="sandbox"?i:"",[i,o]),s=t.useMemo(()=>kt($,D),[$,D]),Ie=t.useMemo(()=>D?A.inspectViewportHeightFromHtmlRootString($):A.EMPTY_ROOT_HEIGHT_META,[$,D]),ae=t.useMemo(()=>D&&Ie.hasFullViewportHeight,[Ie.hasFullViewportHeight,D]),[G,qe]=t.useState(s),Oe=t.useRef(s),de=t.useRef(s),V=t.useRef(null),S=t.useRef(null),Ve=t.useRef(null),he=t.useCallback(n=>{if(typeof window>"u")return;const e=Date.now();e-_e.current<Mt||(_e.current=e,window.postMessage({source:Ye.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:Ye.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:n},window.location.origin))},[]);t.useEffect(()=>{if(o!=="markdown"||u!=="blackboard")return;const n=Me.current;if(!n)return;const e=()=>he("click");return n.addEventListener("click",e),()=>n.removeEventListener("click",e)},[he,u,o]);const fe=()=>{V.current!==null&&(window.clearTimeout(V.current),V.current=null)},ft=()=>{S.current!==null&&(window.cancelAnimationFrame(S.current),S.current=null)};t.useEffect(()=>()=>{fe(),ft()},[]),t.useEffect(()=>{const n=Oe.current;Oe.current=s;const e=!!n&&s.length>n.length&&s.startsWith(n),f=Ct.test(s);if(!(e&&f)){fe(),de.current=s,qe(s);return}de.current=s,fe(),V.current=window.setTimeout(()=>{qe(de.current),V.current=null},yt)},[s]);const Y=t.useMemo(()=>O?A.inspectViewportHeightFromHtmlRootString(G).viewportHeightCss:null,[G,O]);t.useEffect(()=>{Ve.current=Y},[Y]);const me=!!Y,N=R&&o==="sandbox"?p||ae?"100%":Y??`${lt}px`:void 0;t.useEffect(()=>{if(u!=="blackboard"){ue.current=s;return}const n=ue.current;!(n&&s.startsWith(n))&&n&&dt(f=>f+1),ue.current=s},[u,s]),t.useEffect(()=>{const n=x.current;if(!n)return;const e=n.contentDocument;if(!e)return;e.open(),e.write(`<!DOCTYPE html>
+<html${u==="blackboard"?' style="height: 100%;"':""}>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <style>
       :root { color-scheme: light; }
-      html, body, #root { width: 100%; font-family: ${it.CJK_SAFE_SANS_FONT_FAMILY}; }
-      ${h==="blackboard"?"html, body, #root { height: 100%; }":""}
-      html, body { margin: 0; padding: 0; overflow: ${H?"hidden auto":h==="blackboard"?"auto":"hidden"}; }
+      html, body, #root { width: 100%; font-family: ${Et.CJK_SAFE_SANS_FONT_FAMILY}; }
+      ${u==="blackboard"?"html, body, #root { height: 100%; }":""}
+      html, body { margin: 0; padding: 0; overflow: ${p?"hidden auto":u==="blackboard"?"auto":"hidden"}; }
       *, *::before, *::after { box-sizing: border-box; }
-      ${h!=="blackboard"?`
+      ${u!=="blackboard"?`
         .h-screen { height: auto !important; }
         .min-h-screen { min-height: auto !important; }
         .h-dvh, .h-svh, .h-lvh { height: auto !important; }
@@ -20,5 +20,5 @@
   <body>
     <div id="root"></div>
   </body>
-</html>`),e.close(),e.documentElement.setAttribute("data-theme","light"),e.documentElement.style.colorScheme="light",e.body?.style.setProperty("color-scheme","light");const d=w&&o==="sandbox",L=()=>Ce("click");d&&e.addEventListener("click",L,!0);const W=e.getElementById("root");if(!W)return;const ae=et.createRoot(W);P.current=ae;let R=!1;const Me=r=>({heightAttrValue:r.getAttribute("height"),styleAttrValue:r.getAttribute("style"),classAttrValue:r.getAttribute("class")}),Ae=r=>{const u=Array.from(r.children);return u.length===1?u[0]:null},Ze=()=>{if(!j||!x.current||!e.body)return null;const r=x.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,u=ye.current,F=u?T.parseExplicitHeight(u,r):null;if(F!==null)return Math.ceil(F);const f=e.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!f)return null;const g=Array.from(f.children),v=g.length===1?g[0]:null,K=T.inspectViewportHeightFromNodeChain(v,{getNode:Me,getSingleChild:Ae}).viewportHeightCss;if(K){const B=T.parseExplicitHeight(K,r);if(B!==null)return Math.ceil(B)}const a=T.resolveExplicitHeightFromNodeChain(v,r,{getNode:Me,getSingleChild:Ae});return a!==null?Math.ceil(a):null},he=()=>{if(!x.current||!e.body)return;if(!w){if(te.current){ne.current=!0;return}te.current=!0;const f=x.current,g=I.current?.clientWidth||0,v=f.style.height;if(g>0){const be=Math.round(g*9/16),K=Math.max(8192,g*20);f.style.height=be+"px",e.body.offsetHeight;let a=e.body.scrollHeight;const B=e.defaultView;if(B){const q=S=>{let y=0;const Oe=C=>{if(C!==S&&C.scrollHeight>C.clientHeight+1){const J=B.getComputedStyle(C).overflowY;if(J==="auto"||J==="scroll"){const je=C.getBoundingClientRect();je.top>=0&&(y=Math.max(y,Math.ceil(je.top+C.scrollHeight)))}}for(const J of C.children)Oe(J)};return Oe(S),y};a=Math.max(a,q(e.body));for(let S=0;S<8&&a>be;S++){f.style.height=a+"px",e.body.offsetHeight;const y=Math.max(e.body.scrollHeight,q(e.body));if(y<=a+1||y>=a*1.5)break;a=y}}f.style.height=v,Ye(q=>{const S=Math.min(K,Math.max(200,Math.ceil(a)));return q===S?q:S})}setTimeout(()=>{te.current=!1,ne.current&&(ne.current=!1,E())},50);return}if(H)return;const r=e.body.scrollHeight,u=e.documentElement?.scrollHeight||0,F=W?.scrollHeight||0,X=Math.max(r,u,F);if(j){const f=Ze(),g=Math.max(200,f??Math.ceil(X));Ge(v=>v===g?v:g)}},E=()=>{requestAnimationFrame(()=>{R||he()})};O.current=E,he(),E(),oe&&Ve().then(({injectBlackboardLibraries:r})=>{R||(r(e),H&&rt.injectScalingSystem(e),requestAnimationFrame(()=>{R||E()}))}).catch(()=>{R||E()});const l=I.current;let de=!!(l&&(l.clientWidth<=0||l.clientHeight<=0)),G=!1,Y=null,U=null;const Fe=()=>{if(R)return;E(),n.contentWindow?.__mdf_triggerFitContent?.()},fe=()=>!!(l&&l.clientWidth>0&&l.clientHeight>0),_e=()=>{!oe||!l||!de||G||!fe()||(G=!0,Ve().then(({refreshTailwindRuntime:r})=>{R||(Y=window.requestAnimationFrame(()=>{Y=null,G=!1;const u=e.querySelector(".sandbox-container");R||!fe()||!u?.childNodes.length||!r(e)||(de=!1,Fe(),U=window.setTimeout(()=>{U=null,Fe()},100))}))}).catch(()=>{G=!1}))},ke=typeof ResizeObserver<"u",me=oe&&l&&ke?new ResizeObserver(r=>{const u=r[0]?.contentRect,F=u?.width??l.clientWidth,X=u?.height??l.clientHeight;F>0&&X>0&&_e()}):null;me&&l&&me.observe(l);const ge=ke?new ResizeObserver(()=>he()):null;ge?.observe(e.body),W&&ge?.observe(W);const Ie=new MutationObserver(()=>{if(E(),!fe()){de=!0;return}_e()});return Ie.observe(e.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{R=!0,me?.disconnect(),ge?.disconnect(),Ie.disconnect(),Y!==null&&window.cancelAnimationFrame(Y),U!==null&&window.clearTimeout(U),H&&n.contentWindow?.__mdf_cleanupScaling?.(),d&&e.removeEventListener("click",L,!0),P.current===ae&&(P.current=null,O.current=()=>{}),setTimeout(()=>{ae.unmount()},0)}},[]),t.useEffect(()=>{const n=()=>{Xe(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]),t.useEffect(()=>{const n=I.current;if(!n)return;if(typeof ResizeObserver>"u"){ee(n.clientWidth);return}const e=new ResizeObserver(d=>{ee(d[0]?.contentRect.width??n.clientWidth)});return e.observe(n),ee(n.clientWidth),()=>e.disconnect()},[]);const Te=t.useMemo(()=>{if(w||Z===0||re)return;const n=Math.round(Z*9/16);return{height:Math.max(n,He)}},[w,Z,He,re]),Je=()=>{const n=I.current||x.current;if(n){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}n.requestFullscreen&&n.requestFullscreen().catch(()=>{})}};t.useEffect(()=>{const n=P.current;if(!n)return;n.render(M.jsxRuntimeExports.jsx(tt.default,{html:z,locale:b,loadingText:_,styleLoadingText:m,scriptLoadingText:k,disableLoadingOverlay:Q,resetToken:Re,hasRootVhHeight:ue,mode:h,stretchRootHeight:se,enableScaling:H})),p.current=window.requestAnimationFrame(()=>{O.current?.(),H&&x.current?.contentWindow?.__mdf_triggerFitContent?.(),p.current=null});const e=setTimeout(()=>O.current?.(),100),d=setTimeout(()=>O.current?.(),500);return()=>{p.current!==null&&(window.cancelAnimationFrame(p.current),p.current=null),clearTimeout(e),clearTimeout(d)}},[z,b,_,m,k,Re,Q,ue,h,se,H]);const Qe=[`w-full relative content-render-iframe-sandbox content-render-iframe-sandbox--${o}`,w?"h-full overflow-auto flex flex-col":Te?"overflow-hidden flex items-center justify-center":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return M.jsxRuntimeExports.jsxs("div",{ref:I,"data-root-vh":ue?"true":"false",className:Qe,style:V?{height:V,minHeight:V}:Te,children:[!qe&&M.jsxRuntimeExports.jsx("button",{type:"button",onClick:Je,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:re?De:ze}),h==="blackboard"&&o==="markdown"?M.jsxRuntimeExports.jsx("div",{onClick:()=>Ce("click"),children:M.jsxRuntimeExports.jsx(nt.default,{content:i,locale:b,disableSandboxLoadingOverlay:Q})}):M.jsxRuntimeExports.jsx("iframe",{ref:x,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[c,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:V??"100%",minHeight:V,margin:"auto"}})]})},dt=i=>{const o=i.mode??"content",c=!!(i.enableScaling&&o==="blackboard"&&i.type==="sandbox"),b=`${i.type}:${o}:${c?"scaled":"unscaled"}`;return M.jsxRuntimeExports.jsx(ht,{...i},b)};exports.default=dt;
+</html>`),e.close(),e.documentElement.setAttribute("data-theme","light"),e.documentElement.style.colorScheme="light",e.body?.style.setProperty("color-scheme","light");const f=R&&o==="sandbox",U=()=>he("click");f&&e.addEventListener("click",U,!0);const W=e.getElementById("root");if(!W)return;const ge=Ht.createRoot(W);L.current=ge;let v=!1;const We=r=>({heightAttrValue:r.getAttribute("height"),styleAttrValue:r.getAttribute("style"),classAttrValue:r.getAttribute("class")}),Be=r=>{const c=Array.from(r.children);return c.length===1?c[0]:null},bt=()=>{if(!O||!x.current||!e.body)return null;const r=x.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,c=Ve.current,g=c?A.parseExplicitHeight(c,r):null;if(g!==null)return Math.ceil(g);const m=e.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!m)return null;const b=Array.from(m.children),T=b.length===1?b[0]:null,Q=A.inspectViewportHeightFromNodeChain(T,{getNode:We,getSingleChild:Be}).viewportHeightCss;if(Q){const B=A.parseExplicitHeight(Q,r);if(B!==null)return Math.ceil(B)}const d=A.resolveExplicitHeightFromNodeChain(T,r,{getNode:We,getSingleChild:Be});return d!==null?Math.ceil(d):null},be=()=>{if(!x.current||!e.body)return;if(!R){if(ie.current){se.current=!0;return}ie.current=!0;const m=x.current,b=C.current?.clientWidth||0,T=m.style.height;if(b>0){const pe=Math.round(b*9/16),Q=Math.max(8192,b*20);m.style.height=pe+"px",e.body.offsetHeight;let d=e.body.scrollHeight;const B=e.defaultView;if(B){const j=E=>{let k=0;const $e=F=>{if(F!==E&&F.scrollHeight>F.clientHeight+1){const Z=B.getComputedStyle(F).overflowY;if(Z==="auto"||Z==="scroll"){const Ge=F.getBoundingClientRect();Ge.top>=0&&(k=Math.max(k,Math.ceil(Ge.top+F.scrollHeight)))}}for(const Z of F.children)$e(Z)};return $e(E),k};d=Math.max(d,j(e.body));for(let E=0;E<8&&d>pe;E++){m.style.height=d+"px",e.body.offsetHeight;const k=Math.max(e.body.scrollHeight,j(e.body));if(k<=d+1||k>=d*1.5)break;d=k}}m.style.height=T,at(j=>{const E=Math.min(Q,Math.max(200,Math.ceil(d)));return j===E?j:E})}setTimeout(()=>{ie.current=!1,se.current&&(se.current=!1,y())},50);return}if(p)return;const r=e.body.scrollHeight,c=e.documentElement?.scrollHeight||0,g=W?.scrollHeight||0,M=Math.max(r,c,g);if(O){const m=bt(),b=Math.max(200,m??Math.ceil(M));ut(T=>T===b?T:b)}},y=()=>{requestAnimationFrame(()=>{v||be()})};q.current=y,be(),y(),le&&Ke().then(({injectBlackboardLibraries:r})=>{v||(r(e),p&&pt.injectScalingSystem(e),requestAnimationFrame(()=>{v||y()}))}).catch(()=>{v||y()});const a=C.current;let we=!!(a&&(a.clientWidth<=0||a.clientHeight<=0)),X=!1,K=null,J=null;const je=()=>{if(v)return;y(),n.contentWindow?.__mdf_triggerFitContent?.()},He=()=>!!(a&&a.clientWidth>0&&a.clientHeight>0),Pe=()=>{!le||!a||!we||X||!He()||(X=!0,Ke().then(({refreshTailwindRuntime:r})=>{v||(K=window.requestAnimationFrame(()=>{K=null,X=!1;const c=e.querySelector(".sandbox-container");v||!He()||!c?.childNodes.length||!r(e)||(we=!1,je(),J=window.setTimeout(()=>{J=null,je()},100))}))}).catch(()=>{X=!1}))},ze=typeof ResizeObserver<"u",xe=le&&a&&ze?new ResizeObserver(r=>{const c=r[0]?.contentRect,g=c?.width??a.clientWidth,M=c?.height??a.clientHeight;g>0&&M>0&&Pe()}):null;xe&&a&&xe.observe(a);const Re=ze?new ResizeObserver(()=>be()):null;Re?.observe(e.body),W&&Re?.observe(W);const wt=()=>{if(o!=="sandbox"||Fe.current!=="auto")return;const r=e.querySelector(".sandbox-wrapper"),c=e.defaultView;if(!r||!c)return;const g=c.getComputedStyle(r).direction==="rtl"?"rtl":"ltr";ct(M=>M===g?M:g)},Le=new MutationObserver(()=>{if(wt(),y(),!He()){we=!0;return}Pe()});return Le.observe(e.body,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:["style","class","dir"]}),()=>{v=!0,xe?.disconnect(),Re?.disconnect(),Le.disconnect(),K!==null&&window.cancelAnimationFrame(K),J!==null&&window.clearTimeout(J),p&&n.contentWindow?.__mdf_cleanupScaling?.(),f&&e.removeEventListener("click",U,!0),L.current===ge&&(L.current=null,q.current=()=>{}),setTimeout(()=>{ge.unmount()},0)}},[]),t.useEffect(()=>{const n=()=>{ht(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]),t.useEffect(()=>{const n=C.current;if(!n)return;if(typeof ResizeObserver>"u"){oe(n.clientWidth);return}const e=new ResizeObserver(f=>{oe(f[0]?.contentRect.width??n.clientWidth)});return e.observe(n),oe(n.clientWidth),()=>e.disconnect()},[]);const Ne=t.useMemo(()=>{if(R||re===0||ce)return;const n=Math.round(re*9/16);return{height:Math.max(n,Ae)}},[R,re,Ae,ce]),mt=()=>{const n=C.current||x.current;if(n){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}n.requestFullscreen&&n.requestFullscreen().catch(()=>{})}};t.useEffect(()=>{const n=L.current;if(!n)return;n.render(_.jsx(xt.default,{html:G,locale:h,dir:ke,lang:ye,loadingText:I,styleLoadingText:ve,scriptLoadingText:Ee,disableLoadingOverlay:ee,resetToken:De,hasRootVhHeight:me,mode:u,stretchRootHeight:ae,enableScaling:p})),S.current=window.requestAnimationFrame(()=>{q.current?.(),p&&x.current?.contentWindow?.__mdf_triggerFitContent?.(),S.current=null});const e=setTimeout(()=>q.current?.(),100),f=setTimeout(()=>q.current?.(),500);return()=>{S.current!==null&&(window.cancelAnimationFrame(S.current),S.current=null),clearTimeout(e),clearTimeout(f)}},[G,h,ke,ye,I,ve,Ee,De,ee,me,u,ae,p]);const gt=[`w-full relative content-render-iframe-sandbox content-render-iframe-sandbox--${o}`,R?"h-full overflow-auto flex flex-col":Ne?"overflow-hidden flex items-center justify-center":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return _.jsxs("div",{ref:C,dir:H,lang:te,"data-root-vh":me?"true":"false",className:gt,style:N?{height:N,minHeight:N}:Ne,children:[!Ze&&_.jsx("button",{type:"button",dir:z,onClick:mt,className:"absolute top-2 end-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:ce?rt:nt}),u==="blackboard"&&o==="markdown"?_.jsx("div",{ref:ot,children:_.jsx(Rt.default,{content:i,locale:h,dir:H,lang:te,disableSandboxLoadingOverlay:ee})}):_.jsx("iframe",{ref:x,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[l,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:N??"100%",minHeight:N,margin:"auto"}})]})},At=i=>{const o=i.mode??"content",l=!!(i.enableScaling&&o==="blackboard"&&i.type==="sandbox"),h=`${i.type}:${o}:${l?"scaled":"unscaled"}`;return _.jsx(Ft,{...i},h)};exports.default=At;
 //# sourceMappingURL=IframeSandbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.cjs","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  EMPTY_ROOT_HEIGHT_META,\n  inspectViewportHeightFromHtmlRootString,\n  inspectViewportHeightFromNodeChain,\n  parseExplicitHeight,\n  resolveExplicitHeightFromNodeChain,\n} from \"./utils/iframe-viewport-height\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\nimport {\n  injectScalingSystem,\n  type ScalingWindow,\n} from \"./utils/iframe-scaling\";\nimport type { MarkdownFlowLocale } from \"../../lib/locale\";\nimport { getContentRenderLocaleTexts } from \"./contentRenderI18n\";\nimport { CJK_SAFE_SANS_FONT_FAMILY } from \"./cjkFontFamily\";\n\ntype BlackboardVendorModule = typeof import(\"./blackboard-vendor\");\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<BlackboardVendorModule> | null = null;\n\nconst loadBlackboardVendor = () => {\n  if (!blackboardVendorPromise) {\n    blackboardVendorPromise = import(\"./blackboard-vendor\");\n  }\n\n  return blackboardVendorPromise;\n};\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\n\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  locale?: MarkdownFlowLocale;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  exitFullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n  replaceRootScreenHeightWithFull?: boolean;\n  enableScaling?: boolean;\n  disableLoadingOverlay?: boolean;\n}\n\nconst replaceRootScreenHeightToken = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      const segments = token.split(\":\");\n      if (\n        segments[segments.length - 1] !== \"h-screen\" &&\n        segments[segments.length - 1] !== \"min-h-screen\"\n      ) {\n        return token;\n      }\n      segments[segments.length - 1] = \"h-full\";\n      return segments.join(\":\");\n    })\n    .join(\" \");\n\nconst replaceRootScreenHeightWithFullClass = (\n  html: string,\n  enabled: boolean\n) => {\n  if (!enabled || !html.trim()) {\n    return html;\n  }\n\n  return html.replace(\n    /^(\\s*<[a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/,\n    (match, tagStart: string, attrs = \"\") => {\n      const classMatch = attrs.match(/\\bclass\\s*=\\s*([\"'])([^\"']*)\\1/i);\n\n      if (!classMatch) {\n        return match;\n      }\n\n      const nextClassName = replaceRootScreenHeightToken(classMatch[2]);\n\n      if (nextClassName === classMatch[2]) {\n        return match;\n      }\n\n      return `${tagStart}${attrs.replace(\n        classMatch[0],\n        `class=${classMatch[1]}${nextClassName}${classMatch[1]}`\n      )}>`;\n    }\n  );\n};\n\nconst IframeSandboxInstance: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  locale,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  exitFullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n  replaceRootScreenHeightWithFull = false,\n  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const resolvedFullScreenButtonText =\n    fullScreenButtonText || localeTexts.sandboxFullscreenButtonText;\n  const resolvedExitFullScreenButtonText =\n    exitFullScreenButtonText || localeTexts.sandboxExitFullscreenButtonText;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const isMeasuringContentRef = useRef(false);\n  const pendingHeightUpdateRef = useRef(false);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n\n  const isBlackboardMode = mode === \"blackboard\";\n  const shouldEnableScaling =\n    enableScaling && isBlackboardMode && type === \"sandbox\";\n  const shouldMeasureDynamicHeight = isBlackboardMode && type === \"sandbox\";\n  const shouldProcessRootScreenHeight =\n    shouldMeasureDynamicHeight && replaceRootScreenHeightWithFull;\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(\n    () => (type === \"sandbox\" ? content : \"\"),\n    [content, type]\n  );\n  const normalizedHtmlContent = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFullClass(\n        htmlContent,\n        shouldProcessRootScreenHeight\n      ),\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const originalRootHeightMeta = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight\n        ? inspectViewportHeightFromHtmlRootString(htmlContent)\n        : EMPTY_ROOT_HEIGHT_META,\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const shouldStretchRootHeight = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight &&\n      originalRootHeightMeta.hasFullViewportHeight,\n    [\n      originalRootHeightMeta.hasFullViewportHeight,\n      shouldProcessRootScreenHeight,\n    ]\n  );\n  const [renderHtmlContent, setRenderHtmlContent] = useState(\n    normalizedHtmlContent\n  );\n  const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n  const pendingHtmlRef = useRef(normalizedHtmlContent);\n  const deferRenderTimerRef = useRef<number | null>(null);\n  const initialPaintFrameRef = useRef<number | null>(null);\n  const renderViewportHeightCssRef = useRef<string | null>(null);\n\n  const emitSandboxInteraction = useCallback((eventType: string) => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const now = Date.now();\n    if (\n      now - lastSandboxInteractionTimeRef.current <\n      SANDBOX_INTERACTION_THROTTLE_MS\n    ) {\n      return;\n    }\n    lastSandboxInteractionTimeRef.current = now;\n    window.postMessage(\n      {\n        source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n        type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n        eventType,\n      },\n      window.location.origin\n    );\n  }, []);\n\n  const clearDeferredRenderTimer = () => {\n    if (deferRenderTimerRef.current === null) return;\n    window.clearTimeout(deferRenderTimerRef.current);\n    deferRenderTimerRef.current = null;\n  };\n\n  const clearInitialPaintFrames = () => {\n    if (initialPaintFrameRef.current !== null) {\n      window.cancelAnimationFrame(initialPaintFrameRef.current);\n      initialPaintFrameRef.current = null;\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n      clearInitialPaintFrames();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const prevIncomingHtml = prevIncomingHtmlRef.current;\n    prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n    const isAppendOnlyStream =\n      !!prevIncomingHtml &&\n      normalizedHtmlContent.length > prevIncomingHtml.length &&\n      normalizedHtmlContent.startsWith(prevIncomingHtml);\n    const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n      normalizedHtmlContent\n    );\n    const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = normalizedHtmlContent;\n      setRenderHtmlContent(normalizedHtmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = normalizedHtmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [normalizedHtmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    if (!shouldMeasureDynamicHeight) {\n      return null;\n    }\n\n    return inspectViewportHeightFromHtmlRootString(renderHtmlContent)\n      .viewportHeightCss;\n  }, [renderHtmlContent, shouldMeasureDynamicHeight]);\n\n  useEffect(() => {\n    renderViewportHeightCssRef.current = rootViewportHeightCss;\n  }, [rootViewportHeightCss]);\n\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\n      ? shouldEnableScaling\n        ? \"100%\"\n        : shouldStretchRootHeight\n          ? \"100%\"\n          : (rootViewportHeightCss ?? `${height}px`)\n      : undefined;\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = normalizedHtmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = normalizedHtmlContent;\n  }, [mode, normalizedHtmlContent]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <style>\n      :root { color-scheme: light; }\n      html, body, #root { width: 100%; font-family: ${CJK_SAFE_SANS_FONT_FAMILY}; }\n      ${mode === \"blackboard\" ? \"html, body, #root { height: 100%; }\" : \"\"}\n      html, body { margin: 0; padding: 0; overflow: ${shouldEnableScaling ? \"hidden auto\" : mode === \"blackboard\" ? \"auto\" : \"hidden\"}; }\n      *, *::before, *::after { box-sizing: border-box; }\n      ${\n        mode !== \"blackboard\"\n          ? `\n        .h-screen { height: auto !important; }\n        .min-h-screen { min-height: auto !important; }\n        .h-dvh, .h-svh, .h-lvh { height: auto !important; }\n        .min-h-dvh, .min-h-svh, .min-h-lvh { min-height: auto !important; }\n      `\n          : \"\"\n      }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    // Force iframe theme to stay in light mode regardless of host OS preference.\n    doc.documentElement.setAttribute(\"data-theme\", \"light\");\n    doc.documentElement.style.colorScheme = \"light\";\n    doc.body?.style.setProperty(\"color-scheme\", \"light\");\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxClick = () => emitSandboxInteraction(\"click\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"click\", handleSandboxClick, true);\n    }\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n    let isDestroyed = false;\n    const getHeightInspectionNode = (node: HTMLElement) => ({\n      heightAttrValue: node.getAttribute(\"height\"),\n      styleAttrValue: node.getAttribute(\"style\"),\n      classAttrValue: node.getAttribute(\"class\"),\n    });\n    const getSingleChildElement = (node: HTMLElement) => {\n      const childElements = Array.from(node.children) as HTMLElement[];\n\n      return childElements.length === 1 ? childElements[0] : null;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!shouldMeasureDynamicHeight) return null;\n      if (!iframeRef.current || !doc.body) return null;\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      // Reuse parsed height metadata from the current html snapshot first to\n      // avoid re-inspecting the same DOM chain on every height tick.\n      const precomputedViewportHeightCss = renderViewportHeightCssRef.current;\n      const parsed = precomputedViewportHeightCss\n        ? parseExplicitHeight(\n            precomputedViewportHeightCss,\n            parentViewportHeight\n          )\n        : null;\n\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n\n      const wrapper = doc.body.querySelector(\n        \".sandbox-wrapper\"\n      ) as HTMLElement | null;\n      const container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const containerChildren = Array.from(container.children) as HTMLElement[];\n      const rootContentElement =\n        containerChildren.length === 1 ? containerChildren[0] : null;\n      const runtimeHeightMeta = inspectViewportHeightFromNodeChain(\n        rootContentElement,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n      const runtimeViewportHeightCss = runtimeHeightMeta.viewportHeightCss;\n\n      if (runtimeViewportHeightCss) {\n        const runtimeViewportHeight = parseExplicitHeight(\n          runtimeViewportHeightCss,\n          parentViewportHeight\n        );\n\n        if (runtimeViewportHeight !== null) {\n          return Math.ceil(runtimeViewportHeight);\n        }\n      }\n\n      const explicitPixelHeight = resolveExplicitHeightFromNodeChain(\n        rootContentElement,\n        parentViewportHeight,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n\n      return explicitPixelHeight !== null\n        ? Math.ceil(explicitPixelHeight)\n        : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n\n      if (!isBlackboardMode) {\n        // Guard: prevent re-entrant measurement from ResizeObserver /\n        // MutationObserver callbacks triggered by our own height changes.\n        if (isMeasuringContentRef.current) {\n          // Mark that an update was requested while the guard was active.\n          // We will retry once the guard releases (see setTimeout below).\n          pendingHeightUpdateRef.current = true;\n          return;\n        }\n        isMeasuringContentRef.current = true;\n\n        // Content mode height measurement strategy:\n        // Temporarily set iframe height to the 16:9 minimum so that:\n        // 1. vmin units are stable: vmin = min(cw, minH)/100 = minH/100,\n        //    consistent with the final rendered 16:9 iframe.\n        // 2. Viewport-filling content (e.g. inline style=\"height:100vh\")\n        //    fills the 16:9 space → scrollHeight = minH, which is then\n        //    correctly bounded by the 16:9 minimum in contentModeStyle.\n        //    (Previously using cw caused such content to report 1:1 height,\n        //    overriding the 16:9 minimum.)\n        const iframe = iframeRef.current;\n        const cw = containerRef.current?.clientWidth || 0;\n        const prevH = iframe.style.height;\n\n        if (cw > 0) {\n          const minH = Math.round((cw * 9) / 16);\n          // Absolute height cap. Diverging vh-feedback (multiple `height:100vh`\n          // siblings, or compound vh-relative children whose sum exceeds the\n          // viewport) can otherwise grow the iframe geometrically across\n          // repeated ResizeObserver/MutationObserver passes. 1:20 aspect is\n          // a generous upper bound for any single sandbox slide.\n          const maxH = Math.max(8192, cw * 20);\n          iframe.style.height = minH + \"px\";\n          // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n          doc.body.offsetHeight; // force layout\n\n          let measuredH = doc.body.scrollHeight;\n\n          // Detect inner elements that clip overflowing content behind a\n          // scrollbar (e.g. <div style=\"height:100vh; overflow-y:auto\"> whose\n          // content is taller than the iframe). body.scrollHeight won't see\n          // that overflow, so we walk the tree and factor in each scrollable\n          // element's full scroll height based on its position in the iframe.\n          const iframeWin = doc.defaultView;\n          if (iframeWin) {\n            // Returns the max natural bottom of inner elements that clip\n            // content via overflow:auto/scroll (i.e. internal scrollbars).\n            const getInnerScrollableHeight = (root: Element): number => {\n              let maxH = 0;\n              const walk = (el: Element) => {\n                if (el !== root && el.scrollHeight > el.clientHeight + 1) {\n                  const oy = iframeWin.getComputedStyle(el).overflowY;\n                  if (oy === \"auto\" || oy === \"scroll\") {\n                    const rect = el.getBoundingClientRect();\n                    if (rect.top >= 0) {\n                      maxH = Math.max(\n                        maxH,\n                        Math.ceil(rect.top + el.scrollHeight)\n                      );\n                    }\n                  }\n                }\n                for (const child of el.children) walk(child);\n              };\n              walk(root);\n              return maxH;\n            };\n\n            measuredH = Math.max(measuredH, getInnerScrollableHeight(doc.body));\n\n            // Content that uses vh-relative sizing grows as the viewport\n            // expands. Measure up to 8 more times at the expanded height so\n            // we capture the full content height in a single updateHeight()\n            // call rather than waiting for external re-triggers.\n            for (let i = 0; i < 8 && measuredH > minH; i++) {\n              iframe.style.height = measuredH + \"px\";\n              // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n              doc.body.offsetHeight; // force layout at expanded size\n              const nextH = Math.max(\n                doc.body.scrollHeight,\n                getInnerScrollableHeight(doc.body)\n              );\n              if (nextH <= measuredH + 1) break; // stable — stop iterating\n              // Geometric vh-feedback detection: vh-relative children scale\n              // with the iframe viewport, so growing the iframe makes them\n              // larger which grows scrollHeight — runaway divergence. Two\n              // `height:100vh` siblings produce a 2× per-iteration multiplier.\n              // Stop iterating; keep the prior (stable) measuredH.\n              if (nextH >= measuredH * 1.5) break;\n              measuredH = nextH;\n            }\n          }\n\n          // Restore iframe to let React control it via contentModeStyle\n          iframe.style.height = prevH;\n\n          setContentHeight((prev) => {\n            const next = Math.min(maxH, Math.max(200, Math.ceil(measuredH)));\n            return prev === next ? prev : next;\n          });\n        }\n\n        setTimeout(() => {\n          isMeasuringContentRef.current = false;\n          // Retry any update that was blocked while the guard was active\n          // (e.g. dynamic content injected by scripts or images loading).\n          if (pendingHeightUpdateRef.current) {\n            pendingHeightUpdateRef.current = false;\n            scheduleHeightUpdate();\n          }\n        }, 50);\n        return;\n      }\n\n      // Scaling mode: viewport is fixed, content scales via font-size.\n      if (shouldEnableScaling) return;\n\n      // Blackboard mode: use existing measurement logic\n      const bodyScrollH = doc.body.scrollHeight;\n      const htmlScrollH = doc.documentElement?.scrollHeight || 0;\n      const rootScrollH = rootEl?.scrollHeight || 0;\n      const measuredHeight = Math.max(bodyScrollH, htmlScrollH, rootScrollH);\n\n      if (shouldMeasureDynamicHeight) {\n        const explicitHeight = resolveExplicitHeight();\n        const nextHeight = Math.max(\n          200,\n          explicitHeight ?? Math.ceil(measuredHeight)\n        );\n        setHeight((prevHeight) =>\n          prevHeight === nextHeight ? prevHeight : nextHeight\n        );\n      }\n    };\n    const scheduleHeightUpdate = () => {\n      requestAnimationFrame(() => {\n        if (isDestroyed) return;\n        updateHeight();\n      });\n    };\n    updateHeightRef.current = scheduleHeightUpdate;\n\n    updateHeight();\n    scheduleHeightUpdate();\n\n    if (shouldInjectSandboxVendor) {\n      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then(({ injectBlackboardLibraries }) => {\n          if (isDestroyed) return;\n          injectBlackboardLibraries(doc);\n          if (shouldEnableScaling) {\n            injectScalingSystem(doc);\n          }\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\n          scheduleHeightUpdate();\n        });\n    }\n\n    const hostElement = containerRef.current;\n    let needsTailwindRefreshAfterHidden = Boolean(\n      hostElement &&\n        (hostElement.clientWidth <= 0 || hostElement.clientHeight <= 0)\n    );\n    let isTailwindRefreshQueued = false;\n    let tailwindRefreshFrame: number | null = null;\n    let tailwindRefreshTimer: number | null = null;\n    const runPostTailwindRefreshLayout = () => {\n      if (isDestroyed) return;\n      scheduleHeightUpdate();\n      const iframeWin = iframe.contentWindow as ScalingWindow | null;\n      iframeWin?.__mdf_triggerFitContent?.();\n    };\n    const isHostVisible = () =>\n      Boolean(\n        hostElement &&\n          hostElement.clientWidth > 0 &&\n          hostElement.clientHeight > 0\n      );\n    const queueTailwindRefreshAfterHidden = () => {\n      if (\n        !shouldInjectSandboxVendor ||\n        !hostElement ||\n        !needsTailwindRefreshAfterHidden ||\n        isTailwindRefreshQueued ||\n        !isHostVisible()\n      ) {\n        return;\n      }\n\n      isTailwindRefreshQueued = true;\n      loadBlackboardVendor()\n        .then(({ refreshTailwindRuntime }) => {\n          if (isDestroyed) return;\n\n          tailwindRefreshFrame = window.requestAnimationFrame(() => {\n            tailwindRefreshFrame = null;\n            isTailwindRefreshQueued = false;\n\n            const sandboxContainer = doc.querySelector(\".sandbox-container\");\n            if (\n              isDestroyed ||\n              !isHostVisible() ||\n              !sandboxContainer?.childNodes.length ||\n              !refreshTailwindRuntime(doc)\n            ) {\n              return;\n            }\n\n            needsTailwindRefreshAfterHidden = false;\n            runPostTailwindRefreshLayout();\n            tailwindRefreshTimer = window.setTimeout(() => {\n              tailwindRefreshTimer = null;\n              runPostTailwindRefreshLayout();\n            }, 100);\n          });\n        })\n        .catch(() => {\n          isTailwindRefreshQueued = false;\n        });\n    };\n    const canObserveResize = typeof ResizeObserver !== \"undefined\";\n    const hostResizeObserver =\n      shouldInjectSandboxVendor && hostElement && canObserveResize\n        ? new ResizeObserver((entries) => {\n            const contentRect = entries[0]?.contentRect;\n            const hostWidth = contentRect?.width ?? hostElement.clientWidth;\n            const hostHeight = contentRect?.height ?? hostElement.clientHeight;\n            const isHostSizeVisible = hostWidth > 0 && hostHeight > 0;\n\n            if (!isHostSizeVisible) {\n              return;\n            }\n\n            queueTailwindRefreshAfterHidden();\n          })\n        : null;\n    if (hostResizeObserver && hostElement) {\n      hostResizeObserver.observe(hostElement);\n    }\n\n    const resizeObserver = canObserveResize\n      ? new ResizeObserver(() => updateHeight())\n      : null;\n    resizeObserver?.observe(doc.body);\n    if (rootEl) {\n      resizeObserver?.observe(rootEl);\n    }\n\n    // MutationObserver: detect DOM changes that ResizeObserver might miss\n    // (e.g. content injected by scripts, images loading, dynamic rendering)\n    const mutationObserver = new MutationObserver(() => {\n      scheduleHeightUpdate();\n      if (!isHostVisible()) {\n        needsTailwindRefreshAfterHidden = true;\n        return;\n      }\n      queueTailwindRefreshAfterHidden();\n    });\n    mutationObserver.observe(doc.body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n\n    return () => {\n      isDestroyed = true;\n      hostResizeObserver?.disconnect();\n      resizeObserver?.disconnect();\n      mutationObserver.disconnect();\n      if (tailwindRefreshFrame !== null) {\n        window.cancelAnimationFrame(tailwindRefreshFrame);\n      }\n      if (tailwindRefreshTimer !== null) {\n        window.clearTimeout(tailwindRefreshTimer);\n      }\n      if (shouldEnableScaling) {\n        const iframeWin = iframe.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_cleanupScaling?.();\n      }\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"click\", handleSandboxClick, true);\n      }\n      if (rootRef.current === root) {\n        rootRef.current = null;\n        updateHeightRef.current = () => {};\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n      }, 0);\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  // Track container width for computing min-height in content mode\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    if (typeof ResizeObserver === \"undefined\") {\n      setContainerWidth(el.clientWidth);\n      return;\n    }\n    const ro = new ResizeObserver((entries) => {\n      setContainerWidth(entries[0]?.contentRect.width ?? el.clientWidth);\n    });\n    ro.observe(el);\n    setContainerWidth(el.clientWidth);\n    return () => ro.disconnect();\n  }, []);\n\n  // Content mode: min 16:9 aspect ratio, grow to fit content (no scrollbar)\n  const contentModeStyle = useMemo<React.CSSProperties | undefined>(() => {\n    if (isBlackboardMode || containerWidth === 0 || isFullscreen)\n      return undefined;\n    const minH = Math.round((containerWidth * 9) / 16);\n    const h = Math.max(minH, contentHeight);\n    return { height: h };\n  }, [isBlackboardMode, containerWidth, contentHeight, isFullscreen]);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        locale={locale}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        disableLoadingOverlay={disableLoadingOverlay}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n        stretchRootHeight={shouldStretchRootHeight}\n        enableScaling={shouldEnableScaling}\n      />\n    );\n\n    // Schedule multiple measurements to catch async content (scripts, images, styles).\n    initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n      updateHeightRef.current?.();\n      if (shouldEnableScaling) {\n        const iframeWin = iframeRef.current\n          ?.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_triggerFitContent?.();\n      }\n      initialPaintFrameRef.current = null;\n    });\n    const t1 = setTimeout(() => updateHeightRef.current?.(), 100);\n    const t2 = setTimeout(() => updateHeightRef.current?.(), 500);\n    return () => {\n      if (initialPaintFrameRef.current !== null) {\n        window.cancelAnimationFrame(initialPaintFrameRef.current);\n        initialPaintFrameRef.current = null;\n      }\n      clearTimeout(t1);\n      clearTimeout(t2);\n    };\n  }, [\n    renderHtmlContent,\n    locale,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    resetToken,\n    disableLoadingOverlay,\n    hasRootVhHeight,\n    mode,\n    shouldStretchRootHeight,\n    shouldEnableScaling,\n  ]);\n  const containerClassName = [\n    `w-full relative content-render-iframe-sandbox content-render-iframe-sandbox--${type}`,\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : contentModeStyle\n        ? \"overflow-hidden flex items-center justify-center\"\n        : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      ref={containerRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className={containerClassName}\n      style={\n        sandboxViewportHeight\n          ? {\n              height: sandboxViewportHeight,\n              minHeight: sandboxViewportHeight,\n            }\n          : contentModeStyle\n      }\n    >\n      {!hideFullScreen && (\n        <button\n          type=\"button\"\n          onClick={toggleFullscreen}\n          className={\n            \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n          }\n        >\n          {isFullscreen\n            ? resolvedExitFullScreenButtonText\n            : resolvedFullScreenButtonText}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <div onClick={() => emitSandboxInteraction(\"click\")}>\n          <ContentRender\n            content={content}\n            locale={locale}\n            disableSandboxLoadingOverlay={disableLoadingOverlay}\n          />\n        </div>\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={[className, \"w-full h-full mx-auto my-auto block\"]\n            .filter(Boolean)\n            .join(\" \")}\n          style={{\n            height: sandboxViewportHeight ?? \"100%\",\n            minHeight: sandboxViewportHeight,\n            margin: \"auto\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = (props) => {\n  const mode = props.mode ?? \"content\";\n  const shouldEnableScaling = Boolean(\n    props.enableScaling && mode === \"blackboard\" && props.type === \"sandbox\"\n  );\n  // The iframe shell captures these initialization-only values. Remounting the\n  // inner instance keeps old and new React roots from sharing cleanup refs.\n  const lifecycleKey = `${props.type}:${mode}:${shouldEnableScaling ? \"scaled\" : \"unscaled\"}`;\n\n  return <IframeSandboxInstance key={lifecycleKey} {...props} />;\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","replaceRootScreenHeightToken","className","token","segments","replaceRootScreenHeightWithFullClass","html","enabled","match","tagStart","attrs","classMatch","nextClassName","IframeSandboxInstance","content","type","locale","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","exitFullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","enableScaling","disableLoadingOverlay","localeTexts","getContentRenderLocaleTexts","resolvedFullScreenButtonText","resolvedExitFullScreenButtonText","containerRef","useRef","iframeRef","rootRef","updateHeightRef","height","setHeight","useState","contentHeight","setContentHeight","containerWidth","setContainerWidth","isMeasuringContentRef","pendingHeightUpdateRef","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","shouldInjectSandboxVendor","isBlackboardMode","shouldEnableScaling","shouldMeasureDynamicHeight","shouldProcessRootScreenHeight","prevHtmlRef","htmlContent","React","normalizedHtmlContent","originalRootHeightMeta","inspectViewportHeightFromHtmlRootString","EMPTY_ROOT_HEIGHT_META","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","renderViewportHeightCssRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","CJK_SAFE_SANS_FONT_FAMILY","shouldBridgeSandboxInteraction","handleSandboxClick","rootEl","root","createRoot","isDestroyed","getHeightInspectionNode","node","getSingleChildElement","childElements","resolveExplicitHeight","parentViewportHeight","precomputedViewportHeightCss","parsed","parseExplicitHeight","container","containerChildren","rootContentElement","runtimeViewportHeightCss","inspectViewportHeightFromNodeChain","runtimeViewportHeight","explicitPixelHeight","resolveExplicitHeightFromNodeChain","updateHeight","cw","prevH","minH","maxH","measuredH","iframeWin","getInnerScrollableHeight","walk","el","oy","rect","child","i","nextH","next","scheduleHeightUpdate","bodyScrollH","htmlScrollH","rootScrollH","measuredHeight","explicitHeight","nextHeight","prevHeight","injectBlackboardLibraries","injectScalingSystem","hostElement","needsTailwindRefreshAfterHidden","isTailwindRefreshQueued","tailwindRefreshFrame","tailwindRefreshTimer","runPostTailwindRefreshLayout","isHostVisible","queueTailwindRefreshAfterHidden","refreshTailwindRuntime","sandboxContainer","canObserveResize","hostResizeObserver","entries","contentRect","hostWidth","hostHeight","resizeObserver","mutationObserver","onFullscreenChange","ro","contentModeStyle","useMemo","toggleFullscreen","target","jsx","SandboxApp","t1","t2","containerClassName","jsxs","ContentRender","IframeSandbox","props","lifecycleKey"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.cjs","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  EMPTY_ROOT_HEIGHT_META,\n  inspectViewportHeightFromHtmlRootString,\n  inspectViewportHeightFromNodeChain,\n  parseExplicitHeight,\n  resolveExplicitHeightFromNodeChain,\n} from \"./utils/iframe-viewport-height\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\nimport {\n  injectScalingSystem,\n  type ScalingWindow,\n} from \"./utils/iframe-scaling\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport { useDetachedLanguage } from \"../../lib/useDetachedLanguage\";\nimport { useResolvedDirection } from \"../../lib/useResolvedDirection\";\nimport { getContentRenderLocaleTexts } from \"./contentRenderI18n\";\nimport { CJK_SAFE_SANS_FONT_FAMILY } from \"./cjkFontFamily\";\n\ntype BlackboardVendorModule = typeof import(\"./blackboard-vendor\");\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<BlackboardVendorModule> | null = null;\n\nconst loadBlackboardVendor = () => {\n  if (!blackboardVendorPromise) {\n    blackboardVendorPromise = import(\"./blackboard-vendor\");\n  }\n\n  return blackboardVendorPromise;\n};\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\n\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language without changing authored HTML language. */\n  lang?: string;\n  /** Overrides locale-derived direction without replacing authored HTML direction. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  exitFullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n  replaceRootScreenHeightWithFull?: boolean;\n  enableScaling?: boolean;\n  disableLoadingOverlay?: boolean;\n}\n\nconst replaceRootScreenHeightToken = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      const segments = token.split(\":\");\n      if (\n        segments[segments.length - 1] !== \"h-screen\" &&\n        segments[segments.length - 1] !== \"min-h-screen\"\n      ) {\n        return token;\n      }\n      segments[segments.length - 1] = \"h-full\";\n      return segments.join(\":\");\n    })\n    .join(\" \");\n\nconst replaceRootScreenHeightWithFullClass = (\n  html: string,\n  enabled: boolean\n) => {\n  if (!enabled || !html.trim()) {\n    return html;\n  }\n\n  return html.replace(\n    /^(\\s*<[a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/,\n    (match, tagStart: string, attrs = \"\") => {\n      const classMatch = attrs.match(/\\bclass\\s*=\\s*([\"'])([^\"']*)\\1/i);\n\n      if (!classMatch) {\n        return match;\n      }\n\n      const nextClassName = replaceRootScreenHeightToken(classMatch[2]);\n\n      if (nextClassName === classMatch[2]) {\n        return match;\n      }\n\n      return `${tagStart}${attrs.replace(\n        classMatch[0],\n        `class=${classMatch[1]}${nextClassName}${classMatch[1]}`\n      )}>`;\n    }\n  );\n};\n\nconst IframeSandboxInstance: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  locale,\n  lang,\n  dir,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  exitFullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n  replaceRootScreenHeightWithFull = false,\n  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const localeTexts = getContentRenderLocaleTexts(locale);\n  const direction = dir ?? getMarkdownFlowDirection(locale);\n  const language = lang ?? getMarkdownFlowLanguage(locale);\n  const resolvedFullScreenButtonText =\n    fullScreenButtonText || localeTexts.sandboxFullscreenButtonText;\n  const resolvedExitFullScreenButtonText =\n    exitFullScreenButtonText || localeTexts.sandboxExitFullscreenButtonText;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const sandboxLanguage = useDetachedLanguage(containerRef, language);\n  const { resolvedDirection } = useResolvedDirection(containerRef, direction);\n  const markdownContainerRef = useRef<HTMLDivElement>(null);\n  const markdownContentRef = useRef<HTMLElement>(null);\n  const setMarkdownContentContainerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      markdownContainerRef.current = node;\n      markdownContentRef.current =\n        node?.querySelector<HTMLElement>(\".content-render\") ?? null;\n    },\n    []\n  );\n  const { resolvedDirection: markdownContentDirection } = useResolvedDirection(\n    markdownContentRef,\n    direction\n  );\n  const sandboxDirection = direction ?? resolvedDirection;\n  const requestedDirectionRef = useRef(direction);\n  requestedDirectionRef.current = direction;\n  // Auto direction cannot inspect text across the iframe document boundary.\n  // Mirror the rendered sandbox direction to host controls instead.\n  const [sandboxContentDirection, setSandboxContentDirection] = useState<\n    \"ltr\" | \"rtl\"\n  >();\n  let fullscreenControlDirection: \"ltr\" | \"rtl\" | undefined;\n  if (direction === \"auto\") {\n    fullscreenControlDirection = resolvedDirection;\n    if (type === \"sandbox\") {\n      fullscreenControlDirection = sandboxContentDirection ?? resolvedDirection;\n    } else if (mode === \"blackboard\") {\n      fullscreenControlDirection = markdownContentDirection;\n    }\n  }\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const isMeasuringContentRef = useRef(false);\n  const pendingHeightUpdateRef = useRef(false);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n\n  const isBlackboardMode = mode === \"blackboard\";\n  const shouldEnableScaling =\n    enableScaling && isBlackboardMode && type === \"sandbox\";\n  const shouldMeasureDynamicHeight = isBlackboardMode && type === \"sandbox\";\n  const shouldProcessRootScreenHeight =\n    shouldMeasureDynamicHeight && replaceRootScreenHeightWithFull;\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(\n    () => (type === \"sandbox\" ? content : \"\"),\n    [content, type]\n  );\n  const normalizedHtmlContent = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFullClass(\n        htmlContent,\n        shouldProcessRootScreenHeight\n      ),\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const originalRootHeightMeta = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight\n        ? inspectViewportHeightFromHtmlRootString(htmlContent)\n        : EMPTY_ROOT_HEIGHT_META,\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const shouldStretchRootHeight = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight &&\n      originalRootHeightMeta.hasFullViewportHeight,\n    [\n      originalRootHeightMeta.hasFullViewportHeight,\n      shouldProcessRootScreenHeight,\n    ]\n  );\n  const [renderHtmlContent, setRenderHtmlContent] = useState(\n    normalizedHtmlContent\n  );\n  const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n  const pendingHtmlRef = useRef(normalizedHtmlContent);\n  const deferRenderTimerRef = useRef<number | null>(null);\n  const initialPaintFrameRef = useRef<number | null>(null);\n  const renderViewportHeightCssRef = useRef<string | null>(null);\n\n  const emitSandboxInteraction = useCallback((eventType: string) => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const now = Date.now();\n    if (\n      now - lastSandboxInteractionTimeRef.current <\n      SANDBOX_INTERACTION_THROTTLE_MS\n    ) {\n      return;\n    }\n    lastSandboxInteractionTimeRef.current = now;\n    window.postMessage(\n      {\n        source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n        type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n        eventType,\n      },\n      window.location.origin\n    );\n  }, []);\n\n  useEffect(() => {\n    if (type !== \"markdown\" || mode !== \"blackboard\") return;\n    const container = markdownContainerRef.current;\n    if (!container) return;\n    const handleClick = () => emitSandboxInteraction(\"click\");\n    container.addEventListener(\"click\", handleClick);\n    return () => container.removeEventListener(\"click\", handleClick);\n  }, [emitSandboxInteraction, mode, type]);\n\n  const clearDeferredRenderTimer = () => {\n    if (deferRenderTimerRef.current === null) return;\n    window.clearTimeout(deferRenderTimerRef.current);\n    deferRenderTimerRef.current = null;\n  };\n\n  const clearInitialPaintFrames = () => {\n    if (initialPaintFrameRef.current !== null) {\n      window.cancelAnimationFrame(initialPaintFrameRef.current);\n      initialPaintFrameRef.current = null;\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n      clearInitialPaintFrames();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const prevIncomingHtml = prevIncomingHtmlRef.current;\n    prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n    const isAppendOnlyStream =\n      !!prevIncomingHtml &&\n      normalizedHtmlContent.length > prevIncomingHtml.length &&\n      normalizedHtmlContent.startsWith(prevIncomingHtml);\n    const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n      normalizedHtmlContent\n    );\n    const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = normalizedHtmlContent;\n      setRenderHtmlContent(normalizedHtmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = normalizedHtmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [normalizedHtmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    if (!shouldMeasureDynamicHeight) {\n      return null;\n    }\n\n    return inspectViewportHeightFromHtmlRootString(renderHtmlContent)\n      .viewportHeightCss;\n  }, [renderHtmlContent, shouldMeasureDynamicHeight]);\n\n  useEffect(() => {\n    renderViewportHeightCssRef.current = rootViewportHeightCss;\n  }, [rootViewportHeightCss]);\n\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\n      ? shouldEnableScaling\n        ? \"100%\"\n        : shouldStretchRootHeight\n          ? \"100%\"\n          : (rootViewportHeightCss ?? `${height}px`)\n      : undefined;\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = normalizedHtmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = normalizedHtmlContent;\n  }, [mode, normalizedHtmlContent]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <style>\n      :root { color-scheme: light; }\n      html, body, #root { width: 100%; font-family: ${CJK_SAFE_SANS_FONT_FAMILY}; }\n      ${mode === \"blackboard\" ? \"html, body, #root { height: 100%; }\" : \"\"}\n      html, body { margin: 0; padding: 0; overflow: ${shouldEnableScaling ? \"hidden auto\" : mode === \"blackboard\" ? \"auto\" : \"hidden\"}; }\n      *, *::before, *::after { box-sizing: border-box; }\n      ${\n        mode !== \"blackboard\"\n          ? `\n        .h-screen { height: auto !important; }\n        .min-h-screen { min-height: auto !important; }\n        .h-dvh, .h-svh, .h-lvh { height: auto !important; }\n        .min-h-dvh, .min-h-svh, .min-h-lvh { min-height: auto !important; }\n      `\n          : \"\"\n      }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    // Force iframe theme to stay in light mode regardless of host OS preference.\n    doc.documentElement.setAttribute(\"data-theme\", \"light\");\n    doc.documentElement.style.colorScheme = \"light\";\n    doc.body?.style.setProperty(\"color-scheme\", \"light\");\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxClick = () => emitSandboxInteraction(\"click\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"click\", handleSandboxClick, true);\n    }\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n    let isDestroyed = false;\n    const getHeightInspectionNode = (node: HTMLElement) => ({\n      heightAttrValue: node.getAttribute(\"height\"),\n      styleAttrValue: node.getAttribute(\"style\"),\n      classAttrValue: node.getAttribute(\"class\"),\n    });\n    const getSingleChildElement = (node: HTMLElement) => {\n      const childElements = Array.from(node.children) as HTMLElement[];\n\n      return childElements.length === 1 ? childElements[0] : null;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!shouldMeasureDynamicHeight) return null;\n      if (!iframeRef.current || !doc.body) return null;\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      // Reuse parsed height metadata from the current html snapshot first to\n      // avoid re-inspecting the same DOM chain on every height tick.\n      const precomputedViewportHeightCss = renderViewportHeightCssRef.current;\n      const parsed = precomputedViewportHeightCss\n        ? parseExplicitHeight(\n            precomputedViewportHeightCss,\n            parentViewportHeight\n          )\n        : null;\n\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n\n      const wrapper = doc.body.querySelector(\n        \".sandbox-wrapper\"\n      ) as HTMLElement | null;\n      const container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const containerChildren = Array.from(container.children) as HTMLElement[];\n      const rootContentElement =\n        containerChildren.length === 1 ? containerChildren[0] : null;\n      const runtimeHeightMeta = inspectViewportHeightFromNodeChain(\n        rootContentElement,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n      const runtimeViewportHeightCss = runtimeHeightMeta.viewportHeightCss;\n\n      if (runtimeViewportHeightCss) {\n        const runtimeViewportHeight = parseExplicitHeight(\n          runtimeViewportHeightCss,\n          parentViewportHeight\n        );\n\n        if (runtimeViewportHeight !== null) {\n          return Math.ceil(runtimeViewportHeight);\n        }\n      }\n\n      const explicitPixelHeight = resolveExplicitHeightFromNodeChain(\n        rootContentElement,\n        parentViewportHeight,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n\n      return explicitPixelHeight !== null\n        ? Math.ceil(explicitPixelHeight)\n        : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n\n      if (!isBlackboardMode) {\n        // Guard: prevent re-entrant measurement from ResizeObserver /\n        // MutationObserver callbacks triggered by our own height changes.\n        if (isMeasuringContentRef.current) {\n          // Mark that an update was requested while the guard was active.\n          // We will retry once the guard releases (see setTimeout below).\n          pendingHeightUpdateRef.current = true;\n          return;\n        }\n        isMeasuringContentRef.current = true;\n\n        // Content mode height measurement strategy:\n        // Temporarily set iframe height to the 16:9 minimum so that:\n        // 1. vmin units are stable: vmin = min(cw, minH)/100 = minH/100,\n        //    consistent with the final rendered 16:9 iframe.\n        // 2. Viewport-filling content (e.g. inline style=\"height:100vh\")\n        //    fills the 16:9 space → scrollHeight = minH, which is then\n        //    correctly bounded by the 16:9 minimum in contentModeStyle.\n        //    (Previously using cw caused such content to report 1:1 height,\n        //    overriding the 16:9 minimum.)\n        const iframe = iframeRef.current;\n        const cw = containerRef.current?.clientWidth || 0;\n        const prevH = iframe.style.height;\n\n        if (cw > 0) {\n          const minH = Math.round((cw * 9) / 16);\n          // Absolute height cap. Diverging vh-feedback (multiple `height:100vh`\n          // siblings, or compound vh-relative children whose sum exceeds the\n          // viewport) can otherwise grow the iframe geometrically across\n          // repeated ResizeObserver/MutationObserver passes. 1:20 aspect is\n          // a generous upper bound for any single sandbox slide.\n          const maxH = Math.max(8192, cw * 20);\n          iframe.style.height = minH + \"px\";\n          // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n          doc.body.offsetHeight; // force layout\n\n          let measuredH = doc.body.scrollHeight;\n\n          // Detect inner elements that clip overflowing content behind a\n          // scrollbar (e.g. <div style=\"height:100vh; overflow-y:auto\"> whose\n          // content is taller than the iframe). body.scrollHeight won't see\n          // that overflow, so we walk the tree and factor in each scrollable\n          // element's full scroll height based on its position in the iframe.\n          const iframeWin = doc.defaultView;\n          if (iframeWin) {\n            // Returns the max natural bottom of inner elements that clip\n            // content via overflow:auto/scroll (i.e. internal scrollbars).\n            const getInnerScrollableHeight = (root: Element): number => {\n              let maxH = 0;\n              const walk = (el: Element) => {\n                if (el !== root && el.scrollHeight > el.clientHeight + 1) {\n                  const oy = iframeWin.getComputedStyle(el).overflowY;\n                  if (oy === \"auto\" || oy === \"scroll\") {\n                    const rect = el.getBoundingClientRect();\n                    if (rect.top >= 0) {\n                      maxH = Math.max(\n                        maxH,\n                        Math.ceil(rect.top + el.scrollHeight)\n                      );\n                    }\n                  }\n                }\n                for (const child of el.children) walk(child);\n              };\n              walk(root);\n              return maxH;\n            };\n\n            measuredH = Math.max(measuredH, getInnerScrollableHeight(doc.body));\n\n            // Content that uses vh-relative sizing grows as the viewport\n            // expands. Measure up to 8 more times at the expanded height so\n            // we capture the full content height in a single updateHeight()\n            // call rather than waiting for external re-triggers.\n            for (let i = 0; i < 8 && measuredH > minH; i++) {\n              iframe.style.height = measuredH + \"px\";\n              // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n              doc.body.offsetHeight; // force layout at expanded size\n              const nextH = Math.max(\n                doc.body.scrollHeight,\n                getInnerScrollableHeight(doc.body)\n              );\n              if (nextH <= measuredH + 1) break; // stable — stop iterating\n              // Geometric vh-feedback detection: vh-relative children scale\n              // with the iframe viewport, so growing the iframe makes them\n              // larger which grows scrollHeight — runaway divergence. Two\n              // `height:100vh` siblings produce a 2× per-iteration multiplier.\n              // Stop iterating; keep the prior (stable) measuredH.\n              if (nextH >= measuredH * 1.5) break;\n              measuredH = nextH;\n            }\n          }\n\n          // Restore iframe to let React control it via contentModeStyle\n          iframe.style.height = prevH;\n\n          setContentHeight((prev) => {\n            const next = Math.min(maxH, Math.max(200, Math.ceil(measuredH)));\n            return prev === next ? prev : next;\n          });\n        }\n\n        setTimeout(() => {\n          isMeasuringContentRef.current = false;\n          // Retry any update that was blocked while the guard was active\n          // (e.g. dynamic content injected by scripts or images loading).\n          if (pendingHeightUpdateRef.current) {\n            pendingHeightUpdateRef.current = false;\n            scheduleHeightUpdate();\n          }\n        }, 50);\n        return;\n      }\n\n      // Scaling mode: viewport is fixed, content scales via font-size.\n      if (shouldEnableScaling) return;\n\n      // Blackboard mode: use existing measurement logic\n      const bodyScrollH = doc.body.scrollHeight;\n      const htmlScrollH = doc.documentElement?.scrollHeight || 0;\n      const rootScrollH = rootEl?.scrollHeight || 0;\n      const measuredHeight = Math.max(bodyScrollH, htmlScrollH, rootScrollH);\n\n      if (shouldMeasureDynamicHeight) {\n        const explicitHeight = resolveExplicitHeight();\n        const nextHeight = Math.max(\n          200,\n          explicitHeight ?? Math.ceil(measuredHeight)\n        );\n        setHeight((prevHeight) =>\n          prevHeight === nextHeight ? prevHeight : nextHeight\n        );\n      }\n    };\n    const scheduleHeightUpdate = () => {\n      requestAnimationFrame(() => {\n        if (isDestroyed) return;\n        updateHeight();\n      });\n    };\n    updateHeightRef.current = scheduleHeightUpdate;\n\n    updateHeight();\n    scheduleHeightUpdate();\n\n    if (shouldInjectSandboxVendor) {\n      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then(({ injectBlackboardLibraries }) => {\n          if (isDestroyed) return;\n          injectBlackboardLibraries(doc);\n          if (shouldEnableScaling) {\n            injectScalingSystem(doc);\n          }\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\n          scheduleHeightUpdate();\n        });\n    }\n\n    const hostElement = containerRef.current;\n    let needsTailwindRefreshAfterHidden = Boolean(\n      hostElement &&\n        (hostElement.clientWidth <= 0 || hostElement.clientHeight <= 0)\n    );\n    let isTailwindRefreshQueued = false;\n    let tailwindRefreshFrame: number | null = null;\n    let tailwindRefreshTimer: number | null = null;\n    const runPostTailwindRefreshLayout = () => {\n      if (isDestroyed) return;\n      scheduleHeightUpdate();\n      const iframeWin = iframe.contentWindow as ScalingWindow | null;\n      iframeWin?.__mdf_triggerFitContent?.();\n    };\n    const isHostVisible = () =>\n      Boolean(\n        hostElement &&\n          hostElement.clientWidth > 0 &&\n          hostElement.clientHeight > 0\n      );\n    const queueTailwindRefreshAfterHidden = () => {\n      if (\n        !shouldInjectSandboxVendor ||\n        !hostElement ||\n        !needsTailwindRefreshAfterHidden ||\n        isTailwindRefreshQueued ||\n        !isHostVisible()\n      ) {\n        return;\n      }\n\n      isTailwindRefreshQueued = true;\n      loadBlackboardVendor()\n        .then(({ refreshTailwindRuntime }) => {\n          if (isDestroyed) return;\n\n          tailwindRefreshFrame = window.requestAnimationFrame(() => {\n            tailwindRefreshFrame = null;\n            isTailwindRefreshQueued = false;\n\n            const sandboxContainer = doc.querySelector(\".sandbox-container\");\n            if (\n              isDestroyed ||\n              !isHostVisible() ||\n              !sandboxContainer?.childNodes.length ||\n              !refreshTailwindRuntime(doc)\n            ) {\n              return;\n            }\n\n            needsTailwindRefreshAfterHidden = false;\n            runPostTailwindRefreshLayout();\n            tailwindRefreshTimer = window.setTimeout(() => {\n              tailwindRefreshTimer = null;\n              runPostTailwindRefreshLayout();\n            }, 100);\n          });\n        })\n        .catch(() => {\n          isTailwindRefreshQueued = false;\n        });\n    };\n    const canObserveResize = typeof ResizeObserver !== \"undefined\";\n    const hostResizeObserver =\n      shouldInjectSandboxVendor && hostElement && canObserveResize\n        ? new ResizeObserver((entries) => {\n            const contentRect = entries[0]?.contentRect;\n            const hostWidth = contentRect?.width ?? hostElement.clientWidth;\n            const hostHeight = contentRect?.height ?? hostElement.clientHeight;\n            const isHostSizeVisible = hostWidth > 0 && hostHeight > 0;\n\n            if (!isHostSizeVisible) {\n              return;\n            }\n\n            queueTailwindRefreshAfterHidden();\n          })\n        : null;\n    if (hostResizeObserver && hostElement) {\n      hostResizeObserver.observe(hostElement);\n    }\n\n    const resizeObserver = canObserveResize\n      ? new ResizeObserver(() => updateHeight())\n      : null;\n    resizeObserver?.observe(doc.body);\n    if (rootEl) {\n      resizeObserver?.observe(rootEl);\n    }\n\n    const syncSandboxContentDirection = () => {\n      if (type !== \"sandbox\" || requestedDirectionRef.current !== \"auto\") {\n        return;\n      }\n      const wrapper = doc.querySelector<HTMLElement>(\".sandbox-wrapper\");\n      const view = doc.defaultView;\n      if (!wrapper || !view) return;\n      const nextDirection =\n        view.getComputedStyle(wrapper).direction === \"rtl\" ? \"rtl\" : \"ltr\";\n      setSandboxContentDirection((currentDirection) =>\n        currentDirection === nextDirection ? currentDirection : nextDirection\n      );\n    };\n\n    // MutationObserver: detect DOM changes that ResizeObserver might miss\n    // (e.g. content injected by scripts, images loading, dynamic rendering)\n    const mutationObserver = new MutationObserver(() => {\n      syncSandboxContentDirection();\n      scheduleHeightUpdate();\n      if (!isHostVisible()) {\n        needsTailwindRefreshAfterHidden = true;\n        return;\n      }\n      queueTailwindRefreshAfterHidden();\n    });\n    mutationObserver.observe(doc.body, {\n      childList: true,\n      characterData: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"style\", \"class\", \"dir\"],\n    });\n\n    return () => {\n      isDestroyed = true;\n      hostResizeObserver?.disconnect();\n      resizeObserver?.disconnect();\n      mutationObserver.disconnect();\n      if (tailwindRefreshFrame !== null) {\n        window.cancelAnimationFrame(tailwindRefreshFrame);\n      }\n      if (tailwindRefreshTimer !== null) {\n        window.clearTimeout(tailwindRefreshTimer);\n      }\n      if (shouldEnableScaling) {\n        const iframeWin = iframe.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_cleanupScaling?.();\n      }\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"click\", handleSandboxClick, true);\n      }\n      if (rootRef.current === root) {\n        rootRef.current = null;\n        updateHeightRef.current = () => {};\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n      }, 0);\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  // Track container width for computing min-height in content mode\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    if (typeof ResizeObserver === \"undefined\") {\n      setContainerWidth(el.clientWidth);\n      return;\n    }\n    const ro = new ResizeObserver((entries) => {\n      setContainerWidth(entries[0]?.contentRect.width ?? el.clientWidth);\n    });\n    ro.observe(el);\n    setContainerWidth(el.clientWidth);\n    return () => ro.disconnect();\n  }, []);\n\n  // Content mode: min 16:9 aspect ratio, grow to fit content (no scrollbar)\n  const contentModeStyle = useMemo<React.CSSProperties | undefined>(() => {\n    if (isBlackboardMode || containerWidth === 0 || isFullscreen)\n      return undefined;\n    const minH = Math.round((containerWidth * 9) / 16);\n    const h = Math.max(minH, contentHeight);\n    return { height: h };\n  }, [isBlackboardMode, containerWidth, contentHeight, isFullscreen]);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        locale={locale}\n        dir={sandboxDirection}\n        lang={sandboxLanguage}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        disableLoadingOverlay={disableLoadingOverlay}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n        stretchRootHeight={shouldStretchRootHeight}\n        enableScaling={shouldEnableScaling}\n      />\n    );\n\n    // Schedule multiple measurements to catch async content (scripts, images, styles).\n    initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n      updateHeightRef.current?.();\n      if (shouldEnableScaling) {\n        const iframeWin = iframeRef.current\n          ?.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_triggerFitContent?.();\n      }\n      initialPaintFrameRef.current = null;\n    });\n    const t1 = setTimeout(() => updateHeightRef.current?.(), 100);\n    const t2 = setTimeout(() => updateHeightRef.current?.(), 500);\n    return () => {\n      if (initialPaintFrameRef.current !== null) {\n        window.cancelAnimationFrame(initialPaintFrameRef.current);\n        initialPaintFrameRef.current = null;\n      }\n      clearTimeout(t1);\n      clearTimeout(t2);\n    };\n  }, [\n    renderHtmlContent,\n    locale,\n    sandboxDirection,\n    sandboxLanguage,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    resetToken,\n    disableLoadingOverlay,\n    hasRootVhHeight,\n    mode,\n    shouldStretchRootHeight,\n    shouldEnableScaling,\n  ]);\n  const containerClassName = [\n    `w-full relative content-render-iframe-sandbox content-render-iframe-sandbox--${type}`,\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : contentModeStyle\n        ? \"overflow-hidden flex items-center justify-center\"\n        : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      ref={containerRef}\n      dir={direction}\n      lang={language}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className={containerClassName}\n      style={\n        sandboxViewportHeight\n          ? {\n              height: sandboxViewportHeight,\n              minHeight: sandboxViewportHeight,\n            }\n          : contentModeStyle\n      }\n    >\n      {!hideFullScreen && (\n        <button\n          type=\"button\"\n          dir={fullscreenControlDirection}\n          onClick={toggleFullscreen}\n          className={\n            \"absolute top-2 end-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n          }\n        >\n          {isFullscreen\n            ? resolvedExitFullScreenButtonText\n            : resolvedFullScreenButtonText}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <div ref={setMarkdownContentContainerRef}>\n          <ContentRender\n            content={content}\n            locale={locale}\n            dir={direction}\n            lang={language}\n            disableSandboxLoadingOverlay={disableLoadingOverlay}\n          />\n        </div>\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={[className, \"w-full h-full mx-auto my-auto block\"]\n            .filter(Boolean)\n            .join(\" \")}\n          style={{\n            height: sandboxViewportHeight ?? \"100%\",\n            minHeight: sandboxViewportHeight,\n            margin: \"auto\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = (props) => {\n  const mode = props.mode ?? \"content\";\n  const shouldEnableScaling = Boolean(\n    props.enableScaling && mode === \"blackboard\" && props.type === \"sandbox\"\n  );\n  // The iframe shell captures these initialization-only values. Remounting the\n  // inner instance keeps old and new React roots from sharing cleanup refs.\n  const lifecycleKey = `${props.type}:${mode}:${shouldEnableScaling ? \"scaled\" : \"unscaled\"}`;\n\n  return <IframeSandboxInstance key={lifecycleKey} {...props} />;\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","replaceRootScreenHeightToken","className","token","segments","replaceRootScreenHeightWithFullClass","html","enabled","match","tagStart","attrs","classMatch","nextClassName","IframeSandboxInstance","content","type","locale","lang","dir","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","exitFullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","enableScaling","disableLoadingOverlay","localeTexts","getContentRenderLocaleTexts","direction","getMarkdownFlowDirection","language","getMarkdownFlowLanguage","resolvedFullScreenButtonText","resolvedExitFullScreenButtonText","containerRef","useRef","sandboxLanguage","useDetachedLanguage","resolvedDirection","useResolvedDirection","markdownContainerRef","markdownContentRef","setMarkdownContentContainerRef","useCallback","node","markdownContentDirection","sandboxDirection","requestedDirectionRef","sandboxContentDirection","setSandboxContentDirection","useState","fullscreenControlDirection","iframeRef","rootRef","updateHeightRef","height","setHeight","contentHeight","setContentHeight","containerWidth","setContainerWidth","isMeasuringContentRef","pendingHeightUpdateRef","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","shouldInjectSandboxVendor","isBlackboardMode","shouldEnableScaling","shouldMeasureDynamicHeight","shouldProcessRootScreenHeight","prevHtmlRef","htmlContent","React","normalizedHtmlContent","originalRootHeightMeta","inspectViewportHeightFromHtmlRootString","EMPTY_ROOT_HEIGHT_META","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","renderViewportHeightCssRef","emitSandboxInteraction","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","useEffect","container","handleClick","clearDeferredRenderTimer","clearInitialPaintFrames","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","CJK_SAFE_SANS_FONT_FAMILY","shouldBridgeSandboxInteraction","handleSandboxClick","rootEl","root","createRoot","isDestroyed","getHeightInspectionNode","getSingleChildElement","childElements","resolveExplicitHeight","parentViewportHeight","precomputedViewportHeightCss","parsed","parseExplicitHeight","containerChildren","rootContentElement","runtimeViewportHeightCss","inspectViewportHeightFromNodeChain","runtimeViewportHeight","explicitPixelHeight","resolveExplicitHeightFromNodeChain","updateHeight","cw","prevH","minH","maxH","measuredH","iframeWin","getInnerScrollableHeight","walk","el","oy","rect","child","i","nextH","next","scheduleHeightUpdate","bodyScrollH","htmlScrollH","rootScrollH","measuredHeight","explicitHeight","nextHeight","prevHeight","injectBlackboardLibraries","injectScalingSystem","hostElement","needsTailwindRefreshAfterHidden","isTailwindRefreshQueued","tailwindRefreshFrame","tailwindRefreshTimer","runPostTailwindRefreshLayout","isHostVisible","queueTailwindRefreshAfterHidden","refreshTailwindRuntime","sandboxContainer","canObserveResize","hostResizeObserver","entries","contentRect","hostWidth","hostHeight","resizeObserver","syncSandboxContentDirection","wrapper","view","nextDirection","currentDirection","mutationObserver","onFullscreenChange","ro","contentModeStyle","useMemo","toggleFullscreen","target","jsx","SandboxApp","t1","t2","containerClassName","jsxs","ContentRender","IframeSandbox","props","lifecycleKey"],"mappings":"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"}

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

@@ -1,9 +1,13 @@
 import { default as React } from 'react';
-import { MarkdownFlowLocale } from '../../lib/locale';
+import { MarkdownFlowLocale } from '../../lib/locale.js';
 export interface IframeSandboxProps {
     content: string;
     className?: string;
     locale?: MarkdownFlowLocale;
+    /** Overrides the locale-derived language without changing authored HTML language. */
+    lang?: string;
+    /** Overrides locale-derived direction without replacing authored HTML direction. */
+    dir?: React.HTMLAttributes<HTMLDivElement>["dir"];
     loadingText?: string;
     styleLoadingText?: string;
     scriptLoadingText?: string;