markdown-flow-ui 0.1.118-dev.1 → 0.1.118-dev.2

package/dist/_virtual/index.cjs10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/rc-util/node_modules/react-is/index.cjs.js");var r=e.__require();exports.reactIsExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/@braintree/sanitize-url/dist/index.cjs.js");var r=e.__require();exports.distExports=r;
 //# sourceMappingURL=index.cjs10.js.map

package/dist/_virtual/index.cjs11.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=index.cjs11.js.map

package/dist/_virtual/index.cjs12.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index.cjs12.js.map

package/dist/_virtual/index.cjs5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/_virtual/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/_virtual/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/@braintree/sanitize-url/dist/index.cjs.js");var r=e.__require();exports.distExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/rc-util/node_modules/react-is/index.cjs.js");var r=e.__require();exports.reactIsExports=r;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/_virtual/index.es10.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../node_modules/rc-util/node_modules/react-is/index.es.js";
-var a = r();
+import { __require as r } from "../node_modules/@braintree/sanitize-url/dist/index.es.js";
+var i = r();
 export {
-  a as r
+  i as d
 };
 //# sourceMappingURL=index.es10.js.map

package/dist/_virtual/index.es11.js

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

package/dist/_virtual/index.es12.js

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

package/dist/_virtual/index.es5.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
-import { __require as r } from "../node_modules/extend/index.es.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
+import { __require as o } from "../node_modules/style-to-js/cjs/index.es.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/_virtual/index.es6.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as o } from "../node_modules/style-to-js/cjs/index.es.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
+import { __require as r } from "../node_modules/extend/index.es.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index.es9.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../node_modules/@braintree/sanitize-url/dist/index.es.js";
-var i = r();
+import { __require as r } from "../node_modules/rc-util/node_modules/react-is/index.es.js";
+var a = r();
 export {
-  i as d
+  a as r
 };
 //# sourceMappingURL=index.es9.js.map

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

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),J=require("../ui/loading-overlay-card.cjs.js"),X=["src","srcset","sizes","alt","class","width","height","style","loading","decoding","crossorigin","referrerpolicy","fetchpriority"],L=c=>X.map(r=>`${r}:${c.getAttribute(r)||""}`).join("|"),Y=c=>{const r=new Map;return c.querySelectorAll("img").forEach(f=>{const a=f,s=L(a),d=r.get(s)||[];d.push(a),r.set(s,d)}),r},Z=(c,r)=>{const f=Array.from(c.attributes),a=new Set(f.map(s=>s.name));Array.from(r.attributes).forEach(s=>{a.has(s.name)||r.removeAttribute(s.name)}),f.forEach(s=>{r.setAttribute(s.name,s.value)})},ee=(c,r)=>{r.size&&c.querySelectorAll("img").forEach(f=>{const a=f,s=L(a),d=r.get(s),h=d?.shift();h&&(Z(a,h),a.replaceWith(h),d&&d.length===0&&r.delete(s))})},te=({html:c,styleLoadingText:r,scriptLoadingText:f,resetToken:a=0,mode:s="content",hasRootVhHeight:d=!1,stretchRootHeight:h=!1,enableScaling:k=!1,disableLoadingOverlay:I=!1})=>{const j=t.useRef(null),[V,E]=t.useState(!1),[W,S]=t.useState(!1),N=t.useRef([]),_=t.useRef([]),q=t.useRef(0),B=t.useRef(0),y=t.useRef(null),g=t.useRef(null),x=t.useRef(!1),b=t.useRef(!1),D=t.useRef(!1),G=t.useRef(a),U=200,u=n=>{n.current&&(clearTimeout(n.current),n.current=null)},H=(n,i,l,T)=>{const m=performance.now()-l.current,C=Math.max(0,U-m);u(i),i.current=window.setTimeout(()=>{n(!1),T?.(),i.current=null},C)};t.useEffect(()=>{const n=j.current?.ownerDocument;if(!n)return;const i="sandbox-spinner-style";let l=n.getElementById(i);l||(l=n.createElement("style"),l.id=i,n.head?.appendChild(l)),l.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),J=require("../ui/loading-overlay-card.cjs.js"),X=["src","srcset","sizes","alt","class","width","height","style","loading","decoding","crossorigin","referrerpolicy","fetchpriority"],L=a=>X.map(r=>`${r}:${a.getAttribute(r)||""}`).join("|"),Y=a=>{const r=new Map;return a.querySelectorAll("img").forEach(f=>{const c=f,n=L(c),d=r.get(n)||[];d.push(c),r.set(n,d)}),r},Z=(a,r)=>{const f=Array.from(a.attributes),c=new Set(f.map(n=>n.name));Array.from(r.attributes).forEach(n=>{c.has(n.name)||r.removeAttribute(n.name)}),f.forEach(n=>{r.setAttribute(n.name,n.value)})},ee=(a,r)=>{r.size&&a.querySelectorAll("img").forEach(f=>{const c=f,n=L(c),d=r.get(n),p=d?.shift();p&&(Z(c,p),c.replaceWith(p),d&&d.length===0&&r.delete(n))})},te=({html:a,styleLoadingText:r,scriptLoadingText:f,resetToken:c=0,mode:n="content",hasRootVhHeight:d=!1,stretchRootHeight:p=!1,enableScaling:q=!1,disableLoadingOverlay:I=!1})=>{const j=t.useRef(null),[U,v]=t.useState(!1),[W,E]=t.useState(!1),N=t.useRef([]),_=t.useRef([]),k=t.useRef(0),D=t.useRef(0),y=t.useRef(null),g=t.useRef(null),x=t.useRef(!1),b=t.useRef(!1),G=t.useRef(!1),H=t.useRef(c),V=200,u=s=>{s.current&&(clearTimeout(s.current),s.current=null)},B=(s,i,l,T)=>{const h=performance.now()-l.current,C=Math.max(0,V-h);u(i),i.current=window.setTimeout(()=>{s(!1),T?.(),i.current=null},C)};t.useEffect(()=>{const s=j.current?.ownerDocument;if(!s)return;const i="sandbox-spinner-style";let l=s.getElementById(i);l||(l=s.createElement("style"),l.id=i,s.head?.appendChild(l)),l.textContent=`
       .sandbox-wrapper { align-items: center; }
       .sandbox-container { position: relative; width: 100%; }
       .sandbox-container svg,
       .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }
-      /* Sub-pixel rounding (clamp() font-size + fractional flex children) can push
-         scrollHeight 1px past clientHeight, producing a phantom scrollbar on a
-         user content root that visually fits. Non-blackboard sandboxes have a
-         fixed aspect-[16/9] iframe, so the user root must not own scroll.
-         Blackboard mode is excluded: IframeSandbox measures inner overflow:auto
-         roots to grow the iframe (see IframeSandbox.tsx getInnerScrollableHeight). */
-      .sandbox-wrapper:not([data-mode="blackboard"]) .sandbox-container > * {
-        overflow: clip !important;
-      }
+      /* Hide scroll UI without removing scroll semantics. Content roots with
+         inline style="height:100vh; overflow-y:auto" are the signal that
+         IframeSandbox.getInnerScrollableHeight relies on to grow the iframe
+         when content exceeds the viewport. We must not change overflow-y,
+         but sub-pixel rounding (1px below the +1 detection threshold) can
+         still surface a phantom scrollbar on content that visually fits.
+         Hide the scrollbar UI globally; when content truly overflows the
+         iframe is resized and no scrollbar would render anyway. */
+      .sandbox-container *::-webkit-scrollbar { display: none; }
+      .sandbox-container * { scrollbar-width: none; -ms-overflow-style: none; }
       .justify-\\[safe_center\\]{
         justify-content: safe center;
       }
       .overflow-y-auto { overflow-y: visible !important; }
-    `},[]),t.useEffect(()=>{a!==G.current&&(D.current=!1,G.current=a),u(y),u(g),x.current=!1,b.current=!1;const n=j.current;if(!n)return;const i=n.ownerDocument,l=i?.body;if(!l)return;const T=Y(n);N.current.forEach(e=>e.remove()),N.current=[],_.current.forEach(e=>e.remove()),_.current=[],E(!1),S(!1);const m=i.createElement("div");m.innerHTML=c;const C=(c.match(/<script[\s>]/gi)||[]).length,O=(c.match(/<\/script>/gi)||[]).length,P=C>0&&C===O,v=[];Array.from(m.querySelectorAll("style, script")).forEach(e=>{if(e.tagName.toLowerCase()==="style"){const o=i.createElement("style");o.textContent=e.textContent||"",Array.from(e.attributes).forEach(p=>{o.setAttribute(p.name,p.value)}),v.push(o)}else{const o=i.createElement("script");Array.from(e.attributes).forEach(p=>{o.setAttribute(p.name,p.value)}),o.textContent=e.textContent||"",v.push(o)}e.remove()}),ee(m,T);const F=v.some(e=>e.tagName.toLowerCase()==="style"),z=v.some(e=>e.tagName.toLowerCase()==="script");F&&(x.current=!0,q.current=performance.now(),u(y),E(!0)),z&&(b.current=!0,B.current=performance.now(),u(g),S(!0)),!!m.firstElementChild&&(D.current=!0);const Q=Array.from(m.childNodes);n.replaceChildren(...Q),v.forEach(e=>{if(e.tagName.toLowerCase()==="style"){i.head?.appendChild(e),N.current.push(e);return}if(P){const o=e,p=o.textContent||"";if(!o.src)try{new Function(p)}catch{o.remove();return}try{l.appendChild(o),_.current.push(o)}catch{o.remove()}}else e.remove()}),k&&n.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(),requestAnimationFrame(()=>{F&&H(E,y,q,()=>{x.current=!1}),z&&H(S,g,B,()=>{b.current=!1})})},[c,a,k]),t.useEffect(()=>()=>{u(y),u(g)},[]),t.useEffect(()=>{I&&(u(y),u(g),x.current=!1,b.current=!1,E(!1),S(!1))},[I]);const w=I?null:W||b.current?f||"Building scripts cache...":V||x.current?r||"Building styles...":null,M=s==="blackboard",R=M&&h,$={position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:R?"flex-start":M?"space-around":"flex-start"},K={pointerEvents:w?"none":void 0,margin:M?void 0:"auto 0",width:"100%",height:R?"100%":void 0,minHeight:R?0:void 0,flex:R?"1 1 auto":void 0};return A.jsxRuntimeExports.jsxs("div",{"data-root-vh":d?"true":"false","data-mode":s,className:"sandbox-wrapper",style:$,"aria-busy":!!w,children:[A.jsxRuntimeExports.jsx("div",{ref:j,className:"sandbox-container",style:K}),w&&A.jsxRuntimeExports.jsx("div",{style:{position:"absolute",inset:0,zIndex:20,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:A.jsxRuntimeExports.jsx(J.default,{message:w})})]})};exports.default=te;
+    `},[]),t.useEffect(()=>{c!==H.current&&(G.current=!1,H.current=c),u(y),u(g),x.current=!1,b.current=!1;const s=j.current;if(!s)return;const i=s.ownerDocument,l=i?.body;if(!l)return;const T=Y(s);N.current.forEach(e=>e.remove()),N.current=[],_.current.forEach(e=>e.remove()),_.current=[],v(!1),E(!1);const h=i.createElement("div");h.innerHTML=a;const C=(a.match(/<script[\s>]/gi)||[]).length,O=(a.match(/<\/script>/gi)||[]).length,P=C>0&&C===O,w=[];Array.from(h.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)}),w.push(o)}else{const o=i.createElement("script");Array.from(e.attributes).forEach(m=>{o.setAttribute(m.name,m.value)}),o.textContent=e.textContent||"",w.push(o)}e.remove()}),ee(h,T);const F=w.some(e=>e.tagName.toLowerCase()==="style"),z=w.some(e=>e.tagName.toLowerCase()==="script");F&&(x.current=!0,k.current=performance.now(),u(y),v(!0)),z&&(b.current=!0,D.current=performance.now(),u(g),E(!0)),!!h.firstElementChild&&(G.current=!0);const Q=Array.from(h.childNodes);s.replaceChildren(...Q),w.forEach(e=>{if(e.tagName.toLowerCase()==="style"){i.head?.appendChild(e),N.current.push(e);return}if(P){const o=e,m=o.textContent||"";if(!o.src)try{new Function(m)}catch{o.remove();return}try{l.appendChild(o),_.current.push(o)}catch{o.remove()}}else e.remove()}),q&&s.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(),requestAnimationFrame(()=>{F&&B(v,y,k,()=>{x.current=!1}),z&&B(E,g,D,()=>{b.current=!1})})},[a,c,q]),t.useEffect(()=>()=>{u(y),u(g)},[]),t.useEffect(()=>{I&&(u(y),u(g),x.current=!1,b.current=!1,v(!1),E(!1))},[I]);const R=I?null:W||b.current?f||"Building scripts cache...":U||x.current?r||"Building styles...":null,M=n==="blackboard",S=M&&p,$={position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:S?"flex-start":M?"space-around":"flex-start"},K={pointerEvents:R?"none":void 0,margin:M?void 0:"auto 0",width:"100%",height:S?"100%":void 0,minHeight:S?0:void 0,flex:S?"1 1 auto":void 0};return A.jsxRuntimeExports.jsxs("div",{"data-root-vh":d?"true":"false",className:"sandbox-wrapper",style:$,"aria-busy":!!R,children:[A.jsxRuntimeExports.jsx("div",{ref:j,className:"sandbox-container",style:K}),R&&A.jsxRuntimeExports.jsx("div",{style:{position:"absolute",inset:0,zIndex:20,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:A.jsxRuntimeExports.jsx(J.default,{message:R})})]})};exports.default=te;
 //# 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 LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport type { ScalingWindow } from \"./utils/iframe-scaling\";\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  enableScaling?: boolean;\n  disableLoadingOverlay?: 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  \"fetchpriority\",\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  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\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      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { position: relative; width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      /* Sub-pixel rounding (clamp() font-size + fractional flex children) can push\n         scrollHeight 1px past clientHeight, producing a phantom scrollbar on a\n         user content root that visually fits. Non-blackboard sandboxes have a\n         fixed aspect-[16/9] iframe, so the user root must not own scroll.\n         Blackboard mode is excluded: IframeSandbox measures inner overflow:auto\n         roots to grow the iframe (see IframeSandbox.tsx getInnerScrollableHeight). */\n      .sandbox-wrapper:not([data-mode=\"blackboard\"]) .sandbox-container > * {\n        overflow: clip !important;\n      }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n      .overflow-y-auto { overflow-y: visible !important; }\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    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    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.replaceChildren(...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    if (enableScaling) {\n      const win = container.ownerDocument?.defaultView as ScalingWindow | null;\n      win?.__mdf_triggerFitContent?.();\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, enableScaling]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (!disableLoadingOverlay) {\n      return;\n    }\n\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n  }, [disableLoadingOverlay]);\n\n  const overlayMessage = (() => {\n    if (disableLoadingOverlay) {\n      return null;\n    }\n\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      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      data-mode={mode}\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            zIndex: 20,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <LoadingOverlayCard message={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","enableScaling","disableLoadingOverlay","containerRef","useRef","isGeneratingStyles","setIsGeneratingStyles","useState","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","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","LoadingOverlayCard"],"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 LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport type { ScalingWindow } from \"./utils/iframe-scaling\";\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  enableScaling?: boolean;\n  disableLoadingOverlay?: 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  \"fetchpriority\",\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  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\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      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { position: relative; width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      /* Hide scroll UI without removing scroll semantics. Content roots with\n         inline style=\"height:100vh; overflow-y:auto\" are the signal that\n         IframeSandbox.getInnerScrollableHeight relies on to grow the iframe\n         when content exceeds the viewport. We must not change overflow-y,\n         but sub-pixel rounding (1px below the +1 detection threshold) can\n         still surface a phantom scrollbar on content that visually fits.\n         Hide the scrollbar UI globally; when content truly overflows the\n         iframe is resized and no scrollbar would render anyway. */\n      .sandbox-container *::-webkit-scrollbar { display: none; }\n      .sandbox-container * { scrollbar-width: none; -ms-overflow-style: none; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n      .overflow-y-auto { overflow-y: visible !important; }\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    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    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.replaceChildren(...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    if (enableScaling) {\n      const win = container.ownerDocument?.defaultView as ScalingWindow | null;\n      win?.__mdf_triggerFitContent?.();\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, enableScaling]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (!disableLoadingOverlay) {\n      return;\n    }\n\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n  }, [disableLoadingOverlay]);\n\n  const overlayMessage = (() => {\n    if (disableLoadingOverlay) {\n      return null;\n    }\n\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      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            zIndex: 20,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <LoadingOverlayCard message={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","enableScaling","disableLoadingOverlay","containerRef","useRef","isGeneratingStyles","setIsGeneratingStyles","useState","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","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","LoadingOverlayCard"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { j as I } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as i, useState as V, useEffect as R } from "react";
+import { useRef as i, useState as U, useEffect as R } from "react";
 import Y from "../ui/loading-overlay-card.es.js";
 const Z = [
   "src",
@@ -15,160 +15,161 @@ const Z = [
   "crossorigin",
   "referrerpolicy",
   "fetchpriority"
-], W = (a) => Z.map(
-  (t) => `${t}:${a.getAttribute(t) || ""}`
-).join("|"), ee = (a) => {
+], W = (c) => Z.map(
+  (t) => `${t}:${c.getAttribute(t) || ""}`
+).join("|"), ee = (c) => {
   const t = /* @__PURE__ */ new Map();
-  return a.querySelectorAll("img").forEach((f) => {
-    const o = f, r = W(o), d = t.get(r) || [];
-    d.push(o), t.set(r, d);
+  return c.querySelectorAll("img").forEach((f) => {
+    const o = f, n = W(o), d = t.get(n) || [];
+    d.push(o), t.set(n, d);
   }), t;
-}, te = (a, t) => {
-  const f = Array.from(a.attributes), o = new Set(
-    f.map((r) => r.name)
+}, te = (c, t) => {
+  const f = Array.from(c.attributes), o = new Set(
+    f.map((n) => n.name)
   );
-  Array.from(t.attributes).forEach((r) => {
-    o.has(r.name) || t.removeAttribute(r.name);
-  }), f.forEach((r) => {
-    t.setAttribute(r.name, r.value);
+  Array.from(t.attributes).forEach((n) => {
+    o.has(n.name) || t.removeAttribute(n.name);
+  }), f.forEach((n) => {
+    t.setAttribute(n.name, n.value);
   });
-}, re = (a, t) => {
-  t.size && a.querySelectorAll("img").forEach((f) => {
-    const o = f, r = W(o), d = t.get(r), h = d?.shift();
-    h && (te(o, h), o.replaceWith(h), d && d.length === 0 && t.delete(r));
+}, re = (c, t) => {
+  t.size && c.querySelectorAll("img").forEach((f) => {
+    const o = f, n = W(o), d = t.get(n), p = d?.shift();
+    p && (te(o, p), o.replaceWith(p), d && d.length === 0 && t.delete(n));
   });
 }, ie = ({
-  html: a,
+  html: c,
   styleLoadingText: t,
   scriptLoadingText: f,
   resetToken: o = 0,
-  mode: r = "content",
+  mode: n = "content",
   hasRootVhHeight: d = !1,
-  stretchRootHeight: h = !1,
-  enableScaling: B = !1,
+  stretchRootHeight: p = !1,
+  enableScaling: D = !1,
   disableLoadingOverlay: N = !1
 }) => {
-  const j = i(null), [U, w] = V(!1), [$, S] = V(!1), k = i([]), T = i([]), D = i(0), G = i(0), y = i(null), g = i(null), x = i(!1), b = i(!1), H = i(!1), F = i(o), K = 200, u = (n) => {
-    n.current && (clearTimeout(n.current), n.current = null);
-  }, L = (n, c, l, M) => {
-    const m = performance.now() - l.current, A = Math.max(0, K - m);
-    u(c), c.current = window.setTimeout(() => {
-      n(!1), M?.(), c.current = null;
+  const j = i(null), [V, v] = U(!1), [$, S] = U(!1), T = i([]), _ = i([]), G = i(0), H = i(0), y = i(null), g = i(null), b = i(!1), w = i(!1), B = i(!1), F = i(o), K = 200, u = (r) => {
+    r.current && (clearTimeout(r.current), r.current = null);
+  }, L = (r, a, l, k) => {
+    const h = performance.now() - l.current, A = Math.max(0, K - h);
+    u(a), a.current = window.setTimeout(() => {
+      r(!1), k?.(), a.current = null;
     }, A);
   };
   R(() => {
-    const n = j.current?.ownerDocument;
-    if (!n) return;
-    const c = "sandbox-spinner-style";
-    let l = n.getElementById(c);
-    l || (l = n.createElement("style"), l.id = c, n.head?.appendChild(l)), l.textContent = `
+    const r = j.current?.ownerDocument;
+    if (!r) return;
+    const a = "sandbox-spinner-style";
+    let l = r.getElementById(a);
+    l || (l = r.createElement("style"), l.id = a, r.head?.appendChild(l)), l.textContent = `
       .sandbox-wrapper { align-items: center; }
       .sandbox-container { position: relative; width: 100%; }
       .sandbox-container svg,
       .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }
-      /* Sub-pixel rounding (clamp() font-size + fractional flex children) can push
-         scrollHeight 1px past clientHeight, producing a phantom scrollbar on a
-         user content root that visually fits. Non-blackboard sandboxes have a
-         fixed aspect-[16/9] iframe, so the user root must not own scroll.
-         Blackboard mode is excluded: IframeSandbox measures inner overflow:auto
-         roots to grow the iframe (see IframeSandbox.tsx getInnerScrollableHeight). */
-      .sandbox-wrapper:not([data-mode="blackboard"]) .sandbox-container > * {
-        overflow: clip !important;
-      }
+      /* Hide scroll UI without removing scroll semantics. Content roots with
+         inline style="height:100vh; overflow-y:auto" are the signal that
+         IframeSandbox.getInnerScrollableHeight relies on to grow the iframe
+         when content exceeds the viewport. We must not change overflow-y,
+         but sub-pixel rounding (1px below the +1 detection threshold) can
+         still surface a phantom scrollbar on content that visually fits.
+         Hide the scrollbar UI globally; when content truly overflows the
+         iframe is resized and no scrollbar would render anyway. */
+      .sandbox-container *::-webkit-scrollbar { display: none; }
+      .sandbox-container * { scrollbar-width: none; -ms-overflow-style: none; }
       .justify-\\[safe_center\\]{
         justify-content: safe center;
       }
       .overflow-y-auto { overflow-y: visible !important; }
     `;
   }, []), R(() => {
-    o !== F.current && (H.current = !1, F.current = o), u(y), u(g), x.current = !1, b.current = !1;
-    const n = j.current;
-    if (!n) return;
-    const c = n.ownerDocument, l = c?.body;
+    o !== F.current && (B.current = !1, F.current = o), u(y), u(g), b.current = !1, w.current = !1;
+    const r = j.current;
+    if (!r) return;
+    const a = r.ownerDocument, l = a?.body;
     if (!l) return;
-    const M = ee(n);
-    k.current.forEach((e) => e.remove()), k.current = [], T.current.forEach((e) => e.remove()), T.current = [], w(!1), S(!1);
-    const m = c.createElement("div");
-    m.innerHTML = a;
-    const A = (a.match(/<script[\s>]/gi) || []).length, O = (a.match(/<\/script>/gi) || []).length, P = A > 0 && A === O, v = [];
-    Array.from(m.querySelectorAll("style, script")).forEach((e) => {
+    const k = ee(r);
+    T.current.forEach((e) => e.remove()), T.current = [], _.current.forEach((e) => e.remove()), _.current = [], v(!1), S(!1);
+    const h = a.createElement("div");
+    h.innerHTML = c;
+    const A = (c.match(/<script[\s>]/gi) || []).length, O = (c.match(/<\/script>/gi) || []).length, P = A > 0 && A === O, x = [];
+    Array.from(h.querySelectorAll("style, script")).forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
-        const s = c.createElement("style");
-        s.textContent = e.textContent || "", Array.from(e.attributes).forEach((p) => {
-          s.setAttribute(p.name, p.value);
-        }), v.push(s);
+        const s = a.createElement("style");
+        s.textContent = e.textContent || "", Array.from(e.attributes).forEach((m) => {
+          s.setAttribute(m.name, m.value);
+        }), x.push(s);
       } else {
-        const s = c.createElement("script");
-        Array.from(e.attributes).forEach((p) => {
-          s.setAttribute(p.name, p.value);
-        }), s.textContent = e.textContent || "", v.push(s);
+        const s = a.createElement("script");
+        Array.from(e.attributes).forEach((m) => {
+          s.setAttribute(m.name, m.value);
+        }), s.textContent = e.textContent || "", x.push(s);
       }
       e.remove();
-    }), re(m, M);
-    const q = v.some(
+    }), re(h, k);
+    const q = x.some(
       (e) => e.tagName.toLowerCase() === "style"
-    ), z = v.some(
+    ), z = x.some(
       (e) => e.tagName.toLowerCase() === "script"
     );
-    q && (x.current = !0, D.current = performance.now(), u(y), w(!0)), z && (b.current = !0, G.current = performance.now(), u(g), S(!0)), !!m.firstElementChild && (H.current = !0);
-    const X = Array.from(m.childNodes);
-    n.replaceChildren(...X), v.forEach((e) => {
+    q && (b.current = !0, G.current = performance.now(), u(y), v(!0)), z && (w.current = !0, H.current = performance.now(), u(g), S(!0)), !!h.firstElementChild && (B.current = !0);
+    const X = Array.from(h.childNodes);
+    r.replaceChildren(...X), x.forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
-        c.head?.appendChild(e), k.current.push(e);
+        a.head?.appendChild(e), T.current.push(e);
         return;
       }
       if (P) {
-        const s = e, p = s.textContent || "";
+        const s = e, m = s.textContent || "";
         if (!s.src)
           try {
-            new Function(p);
+            new Function(m);
           } catch {
             s.remove();
             return;
           }
         try {
-          l.appendChild(s), T.current.push(s);
+          l.appendChild(s), _.current.push(s);
         } catch {
           s.remove();
         }
       } else
         e.remove();
-    }), B && n.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(), requestAnimationFrame(() => {
+    }), D && r.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(), requestAnimationFrame(() => {
       q && L(
-        w,
+        v,
         y,
-        D,
+        G,
         () => {
-          x.current = !1;
+          b.current = !1;
         }
       ), z && L(
         S,
         g,
-        G,
+        H,
         () => {
-          b.current = !1;
+          w.current = !1;
         }
       );
     });
