markdown-flow-ui 0.1.100-beta.13 → 0.1.100-beta.15

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

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n  typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> | null = null;\n\nconst loadBlackboardVendor = () => {\n  if (!blackboardVendorPromise) {\n    blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n      (m) => m.injectBlackboardLibraries\n    );\n  }\n\n  return blackboardVendorPromise;\n};\n\n// Warm the sandbox vendor chunk as early as possible in the browser.\nif (typeof window !== \"undefined\") {\n  void loadBlackboardVendor();\n}\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => token.split(\":\").pop() || token);\n\nconst parseViewportHeightCss = (value: string) => {\n  const normalized = value.trim().toLowerCase();\n  if (!normalized) return null;\n  const matched = normalized.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n  if (!className.trim()) return null;\n  const normalizedTokens = normalizeTailwindHeightTokens(className);\n  if (\n    normalizedTokens.includes(\"h-screen\") ||\n    normalizedTokens.includes(\"h-dvh\")\n  ) {\n    return \"100dvh\";\n  }\n  if (normalizedTokens.includes(\"h-svh\")) {\n    return \"100svh\";\n  }\n  if (normalizedTokens.includes(\"h-lvh\")) {\n    return \"100lvh\";\n  }\n  const arbitraryToken = normalizedTokens.find((token) =>\n    /^h-\\[[0-9.]+(vh|dvh|svh|lvh)\\]$/i.test(token)\n  );\n  if (!arbitraryToken) return null;\n  const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh|dvh|svh|lvh)\\]$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const [isSandboxVendorReady, setIsSandboxVendorReady] = useState(\n    type !== \"sandbox\"\n  );\n  const isBlackboardMode = mode === \"blackboard\";\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n  const [renderHtmlContent, setRenderHtmlContent] = useState(htmlContent);\n  const prevIncomingHtmlRef = useRef(htmlContent);\n  const pendingHtmlRef = useRef(htmlContent);\n  const deferRenderTimerRef = useRef<number | 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  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const prevIncomingHtml = prevIncomingHtmlRef.current;\n    prevIncomingHtmlRef.current = htmlContent;\n\n    const isAppendOnlyStream =\n      !!prevIncomingHtml &&\n      htmlContent.length > prevIncomingHtml.length &&\n      htmlContent.startsWith(prevIncomingHtml);\n    const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(htmlContent);\n    const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = htmlContent;\n      setRenderHtmlContent(htmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = htmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [htmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    const normalized = renderHtmlContent.trim();\n    if (!normalized) return null;\n    const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/);\n    if (!rootMatch) return null;\n    const attrs = rootMatch[2] || \"\";\n    const heightAttrMatch = attrs.match(/\\bheight\\s*=\\s*[\"']([^\"']+)[\"']/i);\n    if (heightAttrMatch) {\n      const explicitHeightCss = parseViewportHeightCss(heightAttrMatch[1]);\n      if (explicitHeightCss) return explicitHeightCss;\n    }\n    const styleAttrMatch = attrs.match(/\\bstyle\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    const styleHeightMatch = styleAttrMatch?.match(\n      /\\bheight\\s*:\\s*([^;]+)/i\n    )?.[1];\n    if (styleHeightMatch) {\n      const styleHeightCss = parseViewportHeightCss(styleHeightMatch);\n      if (styleHeightCss) return styleHeightCss;\n    }\n    const classAttrMatch = attrs.match(/\\bclass\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    if (!classAttrMatch) return null;\n    return extractViewportHeightFromTailwindClass(classAttrMatch);\n  }, [renderHtmlContent]);\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\n      ? (rootViewportHeightCss ?? `${height}px`)\n      : undefined;\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = htmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && htmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = htmlContent;\n  }, [htmlContent, mode]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html${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      html, body, #root { width: 100%; height: 100%; }\n      html, body { margin: 0; padding: 0; overflow: auto; }\n      *, *::before, *::after { box-sizing: border-box; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    docRef.current = doc;\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxPointerDown = () =>\n      emitSandboxInteraction(\"pointerdown\");\n    const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n    const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n      doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n      doc.addEventListener(\"touchstart\", handleSandboxTouchStart, 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\n    const parseExplicitHeight = (\n      value: string,\n      parentViewportHeight: number\n    ) => {\n      const normalized = value.trim().toLowerCase();\n      if (!normalized) return null;\n      const numeric = Number.parseFloat(normalized);\n      if (Number.isNaN(numeric)) return null;\n      if (/(dvh|svh|lvh|vh)$/i.test(normalized)) {\n        return (numeric / 100) * parentViewportHeight;\n      }\n      if (normalized.endsWith(\"px\") || /^[0-9.]+$/.test(normalized)) {\n        return numeric;\n      }\n      return null;\n    };\n    const parseTailwindHeightClass = (\n      className: string,\n      parentViewportHeight: number\n    ) => {\n      if (!className.trim()) return null;\n      const viewportHeightCss =\n        extractViewportHeightFromTailwindClass(className);\n      if (viewportHeightCss) {\n        return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n      }\n      const normalizedTokens = normalizeTailwindHeightTokens(className);\n      const arbitraryToken = normalizedTokens.find((token) =>\n        /^h-\\[[0-9.]+px\\]$/i.test(token)\n      );\n      if (!arbitraryToken) return null;\n      const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n      if (!matched) return null;\n      const numeric = Number.parseFloat(matched[1]);\n      if (Number.isNaN(numeric)) return null;\n      return numeric;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!iframeRef.current || !doc.body) return null;\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 elements = Array.from(container.children) as HTMLElement[];\n      if (elements.length !== 1) return null;\n      const target = elements[0];\n      const heightValue = target.style.height || target.getAttribute(\"height\");\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      const parsed = heightValue\n        ? parseExplicitHeight(heightValue, parentViewportHeight)\n        : null;\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n      const classHeight = parseTailwindHeightClass(\n        target.getAttribute(\"class\") || \"\",\n        parentViewportHeight\n      );\n      return classHeight !== null ? Math.ceil(classHeight) : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const explicitHeight = resolveExplicitHeight();\n      const nextHeight = Math.max(\n        200,\n        explicitHeight ?? Math.ceil(contentHeight)\n      );\n      setHeight(nextHeight);\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      setIsSandboxVendorReady(true);\n    } else {\n      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then((inject) => {\n          if (isDestroyed) return;\n          inject(doc);\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            setIsSandboxVendorReady(true);\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\n          setIsSandboxVendorReady(true);\n          scheduleHeightUpdate();\n        });\n    }\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n        doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n        doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.current = null;\n        docRef.current = null;\n        updateHeightRef.current = () => {};\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  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 || !isSandboxVendorReady) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    renderHtmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n    mode,\n    isSandboxVendorReady,\n  ]);\n  const containerClassName = [\n    \"w-full relative content-render-iframe-sandbox\",\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const shouldShowSandboxLoading =\n    shouldInjectSandboxVendor && !isSandboxVendorReady;\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          : undefined\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 ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <div\n          onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n          onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n          onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n        >\n          <ContentRender content={content} />\n        </div>\n      ) : (\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              visibility: shouldShowSandboxLoading ? \"hidden\" : \"visible\",\n            }}\n          />\n          {shouldShowSandboxLoading ? (\n            <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n              <Loader2\n                aria-label={loadingText || \"Preparing sandbox styles\"}\n                className=\"text-primary h-7 w-7 animate-spin\"\n              />\n            </div>\n          ) : null}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","isSandboxVendorReady","setIsSandboxVendorReady","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","rootMatch","attrs","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","hasRootVhHeight","shouldInjectSandboxVendor","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","root","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","viewportHeightCss","resolveExplicitHeight","container","elements","target","heightValue","parsed","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","shouldShowSandboxLoading","jsxs","ContentRender","Fragment","Loader2"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n  typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> | null = null;\n\nconst loadBlackboardVendor = () => {\n  if (!blackboardVendorPromise) {\n    blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n      (m) => m.injectBlackboardLibraries\n    );\n  }\n\n  return blackboardVendorPromise;\n};\n\n// Warm the sandbox vendor chunk as early as possible in the browser.\nif (typeof window !== \"undefined\") {\n  void loadBlackboardVendor();\n}\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n  replaceRootScreenHeightWithFull?: boolean;\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => token.split(\":\").pop() || token);\n\nconst parseViewportHeightCss = (value: string) => {\n  const normalized = value.trim().toLowerCase();\n  if (!normalized) return null;\n  const matched = normalized.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n  if (!className.trim()) return null;\n  const normalizedTokens = normalizeTailwindHeightTokens(className);\n  if (\n    normalizedTokens.includes(\"h-screen\") ||\n    normalizedTokens.includes(\"h-dvh\")\n  ) {\n    return \"100dvh\";\n  }\n  if (normalizedTokens.includes(\"h-svh\")) {\n    return \"100svh\";\n  }\n  if (normalizedTokens.includes(\"h-lvh\")) {\n    return \"100lvh\";\n  }\n  const arbitraryToken = normalizedTokens.find((token) =>\n    /^h-\\[[0-9.]+(vh|dvh|svh|lvh)\\]$/i.test(token)\n  );\n  if (!arbitraryToken) return null;\n  const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh|dvh|svh|lvh)\\]$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractRootClassName = (html: string) => {\n  const normalized = html.trim();\n  if (!normalized) return null;\n  const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/);\n  if (!rootMatch) return null;\n  return rootMatch[2]?.match(/\\bclass\\s*=\\s*[\"']([^\"']*)[\"']/i)?.[1] ?? null;\n};\n\nconst hasRootScreenHeightClass = (html: string) => {\n  const rootClassName = extractRootClassName(html);\n  if (!rootClassName) return false;\n  return normalizeTailwindHeightTokens(rootClassName).includes(\"h-screen\");\n};\n\nconst replaceRootScreenHeightToken = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      const segments = token.split(\":\");\n      if (segments[segments.length - 1] !== \"h-screen\") {\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 IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n  replaceRootScreenHeightWithFull = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const [isSandboxVendorReady, setIsSandboxVendorReady] = useState(\n    type !== \"sandbox\"\n  );\n  const isBlackboardMode = mode === \"blackboard\";\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n  const normalizedHtmlContent = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFullClass(\n        htmlContent,\n        replaceRootScreenHeightWithFull\n      ),\n    [htmlContent, replaceRootScreenHeightWithFull]\n  );\n  const shouldStretchRootHeight = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFull && hasRootScreenHeightClass(htmlContent),\n    [htmlContent, replaceRootScreenHeightWithFull]\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\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  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\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    const normalized = renderHtmlContent.trim();\n    if (!normalized) return null;\n    const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/);\n    if (!rootMatch) return null;\n    const attrs = rootMatch[2] || \"\";\n    const heightAttrMatch = attrs.match(/\\bheight\\s*=\\s*[\"']([^\"']+)[\"']/i);\n    if (heightAttrMatch) {\n      const explicitHeightCss = parseViewportHeightCss(heightAttrMatch[1]);\n      if (explicitHeightCss) return explicitHeightCss;\n    }\n    const styleAttrMatch = attrs.match(/\\bstyle\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    const styleHeightMatch = styleAttrMatch?.match(\n      /\\bheight\\s*:\\s*([^;]+)/i\n    )?.[1];\n    if (styleHeightMatch) {\n      const styleHeightCss = parseViewportHeightCss(styleHeightMatch);\n      if (styleHeightCss) return styleHeightCss;\n    }\n    const classAttrMatch = attrs.match(/\\bclass\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    if (!classAttrMatch) return null;\n    return extractViewportHeightFromTailwindClass(classAttrMatch);\n  }, [renderHtmlContent]);\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\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      html, body, #root { width: 100%; height: 100%; }\n      html, body { margin: 0; padding: 0; overflow: auto; }\n      *, *::before, *::after { box-sizing: border-box; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    docRef.current = doc;\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxPointerDown = () =>\n      emitSandboxInteraction(\"pointerdown\");\n    const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n    const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n      doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n      doc.addEventListener(\"touchstart\", handleSandboxTouchStart, 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\n    const parseExplicitHeight = (\n      value: string,\n      parentViewportHeight: number\n    ) => {\n      const normalized = value.trim().toLowerCase();\n      if (!normalized) return null;\n      const numeric = Number.parseFloat(normalized);\n      if (Number.isNaN(numeric)) return null;\n      if (/(dvh|svh|lvh|vh)$/i.test(normalized)) {\n        return (numeric / 100) * parentViewportHeight;\n      }\n      if (normalized.endsWith(\"px\") || /^[0-9.]+$/.test(normalized)) {\n        return numeric;\n      }\n      return null;\n    };\n    const parseTailwindHeightClass = (\n      className: string,\n      parentViewportHeight: number\n    ) => {\n      if (!className.trim()) return null;\n      const viewportHeightCss =\n        extractViewportHeightFromTailwindClass(className);\n      if (viewportHeightCss) {\n        return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n      }\n      const normalizedTokens = normalizeTailwindHeightTokens(className);\n      const arbitraryToken = normalizedTokens.find((token) =>\n        /^h-\\[[0-9.]+px\\]$/i.test(token)\n      );\n      if (!arbitraryToken) return null;\n      const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n      if (!matched) return null;\n      const numeric = Number.parseFloat(matched[1]);\n      if (Number.isNaN(numeric)) return null;\n      return numeric;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!iframeRef.current || !doc.body) return null;\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 elements = Array.from(container.children) as HTMLElement[];\n      if (elements.length !== 1) return null;\n      const target = elements[0];\n      const heightValue = target.style.height || target.getAttribute(\"height\");\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      const parsed = heightValue\n        ? parseExplicitHeight(heightValue, parentViewportHeight)\n        : null;\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n      const classHeight = parseTailwindHeightClass(\n        target.getAttribute(\"class\") || \"\",\n        parentViewportHeight\n      );\n      return classHeight !== null ? Math.ceil(classHeight) : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const explicitHeight = resolveExplicitHeight();\n      const nextHeight = Math.max(\n        200,\n        explicitHeight ?? Math.ceil(contentHeight)\n      );\n      setHeight(nextHeight);\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      setIsSandboxVendorReady(true);\n    } else {\n      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then((inject) => {\n          if (isDestroyed) return;\n          inject(doc);\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            setIsSandboxVendorReady(true);\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\n          setIsSandboxVendorReady(true);\n          scheduleHeightUpdate();\n        });\n    }\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n        doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n        doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.current = null;\n        docRef.current = null;\n        updateHeightRef.current = () => {};\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  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 || !isSandboxVendorReady) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n        stretchRootHeight={shouldStretchRootHeight}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    renderHtmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n    mode,\n    isSandboxVendorReady,\n  ]);\n  const containerClassName = [\n    \"w-full relative content-render-iframe-sandbox\",\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const shouldShowSandboxLoading =\n    shouldInjectSandboxVendor && !isSandboxVendorReady;\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          : undefined\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 ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <div\n          onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n          onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n          onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n        >\n          <ContentRender content={content} />\n        </div>\n      ) : (\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              visibility: shouldShowSandboxLoading ? \"hidden\" : \"visible\",\n            }}\n          />\n          {shouldShowSandboxLoading ? (\n            <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n              <Loader2\n                aria-label={loadingText || \"Preparing sandbox styles\"}\n                className=\"text-primary h-7 w-7 animate-spin\"\n              />\n            </div>\n          ) : null}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","extractRootClassName","html","rootMatch","hasRootScreenHeightClass","rootClassName","replaceRootScreenHeightToken","segments","replaceRootScreenHeightWithFullClass","enabled","match","tagStart","attrs","classMatch","nextClassName","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","isSandboxVendorReady","setIsSandboxVendorReady","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","normalizedHtmlContent","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","hasRootVhHeight","shouldInjectSandboxVendor","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","root","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","viewportHeightCss","resolveExplicitHeight","container","elements","target","heightValue","parsed","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","shouldShowSandboxLoading","jsxs","ContentRender","Fragment","Loader2"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),J=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.cjs.js"),X=["src","srcset","sizes","alt","class","width","height","style","loading","decoding","crossorigin","referrerpolicy"],F=a=>X.map(r=>`${r}:${a.getAttribute(r)||""}`).join("|"),Y=a=>{const r=new Map;return a.querySelectorAll("img").forEach(l=>{const c=l,n=F(c),f=r.get(n)||[];f.push(c),r.set(n,f)}),r},Z=(a,r)=>{const l=Array.from(a.attributes),c=new Set(l.map(n=>n.name));Array.from(r.attributes).forEach(n=>{c.has(n.name)||r.removeAttribute(n.name)}),l.forEach(n=>{r.setAttribute(n.name,n.value)})},ee=(a,r)=>{r.size&&a.querySelectorAll("img").forEach(l=>{const c=l,n=F(c),f=r.get(n),h=f?.shift();h&&(Z(c,h),c.replaceWith(h),f&&f.length===0&&r.delete(n))})},te=({html:a,styleLoadingText:r,scriptLoadingText:l,resetToken:c=0,mode:n="content",hasRootVhHeight:f=!1})=>{const h=t.useRef(null),w=t.useRef(null),[,T]=t.useState(!0),[H,A]=t.useState(!1),[O,C]=t.useState(!1),I=t.useRef([]),j=t.useRef([]),k=t.useRef(0),q=t.useRef(0),g=t.useRef(null),x=t.useRef(null),b=t.useRef(!1),R=t.useRef(!1),N=t.useRef(!1),L=t.useRef(c),U=200,d=s=>{s.current&&(clearTimeout(s.current),s.current=null)},_=(s,i,u,M)=>{const S=performance.now()-u.current,p=Math.max(0,U-S);d(i),i.current=window.setTimeout(()=>{s(!1),M?.(),i.current=null},p)};t.useEffect(()=>{const s=w.current?.ownerDocument;if(!s)return;const i="sandbox-spinner-style";let u=s.getElementById(i);u||(u=s.createElement("style"),u.id=i,s.head?.appendChild(u)),u.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),Y=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.cjs.js"),Z=["src","srcset","sizes","alt","class","width","height","style","loading","decoding","crossorigin","referrerpolicy"],H=a=>Z.map(s=>`${s}:${a.getAttribute(s)||""}`).join("|"),ee=a=>{const s=new Map;return a.querySelectorAll("img").forEach(l=>{const c=l,n=H(c),f=s.get(n)||[];f.push(c),s.set(n,f)}),s},te=(a,s)=>{const l=Array.from(a.attributes),c=new Set(l.map(n=>n.name));Array.from(s.attributes).forEach(n=>{c.has(n.name)||s.removeAttribute(n.name)}),l.forEach(n=>{s.setAttribute(n.name,n.value)})},se=(a,s)=>{s.size&&a.querySelectorAll("img").forEach(l=>{const c=l,n=H(c),f=s.get(n),h=f?.shift();h&&(te(c,h),c.replaceWith(h),f&&f.length===0&&s.delete(n))})},re=({html:a,styleLoadingText:s,scriptLoadingText:l,resetToken:c=0,mode:n="content",hasRootVhHeight:f=!1,stretchRootHeight:h=!1})=>{const O=t.useRef(null),A=t.useRef(null),[,q]=t.useState(!0),[U,C]=t.useState(!1),[V,I]=t.useState(!1),j=t.useRef([]),N=t.useRef([]),L=t.useRef(0),_=t.useRef(0),g=t.useRef(null),x=t.useRef(null),b=t.useRef(!1),R=t.useRef(!1),M=t.useRef(!1),B=t.useRef(c),$=200,d=r=>{r.current&&(clearTimeout(r.current),r.current=null)},D=(r,i,u,k)=>{const v=performance.now()-u.current,p=Math.max(0,$-v);d(i),i.current=window.setTimeout(()=>{r(!1),k?.(),i.current=null},p)};t.useEffect(()=>{const r=A.current?.ownerDocument;if(!r)return;const i="sandbox-spinner-style";let u=r.getElementById(i);u||(u=r.createElement("style"),u.id=i,r.head?.appendChild(u)),u.textContent=`
       @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
       .sandbox-wrapper { align-items: center; }
       .sandbox-container { width: 100%; }