-  }, [a, o, B]), R(
+  }, [c, o, D]), R(
     () => () => {
       u(y), u(g);
     },
     []
   ), R(() => {
-    N && (u(y), u(g), x.current = !1, b.current = !1, w(!1), S(!1));
+    N && (u(y), u(g), b.current = !1, w.current = !1, v(!1), S(!1));
   }, [N]);
-  const E = N ? null : $ || b.current ? f || "Building scripts cache..." : U || x.current ? t || "Building styles..." : null, _ = r === "blackboard", C = _ && h, Q = {
+  const E = N ? null : $ || w.current ? f || "Building scripts cache..." : V || b.current ? t || "Building styles..." : null, M = n === "blackboard", C = M && p, Q = {
     position: "relative",
     width: "100%",
     height: "100%",
     display: "flex",
     flexDirection: "column",
     // Keep blackboard scroll behavior while centering content in non-blackboard mode
-    justifyContent: C ? "flex-start" : _ ? "space-around" : "flex-start"
+    justifyContent: C ? "flex-start" : M ? "space-around" : "flex-start"
   }, J = {
     pointerEvents: E ? "none" : void 0,
-    margin: _ ? void 0 : "auto 0",
+    margin: M ? void 0 : "auto 0",
     width: "100%",
     height: C ? "100%" : void 0,
     minHeight: C ? 0 : void 0,
@@ -178,7 +179,6 @@ const Z = [
     "div",
     {
       "data-root-vh": d ? "true" : "false",
-      "data-mode": r,
       className: "sandbox-wrapper",
       style: Q,
       "aria-busy": !!E,