@@ -7,5 +7,5 @@
       .justify-\\[safe_center\\]{
         justify-content: safe center;
       }
-    `},[]),t.useEffect(()=>{c!==L.current&&(N.current=!1,L.current=c),d(g),d(x),b.current=!1,R.current=!1;const s=w.current;if(!s)return;const i=s.ownerDocument,u=i?.body;if(!u)return;const M=Y(s);I.current.forEach(e=>e.remove()),I.current=[],j.current.forEach(e=>e.remove()),j.current=[];const S=N.current;T(!S),A(!1),C(!1);const p=i.createElement("div");p.innerHTML=a;const D=(a.match(/<script[\s>]/gi)||[]).length,K=(a.match(/<\/script>/gi)||[]).length,P=D>0&&D===K,y=[];Array.from(p.querySelectorAll("style, script")).forEach(e=>{if(e.tagName.toLowerCase()==="style"){const o=i.createElement("style");o.textContent=e.textContent||"",Array.from(e.attributes).forEach(m=>{o.setAttribute(m.name,m.value)}),y.push(o)}else{const o=i.createElement("script");Array.from(e.attributes).forEach(m=>{o.setAttribute(m.name,m.value)}),o.textContent=e.textContent||"",y.push(o)}e.remove()}),ee(p,M);const G=y.some(e=>e.tagName.toLowerCase()==="style"),z=y.some(e=>e.tagName.toLowerCase()==="script");G&&(b.current=!0,k.current=performance.now(),d(g),A(!0)),z&&(R.current=!0,q.current=performance.now(),d(x),C(!0));const W=!!p.firstElementChild;T(!W&&!S),W&&(N.current=!0),s.innerHTML="";const Q=Array.from(p.childNodes);s.append(...Q),y.forEach(e=>{if(e.tagName.toLowerCase()==="style"){i.head?.appendChild(e),I.current.push(e);return}if(P){const o=e,m=o.textContent||"";if(!o.src)try{new Function(m)}catch{o.remove();return}try{u.appendChild(o),j.current.push(o)}catch{o.remove()}}else e.remove()}),requestAnimationFrame(()=>{G&&_(A,g,k,()=>{b.current=!1}),z&&_(C,x,q,()=>{R.current=!1})})},[a,c]),t.useEffect(()=>()=>{d(g),d(x)},[]);const E=O||R.current?l||"Building scripts cache...":H||b.current?r||"Building styles...":null,B=n==="blackboard",V={position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:B?"space-around":"flex-start"},$={pointerEvents:E?"none":void 0,margin:B?void 0:"auto 0",width:"100%"};return v.jsxRuntimeExports.jsxs("div",{ref:h,"data-root-vh":f?"true":"false",className:"sandbox-wrapper",style:V,"aria-busy":!!E,children:[v.jsxRuntimeExports.jsx("div",{ref:w,className:"sandbox-container",style:$}),E&&v.jsxRuntimeExports.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(51, 51, 51, 0.80)",color:"#ffffff",fontSize:16,fontWeight:700,gap:10,pointerEvents:"auto",zIndex:20},children:[v.jsxRuntimeExports.jsx(J.default,{"aria-hidden":!0,size:20,style:{animation:"sandbox-spin 1s linear infinite"}}),E]})]})};exports.default=te;
+    `},[]),t.useEffect(()=>{c!==B.current&&(M.current=!1,B.current=c),d(g),d(x),b.current=!1,R.current=!1;const r=A.current;if(!r)return;const i=r.ownerDocument,u=i?.body;if(!u)return;const k=ee(r);j.current.forEach(e=>e.remove()),j.current=[],N.current.forEach(e=>e.remove()),N.current=[];const v=M.current;q(!v),C(!1),I(!1);const p=i.createElement("div");p.innerHTML=a;const G=(a.match(/<script[\s>]/gi)||[]).length,Q=(a.match(/<\/script>/gi)||[]).length,J=G>0&&G===Q,y=[];Array.from(p.querySelectorAll("style, script")).forEach(e=>{if(e.tagName.toLowerCase()==="style"){const o=i.createElement("style");o.textContent=e.textContent||"",Array.from(e.attributes).forEach(m=>{o.setAttribute(m.name,m.value)}),y.push(o)}else{const o=i.createElement("script");Array.from(e.attributes).forEach(m=>{o.setAttribute(m.name,m.value)}),o.textContent=e.textContent||"",y.push(o)}e.remove()}),se(p,k);const z=y.some(e=>e.tagName.toLowerCase()==="style"),W=y.some(e=>e.tagName.toLowerCase()==="script");z&&(b.current=!0,L.current=performance.now(),d(g),C(!0)),W&&(R.current=!0,_.current=performance.now(),d(x),I(!0));const F=!!p.firstElementChild;q(!F&&!v),F&&(M.current=!0),r.innerHTML="";const X=Array.from(p.childNodes);r.append(...X),y.forEach(e=>{if(e.tagName.toLowerCase()==="style"){i.head?.appendChild(e),j.current.push(e);return}if(J){const o=e,m=o.textContent||"";if(!o.src)try{new Function(m)}catch{o.remove();return}try{u.appendChild(o),N.current.push(o)}catch{o.remove()}}else e.remove()}),requestAnimationFrame(()=>{z&&D(C,g,L,()=>{b.current=!1}),W&&D(I,x,_,()=>{R.current=!1})})},[a,c]),t.useEffect(()=>()=>{d(g),d(x)},[]);const S=V||R.current?l||"Building scripts cache...":U||b.current?s||"Building styles...":null,T=n==="blackboard",E=T&&h,K={position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:E?"flex-start":T?"space-around":"flex-start"},P={pointerEvents:S?"none":void 0,margin:T?void 0:"auto 0",width:"100%",height:E?"100%":void 0,minHeight:E?0:void 0,flex:E?"1 1 auto":void 0};return w.jsxRuntimeExports.jsxs("div",{ref:O,"data-root-vh":f?"true":"false",className:"sandbox-wrapper",style:K,"aria-busy":!!S,children:[w.jsxRuntimeExports.jsx("div",{ref:A,className:"sandbox-container",style:P}),S&&w.jsxRuntimeExports.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(51, 51, 51, 0.80)",color:"#ffffff",fontSize:16,fontWeight:700,gap:10,pointerEvents:"auto",zIndex:20},children:[w.jsxRuntimeExports.jsx(Y.default,{"aria-hidden":!0,size:20,style:{animation:"sandbox-spin 1s linear infinite"}}),S]})]})};exports.default=re;
 //# sourceMappingURL=SandboxApp.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SandboxApp.cjs.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: isBlackboard ? \"space-around\" : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}
+{"version":3,"file":"SandboxApp.cjs.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n  stretchRootHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n  stretchRootHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const shouldStretchRootHeight = isBlackboard && stretchRootHeight;\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: shouldStretchRootHeight\n      ? \"flex-start\"\n      : isBlackboard\n        ? \"space-around\"\n        : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n    height: shouldStretchRootHeight ? \"100%\" : undefined,\n    minHeight: shouldStretchRootHeight ? 0 : undefined,\n    flex: shouldStretchRootHeight ? \"1 1 auto\" : undefined,\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","stretchRootHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ export interface SandboxAppProps {
     resetToken?: number;
     mode?: "content" | "blackboard";
     hasRootVhHeight?: boolean;
+    stretchRootHeight?: boolean;
 }
 declare const SandboxApp: React.FC<SandboxAppProps>;
 export default SandboxApp;

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

@@ -1,7 +1,7 @@
-import { j as w } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as i, useState as L, useEffect as M } from "react";
-import Y from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.es.js";
-const Z = [
+import { j as A } from "../../_virtual/jsx-runtime.es.js";
+import { useRef as i, useState as k, useEffect as B } from "react";
+import ee from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.es.js";
+const te = [
   "src",
   "srcset",
   "sizes",
@@ -14,15 +14,15 @@ const Z = [
   "decoding",
   "crossorigin",
   "referrerpolicy"
-], U = (c) => Z.map(
+], V = (c) => te.map(
   (t) => `${t}:${c.getAttribute(t) || ""}`
-).join("|"), ee = (c) => {
+).join("|"), re = (c) => {
   const t = /* @__PURE__ */ new Map();
   return c.querySelectorAll("img").forEach((u) => {
-    const o = u, n = U(o), f = t.get(n) || [];
+    const o = u, n = V(o), f = t.get(n) || [];
     f.push(o), t.set(n, f);
   }), t;
-}, te = (c, t) => {
+}, ne = (c, t) => {
   const u = Array.from(c.attributes), o = new Set(
     u.map((n) => n.name)
   );
@@ -31,29 +31,30 @@ const Z = [
   }), u.forEach((n) => {
     t.setAttribute(n.name, n.value);
   });
-}, re = (c, t) => {
+}, se = (c, t) => {
   t.size && c.querySelectorAll("img").forEach((u) => {
-    const o = u, n = U(o), f = t.get(n), h = f?.shift();
-    h && (te(o, h), o.replaceWith(h), f && f.length === 0 && t.delete(n));
+    const o = u, n = V(o), f = t.get(n), h = f?.shift();
+    h && (ne(o, h), o.replaceWith(h), f && f.length === 0 && t.delete(n));
   });
-}, ae = ({
+}, le = ({
   html: c,
   styleLoadingText: t,
   scriptLoadingText: u,
   resetToken: o = 0,
   mode: n = "content",
-  hasRootVhHeight: f = !1
+  hasRootVhHeight: f = !1,
+  stretchRootHeight: h = !1
 }) => {
-  const h = i(null), A = i(null), [, k] = L(!0), [V, C] = L(!1), [$, R] = L(!1), I = i([]), N = i([]), B = i(0), D = i(0), g = i(null), b = i(null), x = i(!1), S = i(!1), j = i(!1), G = i(o), K = 200, d = (r) => {
+  const $ = i(null), C = i(null), [, D] = k(!0), [K, R] = k(!1), [O, I] = k(!1), N = i([]), j = i([]), G = i(0), z = i(0), g = i(null), x = i(null), b = i(!1), S = i(!1), T = i(!1), W = i(o), Q = 200, d = (r) => {
     r.current && (clearTimeout(r.current), r.current = null);
-  }, z = (r, a, l, T) => {
-    const v = performance.now() - l.current, p = Math.max(0, K - v);
+  }, _ = (r, a, l, M) => {
+    const w = performance.now() - l.current, p = Math.max(0, Q - w);
     d(a), a.current = window.setTimeout(() => {
-      r(!1), T?.(), a.current = null;
+      r(!1), M?.(), a.current = null;
     }, p);
   };
-  M(() => {
-    const r = A.current?.ownerDocument;
+  B(() => {
+    const r = C.current?.ownerDocument;
     if (!r) return;
     const a = "sandbox-spinner-style";
     let l = r.getElementById(a);
@@ -67,19 +68,19 @@ const Z = [
         justify-content: safe center;
       }
     `;
-  }, []), M(() => {
-    o !== G.current && (j.current = !1, G.current = o), d(g), d(b), x.current = !1, S.current = !1;
-    const r = A.current;
+  }, []), B(() => {
+    o !== W.current && (T.current = !1, W.current = o), d(g), d(x), b.current = !1, S.current = !1;
+    const r = C.current;
     if (!r) return;
     const a = r.ownerDocument, l = a?.body;
     if (!l) return;
-    const T = ee(r);
-    I.current.forEach((e) => e.remove()), I.current = [], N.current.forEach((e) => e.remove()), N.current = [];
-    const v = j.current;
-    k(!v), C(!1), R(!1);
+    const M = re(r);
+    N.current.forEach((e) => e.remove()), N.current = [], j.current.forEach((e) => e.remove()), j.current = [];
+    const w = T.current;
+    D(!w), R(!1), I(!1);
     const p = a.createElement("div");
     p.innerHTML = c;
-    const _ = (c.match(/<script[\s>]/gi) || []).length, J = (c.match(/<\/script>/gi) || []).length, P = _ > 0 && _ === J, y = [];
+    const q = (c.match(/<script[\s>]/gi) || []).length, X = (c.match(/<\/script>/gi) || []).length, Y = q > 0 && q === X, y = [];
     Array.from(p.querySelectorAll("style, script")).forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
         const s = a.createElement("style");
@@ -93,22 +94,22 @@ const Z = [
         }), s.textContent = e.textContent || "", y.push(s);
       }
       e.remove();
-    }), re(p, T);
-    const q = y.some(
+    }), se(p, M);
+    const F = y.some(
       (e) => e.tagName.toLowerCase() === "style"
-    ), F = y.some(
+    ), H = y.some(
       (e) => e.tagName.toLowerCase() === "script"
     );
-    q && (x.current = !0, B.current = performance.now(), d(g), C(!0)), F && (S.current = !0, D.current = performance.now(), d(b), R(!0));
-    const H = !!p.firstElementChild;
-    k(!H && !v), H && (j.current = !0), r.innerHTML = "";
-    const X = Array.from(p.childNodes);
-    r.append(...X), y.forEach((e) => {
+    F && (b.current = !0, G.current = performance.now(), d(g), R(!0)), H && (S.current = !0, z.current = performance.now(), d(x), I(!0));
+    const U = !!p.firstElementChild;
+    D(!U && !w), U && (T.current = !0), r.innerHTML = "";
+    const Z = Array.from(p.childNodes);
+    r.append(...Z), y.forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
-        a.head?.appendChild(e), I.current.push(e);
+        a.head?.appendChild(e), N.current.push(e);
         return;
       }
-      if (P) {
+      if (Y) {
         const s = e, m = s.textContent || "";
         if (!s.src)
           try {
@@ -118,66 +119,69 @@ const Z = [
             return;
           }
         try {
-          l.appendChild(s), N.current.push(s);
+          l.appendChild(s), j.current.push(s);
         } catch {
           s.remove();
         }
       } else
         e.remove();
     }), requestAnimationFrame(() => {
-      q && z(
-        C,
+      F && _(
+        R,
         g,
-        B,
+        G,
         () => {
-          x.current = !1;
+          b.current = !1;
         }
-      ), F && z(
-        R,
-        b,
-        D,
+      ), H && _(
+        I,
+        x,
+        z,
         () => {
           S.current = !1;
         }
       );
     });
-  }, [c, o]), M(
+  }, [c, o]), B(
     () => () => {
-      d(g), d(b);
+      d(g), d(x);
     },
     []
   );
-  const E = $ || S.current ? u || "Building scripts cache..." : V || x.current ? t || "Building styles..." : null, W = n === "blackboard", O = {
+  const v = O || S.current ? u || "Building scripts cache..." : K || b.current ? t || "Building styles..." : null, L = n === "blackboard", E = L && h, J = {
     position: "relative",
     width: "100%",
     height: "100%",
     display: "flex",
     flexDirection: "column",
     // Keep blackboard scroll behavior while centering content in non-blackboard mode
-    justifyContent: W ? "space-around" : "flex-start"
-  }, Q = {
-    pointerEvents: E ? "none" : void 0,
-    margin: W ? void 0 : "auto 0",
-    width: "100%"
+    justifyContent: E ? "flex-start" : L ? "space-around" : "flex-start"
+  }, P = {
+    pointerEvents: v ? "none" : void 0,
+    margin: L ? void 0 : "auto 0",
+    width: "100%",
+    height: E ? "100%" : void 0,
+    minHeight: E ? 0 : void 0,
+    flex: E ? "1 1 auto" : void 0
   };
-  return /* @__PURE__ */ w.jsxs(
+  return /* @__PURE__ */ A.jsxs(
     "div",
     {
-      ref: h,
+      ref: $,
       "data-root-vh": f ? "true" : "false",
       className: "sandbox-wrapper",
-      style: O,
-      "aria-busy": !!E,
+      style: J,
+      "aria-busy": !!v,
       children: [
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ A.jsx(
           "div",
           {
-            ref: A,
+            ref: C,
             className: "sandbox-container",
-            style: Q
+            style: P
           }
         ),
-        E && /* @__PURE__ */ w.jsxs(
+        v && /* @__PURE__ */ A.jsxs(
           "div",
           {
             style: {
@@ -195,15 +199,15 @@ const Z = [
               zIndex: 20
             },
             children: [
-              /* @__PURE__ */ w.jsx(
-                Y,
+              /* @__PURE__ */ A.jsx(
+                ee,
                 {
                   "aria-hidden": !0,
                   size: 20,
                   style: { animation: "sandbox-spin 1s linear infinite" }
                 }
               ),
-              E
+              v
             ]
           }
         )
@@ -212,6 +216,6 @@ const Z = [
   );
 };
 export {
-  ae as default
+  le as default
 };
 //# sourceMappingURL=SandboxApp.es.js.map